@algorithm-shift/design-system 1.3.117 → 1.3.119

package/dist/index.mjs

@@ -2530,11 +2530,11 @@ var SwitchToggle = ({ className, style, ...props }) => {
 var SwitchToggle_default = SwitchToggle;
 
 // src/components/Inputs/PhoneInput/PhoneInput.tsx
-import { useEffect as useEffect18 } from "react";
+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 ensureIndiaCode = (val) => {
+var ensureDialcode = (val) => {
   if (!val) return "";
   const trimmed = val.trim();
   if (trimmed.startsWith("+")) return trimmed;
@@ -2542,32 +2542,33 @@ var ensureIndiaCode = (val) => {
   return `+91${local}`;
 };
 var PhoneInput = ({ className, style, ...props }) => {
+  const ref = useRef6(null);
   const placeholder = props.placeholder ?? "Enter phone number";
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
   useEffect18(() => {
     if (props.value !== void 0) {
-      const normalized = ensureIndiaCode(props.value);
-      handleChange?.(normalized);
+      handleChange?.(ensureDialcode(props.value), ref.current?.state);
     }
   }, []);
-  const handleChange = (val) => {
-    const normalized = ensureIndiaCode(val);
+  const handleChange = (value, meta) => {
     const event = {
       target: {
         name: props.name || "",
-        value: normalized
+        value
       }
     };
     props.onChange?.(event, props.name || "");
+    props.getPhoneState?.(meta);
   };
   return /* @__PURE__ */ jsxs22(Fragment14, { children: [
     /* @__PURE__ */ jsx40(
       PhoneInputField,
       {
-        defaultCountry: "in",
+        ref,
+        defaultCountry: props.defaultCountry || "in",
         name: props.name,
-        value: props.value ? ensureIndiaCode(props.value) : "",
+        value: props.value ? ensureDialcode(props.value) : "",
         className: cn(
           "rounded-md border-1",
           className,
@@ -3365,7 +3366,7 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
 var TextInputGroup_default = TextInputGroup;
 
 // src/components/Inputs/Multiselect/MultiSelect.tsx
-import { useState as useState10, useRef as useRef7, useEffect as useEffect25, useMemo as useMemo6 } from "react";
+import { useState as useState10, useRef as useRef8, useEffect as useEffect25, useMemo as useMemo6 } from "react";
 import { XIcon, XSquareIcon as XSquareIcon3 } from "lucide-react";
 import { Fragment as Fragment19, jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function LazyMultiSelectDropdown({
@@ -3388,8 +3389,8 @@ function LazyMultiSelectDropdown({
 }) {
   const [isOpen, setIsOpen] = useState10(false);
   const [searchTerm, setSearchTerm] = useState10("");
-  const dropdownRef = useRef7(null);
-  const observerTarget = useRef7(null);
+  const dropdownRef = useRef8(null);
+  const observerTarget = useRef8(null);
   const ensureUnique = (arr) => {
     return Array.from(new Set(arr));
   };
@@ -5613,7 +5614,7 @@ var StagesComponent = ({
   const lastStage = stages && stages.length > 0 ? stages[stages.length - 1][dataKey] : null;
   const isMobile = canvasMode === "mobile";
   const onStageClick = (stageKey) => {
-    if (!stageKey || stageKey === activeStage || activeStage === lastStage) return;
+    if (!stageKey || stageKey === activeStage) return;
     setActiveStage(stageKey);
     if (triggerOnClick) {
       onStageChange?.(stageKey);