@alore/auth-react-ui 1.0.3-alpha → 1.0.4-alpha

package/dist/cjs/components/Auth.js

@@ -36,14 +36,16 @@ const flowbite_react_1 = require("flowbite-react");
 const react_2 = __importStar(require("react"));
 const Login_1 = require("../auth/Login");
 const Register_1 = require("../auth/Register");
+const helpers_1 = require("../helpers");
 const useAuthServiceInstance_1 = __importDefault(require("../hooks/useAuthServiceInstance"));
-const Auth = ({ googleId, forgeId, logoImage, inviteToken, keyshareWorker, onSuccess, _onError, }) => {
+const themes_1 = require("../styles/themes");
+const Auth = ({ googleId, forgeId, styles, logoImage, inviteToken, keyshareWorker, onSuccess, 
+// eslint-disable-next-line no-unused-vars
+onError, }) => {
     const authServiceInstance = (0, useAuthServiceInstance_1.default)();
     const [authState, sendAuth] = (0, react_1.useActor)(authServiceInstance);
-    const { googleUser, sessionUser, authProviderConfigs } = authState.context;
+    const { googleUser, sessionUser, authProviderConfigs, socialProviderRegisterUser } = authState.context;
     const { locale } = authProviderConfigs || {};
-    console.info('context', authState.context);
-    console.info('state', authState.value);
     const [isClient, setIsClient] = (0, react_2.useState)(false);
     const msalConfig = {
         auth: {
@@ -52,6 +54,13 @@ const Auth = ({ googleId, forgeId, logoImage, inviteToken, keyshareWorker, onSuc
         },
     };
     const msalInstance = new msal_browser_1.PublicClientApplication(msalConfig);
+    const primaryColor = (styles === null || styles === void 0 ? void 0 : styles.primaryColor) || '#090909';
+    const primaryColorHover = (0, helpers_1.darkenHexColor)(primaryColor, 25);
+    const customTheme = (0, react_2.useMemo)(() => (0, flowbite_react_1.createTheme)({
+        button: themes_1.buttonTheme,
+        checkbox: themes_1.checkboxTheme,
+        textInput: themes_1.textInputTheme,
+    }), [primaryColor, primaryColorHover]);
     const cryptoUtils = {
         generateSecureHash: auth_react_sdk_1.generateSecureHash,
         hashUserInfo: auth_react_sdk_1.hashUserInfo,
@@ -63,12 +72,15 @@ const Auth = ({ googleId, forgeId, logoImage, inviteToken, keyshareWorker, onSuc
         if (googleUser) {
             sendAuth([{ type: 'INITIALIZE', forgeId }, 'LOGIN', 'ADVANCE_TO_PASSWORD']);
         }
-        else
-            sendAuth([{ type: 'INITIALIZE', forgeId }, 'LOGIN']);
-        return () => {
-            sendAuth('RESET');
-        };
+        if (!sessionUser) {
+            sendAuth(['RESET', 'INITIALIZE', 'LOGIN']);
+        }
     }, []);
+    (0, react_2.useEffect)(() => {
+        if (socialProviderRegisterUser) {
+            sendAuth(['RESET', { type: 'INITIALIZE', forgeId }, 'SIGN_UP', 'ADVANCE_TO_PASSWORD']);
+        }
+    }, [socialProviderRegisterUser]);
     (0, react_2.useEffect)(() => {
         if ((authState.matches('active.login.successfulLogin') ||
             authState.matches('active.register.userCreated')) &&
@@ -76,12 +88,21 @@ const Auth = ({ googleId, forgeId, logoImage, inviteToken, keyshareWorker, onSuc
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(sessionUser);
         }
     }, [sessionUser]);
-    return isClient ? (react_2.default.createElement(google_1.GoogleOAuthProvider, { clientId: googleId },
-        react_2.default.createElement(msal_react_1.MsalProvider, { instance: msalInstance },
-            react_2.default.createElement(react_2.Suspense, { fallback: react_2.default.createElement("div", { className: "flex size-full min-h-screen flex-col items-center justify-center" },
-                    react_2.default.createElement(flowbite_react_1.Spinner, { className: "m-auto !h-12 w-full !fill-gray-300" })) },
-                authState.matches('active.login') && (react_2.default.createElement(Login_1.Login, { locale: locale, authServiceInstance: authServiceInstance, forgeId: forgeId, cryptoUtils: cryptoUtils, keyshareWorker: keyshareWorker, logoImage: logoImage })),
-                authState.matches('active.register') && (react_2.default.createElement(Register_1.Register, { locale: locale, authServiceInstance: authServiceInstance, forgeId: forgeId, inviteToken: inviteToken, cryptoUtils: cryptoUtils, keyshareWorker: keyshareWorker, logoImage: logoImage })))))) : null;
+    return isClient ? (react_2.default.createElement("div", { style: {
+            '--primary-color': primaryColor,
+            '--primary-hover': primaryColorHover,
+        } },
+        react_2.default.createElement(google_1.GoogleOAuthProvider, { clientId: googleId },
+            react_2.default.createElement(msal_react_1.MsalProvider, { instance: msalInstance },
+                react_2.default.createElement(flowbite_react_1.ThemeProvider, { theme: customTheme, props: {
+                        button: {
+                            pill: true,
+                        },
+                    } },
+                    react_2.default.createElement(react_2.Suspense, { fallback: react_2.default.createElement("div", { className: "flex size-full min-h-screen flex-col items-center justify-center" },
+                            react_2.default.createElement(flowbite_react_1.Spinner, { className: "m-auto !h-12 w-full !fill-gray-300" })) },
+                        authState.matches('active.login') && (react_2.default.createElement(Login_1.Login, { locale: locale, authServiceInstance: authServiceInstance, forgeId: forgeId, cryptoUtils: cryptoUtils, keyshareWorker: keyshareWorker, logoImage: logoImage })),
+                        authState.matches('active.register') && (react_2.default.createElement(Register_1.Register, { locale: locale, authServiceInstance: authServiceInstance, forgeId: forgeId, inviteToken: inviteToken, cryptoUtils: cryptoUtils, keyshareWorker: keyshareWorker, logoImage: logoImage })))))))) : null;
 };
 exports.default = Auth;
 //# sourceMappingURL=Auth.js.map

package/dist/cjs/components/Auth.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../../src/components/Auth.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../../src/components/Auth.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/AuthProvider.d.ts

@@ -25,7 +25,10 @@ export declare const AuthContext: React.Context<import("xstate").Interpreter<imp
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -235,6 +238,8 @@ export declare const AuthContext: React.Context<import("xstate").Interpreter<imp
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, {
@@ -265,7 +270,10 @@ export declare const AuthContext: React.Context<import("xstate").Interpreter<imp
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -475,6 +483,8 @@ export declare const AuthContext: React.Context<import("xstate").Interpreter<imp
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, import("xstate").BaseActionObject, import("../machine/types").AuthMachineServices>>> | null>;

package/dist/cjs/components/BackButton.js

@@ -20,7 +20,7 @@ const react_1 = __importDefault(require("react"));
 const tailwind_merge_1 = require("tailwind-merge");
 const BackButton = (_a) => {
     var { onClick, disabled = false, children, className = '' } = _a, props = __rest(_a, ["onClick", "disabled", "children", "className"]);
-    return (react_1.default.createElement("span", Object.assign({}, props, { onClick: !disabled ? onClick : undefined, className: (0, tailwind_merge_1.twMerge)(`text-alr-red flex w-fit cursor-pointer items-center gap-x-1 text-base`, disabled ? 'cursor-not-allowed' : '', className) }),
+    return (react_1.default.createElement("span", Object.assign({}, props, { onClick: !disabled ? onClick : undefined, className: (0, tailwind_merge_1.twMerge)(`flex w-fit cursor-pointer items-center gap-x-1 text-base text-[var(--primary-color)]`, disabled ? 'cursor-not-allowed' : '', className) }),
         react_1.default.createElement(solid_1.ArrowLeftIcon, { className: "size-4" }),
         react_1.default.createElement("span", { className: "ml-1 text-sm" }, children)));
 };

package/dist/cjs/components/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/BackButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,qDAA0D;AAC1D,kDAA0B;AAC1B,mDAAyC;AASzC,MAAM,UAAU,GAAG,CAAC,EAAwE,EAAE,EAAE;QAA5E,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAmB,EAAd,KAAK,cAA/D,gDAAiE,CAAF;IAAc,OAAA,CAC/F,wDACM,KAAK,IACT,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,IAAA,wBAAO,EAChB,uEAAuE,EACvE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EACpC,SAAS,CACV;QAED,8BAAC,qBAAa,IAAC,SAAS,EAAC,QAAQ,GAAG;QACpC,wCAAM,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAQ,CAC3C,CACR,CAAA;CAAA,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/BackButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,qDAA0D;AAC1D,kDAA0B;AAC1B,mDAAyC;AASzC,MAAM,UAAU,GAAG,CAAC,EAAwE,EAAE,EAAE;QAA5E,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAmB,EAAd,KAAK,cAA/D,gDAAiE,CAAF;IAAc,OAAA,CAC/F,wDACM,KAAK,IACT,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,IAAA,wBAAO,EAChB,sFAAsF,EACtF,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EACpC,SAAS,CACV;QAED,8BAAC,qBAAa,IAAC,SAAS,EAAC,QAAQ,GAAG;QACpC,wCAAM,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAQ,CAC3C,CACR,CAAA;CAAA,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/CheckboxForm.js

@@ -22,7 +22,7 @@ const CheckboxForm = (_a) => {
     var { className = '', control, name, label, 'data-testid': dataTest } = _a, rest = __rest(_a, ["className", "control", "name", "label", 'data-testid']);
     return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement("div", { className: className },
             react_1.default.createElement("div", { className: "mb-2 flex items-center gap-x-2" },
-                react_1.default.createElement(flowbite_react_1.Checkbox, Object.assign({}, field, rest, { value: String(field.value), checked: field.value, "data-testid": dataTest, className: "text-alr-red size-4 rounded border border-gray-300 bg-gray-50 focus:ring-2 focus:ring-cyan-600 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-cyan-600 dark:focus:ring-cyan-600" })),
+                react_1.default.createElement(flowbite_react_1.Checkbox, Object.assign({}, field, rest, { value: String(field.value), checked: field.value, "data-testid": dataTest })),
                 react_1.default.createElement(flowbite_react_1.Label, { className: "text-sm font-normal text-gray-500", htmlFor: "agreedWithTerms" }, label)))) }));
 };
 exports.default = CheckboxForm;

package/dist/cjs/components/CheckboxForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxForm.js","sourceRoot":"","sources":["../../../src/components/CheckboxForm.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,mDAAgE;AAChE,kDAAyC;AACzC,qDAAmE;AAUnE,MAAM,YAAY,GAAG,CAAC,EAOd,EAAE,EAAE;QAPU,EACpB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,EAAE,QAAQ,OAEjB,EADH,IAAI,cANa,wDAOrB,CADQ;IACI,OAAA,CACX,8BAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,uCAAK,SAAS,EAAE,SAAS;YACvB,uCAAK,SAAS,EAAC,gCAAgC;gBAC7C,8BAAC,yBAAQ,oBACH,KAAK,EACL,IAAI,IACR,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAC1B,OAAO,EAAE,KAAK,CAAC,KAAK,iBACP,QAAQ,EACrB,SAAS,EAAC,yLAAyL,IACnM;gBACF,8BAAC,sBAAK,IACJ,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAC,iBAAiB,IAExB,KAAK,CACA,CACJ,CACF,CACP,GACD,CACH,CAAA;CAAA,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"CheckboxForm.js","sourceRoot":"","sources":["../../../src/components/CheckboxForm.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,mDAAgE;AAChE,kDAAyC;AACzC,qDAAmE;AAUnE,MAAM,YAAY,GAAG,CAAC,EAOd,EAAE,EAAE;QAPU,EACpB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,EAAE,QAAQ,OAEjB,EADH,IAAI,cANa,wDAOrB,CADQ;IACI,OAAA,CACX,8BAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,uCAAK,SAAS,EAAE,SAAS;YACvB,uCAAK,SAAS,EAAC,gCAAgC;gBAC7C,8BAAC,yBAAQ,oBACH,KAAK,EACL,IAAI,IACR,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAC1B,OAAO,EAAE,KAAK,CAAC,KAAK,iBACP,QAAQ,IACrB;gBACF,8BAAC,sBAAK,IACJ,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAC,iBAAiB,IAExB,KAAK,CACA,CACJ,CACF,CACP,GACD,CACH,CAAA;CAAA,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/cjs/components/InputForm.js

@@ -20,52 +20,6 @@ const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const tailwind_merge_1 = require("tailwind-merge");
 const InputErrorHelperText_1 = __importDefault(require("./InputErrorHelperText"));
-const textInputTheme = {
-    base: 'flex',
-    addon: 'inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400',
-    field: {
-        base: 'relative w-full',
-        icon: {
-            base: 'pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3',
-            svg: 'h-5 w-5 text-gray-500 dark:text-gray-400',
-        },
-        rightIcon: {
-            base: 'pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3',
-            svg: 'h-5 w-5 text-gray-500 dark:text-gray-400',
-        },
-        input: {
-            base: 'block w-full border-0 disabled:cursor-not-allowed disabled:opacity-50',
-            sizes: {
-                sm: 'p-2 sm:text-xs',
-                md: 'p-2.5 text-sm',
-                lg: 'sm:text-md p-4',
-            },
-            colors: {
-                gray: 'duration-300 bg-gray-100 text-gray-900 outline-none border-0 focus:border-0 focus:ring-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-cyan-500 dark:focus:ring-cyan-500',
-                info: 'border-cyan-500 bg-cyan-50 text-cyan-900 placeholder-cyan-700 focus:border-cyan-500 focus:ring-cyan-500 dark:border-cyan-400 dark:bg-cyan-100 dark:focus:border-cyan-500 dark:focus:ring-cyan-500',
-                failure: 'border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:border-red-500 focus:ring-red-500 dark:border-red-400 dark:bg-red-100 dark:focus:border-red-500 dark:focus:ring-red-500',
-                warning: 'border-yellow-500 bg-yellow-50 text-yellow-900 placeholder-yellow-700 focus:border-yellow-500 focus:ring-yellow-500 dark:border-yellow-400 dark:bg-yellow-100 dark:focus:border-yellow-500 dark:focus:ring-yellow-500',
-                success: 'border-green-500 bg-green-50 text-green-900 placeholder-green-700 focus:border-green-500 focus:ring-green-500 dark:border-green-400 dark:bg-green-100 dark:focus:border-green-500 dark:focus:ring-green-500',
-            },
-            withRightIcon: {
-                on: 'pr-10',
-                off: '',
-            },
-            withIcon: {
-                on: 'pl-10',
-                off: '',
-            },
-            withAddon: {
-                on: 'rounded-r-lg',
-                off: 'rounded-lg',
-            },
-            withShadow: {
-                on: 'shadow-sm dark:shadow-sm-light',
-                off: '',
-            },
-        },
-    },
-};
 const infoIcon = () => react_1.default.createElement("i", { className: "fa-solid fa-circle-info text-alr-red" });
 const InputForm = (_a) => {
     var { control, name, label, errors, type = 'text', 'data-testid': dataTest, className } = _a, rest = __rest(_a, ["control", "name", "label", "errors", "type", 'data-testid', "className"]);
@@ -73,7 +27,8 @@ const InputForm = (_a) => {
             var _a;
             return (react_1.default.createElement("div", { className: (0, tailwind_merge_1.twMerge)('flex flex-col', className) },
                 label && (react_1.default.createElement(flowbite_react_1.Label, { className: "mb-2 font-medium !text-gray-500", htmlFor: field.name }, label)),
-                react_1.default.createElement(flowbite_react_1.TextInput, Object.assign({}, field, rest, { type: type, color: errors[field.name] ? 'failure' : 'gray', rightIcon: errors[field.name] && infoIcon, "data-testid": dataTest, helperText: errors[field.name] && (react_1.default.createElement(InputErrorHelperText_1.default, { id: dataTest, message: String((_a = errors === null || errors === void 0 ? void 0 : errors[field.name]) === null || _a === void 0 ? void 0 : _a.message) })), theme: textInputTheme }))));
+                react_1.default.createElement(flowbite_react_1.TextInput, Object.assign({}, field, rest, { type: type, color: errors[field.name] ? 'failure' : 'gray', rightIcon: errors[field.name] && infoIcon, "data-testid": dataTest })),
+                react_1.default.createElement(flowbite_react_1.HelperText, null, errors[field.name] && (react_1.default.createElement(InputErrorHelperText_1.default, { id: dataTest, message: String((_a = errors === null || errors === void 0 ? void 0 : errors[field.name]) === null || _a === void 0 ? void 0 : _a.message) })))));
         } }));
 };
 exports.default = InputForm;

package/dist/cjs/components/InputForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputForm.js","sourceRoot":"","sources":["../../../src/components/InputForm.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,mDAA0F;AAC1F,kDAA0B;AAC1B,qDAAoF;AACpF,mDAAyC;AAEzC,kFAA0D;AAE1D,MAAM,cAAc,GAA2B;IAC7C,IAAI,EAAE,MAAM;IACZ,KAAK,EACH,yKAAyK;IAC3K,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE;YACJ,IAAI,EAAE,sEAAsE;YAC5E,GAAG,EAAE,0CAA0C;SAChD;QACD,SAAS,EAAE;YACT,IAAI,EAAE,uEAAuE;YAC7E,GAAG,EAAE,0CAA0C;SAChD;QACD,KAAK,EAAE;YACL,IAAI,EAAE,uEAAuE;YAC7E,KAAK,EAAE;gBACL,EAAE,EAAE,gBAAgB;gBACpB,EAAE,EAAE,eAAe;gBACnB,EAAE,EAAE,gBAAgB;aACrB;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,qOAAqO;gBAC3O,IAAI,EAAE,mMAAmM;gBACzM,OAAO,EACL,yLAAyL;gBAC3L,OAAO,EACL,uNAAuN;gBACzN,OAAO,EACL,6MAA6M;aAChN;YACD,aAAa,EAAE;gBACb,EAAE,EAAE,OAAO;gBACX,GAAG,EAAE,EAAE;aACR;YACD,QAAQ,EAAE;gBACR,EAAE,EAAE,OAAO;gBACX,GAAG,EAAE,EAAE;aACR;YACD,SAAS,EAAE;gBACT,EAAE,EAAE,cAAc;gBAClB,GAAG,EAAE,YAAY;aAClB;YACD,UAAU,EAAE;gBACV,EAAE,EAAE,gCAAgC;gBACpC,GAAG,EAAE,EAAE;aACR;SACF;KACF;CACF,CAAC;AAYF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,qCAAG,SAAS,EAAC,sCAAsC,GAAG,CAAC;AAE9E,MAAM,SAAS,GAAG,CAAC,EASX,EAAE,EAAE;QATO,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,GAAG,MAAM,EACb,aAAa,EAAE,QAAQ,EACvB,SAAS,OAEH,EADH,IAAI,cARU,0EASlB,CADQ;IACI,OAAA,CACX,8BAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;;YAAC,OAAA,CACrB,uCAAK,SAAS,EAAE,IAAA,wBAAO,EAAC,eAAe,EAAE,SAAS,CAAC;gBAChD,KAAK,IAAI,CACR,8BAAC,sBAAK,IACJ,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,KAAK,CAAC,IAAI,IAElB,KAAK,CACA,CACT;gBACD,8BAAC,0BAAS,oBACJ,KAAK,EACL,IAAI,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC9C,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,QAAQ,iBAC5B,QAAQ,EACrB,UAAU,EACR,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACpB,8BAAC,8BAAoB,IACnB,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,MAAM,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,IAAI,CAAC,0CAAE,OAAO,CAAC,GAC9C,CACH,EAEH,KAAK,EAAE,cAAc,IACrB,CACE,CACP,CAAA;SAAA,GACD,CACH,CAAA;CAAA,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"InputForm.js","sourceRoot":"","sources":["../../../src/components/InputForm.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,mDAA8E;AAC9E,kDAA0B;AAC1B,qDAAoF;AACpF,mDAAyC;AAEzC,kFAA0D;AAY1D,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,qCAAG,SAAS,EAAC,sCAAsC,GAAG,CAAC;AAE9E,MAAM,SAAS,GAAG,CAAC,EASX,EAAE,EAAE;QATO,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,GAAG,MAAM,EACb,aAAa,EAAE,QAAQ,EACvB,SAAS,OAEH,EADH,IAAI,cARU,0EASlB,CADQ;IACI,OAAA,CACX,8BAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;;YAAC,OAAA,CACrB,uCAAK,SAAS,EAAE,IAAA,wBAAO,EAAC,eAAe,EAAE,SAAS,CAAC;gBAChD,KAAK,IAAI,CACR,8BAAC,sBAAK,IACJ,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,KAAK,CAAC,IAAI,IAElB,KAAK,CACA,CACT;gBACD,8BAAC,0BAAS,oBACJ,KAAK,EACL,IAAI,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC9C,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,QAAQ,iBAC5B,QAAQ,IACrB;gBACF,8BAAC,2BAAU,QACR,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrB,8BAAC,8BAAoB,IACnB,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,MAAM,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,IAAI,CAAC,0CAAE,OAAO,CAAC,GAC9C,CACH,CACU,CACT,CACP,CAAA;SAAA,GACD,CACH,CAAA;CAAA,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/cjs/components/TermsModal.js

@@ -11,17 +11,18 @@ const TermsModal = ({ locale, show, onClose, onSubmit }) => {
     const dictionary = (0, useDictionary_1.default)(locale);
     const registerDictionary = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.register;
     return (react_1.default.createElement(flowbite_react_1.Modal, { show: show, onClose: onClose },
-        react_1.default.createElement(flowbite_react_1.Modal.Header, null,
-            react_1.default.createElement("div", { className: "px-8 pt-2" },
-                react_1.default.createElement("span", { className: "font-poppins text-[1.75rem] font-bold" }, registerDictionary === null || registerDictionary === void 0 ? void 0 : registerDictionary.termsTitle))),
-        react_1.default.createElement(flowbite_react_1.Modal.Body, { className: "scrollbar" },
+        react_1.default.createElement(flowbite_react_1.Modal, null,
+            react_1.default.createElement(flowbite_react_1.ModalHeader, null,
+                react_1.default.createElement("div", { className: "px-8 pt-2" },
+                    react_1.default.createElement("span", { className: "font-poppins text-[1.75rem] font-bold" }, registerDictionary === null || registerDictionary === void 0 ? void 0 : registerDictionary.termsTitle)))),
+        react_1.default.createElement(flowbite_react_1.ModalBody, { className: "scrollbar" },
             react_1.default.createElement("div", { className: "flex flex-col px-8 pb-5 pt-2" },
                 react_1.default.createElement("span", { 
                     // eslint-disable-next-line react/no-danger
                     dangerouslySetInnerHTML: {
                         __html: (dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.register.termsDescription) || '',
                     }, className: "mb-16" }),
-                react_1.default.createElement(flowbite_react_1.Button, { "data-testid": "accept-terms", className: "bg-alr-red hover:bg-alr-dark-red group relative flex items-center justify-center rounded-lg border border-transparent p-0.5 text-center font-medium text-white duration-300 focus:z-10 focus:outline-none focus:ring-2 focus:ring-red-300 enabled:hover:bg-red-700 disabled:hover:bg-red-900 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900 dark:enabled:hover:bg-red-700 dark:disabled:hover:bg-red-600", onClick: onSubmit }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.accept)))));
+                react_1.default.createElement(flowbite_react_1.Button, { "data-testid": "accept-terms", onClick: onSubmit }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.accept)))));
 };
 exports.default = TermsModal;
 //# sourceMappingURL=TermsModal.js.map

package/dist/cjs/components/TermsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TermsModal.js","sourceRoot":"","sources":["../../../src/components/TermsModal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;AAEb,mDAA+C;AAC/C,kDAA0B;AAG1B,2EAAmD;AASnD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAS,EAAE,EAAE;IAChE,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAC,MAAM,CAAC,CAAC;IACzC,MAAM,kBAAkB,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,QAAQ,CAAC;IAErD,OAAO,CACL,8BAAC,sBAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;QAEhB,8BAAC,sBAAK,CAAC,MAAM;YACX,uCAAK,SAAS,EAAC,WAAW;gBACxB,wCAAM,SAAS,EAAC,uCAAuC,IACpD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,CAC1B,CACH,CACO;QACf,8BAAC,sBAAK,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW;YAC/B,uCAAK,SAAS,EAAC,8BAA8B;gBAC3C;oBACE,2CAA2C;oBAC3C,uBAAuB,EAAE;wBACvB,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAAI,EAAE;qBACzD,EACD,SAAS,EAAC,OAAO,GACjB;gBACF,8BAAC,uBAAM,mBACO,cAAc,EAC1B,SAAS,EAAC,yZAAyZ,EACna,OAAO,EAAE,QAAQ,IAEhB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CACZ,CACL,CACK,CACP,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"TermsModal.js","sourceRoot":"","sources":["../../../src/components/TermsModal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;AAEb,mDAAuE;AACvE,kDAA0B;AAG1B,2EAAmD;AASnD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAS,EAAE,EAAE;IAChE,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAC,MAAM,CAAC,CAAC;IACzC,MAAM,kBAAkB,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,QAAQ,CAAC;IAErD,OAAO,CACL,8BAAC,sBAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;QAEhB,8BAAC,sBAAK;YACJ,8BAAC,4BAAW;gBACV,uCAAK,SAAS,EAAC,WAAW;oBACxB,wCAAM,SAAS,EAAC,uCAAuC,IACpD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,CAC1B,CACH,CACM,CACR;QACR,8BAAC,0BAAS,IAAC,SAAS,EAAC,WAAW;YAC9B,uCAAK,SAAS,EAAC,8BAA8B;gBAC3C;oBACE,2CAA2C;oBAC3C,uBAAuB,EAAE;wBACvB,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAAI,EAAE;qBACzD,EACD,SAAS,EAAC,OAAO,GACjB;gBACF,8BAAC,uBAAM,mBACO,cAAc,EAC1B,OAAO,EAAE,QAAQ,IAEhB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CACZ,CACL,CACI,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/dictionaries/en.json

@@ -42,6 +42,7 @@
         },
         "login": {
             "login": "Login",
+            "passkeyLogin": "Login with passkey",
             "password": "Password",
             "continue": "Continue",
             "passkey": "Passkey",
@@ -84,6 +85,9 @@
             "passkeyNotSupported": "Passkey not supported",
             "continue": "Continue",
             "title": "Let’s get started!",
+            "passkeyCreatedButNotAuthenticated": "Passkey created!",
+            "passkeyCreatedButNotAuthenticatedDescription": "Your passkey has been created, but you need to authenticate it to complete the registration process.",
+            "backToLogin": "Back to login",
             "forgeTitle": "Create an account and claim your NFT",
             "emailLabel": "Your e-mail",
             "emailPlaceholder": "youremail@email.com",

package/dist/cjs/dictionaries/pt.json

@@ -42,6 +42,7 @@
         },
         "login": {
             "login": "Conecte-se",
+            "passkeyLogin": "Entrar com passkey",
             "password": "Senha",
             "continue": "Continuar",
             "passkey": "Passkey",
@@ -50,7 +51,7 @@
             "somethingWrong": "Algo deu errado",
             "invalidEmailPasswordDescription": "A combinação de e-mail e senha que você digitou está incorreta ou inválida.",
             "defaultError": "Não foi possível processar seu login neste momento. ",
-            "loginAccount": "Faça login na sua conta",
+            "loginAccount": "Fazer login",
             "enterEmail": "Digite seu e-mail",
             "dontHaveAccount": "Não tem uma conta ainda? ",
             "signUp": "Inscrever-se",
@@ -58,7 +59,7 @@
             "enterPassword": "Coloque sua senha",
             "verifyEmail": "Verifique seu e-mail",
             "verifyEmailDescription": "Por favor, informe o código que enviamos para seu e-mail. ",
-            "wrongCode": "Você enviou o código errado. ",
+            "wrongCode": "Você digitou o código errado.",
             "confirmCode": "Confirmar código",
             "resendCode": "Reenviar código para seu e-mail",
             "inform2FACode": "Por favor, informe seu código localizado em seu aplicativo autenticador.",
@@ -83,7 +84,10 @@
             "passkey": "Passkey",
             "passkeyNotSupported": "Passkey não suportada",
             "continue": "Continuar",
-            "title": "Vamos começar!",
+            "title": "Criar conta",
+            "passkeyCreatedButNotAuthenticated": "Passkey criada!",
+            "passkeyCreatedButNotAuthenticatedDescription": "Sua passkey foi criada, mas você precisa autenticar para completar o processo de autenticação.",
+            "backToLogin": "Voltar para login",
             "forgeTitle": "Crie uma conta e resgate sua NFT",
             "emailLabel": "Seu email",
             "emailPlaceholder": "seuemail@email.com",
@@ -99,7 +103,7 @@
             "toJoin": "juntar-se",
             "verifyEmail": "Verifique seu e-mail",
             "informCode": "Por favor, informe o código que enviamos para seu e-mail. ",
-            "wrongCode": "Você enviou o código errado. ",
+            "wrongCode": "Você digitou o código errado.",
             "confirmCode": "Confirmar código",
             "resendCode": "Reenviar código para seu e-mail",
             "createPassword": "Crie uma senha segura",

package/dist/cjs/get-dictionary.d.ts

@@ -48,6 +48,7 @@ export declare const dictionaries: {
             };
             login: {
                 login: string;
+                passkeyLogin: string;
                 password: string;
                 continue: string;
                 passkey: string;
@@ -90,6 +91,9 @@ export declare const dictionaries: {
                 passkeyNotSupported: string;
                 continue: string;
                 title: string;
+                passkeyCreatedButNotAuthenticated: string;
+                passkeyCreatedButNotAuthenticatedDescription: string;
+                backToLogin: string;
                 forgeTitle: string;
                 emailLabel: string;
                 emailPlaceholder: string;
@@ -166,6 +170,7 @@ export declare const dictionaries: {
             };
             login: {
                 login: string;
+                passkeyLogin: string;
                 password: string;
                 continue: string;
                 passkey: string;
@@ -208,6 +213,9 @@ export declare const dictionaries: {
                 passkeyNotSupported: string;
                 continue: string;
                 title: string;
+                passkeyCreatedButNotAuthenticated: string;
+                passkeyCreatedButNotAuthenticatedDescription: string;
+                backToLogin: string;
                 forgeTitle: string;
                 emailLabel: string;
                 emailPlaceholder: string;
@@ -285,6 +293,7 @@ export declare const getDictionary: (locale: Locale) => Promise<{
         };
         login: {
             login: string;
+            passkeyLogin: string;
             password: string;
             continue: string;
             passkey: string;
@@ -327,6 +336,9 @@ export declare const getDictionary: (locale: Locale) => Promise<{
             passkeyNotSupported: string;
             continue: string;
             title: string;
+            passkeyCreatedButNotAuthenticated: string;
+            passkeyCreatedButNotAuthenticatedDescription: string;
+            backToLogin: string;
             forgeTitle: string;
             emailLabel: string;
             emailPlaceholder: string;

package/dist/cjs/helpers/index.d.ts

@@ -6,3 +6,4 @@ export default _default;
 export interface NewDeviceInfo {
     coordinates?: [latitude: number, longitude: number];
 }
+export declare function darkenHexColor(hex: string, amount?: number): string;

package/dist/cjs/helpers/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.verifyEmptyValues = void 0;
+exports.darkenHexColor = exports.verifyEmptyValues = void 0;
 function verifyEmptyValues(values) {
     let hasEmptyValues = false;
     if (values) {
@@ -24,4 +24,22 @@ function verifyEmptyValues(values) {
 }
 exports.verifyEmptyValues = verifyEmptyValues;
 exports.default = { verifyEmptyValues };
+function darkenHexColor(hex, amount = 20) {
+    hex = hex.replace(/^#/, '');
+    if (hex.length === 3) {
+        hex = hex
+            .split('')
+            .map((char) => char + char)
+            .join('');
+    }
+    if (hex.length !== 6) {
+        throw new Error('Invalid HEX color.');
+    }
+    const r = Math.max(0, parseInt(hex.slice(0, 2), 16) - amount);
+    const g = Math.max(0, parseInt(hex.slice(2, 4), 16) - amount);
+    const b = Math.max(0, parseInt(hex.slice(4, 6), 16) - amount);
+    const toHex = (n) => n.toString(16).padStart(2, '0');
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+exports.darkenHexColor = darkenHexColor;
 //# sourceMappingURL=index.js.map

package/dist/cjs/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,SAAgB,iBAAiB,CAAC,MAAmC;IACnE,IAAI,cAAc,GAAG,KAAK,CAAC;IAE3B,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAClC,MAAM,KAAK,GAAG,MAAM,CAAC,GAA0B,CAAC,CAAC;YAEjD,IACE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACnD,CAAC,CAAC,KAAK,IAAK,KAAwB,CAAC,MAAM,KAAK,CAAC,CAAC,EAClD,CAAC;gBACD,cAAc,GAAG,IAAI,CAAC;YACxB,CAAC;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACvD,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACpC,cAAc,GAAG,IAAI,CAAC;gBACxB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,cAAc,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAvBD,8CAuBC;AAED,kBAAe,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,SAAgB,iBAAiB,CAAC,MAAmC;IACnE,IAAI,cAAc,GAAG,KAAK,CAAC;IAE3B,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAClC,MAAM,KAAK,GAAG,MAAM,CAAC,GAA0B,CAAC,CAAC;YAEjD,IACE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACnD,CAAC,CAAC,KAAK,IAAK,KAAwB,CAAC,MAAM,KAAK,CAAC,CAAC,EAClD,CAAC;gBACD,cAAc,GAAG,IAAI,CAAC;YACxB,CAAC;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACvD,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACpC,cAAc,GAAG,IAAI,CAAC;gBACxB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,cAAc,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAvBD,8CAuBC;AAED,kBAAe,EAAE,iBAAiB,EAAE,CAAC;AAMrC,SAAgB,cAAc,CAAC,GAAW,EAAE,SAAiB,EAAE;IAC7D,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE5B,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,GAAG,GAAG,GAAG;aACN,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;aAC1B,IAAI,CAAC,EAAE,CAAC,CAAC;IACd,CAAC;IAED,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IAC9D,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IAC9D,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE7D,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9C,CAAC;AArBD,wCAqBC"}

package/dist/cjs/hooks/useAuthService.d.ts

@@ -23,7 +23,10 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -233,6 +236,8 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, any, {
@@ -263,7 +268,10 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -473,6 +481,8 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, import("xstate").BaseActionObject, import("../machine/types").AuthMachineServices>>>, (event: import("xstate").SingleOrArray<import("xstate").Event<{
@@ -500,7 +510,10 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -710,6 +723,8 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }>> | import("xstate").SCXML.Event<{
@@ -737,7 +752,10 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -947,6 +965,8 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }>, payload?: import("xstate").EventData | undefined) => import("xstate").State<import("../machine/types").AuthMachineContext, {
@@ -974,7 +994,10 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -1184,6 +1207,8 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, any, {
@@ -1214,7 +1239,10 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -1424,6 +1452,8 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, import("xstate").BaseActionObject, import("../machine/types").AuthMachineServices>>>];

package/dist/cjs/hooks/useAuthServiceInstance.d.ts

@@ -23,7 +23,10 @@ declare const useAuthServiceInstance: () => import("xstate").Interpreter<import(
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -233,6 +236,8 @@ declare const useAuthServiceInstance: () => import("xstate").Interpreter<import(
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, {
@@ -263,7 +268,10 @@ declare const useAuthServiceInstance: () => import("xstate").Interpreter<import(
     };
 } | {
     type: "GOOGLE_LOGIN";
-    googleToken: string;
+    payload: {
+        accessToken: string;
+        providerName: string;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -473,6 +481,8 @@ declare const useAuthServiceInstance: () => import("xstate").Interpreter<import(
     };
 } | {
     type: "SIGN_IN_WITH_PASSKEY";
+} | {
+    type: "USER_CREATE_ACCOUNT_BUT_NOT_LOGIN";
 } | {
     type: "SET_CONDITIONAL_UI_PASSKEY";
 }, import("xstate").BaseActionObject, import("../machine/types").AuthMachineServices>>>;

package/dist/cjs/hooks/useDictionary.d.ts

@@ -43,6 +43,7 @@ declare const useDictionary: (locale: Locale) => {
         };
         login: {
             login: string;
+            passkeyLogin: string;
             password: string;
             continue: string;
             passkey: string;
@@ -85,6 +86,9 @@ declare const useDictionary: (locale: Locale) => {
             passkeyNotSupported: string;
             continue: string;
             title: string;
+            passkeyCreatedButNotAuthenticated: string;
+            passkeyCreatedButNotAuthenticatedDescription: string;
+            backToLogin: string;
             forgeTitle: string;
             emailLabel: string;
             emailPlaceholder: string;