@algorithm-shift/design-system 1.3.116 → 1.3.118

package/dist/index.mjs

@@ -1972,6 +1972,9 @@ function useLazyDropdown(config) {
     const parts = path.split(/\./);
     return parts.reduce((acc, key) => acc?.[key], obj);
   }
+  function isEmptyParamValue(value) {
+    return value === "" || value === void 0 || value === null || value === "null" || value === "undefined";
+  }
   const transformToOptions = useCallback2((data) => {
     if (!data || !Array.isArray(data)) return [];
     const cfg = configRef.current;
@@ -1996,7 +1999,7 @@ function useLazyDropdown(config) {
     let hasEmpty = false;
     const baseUrl = urlObj.origin + urlObj.pathname;
     urlObj.searchParams.forEach((value, key) => {
-      const isEmpty = value === "" || value === void 0 || value === null;
+      const isEmpty = isEmptyParamValue(value);
       if (isEmpty) {
         hasEmpty = true;
         if (enforceStrict) return;
@@ -2173,7 +2176,9 @@ function useLazyDropdown(config) {
     );
     const queryParams = {};
     urlObj.searchParams.forEach((value, key) => {
-      queryParams[key] = value;
+      if (!isEmptyParamValue(value)) {
+        queryParams[key] = value;
+      }
     });
     const body = {
       ...queryParams,
@@ -2525,44 +2530,38 @@ 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) => {
-  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";
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
   useEffect18(() => {
     if (props.value !== void 0) {
-      const normalized = ensureIndiaCode(props.value);
-      handleChange?.(normalized);
+      handleChange?.(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,
       {
+        ref,
         defaultCountry: "in",
         name: props.name,
-        value: props.value ? ensureIndiaCode(props.value) : "",
+        value: props.value ? props.value : "",
         className: cn(
           "rounded-md border-1",
           className,
@@ -3360,7 +3359,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({
@@ -3383,8 +3382,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));
   };
@@ -5608,7 +5607,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);