@thunderid/react 0.0.5 → 0.2.0

package/dist/cjs/components/presentation/auth/SignIn/BaseSignIn.styles.cjs

@@ -0,0 +1,154 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __emotion_css = require("@emotion/css");
+__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
+
+//#region src/components/presentation/auth/SignIn/BaseSignIn.styles.ts
+/**
+* Creates styles for the BaseSignIn component
+* @param theme - The theme object containing design tokens
+* @param colorScheme - The current color scheme (used for memoization)
+* @returns Object containing CSS class names for component styling
+*/
+const useStyles = (theme, colorScheme) => (0, react.useMemo)(() => {
+	const signIn = __emotion_css.css`
+      min-width: 420px;
+      margin: 0 auto;
+      font-family: ${theme.vars.typography.fontFamily};
+    `;
+	const card = __emotion_css.css`
+      background: ${theme.vars.colors.background.surface};
+      border-radius: ${theme.vars.borderRadius.large};
+      gap: calc(${theme.vars.spacing.unit} * 2);
+      min-width: 420px;
+    `;
+	const logoContainer = __emotion_css.css`
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-bottom: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const header = __emotion_css.css`
+      gap: 0;
+      align-items: center;
+    `;
+	const title = __emotion_css.css`
+      margin: 0 0 calc(${theme.vars.spacing.unit} * 1) 0;
+      color: ${theme.vars.colors.text.primary};
+    `;
+	const subtitle = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 1);
+      color: ${theme.vars.colors.text.secondary};
+    `;
+	const messagesContainer = __emotion_css.css`
+      margin-top: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const messageItem = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 1);
+    `;
+	const errorContainer = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const contentContainer = __emotion_css.css`
+      display: flex;
+      flex-direction: column;
+      gap: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const loadingContainer = __emotion_css.css`
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: calc(${theme.vars.spacing.unit} * 4);
+    `;
+	const loadingText = __emotion_css.css`
+      margin-top: calc(${theme.vars.spacing.unit} * 2);
+      color: ${theme.vars.colors.text.secondary};
+    `;
+	const divider = __emotion_css.css`
+      margin: calc(${theme.vars.spacing.unit} * 1) 0;
+    `;
+	const centeredContainer = __emotion_css.css`
+      text-align: center;
+      padding: calc(${theme.vars.spacing.unit} * 4);
+    `;
+	const passkeyContainer = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const passkeyText = __emotion_css.css`
+      margin-top: calc(${theme.vars.spacing.unit} * 1);
+      color: ${theme.vars.colors.text.secondary};
+    `;
+	const form = __emotion_css.css`
+      display: flex;
+      flex-direction: column;
+      gap: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const formDivider = __emotion_css.css`
+      margin: calc(${theme.vars.spacing.unit} * 1) 0;
+    `;
+	const authenticatorSection = __emotion_css.css`
+      display: flex;
+      flex-direction: column;
+      gap: calc(${theme.vars.spacing.unit} * 1);
+    `;
+	const authenticatorItem = __emotion_css.css`
+      width: 100%;
+    `;
+	const noAuthenticatorCard = __emotion_css.css`
+      background: ${theme.vars.colors.background.surface};
+      border-radius: ${theme.vars.borderRadius.large};
+      padding: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const errorAlert = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const messagesAlert = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 1);
+    `;
+	const flowMessagesContainer = __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	return {
+		authenticatorItem,
+		authenticatorSection,
+		card,
+		centeredContainer,
+		contentContainer,
+		divider,
+		errorAlert,
+		errorContainer,
+		flowMessageItem: __emotion_css.css`
+      margin-bottom: calc(${theme.vars.spacing.unit} * 1);
+    `,
+		flowMessagesContainer,
+		form,
+		formDivider,
+		header,
+		loadingContainer,
+		loadingText,
+		logoContainer,
+		messageItem,
+		messagesAlert,
+		messagesContainer,
+		noAuthenticatorCard,
+		passkeyContainer,
+		passkeyText,
+		signIn,
+		subtitle,
+		title
+	};
+}, [
+	theme.vars.colors.background.surface,
+	theme.vars.colors.text.primary,
+	theme.vars.colors.text.secondary,
+	theme.vars.borderRadius.large,
+	theme.vars.spacing.unit,
+	theme.vars.typography.fontFamily,
+	colorScheme
+]);
+var BaseSignIn_styles_default = useStyles;
+
+//#endregion
+exports.default = BaseSignIn_styles_default;
+//# sourceMappingURL=BaseSignIn.styles.cjs.map

package/dist/cjs/components/presentation/auth/SignIn/BaseSignIn.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSignIn.styles.cjs","names":["signIn: string","card: string","logoContainer: string","header: string","title: string","subtitle: string","messagesContainer: string","messageItem: string","errorContainer: string","contentContainer: string","loadingContainer: string","loadingText: string","divider: string","centeredContainer: string","passkeyContainer: string","passkeyText: string","form: string","formDivider: string","authenticatorSection: string","authenticatorItem: string","noAuthenticatorCard: string","errorAlert: string","messagesAlert: string","flowMessagesContainer: string"],"sources":["../../../../../../src/components/presentation/auth/SignIn/BaseSignIn.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\n/**\n * Creates styles for the BaseSignIn component\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const signIn: string = css`\n      min-width: 420px;\n      margin: 0 auto;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const card: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      gap: calc(${theme.vars.spacing.unit} * 2);\n      min-width: 420px;\n    `;\n\n    const logoContainer: string = css`\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin-bottom: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const header: string = css`\n      gap: 0;\n      align-items: center;\n    `;\n\n    const title: string = css`\n      margin: 0 0 calc(${theme.vars.spacing.unit} * 1) 0;\n      color: ${theme.vars.colors.text.primary};\n    `;\n\n    const subtitle: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 1);\n      color: ${theme.vars.colors.text.secondary};\n    `;\n\n    const messagesContainer: string = css`\n      margin-top: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const messageItem: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 1);\n    `;\n\n    const errorContainer: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const contentContainer: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const loadingContainer: string = css`\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: calc(${theme.vars.spacing.unit} * 4);\n    `;\n\n    const loadingText: string = css`\n      margin-top: calc(${theme.vars.spacing.unit} * 2);\n      color: ${theme.vars.colors.text.secondary};\n    `;\n\n    const divider: string = css`\n      margin: calc(${theme.vars.spacing.unit} * 1) 0;\n    `;\n\n    const centeredContainer: string = css`\n      text-align: center;\n      padding: calc(${theme.vars.spacing.unit} * 4);\n    `;\n\n    const passkeyContainer: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const passkeyText: string = css`\n      margin-top: calc(${theme.vars.spacing.unit} * 1);\n      color: ${theme.vars.colors.text.secondary};\n    `;\n\n    const form: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const formDivider: string = css`\n      margin: calc(${theme.vars.spacing.unit} * 1) 0;\n    `;\n\n    const authenticatorSection: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} * 1);\n    `;\n\n    const authenticatorItem: string = css`\n      width: 100%;\n    `;\n\n    const noAuthenticatorCard: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      padding: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const errorAlert: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const messagesAlert: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 1);\n    `;\n\n    const flowMessagesContainer: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const flowMessageItem: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 1);\n    `;\n\n    return {\n      authenticatorItem,\n      authenticatorSection,\n      card,\n      centeredContainer,\n      contentContainer,\n      divider,\n      errorAlert,\n      errorContainer,\n      flowMessageItem,\n      flowMessagesContainer,\n      form,\n      formDivider,\n      header,\n      loadingContainer,\n      loadingText,\n      logoContainer,\n      messageItem,\n      messagesAlert,\n      messagesContainer,\n      noAuthenticatorCard,\n      passkeyContainer,\n      passkeyText,\n      signIn,\n      subtitle,\n      title,\n    };\n  }, [\n    theme.vars.colors.background.surface,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.text.secondary,\n    theme.vars.borderRadius.large,\n    theme.vars.spacing.unit,\n    theme.vars.typography.fontFamily,\n    colorScheme,\n  ]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AA4BA,MAAM,aAAa,OAAc,yCACjB;CACZ,MAAMA,SAAiB,iBAAG;;;qBAGT,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,OAAe,iBAAG;oBACR,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;kBACnC,MAAM,KAAK,QAAQ,KAAK;;;CAItC,MAAMC,gBAAwB,iBAAG;;;;4BAIT,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,SAAiB,iBAAG;;;;CAK1B,MAAMC,QAAgB,iBAAG;yBACJ,MAAM,KAAK,QAAQ,KAAK;eAClC,MAAM,KAAK,OAAO,KAAK,QAAQ;;CAG1C,MAAMC,WAAmB,iBAAG;4BACJ,MAAM,KAAK,QAAQ,KAAK;eACrC,MAAM,KAAK,OAAO,KAAK,UAAU;;CAG5C,MAAMC,oBAA4B,iBAAG;yBAChB,MAAM,KAAK,QAAQ,KAAK;;CAG7C,MAAMC,cAAsB,iBAAG;4BACP,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,iBAAyB,iBAAG;4BACV,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,mBAA2B,iBAAG;;;kBAGtB,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,mBAA2B,iBAAG;;;;sBAIlB,MAAM,KAAK,QAAQ,KAAK;;CAG1C,MAAMC,cAAsB,iBAAG;yBACV,MAAM,KAAK,QAAQ,KAAK;eAClC,MAAM,KAAK,OAAO,KAAK,UAAU;;CAG5C,MAAMC,UAAkB,iBAAG;qBACV,MAAM,KAAK,QAAQ,KAAK;;CAGzC,MAAMC,oBAA4B,iBAAG;;sBAEnB,MAAM,KAAK,QAAQ,KAAK;;CAG1C,MAAMC,mBAA2B,iBAAG;4BACZ,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,cAAsB,iBAAG;yBACV,MAAM,KAAK,QAAQ,KAAK;eAClC,MAAM,KAAK,OAAO,KAAK,UAAU;;CAG5C,MAAMC,OAAe,iBAAG;;;kBAGV,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,cAAsB,iBAAG;qBACd,MAAM,KAAK,QAAQ,KAAK;;CAGzC,MAAMC,uBAA+B,iBAAG;;;kBAG1B,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,oBAA4B,iBAAG;;;CAIrC,MAAMC,sBAA8B,iBAAG;oBACvB,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;sBAC/B,MAAM,KAAK,QAAQ,KAAK;;CAG1C,MAAMC,aAAqB,iBAAG;4BACN,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,gBAAwB,iBAAG;4BACT,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,wBAAgC,iBAAG;4BACjB,MAAM,KAAK,QAAQ,KAAK;;AAOhD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBAb8B,iBAAG;4BACX,MAAM,KAAK,QAAQ,KAAK;;EAa9C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;GACA;CACD,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,WAAW;CACtB;CACD,CAAC;AAEJ,gCAAe"}

package/dist/cjs/components/presentation/auth/SignIn/SignIn.cjs

@@ -0,0 +1,86 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../../contexts/ThunderID/useThunderID.cjs');
+const require_BaseSignIn = require('./BaseSignIn.cjs');
+const require_SignIn = require('./v2/SignIn.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/presentation/auth/SignIn/SignIn.tsx
+/**
+* A styled SignIn component that provides native authentication flow with pre-built styling.
+* This component handles the API calls for authentication and delegates UI logic to BaseSignIn.
+*
+* @example
+* ```tsx
+* import { SignIn } from '@thunderid/react';
+*
+* const App = () => {
+*   return (
+*     <SignIn
+*       onSuccess={(authData) => {
+*         console.log('Authentication successful:', authData);
+*         // Handle successful authentication (e.g., redirect, store tokens)
+*       }}
+*       onError={(error) => {
+*         console.error('Authentication failed:', error);
+*       }}
+*       size="medium"
+*       variant="outlined"
+*     />
+*   );
+* };
+* ```
+*/
+const SignIn = ({ className, size = "medium", children, preferences,...rest }) => {
+	const { signIn, afterSignInUrl, isInitialized, isLoading, platform } = require_useThunderID.default();
+	/**
+	* Initialize the authentication flow.
+	*/
+	const handleInitialize = async () => await signIn({ response_mode: "direct" });
+	/**
+	* Handle authentication steps.
+	*/
+	const handleOnSubmit = async (payload, request) => await signIn(payload, request);
+	/**
+	* Handle successful authentication and redirect with query params.
+	*/
+	const handleSuccess = (authData) => {
+		if (authData && afterSignInUrl) {
+			const url = new URL(afterSignInUrl, window.location.origin);
+			Object.entries(authData).forEach(([key, value]) => {
+				if (value !== void 0 && value !== null) url.searchParams.append(key, String(value));
+			});
+			window.location.href = url.toString();
+		}
+	};
+	if (platform === __thunderid_browser.Platform.ThunderID) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SignIn.default, {
+		className,
+		size,
+		variant: rest.variant,
+		onSuccess: rest.onSuccess,
+		onError: rest.onError,
+		preferences,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSignIn.default, {
+		isLoading: isLoading || !isInitialized,
+		afterSignInUrl,
+		onInitialize: handleInitialize,
+		onSubmit: handleOnSubmit,
+		onSuccess: handleSuccess,
+		className,
+		size,
+		showLogo: true,
+		showSubtitle: true,
+		showTitle: true,
+		preferences,
+		...rest
+	});
+};
+var SignIn_default$1 = SignIn;
+
+//#endregion
+exports.default = SignIn_default$1;
+//# sourceMappingURL=SignIn.cjs.map

package/dist/cjs/components/presentation/auth/SignIn/SignIn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.cjs","names":["SignIn: FC<SignInProps>","useThunderID","url: URL","Platform","SignInV2","BaseSignIn"],"sources":["../../../../../../src/components/presentation/auth/SignIn/SignIn.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {\n  EmbeddedSignInFlowInitiateResponse,\n  EmbeddedSignInFlowHandleResponse,\n  EmbeddedSignInFlowHandleRequestPayload,\n  Platform,\n  Preferences,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseSignIn, {BaseSignInProps} from './BaseSignIn';\nimport SignInV2, {SignInRenderProps} from './v2/SignIn';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignIn component.\n * Extends BaseSignInProps for full compatibility with the React BaseSignIn component\n */\nexport type SignInProps = Pick<BaseSignInProps, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'> & {\n  /**\n   * Render function for custom UI (render props pattern).\n   */\n  children?: (props: SignInRenderProps) => ReactElement;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   */\n  preferences?: Preferences;\n};\n\n/**\n * A styled SignIn component that provides native authentication flow with pre-built styling.\n * This component handles the API calls for authentication and delegates UI logic to BaseSignIn.\n *\n * @example\n * ```tsx\n * import { SignIn } from '@thunderid/react';\n *\n * const App = () => {\n *   return (\n *     <SignIn\n *       onSuccess={(authData) => {\n *         console.log('Authentication successful:', authData);\n *         // Handle successful authentication (e.g., redirect, store tokens)\n *       }}\n *       onError={(error) => {\n *         console.error('Authentication failed:', error);\n *       }}\n *       size=\"medium\"\n *       variant=\"outlined\"\n *     />\n *   );\n * };\n * ```\n */\nconst SignIn: FC<SignInProps> = ({className, size = 'medium', children, preferences, ...rest}: SignInProps) => {\n  const {signIn, afterSignInUrl, isInitialized, isLoading, platform} = useThunderID();\n\n  /**\n   * Initialize the authentication flow.\n   */\n  const handleInitialize = async (): Promise<EmbeddedSignInFlowInitiateResponse> =>\n    (await signIn({response_mode: 'direct'})) as EmbeddedSignInFlowInitiateResponse;\n\n  /**\n   * Handle authentication steps.\n   */\n  const handleOnSubmit = async (\n    payload: EmbeddedSignInFlowHandleRequestPayload,\n    request: Request,\n  ): Promise<EmbeddedSignInFlowHandleResponse> => (await signIn(payload, request)) as EmbeddedSignInFlowHandleResponse;\n\n  /**\n   * Handle successful authentication and redirect with query params.\n   */\n  const handleSuccess = (authData: Record<string, any>): void => {\n    if (authData && afterSignInUrl) {\n      const url: URL = new URL(afterSignInUrl, window.location.origin);\n\n      Object.entries(authData).forEach(([key, value]: [string, any]) => {\n        if (value !== undefined && value !== null) {\n          url.searchParams.append(key, String(value));\n        }\n      });\n\n      window.location.href = url.toString();\n    }\n  };\n\n  if (platform === Platform.ThunderID) {\n    return (\n      <SignInV2\n        className={className}\n        size={size}\n        variant={rest.variant}\n        onSuccess={rest.onSuccess}\n        onError={rest.onError}\n        preferences={preferences}\n      >\n        {children}\n      </SignInV2>\n    );\n  }\n\n  return (\n    <BaseSignIn\n      isLoading={isLoading || !isInitialized}\n      afterSignInUrl={afterSignInUrl}\n      onInitialize={handleInitialize}\n      onSubmit={handleOnSubmit}\n      onSuccess={handleSuccess}\n      className={className}\n      size={size}\n      showLogo={true}\n      showSubtitle={true}\n      showTitle={true}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default SignIn;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,MAAMA,UAA2B,EAAC,WAAW,OAAO,UAAU,UAAU,YAAa,GAAG,WAAuB;CAC7G,MAAM,EAAC,QAAQ,gBAAgB,eAAe,WAAW,aAAYC,8BAAc;;;;CAKnF,MAAM,mBAAmB,YACtB,MAAM,OAAO,EAAC,eAAe,UAAS,CAAC;;;;CAK1C,MAAM,iBAAiB,OACrB,SACA,YAC+C,MAAM,OAAO,SAAS,QAAQ;;;;CAK/E,MAAM,iBAAiB,aAAwC;AAC7D,MAAI,YAAY,gBAAgB;GAC9B,MAAMC,MAAW,IAAI,IAAI,gBAAgB,OAAO,SAAS,OAAO;AAEhE,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAA0B;AAChE,QAAI,UAAU,UAAa,UAAU,KACnC,KAAI,aAAa,OAAO,KAAK,OAAO,MAAM,CAAC;KAE7C;AAEF,UAAO,SAAS,OAAO,IAAI,UAAU;;;AAIzC,KAAI,aAAaC,6BAAS,UACxB,QACE,2CAACC;EACY;EACL;EACN,SAAS,KAAK;EACd,WAAW,KAAK;EAChB,SAAS,KAAK;EACD;EAEZ;GACQ;AAIf,QACE,2CAACC;EACC,WAAW,aAAa,CAAC;EACT;EAChB,cAAc;EACd,UAAU;EACV,WAAW;EACA;EACL;EACN,UAAU;EACV,cAAc;EACd,WAAW;EACE;EACb,GAAI;GACJ;;AAIN,uBAAe"}