@alore/auth-react-ui 1.2.0-alpha.23 → 1.2.0-alpha.24

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

@@ -40,6 +40,14 @@ export declare const AuthContext: React.Context<import("xstate").Interpreter<imp
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -305,6 +313,14 @@ export declare const AuthContext: React.Context<import("xstate").Interpreter<imp
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {

package/dist/mjs/components/BackButton.js

@@ -2,7 +2,7 @@
 import { ArrowLeftIcon } from '@heroicons/react/20/solid';
 import React from 'react';
 import { twMerge } from 'tailwind-merge';
-const BackButton = ({ onClick, disabled = false, children, className = '', ...props }) => (React.createElement("span", { ...props, "data-testid": "back-button", onClick: !disabled ? onClick : undefined, className: twMerge(`flex w-fit cursor-pointer items-center gap-x-1 text-base text-[var(--primary-color)]`, disabled ? 'cursor-not-allowed' : '', className) },
+const BackButton = ({ onClick, disabled = false, children, className = '', ...props }) => (React.createElement("button", { ...props, type: "button", "data-testid": "back-button", onClick: onClick, disabled: disabled, className: twMerge(`flex w-fit cursor-pointer items-center gap-x-1 rounded text-base text-[var(--primary-color)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary-color)] focus-visible:ring-offset-2`, disabled ? 'cursor-not-allowed' : '', className) },
     React.createElement(ArrowLeftIcon, { className: "size-4" }),
     React.createElement("span", { className: "ml-1 text-sm" }, children)));
 export default BackButton;

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

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/BackButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AASzC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAC/F,iCACM,KAAK,iBACG,aAAa,EACzB,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,OAAO,CAChB,sFAAsF,EACtF,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EACpC,SAAS,CACV;IAED,oBAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG;IACpC,8BAAM,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAQ,CAC3C,CACR,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/BackButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AASzC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAC/F,mCACM,KAAK,EACT,IAAI,EAAC,QAAQ,iBACD,aAAa,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAChB,4MAA4M,EAC5M,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EACpC,SAAS,CACV;IAED,oBAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG;IACpC,8BAAM,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAQ,CACzC,CACV,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/mjs/components/CheckboxForm.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { Controller } from 'react-hook-form';
 const CheckboxForm = ({ className = '', control, name, label, 'data-testid': dataTest, ...rest }) => (React.createElement(Controller, { control: control, name: name, render: ({ field }) => (React.createElement("div", { className: className },
         React.createElement("div", { className: "mb-2 flex items-center gap-x-2" },
-            React.createElement(Checkbox, { ...field, ...rest, value: String(field.value), checked: field.value, "data-testid": dataTest }),
-            React.createElement(Label, { className: "text-sm font-normal text-gray-500", htmlFor: "agreedWithTerms" }, label)))) }));
+            React.createElement(Checkbox, { ...field, ...rest, id: field.name, value: String(field.value), checked: field.value, "data-testid": dataTest }),
+            React.createElement(Label, { className: "text-sm font-normal text-gray-500", htmlFor: field.name }, label)))) }));
 export default CheckboxForm;
 //# sourceMappingURL=CheckboxForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxForm.js","sourceRoot":"","sources":["../../../src/components/CheckboxForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAiB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAW,UAAU,EAAe,MAAM,iBAAiB,CAAC;AAUnE,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,EAAE,QAAQ,EACvB,GAAG,IAAI,EACD,EAAE,EAAE,CAAC,CACX,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAC,gCAAgC;YAC7C,oBAAC,QAAQ,OACH,KAAK,KACL,IAAI,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAC1B,OAAO,EAAE,KAAK,CAAC,KAAK,iBACP,QAAQ,GACrB;YACF,oBAAC,KAAK,IACJ,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAC,iBAAiB,IAExB,KAAK,CACA,CACJ,CACF,CACP,GACD,CACH,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CheckboxForm.js","sourceRoot":"","sources":["../../../src/components/CheckboxForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAiB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAW,UAAU,EAAe,MAAM,iBAAiB,CAAC;AAUnE,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,EAAE,QAAQ,EACvB,GAAG,IAAI,EACD,EAAE,EAAE,CAAC,CACX,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAC,gCAAgC;YAC7C,oBAAC,QAAQ,OACH,KAAK,KACL,IAAI,EACR,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAC1B,OAAO,EAAE,KAAK,CAAC,KAAK,iBACP,QAAQ,GACrB;YACF,oBAAC,KAAK,IACJ,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,KAAK,CAAC,IAAI,IAElB,KAAK,CACA,CACJ,CACF,CACP,GACD,CACH,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/mjs/components/InputForm.d.ts

@@ -10,6 +10,7 @@ interface Props extends TextInputProps {
     'data-testid'?: string;
     className?: string;
     inputClassName?: string;
+    passwordToggleLabel?: string;
 }
-declare const InputForm: ({ control, name, label, errors, type, "data-testid": dataTest, className, inputClassName, ...rest }: Props) => React.JSX.Element;
+declare const InputForm: ({ control, name, label, errors, type, "data-testid": dataTest, className, inputClassName, passwordToggleLabel, ...rest }: Props) => React.JSX.Element;
 export default InputForm;

package/dist/mjs/components/InputForm.js

@@ -6,14 +6,14 @@ import { Controller } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
 import InputErrorHelperText from './InputErrorHelperText';
 const infoIcon = () => React.createElement("i", { className: "fa-solid fa-circle-info text-alr-red" });
-const InputForm = ({ control, name, label, errors, type = 'text', 'data-testid': dataTest, className, inputClassName, ...rest }) => {
+const InputForm = ({ control, name, label, errors, type = 'text', 'data-testid': dataTest, className, inputClassName, passwordToggleLabel, ...rest }) => {
     const [showPassword, setShowPassword] = useState(false);
     const isPassword = type === 'password';
     return (React.createElement(Controller, { control: control, name: name, render: ({ field }) => (React.createElement("div", { className: twMerge('flex flex-col', className) },
             label && (React.createElement(Label, { className: "mb-2 self-start text-left font-medium !text-gray-500", htmlFor: field.name }, label)),
             React.createElement("div", { className: "relative" },
                 React.createElement(TextInput, { ...field, ...rest, type: isPassword && showPassword ? 'text' : type, color: errors[field.name] ? 'failure' : 'gray', rightIcon: errors[field.name] && infoIcon, "data-testid": dataTest, className: inputClassName }),
-                isPassword && (React.createElement("button", { type: "button", tabIndex: -1, onClick: () => setShowPassword((v) => !v), className: "absolute inset-y-0 right-0 flex items-center pr-4 text-gray-500 hover:text-gray-700", "data-testid": dataTest ? `${dataTest}-toggle-visibility` : undefined }, showPassword ? (React.createElement(EyeSlashIcon, { className: "size-4" })) : (React.createElement(EyeIcon, { className: "size-4" }))))),
+                isPassword && (React.createElement("button", { type: "button", "aria-label": passwordToggleLabel, "aria-pressed": showPassword, onClick: () => setShowPassword((v) => !v), className: "absolute inset-y-0 right-0 flex items-center rounded-full pl-2 pr-4 text-gray-500 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary-color)]", "data-testid": dataTest ? `${dataTest}-toggle-visibility` : undefined }, showPassword ? (React.createElement(EyeSlashIcon, { className: "size-4" })) : (React.createElement(EyeIcon, { className: "size-4" }))))),
             React.createElement(HelperText, null, errors[field.name] && (React.createElement(InputErrorHelperText, { id: dataTest, message: String(errors?.[field.name]?.message) }))))) }));
 };
 export default InputForm;

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

@@ -1 +1 @@
-{"version":3,"file":"InputForm.js","sourceRoot":"","sources":["../../../src/components/InputForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAW,UAAU,EAAgC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAa1D,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,2BAAG,SAAS,EAAC,sCAAsC,GAAG,CAAC;AAE9E,MAAM,SAAS,GAAG,CAAC,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,GAAG,MAAM,EACb,aAAa,EAAE,QAAQ,EACvB,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACD,EAAE,EAAE;IACV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,CAAC;IAEvC,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,SAAS,CAAC;YAChD,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,KAAK,CAAC,IAAI,IAElB,KAAK,CACA,CACT;YACD,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,SAAS,OACJ,KAAK,KACL,IAAI,EACR,IAAI,EAAE,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAChD,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,SAAS,EAAE,cAAc,GACzB;gBACD,UAAU,IAAI,CACb,gCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACzC,SAAS,EAAC,qFAAqF,iBAClF,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,oBAAoB,CAAC,CAAC,CAAC,SAAS,IAElE,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,GAAG,CAC/B,CACM,CACV,CACG;YACN,oBAAC,UAAU,QACR,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrB,oBAAC,oBAAoB,IACnB,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAC9C,CACH,CACU,CACT,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"InputForm.js","sourceRoot":"","sources":["../../../src/components/InputForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAW,UAAU,EAAgC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAc1D,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,2BAAG,SAAS,EAAC,sCAAsC,GAAG,CAAC;AAE9E,MAAM,SAAS,GAAG,CAAC,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,GAAG,MAAM,EACb,aAAa,EAAE,QAAQ,EACvB,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,GAAG,IAAI,EACD,EAAE,EAAE;IACV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,CAAC;IAEvC,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,SAAS,CAAC;YAChD,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,KAAK,CAAC,IAAI,IAElB,KAAK,CACA,CACT;YACD,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,SAAS,OACJ,KAAK,KACL,IAAI,EACR,IAAI,EAAE,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAChD,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,SAAS,EAAE,cAAc,GACzB;gBACD,UAAU,IAAI,CACb,gCACE,IAAI,EAAC,QAAQ,gBACD,mBAAmB,kBACjB,YAAY,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACzC,SAAS,EAAC,yLAAyL,iBACtL,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,oBAAoB,CAAC,CAAC,CAAC,SAAS,IAElE,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,GAAG,CAC/B,CACM,CACV,CACG;YACN,oBAAC,UAAU,QACR,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrB,oBAAC,oBAAoB,IACnB,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAC9C,CACH,CACU,CACT,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/mjs/components/InputOTP.js

@@ -86,7 +86,7 @@ const OTPInput = ({ value, inputLength, 'data-testid': dataTest = '', errorMessa
             // eslint-disable-next-line react/no-array-index-key
             key: idx, "data-testid": `${dataTest}-${idx}`, type: "text", 
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: idx === 0, inputMode: "numeric", autoComplete: "one-time-code", pattern: "\\d{1}", maxLength: inputLength, className: twMerge(`h-[2.56rem] w-[2.56rem] rounded-md border text-center font-semibold duration-500`, errorMessage ? 'border-alr-red' : 'border-gray-300'), value: digit, onChange: (e) => inputOnChange(e, idx), onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, disabled: disabled })))),
+            autoFocus: idx === 0, inputMode: "numeric", autoComplete: "one-time-code", pattern: "\\d{1}", maxLength: inputLength, className: twMerge(`h-[2.56rem] w-[2.56rem] rounded-md border text-center font-semibold duration-500 focus:outline-none focus:ring-2 focus:ring-[var(--primary-color)]`, errorMessage ? 'border-alr-red' : 'border-gray-300'), value: digit, onChange: (e) => inputOnChange(e, idx), onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, disabled: disabled })))),
         errorMessage && React.createElement("span", { className: "text-alr-red text-base font-normal" }, errorMessage)));
 };
 export default OTPInput;

package/dist/mjs/components/InputOTP.js.map

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

package/dist/mjs/components/LinkButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Props {
+    onClick: () => void;
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    'data-testid'?: string;
+}
+/**
+ * Inline textual action (forgot password, sign up, resend code, 2FA method switches).
+ * These used to be `span`/`div` with an onClick, which no keyboard could ever reach.
+ */
+declare const LinkButton: ({ onClick, children, className, disabled, "data-testid": dataTest, ...props }: Props) => React.JSX.Element;
+export default LinkButton;

package/dist/mjs/components/LinkButton.js

@@ -0,0 +1,10 @@
+'use client';
+import React from 'react';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Inline textual action (forgot password, sign up, resend code, 2FA method switches).
+ * These used to be `span`/`div` with an onClick, which no keyboard could ever reach.
+ */
+const LinkButton = ({ onClick, children, className = '', disabled = false, 'data-testid': dataTest, ...props }) => (React.createElement("button", { ...props, type: "button", "data-testid": dataTest, onClick: onClick, disabled: disabled, className: twMerge('w-fit cursor-pointer rounded font-medium text-[var(--primary-color)] duration-300 hover:text-[var(--primary-hover)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary-color)] focus-visible:ring-offset-2 disabled:cursor-not-allowed', className) }, children));
+export default LinkButton;
+//# sourceMappingURL=LinkButton.js.map

package/dist/mjs/components/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/components/LinkButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAUzC;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,aAAa,EAAE,QAAQ,EACvB,GAAG,KAAK,EACF,EAAE,EAAE,CAAC,CACX,mCACM,KAAK,EACT,IAAI,EAAC,QAAQ,iBACA,QAAQ,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAChB,+PAA+P,EAC/P,SAAS,CACV,IAEA,QAAQ,CACF,CACV,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/mjs/components/index.d.ts

@@ -1,6 +1,7 @@
 export { default as InputOTP } from './InputOTP';
 export { default as InputForm } from './InputForm';
 export { default as BackButton } from './BackButton';
+export { default as LinkButton } from './LinkButton';
 export { default as CheckboxForm } from './CheckboxForm';
 export { default as TermsModal } from './TermsModal';
 export { default as FormRules } from './FormRules';

package/dist/mjs/components/index.js

@@ -1,6 +1,7 @@
 export { default as InputOTP } from './InputOTP';
 export { default as InputForm } from './InputForm';
 export { default as BackButton } from './BackButton';
+export { default as LinkButton } from './LinkButton';
 export { default as CheckboxForm } from './CheckboxForm';
 export { default as TermsModal } from './TermsModal';
 export { default as FormRules } from './FormRules';

package/dist/mjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/mjs/dictionaries/en.json

@@ -26,6 +26,7 @@
         "signWithPasskey": "Sign in with a passkey",
         "continueApple": "Continue with Apple",
         "emailDomainNotAllowed": "Email domain not allowed",
+        "togglePasswordVisibility": "Show or hide password",
         "layout": {
             "default": {
                 "title": "Where user experience and DeFi meets.",

package/dist/mjs/dictionaries/pt.json

@@ -26,6 +26,7 @@
         "signWithPasskey": "Entrar com uma passkey",
         "continueApple": "Continuar com a Apple",
         "emailDomainNotAllowed": "Domínio de e-mail não permitido",
+        "togglePasswordVisibility": "Mostrar ou ocultar senha",
         "layout": {
             "default": {
                 "title": "Onde a experiência do usuário e DeFi se encontram.",
@@ -42,7 +43,7 @@
             "typeEmail": "Digite o e-mail que você forneceu para o"
         },
         "login": {
-            "login": "Conecte-se",
+            "login": "Entrar",
             "passkeyLogin": "Entrar com passkey",
             "password": "Senha",
             "continue": "Continuar",
@@ -54,8 +55,8 @@
             "defaultError": "Não foi possível processar seu login neste momento. ",
             "loginAccount": "Fazer login",
             "enterEmail": "Digite seu e-mail",
-            "dontHaveAccount": "Não tem uma conta ainda? ",
-            "signUp": "Inscrever-se",
+            "dontHaveAccount": "Ainda não possui uma conta? ",
+            "signUp": "Cadastre-se",
             "createAccount": "Criar uma account",
             "enterPassword": "Coloque sua senha",
             "verifyEmail": "Verifique seu e-mail",
@@ -83,7 +84,7 @@
             "passkeyNotSupportedDescription": "A Passkey selecionada não é suportada no seu navegador.",
             "noPasskey": "Nenhuma passkey encontrada",
             "noPasskeyDescription": "Nenhuma passkey encontrada para sua conta.",
-            "forgotPassword": "Esqueceu sua senha?",
+            "forgotPassword": "Esqueceu sua senha? Clique aqui",
             "errorCode": "Código de erro:",
             "metamaskWalletConnect": "Metamask/WalletConnect"
         },
@@ -97,14 +98,14 @@
             "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",
+            "emailLabel": "Insira seu e-mail",
             "emailPlaceholder": "seuemail@email.com",
             "emailInvitePlaceholder": "Este e-mail será seu login",
             "nicknameLabel": "Nome ou apelido",
             "agreeTermsPart1": "Eu concordo com os ",
             "agreeTermsPart2": "termos de serviço",
-            "buttonStart": "Prosseguir",
-            "alreadyHaveAccount": "Já tem uma conta? ",
+            "buttonStart": "Criar conta",
+            "alreadyHaveAccount": "Já possui uma conta? ",
             "loginHere": "Entre aqui",
             "welcome": "Bem-vindo a Alore!",
             "invitedBy": "Você foi convidado por",

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

@@ -32,6 +32,7 @@ export declare const dictionaries: {
             signWithPasskey: string;
             continueApple: string;
             emailDomainNotAllowed: string;
+            togglePasswordVisibility: string;
             layout: {
                 default: {
                     title: string;
@@ -184,6 +185,7 @@ export declare const dictionaries: {
             signWithPasskey: string;
             continueApple: string;
             emailDomainNotAllowed: string;
+            togglePasswordVisibility: string;
             layout: {
                 default: {
                     title: string;
@@ -337,6 +339,7 @@ export declare const getDictionary: (locale: Locale) => Promise<{
         signWithPasskey: string;
         continueApple: string;
         emailDomainNotAllowed: string;
+        togglePasswordVisibility: string;
         layout: {
             default: {
                 title: string;

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

@@ -38,6 +38,14 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -303,6 +311,14 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -565,6 +581,14 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -827,6 +851,14 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -1089,6 +1121,14 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -1354,6 +1394,14 @@ declare const useAuthService: () => readonly [import("xstate").State<import("../
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {

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

@@ -38,6 +38,14 @@ declare const useAuthServiceInstance: () => import("xstate").Interpreter<import(
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -303,6 +311,14 @@ declare const useAuthServiceInstance: () => import("xstate").Interpreter<import(
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {

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

@@ -27,6 +27,7 @@ declare const useDictionary: (locale: Locale) => {
         signWithPasskey: string;
         continueApple: string;
         emailDomainNotAllowed: string;
+        togglePasswordVisibility: string;
         layout: {
             default: {
                 title: string;

package/dist/mjs/machine/index.d.ts

@@ -39,6 +39,14 @@ export declare const authMachine: import("xstate").StateMachine<AuthMachineConte
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -304,6 +312,14 @@ export declare const authMachine: import("xstate").StateMachine<AuthMachineConte
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -567,6 +583,14 @@ export declare const authService: (services: {}, context: AuthMachineContext) =>
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {
@@ -832,6 +856,14 @@ export declare const authService: (services: {}, context: AuthMachineContext) =>
         accessToken: string;
         providerName: string;
     };
+} | {
+    type: "SOCIAL_LOGIN";
+    payload: {
+        idToken: string;
+        providerName: string;
+        device?: string | undefined;
+        nonce?: string | undefined;
+    };
 } | {
     type: "START_PASSKEY_LOGIN";
     payload: {

package/dist/mjs/machine/index.js

@@ -183,6 +183,7 @@ export const authMachine = createMachine({
                             on: {
                                 LOGIN_WITH_WEB3CONNECTOR: '#authMachine.active.web3Connector',
                                 GOOGLE_LOGIN: 'googleLogin',
+                                SOCIAL_LOGIN: 'socialLogin',
                                 ADVANCE_TO_PASSWORD: 'inputPassword',
                                 SIGN_IN_WITH_PASSKEY: '#authMachine.active.login.idle.signWithPasskey',
                                 SELECT_PASSWORD_METHOD: [
@@ -651,6 +652,36 @@ export const authMachine = createMachine({
                                 },
                             ],
                         },
+                        socialLogin: {
+                            invoke: {
+                                src: 'socialLogin',
+                                onDone: [
+                                    {
+                                        // 201: the backend created the account on this call, so
+                                        // the consuming app must see onRegister, not onLogin.
+                                        target: '#authMachine.active.register.userCreated',
+                                        actions: 'setSocialSessionUser',
+                                        cond: 'isNewUser',
+                                    },
+                                    {
+                                        target: 'successfulLogin',
+                                        actions: 'setSocialSessionUser',
+                                    },
+                                ],
+                                onError: {
+                                    target: 'idle',
+                                    actions: assign((ctx, event) => ({
+                                        error: {
+                                            code: event.data?.type,
+                                            message: event.data?.type === 'EMAIL_DOMAIN_NOT_ALLOWED'
+                                                ? 'EMAIL_DOMAIN_NOT_ALLOWED'
+                                                : event.data?.message || event.data?.error || event.data,
+                                            email: ctx.credentialEmail,
+                                        },
+                                    })),
+                                },
+                            },
+                        },
                         googleLogin: {
                             invoke: {
                                 src: 'googleLogin',
@@ -818,6 +849,10 @@ export const authMachine = createMachine({
                                     actions: 'setupRegisterUser',
                                 },
                                 GOOGLE_LOGIN: 'googleLogin',
+                                // Signing up with Google enters the SAME state as login: the backend's
+                                // 201-vs-200 answer decides whether this ends in register.userCreated
+                                // or successfulLogin, so the entry point does not need its own branch.
+                                SOCIAL_LOGIN: '#authMachine.active.login.socialLogin',
                                 SEND_REGISTRATION_EMAIL: {
                                     target: 'sendingEmail',
                                     actions: assign({
@@ -1392,6 +1427,9 @@ export const authMachine = createMachine({
         fetchForgeData: async (_, event) => {
             throw new Error('Not implemented');
         },
+        socialLogin: async (_, event) => {
+            throw new Error('Not implemented');
+        },
         googleLogin: async (_, event) => {
             throw new Error('Not implemented');
         },
@@ -1440,6 +1478,13 @@ export const authMachine = createMachine({
         setSessionUser: assign({
             sessionUser: (_, event) => event.data,
         }),
+        // socialLogin resolves { sessionUser, isNewUser } rather than the user
+        // itself, because the 201-vs-200 distinction drives which callback the
+        // consuming app sees. Unwrap it, or every reader of sessionUser gets the
+        // envelope and reads undefined off it.
+        setSocialSessionUser: assign({
+            sessionUser: (_, event) => event.data?.sessionUser,
+        }),
         setupRegisterUser: assign({
             registerUser: (_, event) => event?.registerUser || undefined,
         }),