@algorithm-shift/design-system 1.3.118 → 1.3.120

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,
@@ -3367,7 +3374,6 @@ function LazyMultiSelectDropdown({
   onChange,
   placeholder,
   className,
-  id,
   disabled,
   readOnly,
   source,
@@ -3433,10 +3439,10 @@ function LazyMultiSelectDropdown({
     }
   };
   const selectedOptions = useMemo6(() => {
-    return normalizedValue.map((id2) => {
-      const fromLazy = lazyOptions.find((opt) => opt.value === id2);
+    return normalizedValue.map((id) => {
+      const fromLazy = lazyOptions.find((opt) => opt.value === id);
       if (fromLazy) return fromLazy;
-      return { value: id2, label: id2 };
+      return { value: id, label: id };
     });
   }, [normalizedValue, lazyOptions]);
   useEffect25(() => {
@@ -3471,11 +3477,11 @@ function LazyMultiSelectDropdown({
     } else {
       updated = ensureUnique([...normalizedValue, val]);
     }
-    onChange?.(convertOutput(updated), id);
+    onChange?.(convertOutput(updated), props.name ?? "");
   };
   const removeTag = (val) => {
     const updated = normalizedValue.filter((v) => v !== val);
-    onChange?.(convertOutput(updated), id);
+    onChange?.(convertOutput(updated), props.name ?? "");
   };
   const handleFocus = () => {
     if (!disabled) {