diff --git a/examples/react/src/config.ts b/examples/react/src/config.ts index df5e51dd7..8e2215108 100644 --- a/examples/react/src/config.ts +++ b/examples/react/src/config.ts @@ -72,6 +72,7 @@ export const passportInstance = new passport.Passport({ environment: Environment.SANDBOX, publishableKey: 'pk_imapik-test-VEMeW7wUX7hE7LHg3FxY' }, + forceScwDeployBeforeMessageSignature: true, clientId: 'ap8Gv3188GLFROiBFBNFz77DojRpqxnS', redirectUri: `${window.location.origin}/web-sdk/auth/callback`, audience: 'platform_api', diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts index 3965d605a..b7ebd83b6 100644 --- a/packages/connect/src/styles.ts +++ b/packages/connect/src/styles.ts @@ -302,6 +302,9 @@ export const styles = String.raw` .my-4 { margin-block: calc(var(--spacing) * 4); } + .mt-0 { + margin-top: calc(var(--spacing) * 0); + } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } @@ -383,6 +386,9 @@ export const styles = String.raw` .inline-flex { display: inline-flex; } + .table { + display: table; + } .aspect-square { aspect-ratio: 1 / 1; } @@ -476,6 +482,9 @@ export const styles = String.raw` .min-h-full { min-height: 100%; } + .w-1 { + width: calc(var(--spacing) * 1); + } .w-1\/2 { width: calc(1/2 * 100%); } @@ -551,6 +560,9 @@ export const styles = String.raw` .w-screen { width: 100vw; } + .max-w-1 { + max-width: calc(var(--spacing) * 1); + } .max-w-1\/2 { max-width: calc(1/2 * 100%); } @@ -575,12 +587,21 @@ export const styles = String.raw` .min-w-full { min-width: 100%; } + .flex-shrink { + flex-shrink: 1; + } .shrink-0 { flex-shrink: 0; } + .flex-grow { + flex-grow: 1; + } .grow { flex-grow: 1; } + .border-collapse { + border-collapse: collapse; + } .origin-top { transform-origin: top; } @@ -922,6 +943,9 @@ export const styles = String.raw` .pt-0 { padding-top: calc(var(--spacing) * 0); } + .pt-1 { + padding-top: calc(var(--spacing) * 1); + } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } @@ -1191,6 +1215,9 @@ export const styles = String.raw` .ring-border-normal { --tw-ring-color: var(--seq-color-border-normal); } + .ring-white { + --tw-ring-color: var(--color-white); + } .ring-white\/10 { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } @@ -1226,6 +1253,10 @@ export const styles = String.raw` -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } + .backdrop-filter { + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); diff --git a/packages/immutable-connector/README.md b/packages/immutable-connector/README.md index e45bd6fbb..4ccbd0cff 100644 --- a/packages/immutable-connector/README.md +++ b/packages/immutable-connector/README.md @@ -19,12 +19,15 @@ First, an Immutable Passport instance must be created with valid and correctly c Note, that the application will need a callback route configured similarly to this example: https://github.com/immutable/ts-immutable-sdk/blob/main/examples/passport/login-with-nextjs/src/app/redirect/page.tsx +Also, the `forceScwDeployBeforeMessageSignature` parameter must be set to true for the signing of message to work for new users. + ```js export const passportInstance = new passport.Passport({ baseConfig: { environment: Environment.SANDBOX, publishableKey: 'my_publisheable_key' }, + forceScwDeployBeforeMessageSignature: true, clientId: 'my_client_id', redirectUri: `${window.location.origin}/auth/callback`, audience: 'platform_api',