@algorithm-shift/design-system 1.3.118 → 1.3.119

package/dist/index.mjs

@@ -2534,6 +2534,13 @@ import { useEffect as useEffect18, useRef as useRef6 } from "react";
 import { PhoneInput as PhoneInputField } from "react-international-phone";
 import "react-international-phone/style.css";
 import { Fragment as Fragment14, jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+var ensureDialcode = (val) => {
+  if (!val) return "";
+  const trimmed = val.trim();
+  if (trimmed.startsWith("+")) return trimmed;
+  const local = trimmed.replace(/^0+/, "");
+  return `+91${local}`;
+};
 var PhoneInput = ({ className, style, ...props }) => {
   const ref = useRef6(null);
   const placeholder = props.placeholder ?? "Enter phone number";
@@ -2541,7 +2548,7 @@ var PhoneInput = ({ className, style, ...props }) => {
   const isDisabled = props.isDisabled ?? false;
   useEffect18(() => {
     if (props.value !== void 0) {
-      handleChange?.(props.value, ref.current?.state);
+      handleChange?.(ensureDialcode(props.value), ref.current?.state);
     }
   }, []);
   const handleChange = (value, meta) => {
@@ -2559,9 +2566,9 @@ var PhoneInput = ({ className, style, ...props }) => {
       PhoneInputField,
       {
         ref,
-        defaultCountry: "in",
+        defaultCountry: props.defaultCountry || "in",
         name: props.name,
-        value: props.value ? props.value : "",
+        value: props.value ? ensureDialcode(props.value) : "",
         className: cn(
           "rounded-md border-1",
           className,