@sikka/hawa 0.46.4-next → 0.47.0-next

package/dist/{Radio-Dyvlywnk.d.mts → Radio-BPHTeDMz.d.mts}

@@ -11,19 +11,19 @@ type LabelProps = {
 };
 declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
+type PhoneCodeValue = {
+    label: string;
+    value?: string;
+};
 type PhoneInputProps = {
-    preferredCountry?: {
-        label: string;
-    };
+    preferredCountry?: PhoneCodeValue;
     helperText?: any;
     label?: string;
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
-    countryCodes?: {
-        label: string;
-    }[];
+    countryCodes?: PhoneCodeValue[];
 };
 declare const PhoneInput: FC<PhoneInputProps>;
 
@@ -36,6 +36,7 @@ type SelectTypes = {
     hideHelperText?: boolean;
     options: SelectOptionProps[];
     labelKey?: string;
+    valueKey?: string;
     isCreatable?: boolean;
     isClearable?: boolean;
     isMulti?: boolean;
@@ -101,4 +102,4 @@ type RadioTypes = {
 };
 declare const Radio: React__default.ForwardRefExoticComponent<RadioTypes & React__default.RefAttributes<HTMLInputElement>>;
 
-export { type LabelProps as L, type PhoneInputProps as P, type RadioOptionsTypes as R, type SelectOptionProps as S, Radio as a, Label as b, Select as c, PhoneInput as d };
+export { type LabelProps as L, type PhoneInputProps as P, type RadioOptionsTypes as R, type SelectOptionProps as S, Radio as a, Label as b, Select as c, type PhoneCodeValue as d, PhoneInput as e };

package/dist/{Radio-DlPwVCG4.d.ts → Radio-cRcIH8_L.d.ts}

@@ -11,19 +11,19 @@ type LabelProps = {
 };
 declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
+type PhoneCodeValue = {
+    label: string;
+    value?: string;
+};
 type PhoneInputProps = {
-    preferredCountry?: {
-        label: string;
-    };
+    preferredCountry?: PhoneCodeValue;
     helperText?: any;
     label?: string;
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
-    countryCodes?: {
-        label: string;
-    }[];
+    countryCodes?: PhoneCodeValue[];
 };
 declare const PhoneInput: FC<PhoneInputProps>;
 
@@ -36,6 +36,7 @@ type SelectTypes = {
     hideHelperText?: boolean;
     options: SelectOptionProps[];
     labelKey?: string;
+    valueKey?: string;
     isCreatable?: boolean;
     isClearable?: boolean;
     isMulti?: boolean;
@@ -101,4 +102,4 @@ type RadioTypes = {
 };
 declare const Radio: React__default.ForwardRefExoticComponent<RadioTypes & React__default.RefAttributes<HTMLInputElement>>;
 
-export { type LabelProps as L, type PhoneInputProps as P, type RadioOptionsTypes as R, type SelectOptionProps as S, Radio as a, Label as b, Select as c, PhoneInput as d };
+export { type LabelProps as L, type PhoneInputProps as P, type RadioOptionsTypes as R, type SelectOptionProps as S, Radio as a, Label as b, Select as c, type PhoneCodeValue as d, PhoneInput as e };

package/dist/blocks/auth/index.d.mts

@@ -41,19 +41,19 @@ type LabelProps = {
     required?: boolean;
 };
 
+type PhoneCodeValue = {
+    label: string;
+    value?: string;
+};
 type PhoneInputProps = {
-    preferredCountry?: {
-        label: string;
-    };
+    preferredCountry?: PhoneCodeValue;
     helperText?: any;
     label?: string;
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
-    countryCodes?: {
-        label: string;
-    }[];
+    countryCodes?: PhoneCodeValue[];
 };
 
 type LoginFormTypes = {
@@ -266,7 +266,7 @@ declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
     texts?: {
-        checkYourPhone?: string;
+        checkYourIdentifier?: string;
         weSentCode?: string;
         didntGetCode?: string;
         resendCode?: string;
@@ -280,7 +280,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
-    phoneNumber?: string;
+    identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
     onResend?: any;

package/dist/blocks/auth/index.d.ts

@@ -41,19 +41,19 @@ type LabelProps = {
     required?: boolean;
 };
 
+type PhoneCodeValue = {
+    label: string;
+    value?: string;
+};
 type PhoneInputProps = {
-    preferredCountry?: {
-        label: string;
-    };
+    preferredCountry?: PhoneCodeValue;
     helperText?: any;
     label?: string;
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
-    countryCodes?: {
-        label: string;
-    }[];
+    countryCodes?: PhoneCodeValue[];
 };
 
 type LoginFormTypes = {
@@ -266,7 +266,7 @@ declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
     texts?: {
-        checkYourPhone?: string;
+        checkYourIdentifier?: string;
         weSentCode?: string;
         didntGetCode?: string;
         resendCode?: string;
@@ -280,7 +280,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
-    phoneNumber?: string;
+    identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
     onResend?: any;

package/dist/blocks/auth/index.js

@@ -3295,6 +3295,7 @@ var import_clsx2 = __toESM(require("clsx"));
 var Select = ({
   labelProps,
   labelKey = "label",
+  valueKey = "value",
   ...props
 }) => {
   const NoOption = () => {
@@ -3314,13 +3315,7 @@ var Select = ({
       children
     );
   };
-  const Option = ({
-    children,
-    innerProps,
-    innerRef,
-    isFocused,
-    isSelected
-  }) => {
+  const Option = ({ children, innerProps, innerRef, isFocused, isSelected }) => {
     return /* @__PURE__ */ import_react9.default.createElement(
       "div",
       {
@@ -3335,14 +3330,7 @@ var Select = ({
       children
     );
   };
-  const Menu = ({
-    cx,
-    children,
-    getStyles,
-    innerProps,
-    innerRef,
-    ...menuProps
-  }) => {
+  const Menu = ({ cx, children, getStyles, innerProps, innerRef, ...menuProps }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
     return /* @__PURE__ */ import_react9.default.createElement(
       "div",
@@ -3371,71 +3359,72 @@ var Select = ({
       )
     },
     props.label && /* @__PURE__ */ import_react9.default.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
-      //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react9.default.createElement(
-        import_react_select.default,
-        {
-          noOptionsMessage: NoOption,
-          classNames: {
-            control: () => cn(
-              props.phoneCode && "hawa-rounded-r-none",
-              props.controlClassNames
-            ),
-            container: () => cn(
-              selectContainerStyles,
-              props.phoneCode && phoneCodeStyles,
-              props.isMulti && "hawa-ps-0 "
-            ),
-            placeholder: () => cn(
-              selectPlaceholderStyles,
-              props.disabled && "hawa-text-muted-foreground"
-            ),
-            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => cn(
-              props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
-            ),
-            indicatorsContainer: () => cn(
-              selectIndicatorContainerStyles,
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
-              props.disabled && "hawa-opacity-30"
-            )
-          },
-          unstyled: true,
-          autoFocus: false,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : {
+    props.isLoading ? /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? /* @__PURE__ */ import_react9.default.createElement(
+      import_react_select.default,
+      {
+        noOptionsMessage: NoOption,
+        classNames: {
+          control: () => cn(props.phoneCode && "hawa-rounded-r-none", props.controlClassNames),
+          container: () => cn(
+            selectContainerStyles,
+            props.phoneCode && phoneCodeStyles,
+            props.isMulti && "hawa-ps-0 "
+          ),
+          placeholder: () => cn(selectPlaceholderStyles, props.disabled && "hawa-text-muted-foreground"),
+          valueContainer: () => "hawa-text-foreground hawa-px-1",
+          singleValue: () => cn(
+            props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
+          ),
+          indicatorsContainer: () => cn(
+            selectIndicatorContainerStyles,
+            props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
+            props.disabled && "hawa-opacity-30"
+          )
+        },
+        unstyled: true,
+        autoFocus: false,
+        components: props.hideIndicator ? {
+          Option: (optionProps) => /* @__PURE__ */ import_react9.default.createElement(
             Option,
-            Menu,
-            ValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
-              "div",
-              {
-                className: cn(
-                  e.className,
-                  "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
-                ),
-                ...e
-              }
-            ),
-            MultiValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
-              "div",
-              {
-                className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
-                ...e
-              }
-            )
-          },
-          onChange: (newValue, action) => props.onChange(newValue, action),
-          options: props.options,
-          getOptionLabel: props.getOptionLabel,
-          defaultValue: props.defaultValue,
-          value: props.value,
-          placeholder: props.placeholder,
-          isDisabled: props.disabled,
-          isClearable: props.isClearable,
-          isMulti: props.isMulti,
-          isSearchable: props.isSearchable
-        }
-      )
+            {
+              ...optionProps,
+              isSelected: optionProps.data[valueKey] === props.value[valueKey]
+            }
+          ),
+          Menu,
+          IndicatorsContainer: () => null
+        } : {
+          Option,
+          Menu,
+          ValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
+            "div",
+            {
+              className: cn(
+                e.className,
+                "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-2 hawa-w-full hawa-cursor-pointer"
+              ),
+              ...e
+            }
+          ),
+          MultiValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
+            "div",
+            {
+              className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
+              ...e
+            }
+          )
+        },
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        options: props.options,
+        getOptionLabel: props.getOptionLabel,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        placeholder: props.placeholder,
+        isDisabled: props.disabled,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable
+      }
     ) : /* @__PURE__ */ import_react9.default.createElement(
       import_creatable.default,
       {
@@ -3477,11 +3466,13 @@ var PhoneInput = ({
   countryCodes,
   ...props
 }) => {
+  var _a;
   const [phoneNumber, setPhoneNumber] = (0, import_react10.useState)("");
-  const [countryCode, setCountryCode] = (0, import_react10.useState)(props.preferredCountry);
+  const [countryCode, setCountryCode] = (0, import_react10.useState)(
+    props.preferredCountry || { label: "+966" }
+  );
   const inputRef = (0, import_react10.useRef)(null);
   const handleInputChange = (e) => {
-    console.log("test e ", e.target.value);
     const validChars = /^[0-9-()]+$/;
     const input = e.target.value;
     if (input === "" || validChars.test(input)) {
@@ -3503,11 +3494,13 @@ var PhoneInput = ({
       isMulti: false,
       isSearchable: true,
       isClearable: false,
-      placeholder: "Code",
+      placeholder: (_a = props.preferredCountry) == null ? void 0 : _a.label,
       options: countryCodes || countries_default,
-      onChange: setCountryCode,
-      value: countryCode == null ? void 0 : countryCode.label,
-      defaultValue: props.preferredCountry
+      onChange: (e) => setCountryCode({ label: e.label, value: e.label }),
+      valueKey: "label",
+      labelKey: "label",
+      value: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label },
+      defaultValue: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label }
     }
   ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react10.default.createElement(
     "input",
@@ -3860,14 +3853,7 @@ var LoginForm = ({
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
       props.additionalButtons && props.additionalButtons,
-      props.allowRegister && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react14.default.createElement(
-        "span",
-        {
-          onClick: props.onRouteToRegister,
-          className: "clickable-link"
-        },
-        (texts == null ? void 0 : texts.createAccount) || "Create Account"
-      ))
+      props.allowRegister && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react14.default.createElement("span", { onClick: props.onRouteToRegister, className: "clickable-link" }, (texts == null ? void 0 : texts.createAccount) || "Create Account"))
     )),
     props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react14.default.createElement(
       CardFooter,
@@ -4779,14 +4765,7 @@ var PinInputRoot = React25.forwardRef(({ className, containerClassName, ...props
   }
 ));
 PinInputRoot.displayName = "PinInputRoot";
-var PinInputGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
-  "div",
-  {
-    ref,
-    className: cn("hawa-flex hawa-items-center", className),
-    ...props
-  }
-));
+var PinInputGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement("div", { ref, className: cn("hawa-flex hawa-items-center", className), ...props }));
 PinInputGroup.displayName = "PinInputGroup";
 var PinInputSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
   const pinInputContext = React25.useContext(import_input_otp.OTPInputContext);
@@ -4809,22 +4788,12 @@ var PinInputSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
 PinInputSlot.displayName = "PinInputSlot";
 var PinInputSeperator = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React25.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React25.createElement(Dot, null)));
 PinInputSeperator.displayName = "PinInputSeperator";
-var PinInput = ({
-  separatorPosition = 0,
-  ...props
-}) => {
+var PinInput = ({ separatorPosition = 0, ...props }) => {
   const maxLength = props.maxLength || 6;
   const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
   const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
   const secondGroupLength = maxLength - firstGroupLength;
-  return /* @__PURE__ */ React25.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React25.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(
-    PinInputSlot,
-    {
-      key: index,
-      index,
-      className: "hawa-w-full hawa-border"
-    }
-  ))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React25.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2", dir: "ltr" }, /* @__PURE__ */ React25.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full hawa-border" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React25.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(
     PinInputSlot,
     {
       key: index + firstGroupLength,
@@ -4835,10 +4804,7 @@ var PinInput = ({
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({
-  codeLength = 6,
-  ...props
-}) => {
+var CodeConfirmation = ({ codeLength = 6, ...props }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -4877,14 +4843,7 @@ var CodeConfirmation = ({
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react24.default.createElement(Card, null, /* @__PURE__ */ import_react24.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react24.default.createElement(
-    Alert,
-    {
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react24.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react24.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(Card, null, /* @__PURE__ */ import_react24.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react24.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react24.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react24.default.createElement("span", null, props.identifier))), /* @__PURE__ */ import_react24.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4933,9 +4892,7 @@ var CodeConfirmation = ({
           if (props.onCancel) {
             return props.onCancel();
           } else {
-            console.log(
-              "Cancel button clicked but onCancel prop is missing"
-            );
+            console.log("Cancel button clicked but onCancel prop is missing");
           }
         },
         variant: "outline"

package/dist/blocks/auth/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-6TG2PHZK.mjs";
+} from "../../chunk-AWJSHOYU.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
@@ -2518,11 +2518,13 @@ var PhoneInput = ({
   countryCodes,
   ...props
 }) => {
+  var _a;
   const [phoneNumber, setPhoneNumber] = useState2("");
-  const [countryCode, setCountryCode] = useState2(props.preferredCountry);
+  const [countryCode, setCountryCode] = useState2(
+    props.preferredCountry || { label: "+966" }
+  );
   const inputRef = useRef2(null);
   const handleInputChange = (e) => {
-    console.log("test e ", e.target.value);
     const validChars = /^[0-9-()]+$/;
     const input = e.target.value;
     if (input === "" || validChars.test(input)) {
@@ -2544,11 +2546,13 @@ var PhoneInput = ({
       isMulti: false,
       isSearchable: true,
       isClearable: false,
-      placeholder: "Code",
+      placeholder: (_a = props.preferredCountry) == null ? void 0 : _a.label,
       options: countryCodes || countries_default,
-      onChange: setCountryCode,
-      value: countryCode == null ? void 0 : countryCode.label,
-      defaultValue: props.preferredCountry
+      onChange: (e) => setCountryCode({ label: e.label, value: e.label }),
+      valueKey: "label",
+      labelKey: "label",
+      value: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label },
+      defaultValue: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label }
     }
   ), /* @__PURE__ */ React4.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React4.createElement(
     "input",
@@ -2862,14 +2866,7 @@ var LoginForm = ({
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
       props.additionalButtons && props.additionalButtons,
-      props.allowRegister && /* @__PURE__ */ React5.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React5.createElement(
-        "span",
-        {
-          onClick: props.onRouteToRegister,
-          className: "clickable-link"
-        },
-        (texts == null ? void 0 : texts.createAccount) || "Create Account"
-      ))
+      props.allowRegister && /* @__PURE__ */ React5.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React5.createElement("span", { onClick: props.onRouteToRegister, className: "clickable-link" }, (texts == null ? void 0 : texts.createAccount) || "Create Account"))
     )),
     props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React5.createElement(
       CardFooter,
@@ -3772,14 +3769,7 @@ var PinInputRoot = React12.forwardRef(({ className, containerClassName, ...props
   }
 ));
 PinInputRoot.displayName = "PinInputRoot";
-var PinInputGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  "div",
-  {
-    ref,
-    className: cn("hawa-flex hawa-items-center", className),
-    ...props
-  }
-));
+var PinInputGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement("div", { ref, className: cn("hawa-flex hawa-items-center", className), ...props }));
 PinInputGroup.displayName = "PinInputGroup";
 var PinInputSlot = React12.forwardRef(({ index, className, ...props }, ref) => {
   const pinInputContext = React12.useContext(OTPInputContext);
@@ -3802,22 +3792,12 @@ var PinInputSlot = React12.forwardRef(({ index, className, ...props }, ref) => {
 PinInputSlot.displayName = "PinInputSlot";
 var PinInputSeperator = React12.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React12.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React12.createElement(Dot, null)));
 PinInputSeperator.displayName = "PinInputSeperator";
-var PinInput = ({
-  separatorPosition = 0,
-  ...props
-}) => {
+var PinInput = ({ separatorPosition = 0, ...props }) => {
   const maxLength = props.maxLength || 6;
   const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
   const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
   const secondGroupLength = maxLength - firstGroupLength;
-  return /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React12.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React12.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React12.createElement(
-    PinInputSlot,
-    {
-      key: index,
-      index,
-      className: "hawa-w-full hawa-border"
-    }
-  ))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React12.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React12.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2", dir: "ltr" }, /* @__PURE__ */ React12.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React12.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React12.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full hawa-border" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React12.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React12.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React12.createElement(
     PinInputSlot,
     {
       key: index + firstGroupLength,
@@ -3828,10 +3808,7 @@ var PinInput = ({
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({
-  codeLength = 6,
-  ...props
-}) => {
+var CodeConfirmation = ({ codeLength = 6, ...props }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -3870,14 +3847,7 @@ var CodeConfirmation = ({
       }
     };
   }, []);
-  return /* @__PURE__ */ React13.createElement(Card, null, /* @__PURE__ */ React13.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React13.createElement(
-    Alert,
-    {
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ React13.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React13.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React13.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React13.createElement(Card, null, /* @__PURE__ */ React13.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React13.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React13.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React13.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React13.createElement("span", null, props.identifier))), /* @__PURE__ */ React13.createElement(
     "form",
     {
       noValidate: true,
@@ -3926,9 +3896,7 @@ var CodeConfirmation = ({
           if (props.onCancel) {
             return props.onCancel();
           } else {
-            console.log(
-              "Cancel button clicked but onCancel prop is missing"
-            );
+            console.log("Cancel button clicked but onCancel prop is missing");
           }
         },
         variant: "outline"