@stytch/react 20.0.0-next.2 → 20.0.0-next.4

package/dist/cjs/index.cjs

@@ -4,7 +4,7 @@ var index_headless = require('./index.headless.cjs');
 var React = require('react');
 var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-DV31RTL_.js');
 var StytchSSRProxy = require('./StytchSSRProxy-Bz6LNYdq.js');
-var shadcn = require('./shadcn-B8TEzQMT.js');
+var shadcn = require('./shadcn-aVU6Lm9q.js');
 var idpHelpers = require('./idpHelpers-Bj_7pbfW.js');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -147,7 +147,7 @@ const withStytchSession$1 = (Component)=>{
  *
  * Remember - authorization checks for sensitive actions should always occur on the backend as well.
  * @example
- * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * const { isAuthorized } = useStytchIsAuthorized('documents', 'edit');
  * return <button disabled={!isAuthorized}>Edit</button>
  */ const useStytchIsAuthorized$1 = (resourceId, action)=>{
     passwordManagerDisableAutofillProps.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('useStytchIsAuthorized', 'StytchProvider'));
@@ -1438,7 +1438,7 @@ const AppContainer$1 = ()=>{
     }), /*#__PURE__*/ React__namespace.default.createElement(ScreenComponent, null));
 };
 
-const AppContainer = ({ client, config, presentation, callbacks, strings })=>{
+const AppContainer = ({ client, config, presentation, callbacks, strings, styles })=>{
     // Read the watermark out of sync storage, then read it out of async storage
     const [displayWatermark, setDisplayWatermark] = React.useState(()=>{
         const { displayWatermark } = StytchSSRProxy.readB2CInternals(client).bootstrap.getSync();
@@ -1539,7 +1539,7 @@ function createB2CComponent(name, Component) {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchLogin = createB2CComponent('StytchLogin', AppContainer);
+ */ const StytchLogin = /* @__PURE__ */ createB2CComponent('StytchLogin', AppContainer);
 
 const GenericWalletIcon = ({ size = shadcn.DEFAULT_ICON_SIZE, ...props })=>/*#__PURE__*/ React__namespace.default.createElement("svg", {
         width: size,
@@ -1894,285 +1894,6 @@ function requireBs58 () {
 
 var bs58Exports = requireBs58();
 
-const AmazonIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#F90",
-        d: "M16.5 15.53C9.2 19 4.69 16.1 1.8 14.33c-.19-.1-.5.03-.23.34.97 1.17 4.13 3.98 8.25 3.98s6.59-2.25 6.9-2.64c.3-.4.08-.6-.22-.48m2.04-1.13c-.2-.25-1.19-.3-1.81-.22s-1.57.45-1.49.68c.04.09.13.05.56.01s1.64-.2 1.9.14c.25.33-.4 1.9-.51 2.16s.04.32.25.15.6-.6.85-1.23c.25-.62.4-1.5.25-1.69"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        fillRule: "evenodd",
-        d: "M11.6 8.46c0 .9.02 1.67-.44 2.47-.37.66-.96 1.06-1.62 1.06-.9 0-1.42-.68-1.42-1.69 0-1.99 1.79-2.35 3.48-2.35zm2.35 5.69a.5.5 0 0 1-.55.05c-.78-.64-.91-.94-1.34-1.55-1.28 1.3-2.19 1.7-3.85 1.7-1.96 0-3.5-1.22-3.5-3.64 0-1.9 1.03-3.19 2.5-3.82 1.26-.56 3.03-.66 4.39-.81v-.3c0-.56.04-1.22-.29-1.7-.28-.43-.83-.6-1.3-.6-.9 0-1.7.45-1.89 1.4-.04.21-.19.42-.4.43l-2.27-.25c-.19-.04-.4-.2-.34-.49C5.63 1.83 8.1 1 10.33 1c1.13 0 2.62.3 3.52 1.16 1.13 1.06 1.02 2.48 1.02 4.02v3.64c0 1.1.46 1.57.88 2.16.16.21.19.47 0 .63-.48.4-1.33 1.13-1.8 1.55z",
-        clipRule: "evenodd",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-
-const AppleIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        d: "M16.55 7.14c-.1.08-1.86 1.12-1.86 3.43A4 4 0 0 0 17 14.2c0 .06-.35 1.3-1.18 2.56-.74 1.1-1.5 2.21-2.67 2.21s-1.47-.7-2.82-.7c-1.32 0-1.79.73-2.86.73S5.66 17.97 4.8 16.7c-1-1.48-1.8-3.78-1.8-5.96C3 7.25 5.17 5.4 7.31 5.4c1.14 0 2.09.78 2.8.78.68 0 1.74-.83 3.03-.83.5 0 2.26.05 3.41 1.79m-4.02-3.27c.53-.66.91-1.59.91-2.5q0-.22-.03-.37c-.87.03-1.9.6-2.53 1.36-.49.59-.95 1.5-.95 2.44 0 .14.03.28.04.33l.23.02c.78 0 1.76-.54 2.33-1.28",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-
-const BinanceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#F3BA2F",
-        d: "m6.43 8.56 3.5-3.5 3.49 3.5 2.03-2.03L9.92 1 4.4 6.53zM4.99 10 2.96 7.97.92 10l2.04 2.03zM6.43 11.44l3.5 3.5 3.49-3.5 2.03 2.03L9.92 19 4.4 13.47zM16.89 12.03 18.92 10 16.9 7.97 14.85 10z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#F3BA2F",
-        d: "M11.99 10 9.92 7.93 8.4 9.46l-.18.18-.36.36 2.06 2.07z"
-    }));
-
-const BitbucketIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#1868DB",
-        d: "m17.96 9.14-1.34 8.08a.9.9 0 0 1-.93.78H4.3a.9.9 0 0 1-.93-.78L1.02 2.81c-.1-.5.17-.81.64-.81h16.68c.47 0 .73.32.64.8l-.64 3.8c-.09.55-.4.78-.93.78H7.37q-.23 0-.2.26l.79 4.78q.05.18.23.2h3.62q.17-.02.23-.2l.56-3.46c.05-.43.35-.6.75-.6h3.94c.58 0 .76.29.67.78"
-    }));
-
-const CoinbaseIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#0052FF",
-        d: "M10.02 14.5a4.5 4.5 0 1 1 4.44-5.25H19a9 9 0 1 0 0 1.5h-4.54a4.5 4.5 0 0 1-4.44 3.75"
-    }));
-
-const DiscordIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#5865F2",
-        d: "M12.53 3q-.26.44-.47.92a15 15 0 0 0-4.12 0q-.21-.47-.48-.92-1.93.3-3.72 1.1a13.8 13.8 0 0 0-2.66 9.72Q3.15 15.28 5.63 16q.56-.72.98-1.5a10 10 0 0 1-1.54-.7l.38-.27c2.88 1.3 6.22 1.3 9.1 0q.19.15.38.27a10 10 0 0 1-1.54.7q.41.8.98 1.5 2.48-.7 4.55-2.18c.38-3.69-.64-6.89-2.67-9.73a15 15 0 0 0-3.71-1.08zm-5.52 8.86c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.9 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72m5.98 0c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.91 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72"
-    }));
-
-const FacebookIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#0866FF",
-        d: "M19 10a9 9 0 1 0-11.17 8.73v-5.98H5.97V10h1.86V8.81c0-3.06 1.38-4.48 4.39-4.48.57 0 1.55.11 1.96.23v2.49q-.35-.03-1.04-.03c-1.48 0-2.05.55-2.05 2V10h2.94l-.5 2.75h-2.44v6.18A9 9 0 0 0 19 10"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "m13.53 12.75.5-2.75h-2.94v-.97c0-1.46.57-2.01 2.05-2.01q.7 0 1.04.03v-2.5a10 10 0 0 0-1.96-.22c-3 0-4.4 1.42-4.4 4.48V10H5.98v2.75h1.86v5.98a9 9 0 0 0 3.26.2v-6.18z"
-    }));
-
-const FigmaIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#24CB71",
-        d: "M4 16a3 3 0 0 1 3-3h3v3a3 3 0 0 1-6 0"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF7237",
-        d: "M10 1v6h3a3 3 0 0 0 0-6z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#00B6FF",
-        d: "M12.98 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF3737",
-        d: "M4 4a3 3 0 0 0 3 3h3V1H7a3 3 0 0 0-3 3"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#874FFF",
-        d: "M4 10a3 3 0 0 0 3 3h3V7H7a3 3 0 0 0-3 3"
-    }));
-
-const GitlabIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#E24329",
-        d: "m18.7 8.2-.03-.07-2.45-6.4A.65.65 0 0 0 15 1.8l-1.65 5.07h-6.7L5 1.8a.64.64 0 0 0-.97-.37.6.6 0 0 0-.25.3l-2.45 6.4-.03.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FC6D26",
-        d: "m18.7 8.2-.03-.07a8 8 0 0 0-3.29 1.48L10 13.68l3.43 2.59 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FCA326",
-        d: "m6.57 16.27 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4s-1.6-1.2-3.43-2.6c-1.83 1.4-3.43 2.6-3.43 2.6"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FC6D26",
-        d: "M4.62 9.61a8 8 0 0 0-3.3-1.48l-.02.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8s1.6-1.2 3.43-2.6z"
-    }));
-
-const LinkedinIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#007EBB",
-        fillRule: "evenodd",
-        d: "M3 19h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2",
-        clipRule: "evenodd"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        fillRule: "evenodd",
-        d: "M16.5 16.5h-2.67v-4.55c0-1.25-.48-1.94-1.46-1.94-1.08 0-1.64.72-1.64 1.94v4.55H8.16V7.83h2.57V9s.78-1.43 2.62-1.43c1.83 0 3.15 1.12 3.15 3.44zM5.09 6.7A1.6 1.6 0 0 1 3.5 5.1c0-.88.71-1.6 1.59-1.6.87 0 1.58.72 1.58 1.6s-.7 1.6-1.58 1.6m-1.33 9.8h2.68V7.83H3.76z",
-        clipRule: "evenodd"
-    }));
-
-const MetamaskIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF5C16",
-        d: "m17.82 18.08-3.88-1.15-2.92 1.75H8.98l-2.93-1.75-3.87 1.15L1 14.1 2.18 9.7 1 5.95l1.18-4.63 6.05 3.62h3.54l6.05-3.62L19 5.95 17.82 9.7 19 14.1z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF5C16",
-        d: "m2.18 1.32 6.06 3.62-.25 2.49zM6.06 14.1l2.66 2.03-2.66.8zM8.5 10.75 8 7.43 4.71 9.69V12l1.33-1.26zM17.82 1.32l-6.05 3.62.24 2.49zM13.95 14.1l-2.67 2.03 2.67.8zM15.29 9.69 12 7.43l-.52 3.32h2.46L15.28 12z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#E34807",
-        d: "m6.05 16.93-3.87 1.15L1 14.1h5.05zM8.5 10.75l.75 4.8-1.03-2.67-3.5-.87 1.33-1.26zM13.95 16.93l3.87 1.15L19 14.1h-5.05zM11.5 10.75l-.75 4.8 1.03-2.67 3.5-.87-1.33-1.26z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF8D5D",
-        d: "M1 14.1 2.18 9.7H4.7L4.72 12l3.5.87 1.03 2.66-.53.6-2.67-2.04zM19 14.1 17.82 9.7H15.3L15.28 12l-3.5.87-1.03 2.66.53.6 2.67-2.04z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF8D5D",
-        d: "M11.77 4.94H8.23L8 7.43l1.26 8.11h1.5l1.26-8.11z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#661800",
-        d: "M2.18 1.32 1 5.95 2.18 9.7H4.7L8 7.43zM7.77 11.71H6.62l-.62.61 2.22.56zM17.82 1.32 19 5.95 17.82 9.7H15.3L12 7.43zM12.23 11.71h1.15l.62.62-2.22.55zM11.02 17.1l.26-.97-.53-.58h-1.5l-.53.58.26.96"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#C0C4CD",
-        d: "M11.02 17.1v1.58H8.98v-1.59z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#E7EBF6",
-        d: "m6.06 16.93 2.92 1.75v-1.59l-.26-.96zM13.95 16.93l-2.93 1.75v-1.59l.26-.96z"
-    }));
-
-const PhantomIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#AB9FF2",
-        d: "M3.13 17.5c2.3 0 4.02-2 5.05-3.58q-.19.53-.2 1.04c0 .92.54 1.58 1.58 1.58 1.44 0 2.97-1.26 3.76-2.62a2 2 0 0 0-.08.55c0 .64.36 1.04 1.1 1.04 2.32 0 4.66-4.12 4.66-7.73 0-2.8-1.42-5.28-4.98-5.28C7.75 2.5 1 10.16 1 15.11c0 1.94 1.04 2.39 2.13 2.39m8.73-10.02c0-.7.39-1.2.96-1.2s.95.5.95 1.2-.4 1.2-.95 1.2c-.57 0-.96-.5-.96-1.2m2.98 0c0-.7.39-1.2.96-1.2.55 0 .94.5.94 1.2s-.38 1.2-.94 1.2c-.57 0-.96-.5-.96-1.2"
-    }));
-
-const SalesforceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#00A1E0",
-        fillRule: "evenodd",
-        d: "M8.49 4.92a3.1 3.1 0 0 1 2.28-1.01c1.2 0 2.22.68 2.78 1.7q.75-.35 1.57-.35c2.14 0 3.88 1.8 3.88 4.04a3.96 3.96 0 0 1-4.65 3.96c-.49.9-1.42 1.5-2.47 1.5q-.65 0-1.25-.3a3.2 3.2 0 0 1-2.97 2.04c-1.4 0-2.58-.9-3.04-2.18q-.3.06-.62.06c-1.66 0-3-1.4-3-3.13 0-1.16.6-2.17 1.5-2.71a4 4 0 0 1-.29-1.44c0-1.99 1.57-3.6 3.5-3.6 1.13 0 2.15.56 2.78 1.42",
-        clipRule: "evenodd"
-    }));
-
-const SnapchatIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "M17.72 14.26c-2.78-1.35-3.23-3.43-3.25-3.59-.02-.18-.05-.33.16-.52.2-.19 1.08-.73 1.32-.9q.63-.41.46-.92c-.1-.24-.32-.33-.56-.33l-.22.03c-.44.1-.87.32-1.12.38h-.1q-.19.02-.17-.21c.03-.49.1-1.44.02-2.32a3.7 3.7 0 0 0-.96-2.36A4.3 4.3 0 0 0 10 2.14a4.3 4.3 0 0 0-3.3 1.37 3.7 3.7 0 0 0-.96 2.36c-.08.89 0 1.84.02 2.33q.01.22-.17.22l-.1-.02c-.24-.06-.68-.28-1.12-.38L4.15 8c-.24 0-.46.1-.55.33-.14.35.04.63.45.91.24.17 1.13.72 1.33.9.2.2.18.34.15.53-.02.16-.46 2.24-3.25 3.59-.16.08-.44.24.05.51.77.43 1.28.38 1.68.64.34.22.14.69.38.86.3.2 1.2-.02 2.35.36.96.32 1.55 1.22 3.26 1.22s2.32-.9 3.27-1.22c1.15-.38 2.04-.16 2.34-.36.25-.17.05-.64.39-.86.4-.26.9-.21 1.68-.64.48-.26.2-.43.04-.5",
-        className: shadcn.modules_73af8a26.darkInvert
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        d: "M18.94 14.1a1.3 1.3 0 0 0-.64-.67l-.14-.07-.24-.13a5.4 5.4 0 0 1-1.97-1.68 4 4 0 0 1-.33-.6q-.06-.16-.01-.23l.1-.12.82-.53q.52-.36.74-.8a1.6 1.6 0 0 0 .08-1.3c-.23-.6-.8-.98-1.5-.98a2 2 0 0 0-.54.08q.01-.64-.04-1.29a4.83 4.83 0 0 0-2.44-3.93A5.6 5.6 0 0 0 10 1.15a5.6 5.6 0 0 0-2.82.72 4.8 4.8 0 0 0-2.44 3.93q-.06.66-.04 1.28a3 3 0 0 0-.55-.08 1.54 1.54 0 0 0-1.6 1.65q.01.33.18.64.23.43.74.8l.42.27.38.25q.08.04.12.12.05.07-.01.24-.14.3-.33.59a5.4 5.4 0 0 1-1.91 1.65c-.43.23-.89.39-1.08.9-.14.4-.05.84.32 1.21q.2.21.46.35.53.3 1.12.45.13.03.23.1c.13.12.12.3.3.55q.13.2.33.34c.37.26.78.27 1.23.3.4 0 .85.02 1.37.2q.3.11.7.36c.61.38 1.46.9 2.88.9s2.27-.52 2.9-.9q.37-.25.68-.36c.52-.17.97-.2 1.37-.2.44-.02.86-.04 1.23-.3q.24-.16.38-.41c.13-.22.13-.37.25-.47l.21-.1a5 5 0 0 0 1.14-.46q.28-.15.48-.37v-.01c.35-.37.44-.8.3-1.18m-1.27.68c-.77.42-1.28.38-1.67.64-.34.21-.14.68-.39.85-.3.21-1.2-.01-2.34.37-.95.31-1.56 1.21-3.27 1.21-1.7 0-2.3-.9-3.27-1.22-1.15-.38-2.04-.15-2.34-.36-.25-.17-.05-.64-.38-.86-.4-.25-.91-.2-1.68-.63-.5-.27-.21-.44-.05-.52 2.79-1.35 3.23-3.43 3.25-3.58.02-.2.05-.34-.16-.53-.2-.18-1.08-.73-1.32-.9-.4-.28-.59-.57-.46-.91.1-.25.32-.34.56-.34l.22.03c.44.1.87.32 1.12.38l.1.01q.19 0 .17-.22c-.03-.49-.1-1.43-.02-2.32.1-1.22.5-1.83.96-2.36A4.3 4.3 0 0 1 10 2.15a4.3 4.3 0 0 1 3.3 1.36c.46.54.86 1.14.96 2.36.08.89.01 1.84-.02 2.33q-.01.23.17.22l.1-.02c.24-.06.68-.28 1.12-.38l.22-.02c.24 0 .46.1.56.33q.17.5-.46.91c-.24.17-1.13.72-1.32.9-.21.2-.18.34-.16.53.02.16.46 2.24 3.25 3.59.17.08.44.25-.05.52",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-
-const TiktokIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#161823",
-        fillRule: "evenodd",
-        d: "M11.38 1.79h2.3A4.42 4.42 0 0 0 18 5.3v.68l.01 2.41a7.6 7.6 0 0 1-4.39-1.38v6.28c0 3.14-2.6 5.7-5.8 5.7a6 6 0 0 1-3.33-1.03A5.7 5.7 0 0 1 2 13.3a5.76 5.76 0 0 1 6.59-5.64v3.16q-.37-.11-.78-.12a2.63 2.63 0 0 0-2.66 2.6c0 1 .58 1.87 1.43 2.3q.55.3 1.23.3c1.42 0 2.59-1.1 2.64-2.5V1h3.16q0 .4.08.79z",
-        clipRule: "evenodd",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-
-const TwitchIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "m16.25 9.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#9146FF",
-        d: "M5.63 1 2.5 4.21V15.8h3.75V19l3.13-3.21h2.5L17.5 10V1zm10.62 8.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#9146FF",
-        d: "M14.38 4.54h-1.26v3.85h1.26zM10.94 4.54H9.69v3.85h1.25z"
-    }));
-
-const XTwitterIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        d: "M11.67 8.62 18.23 1h-1.55l-5.7 6.61L6.44 1H1.2l6.87 10-6.87 8h1.55l6.01-7 4.8 7h5.24zm-2.12 2.47-.7-1-5.54-7.92H5.7l4.47 6.4.7 1 5.8 8.3H14.3z",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-
-const YahooIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#5F01D2",
-        fillRule: "evenodd",
-        d: "M1 5.74 4.92 15l-1.4 3.33h3.44l5.23-12.6H8.76l-2.13 5.4-2.1-5.4zm9.47 7.24c0 1.16.9 2.1 2.1 2.1 1.25 0 2.19-.98 2.19-2.17 0-1.18-.9-2.11-2.11-2.11-1.25 0-2.18 1-2.18 2.18m4.68-11.31L11.7 9.99h3.85L19 1.67z",
-        clipRule: "evenodd"
-    }));
-
 const hasMultipleEthereumWallets = ()=>!!window.ethereum?.providers;
 const hasMetaMask = ()=>!!(hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum.isMetaMask);
 const hasCoinbaseWallet = ()=>!!(hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum?.isCoinbaseWallet);
@@ -2180,13 +1901,22 @@ const hasOtherEthereumWallet = ()=>!hasMetaMask() && !hasCoinbaseWallet() && !!w
 const getMetaMaskProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum;
 const getCoinbaseProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum;
 const getOtherInjectedProvider = ()=>window.ethereum.providers?.find((wallet)=>!wallet.isCoinbaseWallet && !wallet.isMetaMask);
-const WalletToIcon = {
-    [StytchSSRProxy.Wallets.Phantom]: PhantomIcon,
-    [StytchSSRProxy.Wallets.Binance]: BinanceIcon,
-    [StytchSSRProxy.Wallets.Coinbase]: CoinbaseIcon,
-    [StytchSSRProxy.Wallets.Metamask]: MetamaskIcon,
-    [StytchSSRProxy.Wallets.GenericEthereumWallet]: GenericWalletIcon,
-    [StytchSSRProxy.Wallets.GenericSolanaWallet]: GenericWalletIcon
+const walletIcons = {
+    [StytchSSRProxy.Wallets.Phantom]: 'phantom',
+    [StytchSSRProxy.Wallets.Binance]: 'binance',
+    [StytchSSRProxy.Wallets.Coinbase]: 'coinbase',
+    [StytchSSRProxy.Wallets.Metamask]: 'metamask'
+};
+const useCryptoButtonProps = ()=>{
+    const presentation = shadcn.usePresentation();
+    const iconRegistry = presentation.iconRegistry;
+    return {
+        getIcon: (wallet)=>{
+            const iconName = walletIcons[wallet];
+            return iconName ? iconRegistry[iconName] : GenericWalletIcon;
+        },
+        getId: (wallet)=>shadcn.getButtonId(`wallet-${wallet}`, presentation.options)
+    };
 };
 const WalletToText = {
     [StytchSSRProxy.Wallets.Phantom]: {
@@ -2333,10 +2063,6 @@ const isSolanaWallet = (wallet)=>{
 };
 
 const MAX_BUTTONS = 6;
-const WalletIconComponent = ({ wallet })=>{
-    const Icon = WalletToIcon[wallet];
-    return /*#__PURE__*/ React__namespace.createElement(Icon, null);
-};
 const walletMessages = {
     [StytchSSRProxy.Wallets.Phantom]: {
         id: "crypto.wallet.continueWithPhantom",
@@ -2367,6 +2093,7 @@ const CryptoWalletButtons = ({ type })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     const [state, dispatch] = useGlobalReducer();
     const config = useConfig();
+    const { getIcon, getId } = useCryptoButtonProps();
     const oAuthOptions = config.oauthOptions?.providers.length ?? 0;
     // Crypto Buttons on screen = Maximum Buttons - OAuth Buttons - 1 (Other crypto or set up new wallet)
     const cryptoButtonsOnMainScreen = MAX_BUTTONS - oAuthOptions - 1;
@@ -2388,22 +2115,24 @@ const CryptoWalletButtons = ({ type })=>{
     const mainWallets = allDetectedWallets.slice(0, cryptoButtonsOnMainScreen);
     const otherWallet = allDetectedWallets.slice(cryptoButtonsOnMainScreen);
     const walletsToRender = type === 'main' ? mainWallets : otherWallet;
-    return /*#__PURE__*/ React__namespace.createElement(shadcn.ButtonColumn, null, walletsToRender.map((wallet)=>/*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
+    return /*#__PURE__*/ React__namespace.createElement(shadcn.ButtonColumn, null, walletsToRender.map((wallet)=>{
+        const walletEnum = StytchSSRProxy.Wallets[wallet];
+        const Icon = getIcon(walletEnum);
+        return /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
             key: wallet,
             variant: "outline",
-            icon: /*#__PURE__*/ React__namespace.createElement(WalletIconComponent, {
-                wallet: StytchSSRProxy.Wallets[wallet]
-            }),
-            onClick: ()=>onWalletStart(StytchSSRProxy.Wallets[wallet])
-        }, type === 'main' ? $__i18n._(walletMessages[StytchSSRProxy.Wallets[wallet]]) : $__i18n._(WalletToText[StytchSSRProxy.Wallets[wallet]]))), renderOtherScreenButton && type === 'main' ? /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
+            icon: /*#__PURE__*/ React__namespace.createElement(Icon, null),
+            onClick: ()=>onWalletStart(walletEnum),
+            id: getId(walletEnum)
+        }, type === 'main' ? $__i18n._(walletMessages[walletEnum]) : $__i18n._(WalletToText[walletEnum]));
+    }), renderOtherScreenButton && type === 'main' ? /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
         variant: "outline",
-        icon: /*#__PURE__*/ React__namespace.createElement(WalletIconComponent, {
-            wallet: StytchSSRProxy.Wallets.GenericEthereumWallet
-        }),
+        icon: /*#__PURE__*/ React__namespace.createElement(GenericWalletIcon, null),
         onClick: ()=>dispatch({
                 type: 'transition',
                 screen: AppScreens.CryptoOtherScreen
-            })
+            }),
+        id: getId(StytchSSRProxy.Wallets.GenericEthereumWallet)
     }, $__i18n._({
         id: "crypto.wallet.continueWithOtherWallet",
         message: "Continue with other Crypto Wallet"
@@ -3742,7 +3471,9 @@ const providerInfo = {
 const OAuthButton = ({ providerType, loginRedirectUrl, signupRedirectUrl, customScopes, providerParams, onSuccess })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     const stytchClient = useStytch();
-    const iconRegistry = shadcn.usePresentation().iconRegistry;
+    const presentation = shadcn.usePresentation();
+    const iconRegistry = presentation.iconRegistry;
+    const id = shadcn.getButtonId(`oauth-${providerType}`, presentation.options);
     const provider = providerInfo[providerType];
     let label = providerType;
     let icon = null;
@@ -3765,7 +3496,8 @@ const OAuthButton = ({ providerType, loginRedirectUrl, signupRedirectUrl, custom
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         onClick: onButtonClick,
         variant: "outline",
-        icon: icon
+        icon: icon,
+        id: id
     }, label);
 };
 
@@ -5027,7 +4759,7 @@ var css$1 = ".EditableRow_module_row__4e3b092b{align-items:center;display:flex;g
 shadcn.collectCss(css$1);
 var modules_20f268b7 = {"row":"EditableRow_module_row__4e3b092b","input":"EditableRow_module_input__4e3b092b","actions":"EditableRow_module_actions__4e3b092b"};
 
-const commonButtonProps$1 = {
+const commonButtonProps = {
     block: false,
     variant: 'ghost'
 };
@@ -5081,7 +4813,7 @@ const EditableRow = ({ id, name, className, state, updateState, handleEdit })=>{
             }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
                 key: "submit",
                 type: "submit",
-                ...commonButtonProps$1
+                ...commonButtonProps
             }, $__i18n._({
                 id: "button.save",
                 message: "Save"
@@ -5089,7 +4821,7 @@ const EditableRow = ({ id, name, className, state, updateState, handleEdit })=>{
                 onClick: ()=>updateState({
                         type: 'viewing'
                     }),
-                ...commonButtonProps$1
+                ...commonButtonProps
             }, $__i18n._({
                 id: "button.cancel",
                 message: "Cancel"
@@ -5107,7 +4839,7 @@ const EditableRow = ({ id, name, className, state, updateState, handleEdit })=>{
                         newName: name
                     }),
                 disabled: othersEditing,
-                ...commonButtonProps$1
+                ...commonButtonProps
             }, $__i18n._({
                 id: "button.edit",
                 message: "Edit"
@@ -5117,7 +4849,7 @@ const EditableRow = ({ id, name, className, state, updateState, handleEdit })=>{
                         id
                     }),
                 disabled: othersEditing,
-                ...commonButtonProps$1
+                ...commonButtonProps
             }, $__i18n._({
                 id: "button.delete",
                 message: "Delete"
@@ -5332,27 +5064,222 @@ const ConnectWallet = ()=>{
             });
             dispatch({
                 type: 'transition',
-                screen: AppScreens.CryptoSignMessage
-            });
-        }).catch(handleError);
-    };
-    shadcn.useMountEffect(()=>{
-        onConnectWallet();
-    });
+                screen: AppScreens.CryptoSignMessage
+            });
+        }).catch(handleError);
+    };
+    shadcn.useMountEffect(()=>{
+        onConnectWallet();
+    });
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+        header: $__i18n._({
+            id: "crypto.connectWallet.title",
+            message: "Connecting to your wallet..."
+        }),
+        body: $__i18n._({
+            id: "crypto.connectWallet.instructionPopup",
+            message: "Complete sign in by connecting through the wallet pop up in the right corner of your screen."
+        }),
+        helper: $__i18n._({
+            id: "crypto.troubleHelp",
+            message: "If you are having trouble, go back to the main screen and try logging in again."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "outline",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    })));
+};
+
+const SignMessage = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const onEvent = useEventCallback();
+    const onError = useErrorCallback();
+    const handleError = ()=>{
+        // eslint-disable-next-line lingui/no-unlocalized-strings -- This is not shown in the UI, just sent to the error callback
+        onError({
+            message: '[Error] Could not sign message'
+        });
+        dispatch({
+            type: 'transition',
+            screen: AppScreens.CryptoError
+        });
+    };
+    const stytchClient = useStytch();
+    const config = useConfig();
+    const [state, dispatch] = useGlobalReducer();
+    const { walletChallenge, walletAddress, walletOption } = state.formState.cryptoState;
+    const walletType = isSolanaWallet(walletOption) ? 'solana' : 'ethereum';
+    const onSignWallet = async ()=>{
+        const signature = await signMessageWithWallet({
+            wallet: walletOption,
+            message: walletChallenge,
+            address: walletAddress
+        });
+        stytchClient.cryptoWallets.authenticate({
+            crypto_wallet_address: walletAddress,
+            crypto_wallet_type: walletType,
+            signature,
+            session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
+        }).then((data)=>{
+            onEvent({
+                type: StytchSSRProxy.StytchEventType.CryptoWalletAuthenticate,
+                data
+            });
+            dispatch({
+                type: 'transition',
+                screen: AppScreens.CryptoConfirmation
+            });
+        }).catch(handleError);
+    };
+    shadcn.useMountEffect(()=>{
+        onSignWallet();
+    });
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+        header: $__i18n._({
+            id: "crypto.signMessage.title",
+            message: "Completing signature request..."
+        }),
+        body: $__i18n._({
+            id: "crypto.signMessage.instruction",
+            message: "Complete the signature request through the wallet pop up in the right corner of your screen."
+        }),
+        helper: $__i18n._({
+            id: "crypto.troubleHelp",
+            message: "If you are having trouble, go back to the main screen and try logging in again."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "outline",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    })));
+};
+
+const OtherCryptoWallets = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
+        variant: "header"
+    }, $__i18n._({
+        id: "crypto.continueWithOtherWallet.title",
+        message: "Continue with other wallet"
+    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(CryptoWalletButtons, {
+        type: "other"
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "ghost",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    }))));
+};
+
+const SetupNewWallet = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
+    const { getIcon, getId } = useCryptoButtonProps();
+    const walletsToRender = [
+        StytchSSRProxy.Wallets.Metamask,
+        StytchSSRProxy.Wallets.Phantom,
+        StytchSSRProxy.Wallets.Coinbase,
+        StytchSSRProxy.Wallets.Binance
+    ];
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+        header: $__i18n._({
+            id: "crypto.setupNewWallet.title",
+            message: "Set up a new crypto wallet"
+        }),
+        body: $__i18n._({
+            id: "crypto.setupNewWallet.content",
+            message: "Get started by downloading any Ethereum or Solana wallet."
+        }),
+        helper: $__i18n._({
+            id: "crypto.setupNewWallet.instruction",
+            message: "We’ve included a few examples of wallet extensions you can find below. Once you’ve set up your wallet, click “Go back” to use it and sign in."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, walletsToRender.map((wallet)=>{
+        const Icon = getIcon(wallet);
+        return /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
+            key: wallet,
+            variant: "outline",
+            target: "_blank",
+            rel: "noreferrer",
+            icon: /*#__PURE__*/ React__namespace.default.createElement(Icon, null),
+            href: "https://metamask.io/",
+            id: getId(wallet)
+        }, $__i18n._(WalletToText[wallet]));
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "primary",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    }))));
+};
+
+const Error$1 = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
         gap: 6
     }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
         header: $__i18n._({
-            id: "crypto.connectWallet.title",
-            message: "Connecting to your wallet..."
+            id: "crypto.error.title",
+            message: "Looks like there was an error"
         }),
         body: $__i18n._({
-            id: "crypto.connectWallet.instructionPopup",
-            message: "Complete sign in by connecting through the wallet pop up in the right corner of your screen."
+            id: "crypto.error.content",
+            message: "Your sign in request could not be completed. Go back to the main screen and try logging in again."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "outline",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    })));
+};
+
+const Success = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Confirmation, {
+        header: $__i18n._({
+            id: "crypto.success.title",
+            message: "Success!"
         }),
-        helper: $__i18n._({
-            id: "crypto.troubleHelp",
-            message: "If you are having trouble, go back to the main screen and try logging in again."
+        text: $__i18n._({
+            id: "crypto.success.content",
+            message: "You have successfully connected your wallet."
         })
     }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         variant: "outline",
@@ -5366,219 +5293,271 @@ const ConnectWallet = ()=>{
     })));
 };
 
-const SignMessage = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const onEvent = useEventCallback();
-    const onError = useErrorCallback();
-    const handleError = ()=>{
-        // eslint-disable-next-line lingui/no-unlocalized-strings -- This is not shown in the UI, just sent to the error callback
-        onError({
-            message: '[Error] Could not sign message'
-        });
-        dispatch({
-            type: 'transition',
-            screen: AppScreens.CryptoError
-        });
-    };
-    const stytchClient = useStytch();
-    const config = useConfig();
-    const [state, dispatch] = useGlobalReducer();
-    const { walletChallenge, walletAddress, walletOption } = state.formState.cryptoState;
-    const walletType = isSolanaWallet(walletOption) ? 'solana' : 'ethereum';
-    const onSignWallet = async ()=>{
-        const signature = await signMessageWithWallet({
-            wallet: walletOption,
-            message: walletChallenge,
-            address: walletAddress
-        });
-        stytchClient.cryptoWallets.authenticate({
-            crypto_wallet_address: walletAddress,
-            crypto_wallet_type: walletType,
-            signature,
-            session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
-        }).then((data)=>{
-            onEvent({
-                type: StytchSSRProxy.StytchEventType.CryptoWalletAuthenticate,
-                data
-            });
-            dispatch({
-                type: 'transition',
-                screen: AppScreens.CryptoConfirmation
-            });
-        }).catch(handleError);
-    };
-    shadcn.useMountEffect(()=>{
-        onSignWallet();
-    });
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
-        header: $__i18n._({
-            id: "crypto.signMessage.title",
-            message: "Completing signature request..."
-        }),
-        body: $__i18n._({
-            id: "crypto.signMessage.instruction",
-            message: "Complete the signature request through the wallet pop up in the right corner of your screen."
-        }),
-        helper: $__i18n._({
-            id: "crypto.troubleHelp",
-            message: "If you are having trouble, go back to the main screen and try logging in again."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "outline",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    })));
-};
+const AmazonIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#F90",
+        d: "M16.5 15.53C9.2 19 4.69 16.1 1.8 14.33c-.19-.1-.5.03-.23.34.97 1.17 4.13 3.98 8.25 3.98s6.59-2.25 6.9-2.64c.3-.4.08-.6-.22-.48m2.04-1.13c-.2-.25-1.19-.3-1.81-.22s-1.57.45-1.49.68c.04.09.13.05.56.01s1.64-.2 1.9.14c.25.33-.4 1.9-.51 2.16s.04.32.25.15.6-.6.85-1.23c.25-.62.4-1.5.25-1.69"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        fillRule: "evenodd",
+        d: "M11.6 8.46c0 .9.02 1.67-.44 2.47-.37.66-.96 1.06-1.62 1.06-.9 0-1.42-.68-1.42-1.69 0-1.99 1.79-2.35 3.48-2.35zm2.35 5.69a.5.5 0 0 1-.55.05c-.78-.64-.91-.94-1.34-1.55-1.28 1.3-2.19 1.7-3.85 1.7-1.96 0-3.5-1.22-3.5-3.64 0-1.9 1.03-3.19 2.5-3.82 1.26-.56 3.03-.66 4.39-.81v-.3c0-.56.04-1.22-.29-1.7-.28-.43-.83-.6-1.3-.6-.9 0-1.7.45-1.89 1.4-.04.21-.19.42-.4.43l-2.27-.25c-.19-.04-.4-.2-.34-.49C5.63 1.83 8.1 1 10.33 1c1.13 0 2.62.3 3.52 1.16 1.13 1.06 1.02 2.48 1.02 4.02v3.64c0 1.1.46 1.57.88 2.16.16.21.19.47 0 .63-.48.4-1.33 1.13-1.8 1.55z",
+        clipRule: "evenodd",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
+
+const AppleIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        d: "M16.55 7.14c-.1.08-1.86 1.12-1.86 3.43A4 4 0 0 0 17 14.2c0 .06-.35 1.3-1.18 2.56-.74 1.1-1.5 2.21-2.67 2.21s-1.47-.7-2.82-.7c-1.32 0-1.79.73-2.86.73S5.66 17.97 4.8 16.7c-1-1.48-1.8-3.78-1.8-5.96C3 7.25 5.17 5.4 7.31 5.4c1.14 0 2.09.78 2.8.78.68 0 1.74-.83 3.03-.83.5 0 2.26.05 3.41 1.79m-4.02-3.27c.53-.66.91-1.59.91-2.5q0-.22-.03-.37c-.87.03-1.9.6-2.53 1.36-.49.59-.95 1.5-.95 2.44 0 .14.03.28.04.33l.23.02c.78 0 1.76-.54 2.33-1.28",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
+
+const BinanceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#F3BA2F",
+        d: "m6.43 8.56 3.5-3.5 3.49 3.5 2.03-2.03L9.92 1 4.4 6.53zM4.99 10 2.96 7.97.92 10l2.04 2.03zM6.43 11.44l3.5 3.5 3.49-3.5 2.03 2.03L9.92 19 4.4 13.47zM16.89 12.03 18.92 10 16.9 7.97 14.85 10z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#F3BA2F",
+        d: "M11.99 10 9.92 7.93 8.4 9.46l-.18.18-.36.36 2.06 2.07z"
+    }));
+
+const BitbucketIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#1868DB",
+        d: "m17.96 9.14-1.34 8.08a.9.9 0 0 1-.93.78H4.3a.9.9 0 0 1-.93-.78L1.02 2.81c-.1-.5.17-.81.64-.81h16.68c.47 0 .73.32.64.8l-.64 3.8c-.09.55-.4.78-.93.78H7.37q-.23 0-.2.26l.79 4.78q.05.18.23.2h3.62q.17-.02.23-.2l.56-3.46c.05-.43.35-.6.75-.6h3.94c.58 0 .76.29.67.78"
+    }));
+
+const CoinbaseIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#0052FF",
+        d: "M10.02 14.5a4.5 4.5 0 1 1 4.44-5.25H19a9 9 0 1 0 0 1.5h-4.54a4.5 4.5 0 0 1-4.44 3.75"
+    }));
+
+const DiscordIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#5865F2",
+        d: "M12.53 3q-.26.44-.47.92a15 15 0 0 0-4.12 0q-.21-.47-.48-.92-1.93.3-3.72 1.1a13.8 13.8 0 0 0-2.66 9.72Q3.15 15.28 5.63 16q.56-.72.98-1.5a10 10 0 0 1-1.54-.7l.38-.27c2.88 1.3 6.22 1.3 9.1 0q.19.15.38.27a10 10 0 0 1-1.54.7q.41.8.98 1.5 2.48-.7 4.55-2.18c.38-3.69-.64-6.89-2.67-9.73a15 15 0 0 0-3.71-1.08zm-5.52 8.86c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.9 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72m5.98 0c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.91 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72"
+    }));
+
+const FacebookIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#0866FF",
+        d: "M19 10a9 9 0 1 0-11.17 8.73v-5.98H5.97V10h1.86V8.81c0-3.06 1.38-4.48 4.39-4.48.57 0 1.55.11 1.96.23v2.49q-.35-.03-1.04-.03c-1.48 0-2.05.55-2.05 2V10h2.94l-.5 2.75h-2.44v6.18A9 9 0 0 0 19 10"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "m13.53 12.75.5-2.75h-2.94v-.97c0-1.46.57-2.01 2.05-2.01q.7 0 1.04.03v-2.5a10 10 0 0 0-1.96-.22c-3 0-4.4 1.42-4.4 4.48V10H5.98v2.75h1.86v5.98a9 9 0 0 0 3.26.2v-6.18z"
+    }));
+
+const FigmaIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#24CB71",
+        d: "M4 16a3 3 0 0 1 3-3h3v3a3 3 0 0 1-6 0"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF7237",
+        d: "M10 1v6h3a3 3 0 0 0 0-6z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#00B6FF",
+        d: "M12.98 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF3737",
+        d: "M4 4a3 3 0 0 0 3 3h3V1H7a3 3 0 0 0-3 3"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#874FFF",
+        d: "M4 10a3 3 0 0 0 3 3h3V7H7a3 3 0 0 0-3 3"
+    }));
+
+const GitlabIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#E24329",
+        d: "m18.7 8.2-.03-.07-2.45-6.4A.65.65 0 0 0 15 1.8l-1.65 5.07h-6.7L5 1.8a.64.64 0 0 0-.97-.37.6.6 0 0 0-.25.3l-2.45 6.4-.03.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FC6D26",
+        d: "m18.7 8.2-.03-.07a8 8 0 0 0-3.29 1.48L10 13.68l3.43 2.59 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FCA326",
+        d: "m6.57 16.27 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4s-1.6-1.2-3.43-2.6c-1.83 1.4-3.43 2.6-3.43 2.6"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FC6D26",
+        d: "M4.62 9.61a8 8 0 0 0-3.3-1.48l-.02.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8s1.6-1.2 3.43-2.6z"
+    }));
+
+const LinkedinIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#007EBB",
+        fillRule: "evenodd",
+        d: "M3 19h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2",
+        clipRule: "evenodd"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        fillRule: "evenodd",
+        d: "M16.5 16.5h-2.67v-4.55c0-1.25-.48-1.94-1.46-1.94-1.08 0-1.64.72-1.64 1.94v4.55H8.16V7.83h2.57V9s.78-1.43 2.62-1.43c1.83 0 3.15 1.12 3.15 3.44zM5.09 6.7A1.6 1.6 0 0 1 3.5 5.1c0-.88.71-1.6 1.59-1.6.87 0 1.58.72 1.58 1.6s-.7 1.6-1.58 1.6m-1.33 9.8h2.68V7.83H3.76z",
+        clipRule: "evenodd"
+    }));
+
+const MetamaskIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF5C16",
+        d: "m17.82 18.08-3.88-1.15-2.92 1.75H8.98l-2.93-1.75-3.87 1.15L1 14.1 2.18 9.7 1 5.95l1.18-4.63 6.05 3.62h3.54l6.05-3.62L19 5.95 17.82 9.7 19 14.1z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF5C16",
+        d: "m2.18 1.32 6.06 3.62-.25 2.49zM6.06 14.1l2.66 2.03-2.66.8zM8.5 10.75 8 7.43 4.71 9.69V12l1.33-1.26zM17.82 1.32l-6.05 3.62.24 2.49zM13.95 14.1l-2.67 2.03 2.67.8zM15.29 9.69 12 7.43l-.52 3.32h2.46L15.28 12z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#E34807",
+        d: "m6.05 16.93-3.87 1.15L1 14.1h5.05zM8.5 10.75l.75 4.8-1.03-2.67-3.5-.87 1.33-1.26zM13.95 16.93l3.87 1.15L19 14.1h-5.05zM11.5 10.75l-.75 4.8 1.03-2.67 3.5-.87-1.33-1.26z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF8D5D",
+        d: "M1 14.1 2.18 9.7H4.7L4.72 12l3.5.87 1.03 2.66-.53.6-2.67-2.04zM19 14.1 17.82 9.7H15.3L15.28 12l-3.5.87-1.03 2.66.53.6 2.67-2.04z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF8D5D",
+        d: "M11.77 4.94H8.23L8 7.43l1.26 8.11h1.5l1.26-8.11z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#661800",
+        d: "M2.18 1.32 1 5.95 2.18 9.7H4.7L8 7.43zM7.77 11.71H6.62l-.62.61 2.22.56zM17.82 1.32 19 5.95 17.82 9.7H15.3L12 7.43zM12.23 11.71h1.15l.62.62-2.22.55zM11.02 17.1l.26-.97-.53-.58h-1.5l-.53.58.26.96"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#C0C4CD",
+        d: "M11.02 17.1v1.58H8.98v-1.59z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#E7EBF6",
+        d: "m6.06 16.93 2.92 1.75v-1.59l-.26-.96zM13.95 16.93l-2.93 1.75v-1.59l.26-.96z"
+    }));
+
+const PhantomIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#AB9FF2",
+        d: "M3.13 17.5c2.3 0 4.02-2 5.05-3.58q-.19.53-.2 1.04c0 .92.54 1.58 1.58 1.58 1.44 0 2.97-1.26 3.76-2.62a2 2 0 0 0-.08.55c0 .64.36 1.04 1.1 1.04 2.32 0 4.66-4.12 4.66-7.73 0-2.8-1.42-5.28-4.98-5.28C7.75 2.5 1 10.16 1 15.11c0 1.94 1.04 2.39 2.13 2.39m8.73-10.02c0-.7.39-1.2.96-1.2s.95.5.95 1.2-.4 1.2-.95 1.2c-.57 0-.96-.5-.96-1.2m2.98 0c0-.7.39-1.2.96-1.2.55 0 .94.5.94 1.2s-.38 1.2-.94 1.2c-.57 0-.96-.5-.96-1.2"
+    }));
+
+const SalesforceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#00A1E0",
+        fillRule: "evenodd",
+        d: "M8.49 4.92a3.1 3.1 0 0 1 2.28-1.01c1.2 0 2.22.68 2.78 1.7q.75-.35 1.57-.35c2.14 0 3.88 1.8 3.88 4.04a3.96 3.96 0 0 1-4.65 3.96c-.49.9-1.42 1.5-2.47 1.5q-.65 0-1.25-.3a3.2 3.2 0 0 1-2.97 2.04c-1.4 0-2.58-.9-3.04-2.18q-.3.06-.62.06c-1.66 0-3-1.4-3-3.13 0-1.16.6-2.17 1.5-2.71a4 4 0 0 1-.29-1.44c0-1.99 1.57-3.6 3.5-3.6 1.13 0 2.15.56 2.78 1.42",
+        clipRule: "evenodd"
+    }));
 
-const OtherCryptoWallets = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
-        variant: "header"
-    }, $__i18n._({
-        id: "crypto.continueWithOtherWallet.title",
-        message: "Continue with other wallet"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(CryptoWalletButtons, {
-        type: "other"
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "ghost",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    }))));
-};
+const SnapchatIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "M17.72 14.26c-2.78-1.35-3.23-3.43-3.25-3.59-.02-.18-.05-.33.16-.52.2-.19 1.08-.73 1.32-.9q.63-.41.46-.92c-.1-.24-.32-.33-.56-.33l-.22.03c-.44.1-.87.32-1.12.38h-.1q-.19.02-.17-.21c.03-.49.1-1.44.02-2.32a3.7 3.7 0 0 0-.96-2.36A4.3 4.3 0 0 0 10 2.14a4.3 4.3 0 0 0-3.3 1.37 3.7 3.7 0 0 0-.96 2.36c-.08.89 0 1.84.02 2.33q.01.22-.17.22l-.1-.02c-.24-.06-.68-.28-1.12-.38L4.15 8c-.24 0-.46.1-.55.33-.14.35.04.63.45.91.24.17 1.13.72 1.33.9.2.2.18.34.15.53-.02.16-.46 2.24-3.25 3.59-.16.08-.44.24.05.51.77.43 1.28.38 1.68.64.34.22.14.69.38.86.3.2 1.2-.02 2.35.36.96.32 1.55 1.22 3.26 1.22s2.32-.9 3.27-1.22c1.15-.38 2.04-.16 2.34-.36.25-.17.05-.64.39-.86.4-.26.9-.21 1.68-.64.48-.26.2-.43.04-.5",
+        className: shadcn.modules_73af8a26.darkInvert
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        d: "M18.94 14.1a1.3 1.3 0 0 0-.64-.67l-.14-.07-.24-.13a5.4 5.4 0 0 1-1.97-1.68 4 4 0 0 1-.33-.6q-.06-.16-.01-.23l.1-.12.82-.53q.52-.36.74-.8a1.6 1.6 0 0 0 .08-1.3c-.23-.6-.8-.98-1.5-.98a2 2 0 0 0-.54.08q.01-.64-.04-1.29a4.83 4.83 0 0 0-2.44-3.93A5.6 5.6 0 0 0 10 1.15a5.6 5.6 0 0 0-2.82.72 4.8 4.8 0 0 0-2.44 3.93q-.06.66-.04 1.28a3 3 0 0 0-.55-.08 1.54 1.54 0 0 0-1.6 1.65q.01.33.18.64.23.43.74.8l.42.27.38.25q.08.04.12.12.05.07-.01.24-.14.3-.33.59a5.4 5.4 0 0 1-1.91 1.65c-.43.23-.89.39-1.08.9-.14.4-.05.84.32 1.21q.2.21.46.35.53.3 1.12.45.13.03.23.1c.13.12.12.3.3.55q.13.2.33.34c.37.26.78.27 1.23.3.4 0 .85.02 1.37.2q.3.11.7.36c.61.38 1.46.9 2.88.9s2.27-.52 2.9-.9q.37-.25.68-.36c.52-.17.97-.2 1.37-.2.44-.02.86-.04 1.23-.3q.24-.16.38-.41c.13-.22.13-.37.25-.47l.21-.1a5 5 0 0 0 1.14-.46q.28-.15.48-.37v-.01c.35-.37.44-.8.3-1.18m-1.27.68c-.77.42-1.28.38-1.67.64-.34.21-.14.68-.39.85-.3.21-1.2-.01-2.34.37-.95.31-1.56 1.21-3.27 1.21-1.7 0-2.3-.9-3.27-1.22-1.15-.38-2.04-.15-2.34-.36-.25-.17-.05-.64-.38-.86-.4-.25-.91-.2-1.68-.63-.5-.27-.21-.44-.05-.52 2.79-1.35 3.23-3.43 3.25-3.58.02-.2.05-.34-.16-.53-.2-.18-1.08-.73-1.32-.9-.4-.28-.59-.57-.46-.91.1-.25.32-.34.56-.34l.22.03c.44.1.87.32 1.12.38l.1.01q.19 0 .17-.22c-.03-.49-.1-1.43-.02-2.32.1-1.22.5-1.83.96-2.36A4.3 4.3 0 0 1 10 2.15a4.3 4.3 0 0 1 3.3 1.36c.46.54.86 1.14.96 2.36.08.89.01 1.84-.02 2.33q-.01.23.17.22l.1-.02c.24-.06.68-.28 1.12-.38l.22-.02c.24 0 .46.1.56.33q.17.5-.46.91c-.24.17-1.13.72-1.32.9-.21.2-.18.34-.16.53.02.16.46 2.24 3.25 3.59.17.08.44.25-.05.52",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
 
-const commonButtonProps = {
-    variant: 'outline',
-    target: '_blank',
-    rel: 'noreferrer'
-};
-const walletIcon = (wallet)=>{
-    const Icon = WalletToIcon[wallet];
-    return /*#__PURE__*/ React__namespace.default.createElement(Icon, null);
-};
-const SetupNewWallet = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
-        header: $__i18n._({
-            id: "crypto.setupNewWallet.title",
-            message: "Set up a new crypto wallet"
-        }),
-        body: $__i18n._({
-            id: "crypto.setupNewWallet.content",
-            message: "Get started by downloading any Ethereum or Solana wallet."
-        }),
-        helper: $__i18n._({
-            id: "crypto.setupNewWallet.instruction",
-            message: "We’ve included a few examples of wallet extensions you can find below. Once you’ve set up your wallet, click “Go back” to use it and sign in."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Metamask),
-        href: "https://metamask.io/"
-    }, $__i18n._({
-        id: "crypto.wallet.metamask",
-        message: "Metamask"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Phantom),
-        href: "https://phantom.app/"
-    }, $__i18n._({
-        id: "crypto.wallet.phantom",
-        message: "Phantom"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Coinbase),
-        href: "https://www.coinbase.com/wallet"
-    }, $__i18n._({
-        id: "crypto.wallet.coinbase",
-        message: "Coinbase"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Binance),
-        href: "https://www.bnbchain.world/en/binance-wallet"
-    }, $__i18n._({
-        id: "crypto.wallet.binance",
-        message: "Binance"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "primary",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    }))));
-};
+const TiktokIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#161823",
+        fillRule: "evenodd",
+        d: "M11.38 1.79h2.3A4.42 4.42 0 0 0 18 5.3v.68l.01 2.41a7.6 7.6 0 0 1-4.39-1.38v6.28c0 3.14-2.6 5.7-5.8 5.7a6 6 0 0 1-3.33-1.03A5.7 5.7 0 0 1 2 13.3a5.76 5.76 0 0 1 6.59-5.64v3.16q-.37-.11-.78-.12a2.63 2.63 0 0 0-2.66 2.6c0 1 .58 1.87 1.43 2.3q.55.3 1.23.3c1.42 0 2.59-1.1 2.64-2.5V1h3.16q0 .4.08.79z",
+        clipRule: "evenodd",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
 
-const Error$1 = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
-        header: $__i18n._({
-            id: "crypto.error.title",
-            message: "Looks like there was an error"
-        }),
-        body: $__i18n._({
-            id: "crypto.error.content",
-            message: "Your sign in request could not be completed. Go back to the main screen and try logging in again."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "outline",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    })));
-};
+const TwitchIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "m16.25 9.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#9146FF",
+        d: "M5.63 1 2.5 4.21V15.8h3.75V19l3.13-3.21h2.5L17.5 10V1zm10.62 8.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#9146FF",
+        d: "M14.38 4.54h-1.26v3.85h1.26zM10.94 4.54H9.69v3.85h1.25z"
+    }));
 
-const Success = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Confirmation, {
-        header: $__i18n._({
-            id: "crypto.success.title",
-            message: "Success!"
-        }),
-        text: $__i18n._({
-            id: "crypto.success.content",
-            message: "You have successfully connected your wallet."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "outline",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    })));
-};
+const XTwitterIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        d: "M11.67 8.62 18.23 1h-1.55l-5.7 6.61L6.44 1H1.2l6.87 10-6.87 8h1.55l6.01-7 4.8 7h5.24zm-2.12 2.47-.7-1-5.54-7.92H5.7l4.47 6.4.7 1 5.8 8.3H14.3z",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
 
 const oauthIcons = {
     amazon: AmazonIcon,
@@ -5599,7 +5578,7 @@ const oauthIcons = {
     tiktok: TiktokIcon,
     twitch: TwitchIcon,
     xTwitter: XTwitterIcon,
-    yahoo: YahooIcon
+    yahoo: shadcn.YahooIcon
 };
 const cryptoIcons = {
     phantom: PhantomIcon,
@@ -5610,7 +5589,7 @@ const cryptoIcons = {
 const emailIcons = {
     gmail: shadcn.GmailIcon,
     outlook: shadcn.OutlookIcon,
-    yahoo: YahooIcon
+    yahoo: shadcn.YahooIcon
 };
 
 const PhoneFormSMS = ()=>/*#__PURE__*/ React__namespace.default.createElement(PhoneForm, {
@@ -5726,7 +5705,7 @@ var Products = /*#__PURE__*/Object.freeze({
   passwords: passwords
 });
 
-const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callbacks, strings, passwordResetToken: rawToken })=>{
+const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callbacks, strings, styles, passwordResetToken: rawToken })=>{
     const config = addProduct(rawConfig, passwords);
     // Default to reading token from URL if not provided
     let token = rawToken;
@@ -5797,9 +5776,9 @@ const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callb
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchPasswordReset = createB2CComponent('StytchPasswordReset', ResetPasswordContainer);
+ */ const StytchPasswordReset = /* @__PURE__ */ createB2CComponent('StytchPasswordReset', ResetPasswordContainer);
 
-const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation, callbacks, strings })=>{
+const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation, callbacks, strings, styles })=>{
     const config = addProduct(rawConfig, passkeyRegistration);
     /**
    * Read the watermark out of sync storage, then read it out of async storage
@@ -5852,7 +5831,7 @@ const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation,
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchPasskeyRegistration = createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);
+ */ const StytchPasskeyRegistration = /* @__PURE__ */ createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);
 
 const IDPConsentScreenImpl = ({ initialError, initialParams })=>{
     const stytchClient = useStytch();
@@ -5989,7 +5968,7 @@ const EnsureUserIsLoggedIn = ({ children })=>{
     }
 };
 
-const IDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentManifest, authTokenParams })=>{
+const IDPContainer = ({ client, presentation, callbacks, strings, styles, getIDPConsentManifest, authTokenParams })=>{
     const presentationValue = shadcn.usePresentationWithDefault(presentation, false, []);
     React.useEffect(()=>{
         StytchSSRProxy.readB2CInternals(client).bootstrap.getAsync().then((data)=>{
@@ -6038,7 +6017,7 @@ const IDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentM
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const IdentityProvider = createB2CComponent('IdentityProvider', IDPContainer);
+ */ const IdentityProvider = /* @__PURE__ */ createB2CComponent('IdentityProvider', IDPContainer);
 
 /**
  * Returns the active User.