@sikka/hawa 0.31.16-next → 0.32.0-next

package/dist/{Radio-D52-m4Ns.d.mts → Radio-BpXOu4Hr.d.mts}

@@ -10,6 +10,22 @@ type LabelProps = {
 };
 declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
+type PhoneInputProps = {
+    preferredCountry?: {
+        label: string;
+    };
+    helperText?: any;
+    label?: string;
+    labelProps?: LabelProps;
+    placeholder?: string;
+    handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    countryCodes?: {
+        label: string;
+    }[];
+};
+declare const PhoneInput: FC<PhoneInputProps>;
+
 type SelectOptionProps = {
     value: any;
     label: any;
@@ -76,4 +92,4 @@ type RadioTypes = {
 };
 declare const Radio: React__default.ForwardRefExoticComponent<RadioTypes & React__default.RefAttributes<HTMLInputElement>>;
 
-export { type LabelProps as L, type RadioOptionsTypes as R, type SelectOptionProps as S, Radio as a, Label as b, Select as c };
+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 };

package/dist/{Radio-B-DG0FMr.d.ts → Radio-CREjhlGz.d.ts}

@@ -10,6 +10,22 @@ type LabelProps = {
 };
 declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
+type PhoneInputProps = {
+    preferredCountry?: {
+        label: string;
+    };
+    helperText?: any;
+    label?: string;
+    labelProps?: LabelProps;
+    placeholder?: string;
+    handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    countryCodes?: {
+        label: string;
+    }[];
+};
+declare const PhoneInput: FC<PhoneInputProps>;
+
 type SelectOptionProps = {
     value: any;
     label: any;
@@ -76,4 +92,4 @@ type RadioTypes = {
 };
 declare const Radio: React__default.ForwardRefExoticComponent<RadioTypes & React__default.RefAttributes<HTMLInputElement>>;
 
-export { type LabelProps as L, type RadioOptionsTypes as R, type SelectOptionProps as S, Radio as a, Label as b, Select as c };
+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 };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DXLtO2fL.mjs';
+import { a as ThirdPartyAuthTextsTypes, P as PositionType, L as LoginFormTextsTypes, D as DirectionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DXLtO2fL.mjs';
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
@@ -34,6 +34,28 @@ type AuthButtonsType = {
 };
 declare const AuthButtons: React__default.FC<AuthButtonsType>;
 
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
+
+type PhoneInputProps = {
+    preferredCountry?: {
+        label: string;
+    };
+    helperText?: any;
+    label?: string;
+    labelProps?: LabelProps;
+    placeholder?: string;
+    handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    countryCodes?: {
+        label: string;
+    }[];
+};
+
 type LoginFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
@@ -85,16 +107,11 @@ type LoginFormTypes = {
     passwordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
+    /** Props to pass to the PhoneInput component */
+    phoneInputProps: PhoneInputProps;
 };
 declare const LoginForm: FC<LoginFormTypes>;
 
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
-
 type SelectOptionProps = {
     value: any;
     label: any;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DXLtO2fL.js';
+import { a as ThirdPartyAuthTextsTypes, P as PositionType, L as LoginFormTextsTypes, D as DirectionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DXLtO2fL.js';
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
@@ -34,6 +34,28 @@ type AuthButtonsType = {
 };
 declare const AuthButtons: React__default.FC<AuthButtonsType>;
 
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
+
+type PhoneInputProps = {
+    preferredCountry?: {
+        label: string;
+    };
+    helperText?: any;
+    label?: string;
+    labelProps?: LabelProps;
+    placeholder?: string;
+    handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    countryCodes?: {
+        label: string;
+    }[];
+};
+
 type LoginFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
@@ -85,16 +107,11 @@ type LoginFormTypes = {
     passwordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
+    /** Props to pass to the PhoneInput component */
+    phoneInputProps: PhoneInputProps;
 };
 declare const LoginForm: FC<LoginFormTypes>;
 
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
-
 type SelectOptionProps = {
     value: any;
     label: any;

package/dist/blocks/auth/index.js

@@ -3228,12 +3228,14 @@ var Select = ({
 var PhoneInput = ({
   labelProps,
   inputProps,
+  countryCodes,
   ...props
 }) => {
   const [phoneNumber, setPhoneNumber] = (0, import_react9.useState)("");
   const [countryCode, setCountryCode] = (0, import_react9.useState)(props.preferredCountry);
   const inputRef = (0, import_react9.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)) {
@@ -3256,7 +3258,7 @@ var PhoneInput = ({
       isSearchable: true,
       isClearable: false,
       placeholder: "Code",
-      options: countries_default,
+      options: countryCodes || countries_default,
       onChange: setCountryCode,
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
@@ -3377,8 +3379,8 @@ var LoginForm = ({
         required_error: ((_m = texts == null ? void 0 : texts.phone) == null ? void 0 : _m.required) || "Phone Number Required"
       }).refine(
         (value) => {
-          let phoneNumber = (0, import_libphonenumber_js.parsePhoneNumber)(value);
-          return phoneNumber.isValid();
+          let isPhoneValid = (0, import_libphonenumber_js.isPossiblePhoneNumber)(value) && (0, import_libphonenumber_js.isValidPhoneNumber)(value) && (0, import_libphonenumber_js.validatePhoneNumberLength)(value) === void 0;
+          return isPhoneValid;
         },
         { message: ((_n = texts == null ? void 0 : texts.phone) == null ? void 0 : _n.invalid) || "Phone Number Invalid" }
       )
@@ -3415,7 +3417,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -3529,7 +3534,15 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
                   helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
                   preferredCountry: { label: "+966" },
-                  handleChange: (e) => field.onChange((0, import_libphonenumber_js.parsePhoneNumber)(e).number)
+                  ...props.phoneInputProps,
+                  handleChange: (e) => {
+                    if ((0, import_libphonenumber_js.isValidPhoneNumber)(e) && (0, import_libphonenumber_js.isPossiblePhoneNumber)(e) && (0, import_libphonenumber_js.validatePhoneNumberLength)(e) === void 0) {
+                      let parsed = (0, import_libphonenumber_js.parsePhoneNumber)(e);
+                      field.onChange(parsed.number);
+                    } else {
+                      field.onChange(e);
+                    }
+                  }
                 }
               );
             }
@@ -3551,7 +3564,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -3955,7 +3971,12 @@ var RegisterForm = ({
                       label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                       helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                       placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                      ...field
+                      ...field,
+                      onChange: (e) => {
+                        field.onChange(
+                          e.target.value.toLowerCase().trim()
+                        );
+                      }
                     }
                   );
                 }
@@ -4385,7 +4406,10 @@ var ResetPasswordForm = ({
               label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
               helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
               placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
-              ...field
+              ...field,
+              onChange: (e) => {
+                field.onChange(e.target.value.toLowerCase().trim());
+              }
             }
           );
         }

package/dist/blocks/auth/index.mjs

@@ -482,7 +482,12 @@ import React5 from "react";
 import { useState as useState3 } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { parsePhoneNumber } from "libphonenumber-js";
+import {
+  isPossiblePhoneNumber,
+  isValidPhoneNumber,
+  parsePhoneNumber,
+  validatePhoneNumberLength
+} from "libphonenumber-js";
 import * as z from "zod";
 
 // elements/alert/Alert.tsx
@@ -2329,12 +2334,14 @@ var countries_default = countries;
 var PhoneInput = ({
   labelProps,
   inputProps,
+  countryCodes,
   ...props
 }) => {
   const [phoneNumber, setPhoneNumber] = useState2("");
   const [countryCode, setCountryCode] = useState2(props.preferredCountry);
   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)) {
@@ -2357,7 +2364,7 @@ var PhoneInput = ({
       isSearchable: true,
       isClearable: false,
       placeholder: "Code",
-      options: countries_default,
+      options: countryCodes || countries_default,
       onChange: setCountryCode,
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
@@ -2439,8 +2446,8 @@ var LoginForm = ({
         required_error: ((_m = texts == null ? void 0 : texts.phone) == null ? void 0 : _m.required) || "Phone Number Required"
       }).refine(
         (value) => {
-          let phoneNumber = parsePhoneNumber(value);
-          return phoneNumber.isValid();
+          let isPhoneValid = isPossiblePhoneNumber(value) && isValidPhoneNumber(value) && validatePhoneNumberLength(value) === void 0;
+          return isPhoneValid;
         },
         { message: ((_n = texts == null ? void 0 : texts.phone) == null ? void 0 : _n.invalid) || "Phone Number Invalid" }
       )
@@ -2477,7 +2484,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -2591,7 +2601,15 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
                   helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
                   preferredCountry: { label: "+966" },
-                  handleChange: (e) => field.onChange(parsePhoneNumber(e).number)
+                  ...props.phoneInputProps,
+                  handleChange: (e) => {
+                    if (isValidPhoneNumber(e) && isPossiblePhoneNumber(e) && validatePhoneNumberLength(e) === void 0) {
+                      let parsed = parsePhoneNumber(e);
+                      field.onChange(parsed.number);
+                    } else {
+                      field.onChange(e);
+                    }
+                  }
                 }
               );
             }
@@ -2613,7 +2631,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -3008,7 +3029,12 @@ var RegisterForm = ({
                       label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                       helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                       placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                      ...field
+                      ...field,
+                      onChange: (e) => {
+                        field.onChange(
+                          e.target.value.toLowerCase().trim()
+                        );
+                      }
                     }
                   );
                 }
@@ -3438,7 +3464,10 @@ var ResetPasswordForm = ({
               label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
               helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
               placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
-              ...field
+              ...field,
+              onChange: (e) => {
+                field.onChange(e.target.value.toLowerCase().trim());
+              }
             }
           );
         }

package/dist/blocks/index.d.mts

@@ -1,7 +1,7 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.mjs';
+import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-BpXOu4Hr.mjs';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.mjs';
-import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-D52-m4Ns.mjs';
 import { M as MenuItemType } from '../DropdownMenu-K3ztliYc.mjs';
 import '@radix-ui/react-dropdown-menu';
 
@@ -88,6 +88,8 @@ type LoginFormTypes = {
     passwordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
+    /** Props to pass to the PhoneInput component */
+    phoneInputProps: PhoneInputProps;
 };
 declare const LoginForm: FC<LoginFormTypes>;
 

package/dist/blocks/index.d.ts

@@ -1,7 +1,7 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.js';
+import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-CREjhlGz.js';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.js';
-import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-B-DG0FMr.js';
 import { M as MenuItemType } from '../DropdownMenu-CJblb-9q.js';
 import '@radix-ui/react-dropdown-menu';
 
@@ -88,6 +88,8 @@ type LoginFormTypes = {
     passwordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
+    /** Props to pass to the PhoneInput component */
+    phoneInputProps: PhoneInputProps;
 };
 declare const LoginForm: FC<LoginFormTypes>;
 

package/dist/blocks/index.js

@@ -3249,12 +3249,14 @@ var Select = ({
 var PhoneInput = ({
   labelProps,
   inputProps,
+  countryCodes,
   ...props
 }) => {
   const [phoneNumber, setPhoneNumber] = (0, import_react9.useState)("");
   const [countryCode, setCountryCode] = (0, import_react9.useState)(props.preferredCountry);
   const inputRef = (0, import_react9.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)) {
@@ -3277,7 +3279,7 @@ var PhoneInput = ({
       isSearchable: true,
       isClearable: false,
       placeholder: "Code",
-      options: countries_default,
+      options: countryCodes || countries_default,
       onChange: setCountryCode,
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
@@ -3534,8 +3536,8 @@ var LoginForm = ({
         required_error: ((_m = texts == null ? void 0 : texts.phone) == null ? void 0 : _m.required) || "Phone Number Required"
       }).refine(
         (value) => {
-          let phoneNumber = (0, import_libphonenumber_js.parsePhoneNumber)(value);
-          return phoneNumber.isValid();
+          let isPhoneValid = (0, import_libphonenumber_js.isPossiblePhoneNumber)(value) && (0, import_libphonenumber_js.isValidPhoneNumber)(value) && (0, import_libphonenumber_js.validatePhoneNumberLength)(value) === void 0;
+          return isPhoneValid;
         },
         { message: ((_n = texts == null ? void 0 : texts.phone) == null ? void 0 : _n.invalid) || "Phone Number Invalid" }
       )
@@ -3572,7 +3574,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -3686,7 +3691,15 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
                   helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
                   preferredCountry: { label: "+966" },
-                  handleChange: (e) => field.onChange((0, import_libphonenumber_js.parsePhoneNumber)(e).number)
+                  ...props.phoneInputProps,
+                  handleChange: (e) => {
+                    if ((0, import_libphonenumber_js.isValidPhoneNumber)(e) && (0, import_libphonenumber_js.isPossiblePhoneNumber)(e) && (0, import_libphonenumber_js.validatePhoneNumberLength)(e) === void 0) {
+                      let parsed = (0, import_libphonenumber_js.parsePhoneNumber)(e);
+                      field.onChange(parsed.number);
+                    } else {
+                      field.onChange(e);
+                    }
+                  }
                 }
               );
             }
@@ -3708,7 +3721,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -4112,7 +4128,12 @@ var RegisterForm = ({
                       label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                       helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                       placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                      ...field
+                      ...field,
+                      onChange: (e) => {
+                        field.onChange(
+                          e.target.value.toLowerCase().trim()
+                        );
+                      }
                     }
                   );
                 }
@@ -4542,7 +4563,10 @@ var ResetPasswordForm = ({
               label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
               helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
               placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
-              ...field
+              ...field,
+              onChange: (e) => {
+                field.onChange(e.target.value.toLowerCase().trim());
+              }
             }
           );
         }

package/dist/blocks/index.mjs

@@ -26,7 +26,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-VZNDYO6H.mjs";
+} from "../chunk-WFPAI2QC.mjs";
 import "../chunk-OPYDG34F.mjs";
 import {
   Button,
@@ -148,7 +148,12 @@ import React2 from "react";
 import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { parsePhoneNumber } from "libphonenumber-js";
+import {
+  isPossiblePhoneNumber,
+  isValidPhoneNumber,
+  parsePhoneNumber,
+  validatePhoneNumberLength
+} from "libphonenumber-js";
 import * as z from "zod";
 var LoginForm = ({
   loginType = "email",
@@ -200,8 +205,8 @@ var LoginForm = ({
         required_error: ((_m = texts == null ? void 0 : texts.phone) == null ? void 0 : _m.required) || "Phone Number Required"
       }).refine(
         (value) => {
-          let phoneNumber = parsePhoneNumber(value);
-          return phoneNumber.isValid();
+          let isPhoneValid = isPossiblePhoneNumber(value) && isValidPhoneNumber(value) && validatePhoneNumberLength(value) === void 0;
+          return isPhoneValid;
         },
         { message: ((_n = texts == null ? void 0 : texts.phone) == null ? void 0 : _n.invalid) || "Phone Number Invalid" }
       )
@@ -238,7 +243,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -352,7 +360,15 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
                   helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
                   preferredCountry: { label: "+966" },
-                  handleChange: (e) => field.onChange(parsePhoneNumber(e).number)
+                  ...props.phoneInputProps,
+                  handleChange: (e) => {
+                    if (isValidPhoneNumber(e) && isPossiblePhoneNumber(e) && validatePhoneNumberLength(e) === void 0) {
+                      let parsed = parsePhoneNumber(e);
+                      field.onChange(parsed.number);
+                    } else {
+                      field.onChange(e);
+                    }
+                  }
                 }
               );
             }
@@ -374,7 +390,10 @@ var LoginForm = ({
                   label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                   helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                   placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
+                  ...field,
+                  onChange: (e) => {
+                    field.onChange(e.target.value.toLowerCase().trim());
+                  }
                 }
               );
             }
@@ -631,7 +650,12 @@ var RegisterForm = ({
                       label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
                       helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
                       placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                      ...field
+                      ...field,
+                      onChange: (e) => {
+                        field.onChange(
+                          e.target.value.toLowerCase().trim()
+                        );
+                      }
                     }
                   );
                 }
@@ -1061,7 +1085,10 @@ var ResetPasswordForm = ({
               label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
               helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
               placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
-              ...field
+              ...field,
+              onChange: (e) => {
+                field.onChange(e.target.value.toLowerCase().trim());
+              }
             }
           );
         }

package/dist/{chunk-VZNDYO6H.mjs → chunk-WFPAI2QC.mjs}

@@ -2233,12 +2233,14 @@ var countries_default = countries;
 var PhoneInput = ({
   labelProps,
   inputProps,
+  countryCodes,
   ...props
 }) => {
   const [phoneNumber, setPhoneNumber] = useState2("");
   const [countryCode, setCountryCode] = useState2(props.preferredCountry);
   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)) {
@@ -2261,7 +2263,7 @@ var PhoneInput = ({
       isSearchable: true,
       isClearable: false,
       placeholder: "Code",
-      options: countries_default,
+      options: countryCodes || countries_default,
       onChange: setCountryCode,
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry