From 80b8f82d03bf3c82c3b8f6222352c4f68c0b8f5e Mon Sep 17 00:00:00 2001 From: Vojtech Novak Date: Mon, 8 Jun 2026 21:32:28 +0200 Subject: [PATCH 1/2] docs: move CreemEmbeddedCheckout --- docs/install.mdx | 4 ---- docs/{license.md => license.mdx} | 4 ++++ 2 files changed, 4 insertions(+), 4 deletions(-) rename docs/{license.md => license.mdx} (61%) diff --git a/docs/install.mdx b/docs/install.mdx index 50a21a3..d9d5d71 100644 --- a/docs/install.mdx +++ b/docs/install.mdx @@ -3,8 +3,6 @@ sidebar_position: 1 description: 'Install `@react-native-google-signin/google-signin`. Covers paid (Universal Sign In) and free (Original) versions, requirements, and package manager setup.' --- -import CreemEmbeddedCheckout from '@site/src/components/CreemEmbeddedCheckout'; - # Installation The recommended option is [Universal Sign In](https://universal-sign-in.com) (paid). A free legacy version is also available — see [below](#public-version-free) for the differences. If you are an EAS customer, you may be able to access the paid version for free, [learn more](https://forms.gle/tpP7TfUGW1CwgaEZ8). @@ -13,8 +11,6 @@ Why paid? According to the [State of React Native Survey](https://results.2024.s [//]: # '🌟' - - ### Universal Sign In (premium) {/* #premium */} ⭐️ **Key Features**: diff --git a/docs/license.md b/docs/license.mdx similarity index 61% rename from docs/license.md rename to docs/license.mdx index b8db17c..86fc534 100644 --- a/docs/license.md +++ b/docs/license.mdx @@ -2,8 +2,12 @@ sidebar_position: 80 --- +import CreemEmbeddedCheckout from '@site/src/components/CreemEmbeddedCheckout'; + # License + + The Original module is licensed as MIT, the Universal sign in module has [this license](https://universal-sign-in.com/license). Please [get in touch](mailto:hello@universal-sign-in.com) if you have any questions or concerns about the license! From 785d165f817d18c7d2dd53dfceb1f40665cab101 Mon Sep 17 00:00:00 2001 From: Vojtech Novak Date: Mon, 8 Jun 2026 21:35:20 +0200 Subject: [PATCH 2/2] docs: add CreemPaymentLink --- docs/install.mdx | 4 ++ src/components/CreemPaymentLink/index.tsx | 29 +++++++++++++++ src/components/CreemPaymentLink/styles.css | 43 ++++++++++++++++++++++ 3 files changed, 76 insertions(+) create mode 100644 src/components/CreemPaymentLink/index.tsx create mode 100644 src/components/CreemPaymentLink/styles.css diff --git a/docs/install.mdx b/docs/install.mdx index d9d5d71..6a66496 100644 --- a/docs/install.mdx +++ b/docs/install.mdx @@ -3,6 +3,8 @@ sidebar_position: 1 description: 'Install `@react-native-google-signin/google-signin`. Covers paid (Universal Sign In) and free (Original) versions, requirements, and package manager setup.' --- +import CreemPaymentLink from '@site/src/components/CreemPaymentLink'; + # Installation The recommended option is [Universal Sign In](https://universal-sign-in.com) (paid). A free legacy version is also available — see [below](#public-version-free) for the differences. If you are an EAS customer, you may be able to access the paid version for free, [learn more](https://forms.gle/tpP7TfUGW1CwgaEZ8). @@ -11,6 +13,8 @@ Why paid? According to the [State of React Native Survey](https://results.2024.s [//]: # '🌟' + + ### Universal Sign In (premium) {/* #premium */} ⭐️ **Key Features**: diff --git a/src/components/CreemPaymentLink/index.tsx b/src/components/CreemPaymentLink/index.tsx new file mode 100644 index 0000000..2b05e38 --- /dev/null +++ b/src/components/CreemPaymentLink/index.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import './styles.css'; + +type CreemPaymentLinkProps = { + paymentUrl: string; +}; + +export default function CreemPaymentLink({ paymentUrl }: CreemPaymentLinkProps) { + return ( +
+
+

Universal Sign In license

+

Ready to install Universal Sign In?

+

+ Buy a license, then use the private npm registry setup below to add + the package to your app. +

+
+ + Buy license + +
+ ); +} diff --git a/src/components/CreemPaymentLink/styles.css b/src/components/CreemPaymentLink/styles.css new file mode 100644 index 0000000..ebf3c9d --- /dev/null +++ b/src/components/CreemPaymentLink/styles.css @@ -0,0 +1,43 @@ +.creem-payment { + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 1rem; + margin: 2rem 0; + padding: 1rem; + border: 1px solid var(--ifm-color-emphasis-300); + border-radius: 8px; + background: var(--ifm-background-surface-color); +} + +.creem-payment__eyebrow { + margin: 0 0 0.25rem; + color: var(--ifm-color-primary); + font-size: 0.78rem; + font-weight: 700; + letter-spacing: 0.04em; + text-transform: uppercase; +} + +.creem-payment h2 { + max-width: 32rem; + margin: 0 0 0.5rem; +} + +.creem-payment p { + margin: 0; +} + +.creem-payment__button { + flex-shrink: 0; +} + +@media (max-width: 700px) { + .creem-payment { + flex-direction: column; + } + + .creem-payment__button { + width: 100%; + } +}