@algorithm-shift/design-system 1.2.963 → 1.2.965

package/dist/index.mjs

@@ -29894,7 +29894,7 @@ var Pagination_default = CustomPagination;
 // src/components/Navigation/Tabs/Tabs.tsx
 import { useCallback as useCallback3, useMemo as useMemo6, useState as useState8 } from "react";
 import Link5 from "next/link";
-import { useRouter } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -30051,6 +30051,7 @@ function showSonnerToast({
 import { Fragment as Fragment22, jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
 var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = false, source, parentKey, menuNameKey, menuUrlKey, loading, bgActiveColor, textActiveColor }) => {
   const [openIndex, setOpenIndex] = useState8(null);
+  const currentPathname = usePathname();
   function groupMenus(menus = []) {
     const menuMap = /* @__PURE__ */ new Map();
     menus.forEach((menu) => {
@@ -30099,7 +30100,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
       while (p.endsWith("/")) p = p.slice(0, -1);
       return p;
     };
-    const current = clean(pathname || "");
+    const current = clean(pathname ?? currentPathname ?? "");
     const target = clean(path);
     if (!current || !target) return false;
     if (current === target) return true;
@@ -30142,7 +30143,8 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
     const finalStyle = {
       ...tab.style,
       backgroundColor: active && bgActiveColor ? bgActiveColor : void 0,
-      color: active && textActiveColor ? textActiveColor : void 0
+      color: active && textActiveColor ? textActiveColor : void 0,
+      border: active && textActiveColor ? `1px solid ${textActiveColor}` : void 0
     };
     if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
       return /* @__PURE__ */ jsxs33(
@@ -30283,24 +30285,38 @@ var Tabs_default = Tabs;
 // src/components/Navigation/Stages/Stages.tsx
 import React10, { useState as useState9 } from "react";
 import { jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
-var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStageChange, currentStage, dataKey = "key", dataLabel = "header", loading }) => {
+var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStageChange, currentStage, dataKey = "key", dataLabel = "header", loading, saving, triggerOnClick = false }) => {
   const [activeStage, setActiveStage] = useState9(currentStage || (stages && stages.length > 0 ? stages[0].key : null));
+  const [isCompleted, setIsCompleted] = useState9(false);
+  const updateStage = (stageKey) => {
+    setActiveStage(stageKey);
+    onStageChange?.(stageKey);
+  };
   const nextStage = () => {
     if (!stages || stages.length === 0) return;
     const currentIndex = stages.findIndex((stage) => stage[dataKey] === activeStage);
-    if (currentIndex < stages.length - 1) {
-      const newStage = stages[currentIndex + 1];
-      setActiveStage(newStage[dataKey]);
-      onStageChange?.(newStage[dataKey]);
+    if (currentIndex + 1 === stages.length) {
+      const currentStage2 = stages[currentIndex];
+      updateStage(currentStage2[dataKey]);
+      setIsCompleted(true);
+      return;
+    }
+    if (currentIndex < stages.length) {
+      const currentStage2 = stages[currentIndex];
+      updateStage(currentStage2[dataKey]);
+      return;
     }
   };
   const lastStage = stages && stages.length > 0 ? stages[stages.length - 1][dataKey] : null;
   const onStageClick = (stageKey) => {
     if (!stageKey || stageKey === activeStage || activeStage === lastStage) return;
     setActiveStage(stageKey);
-    onStageChange?.(stageKey);
+    if (triggerOnClick) {
+      onStageChange?.(stageKey);
+    }
   };
-  const isAllStagesCompleted = activeStage === lastStage;
+  const isAllStagesCompleted = isCompleted || currentStage === lastStage;
+  const disabled = isAllStagesCompleted || loading || saving;
   return /* @__PURE__ */ jsx57("div", { className, style, children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between bg-red p-2 rounded-lg border border-gray-200 w-full", children: [
     /* @__PURE__ */ jsx57("div", { className: "flex items-center", children: /* @__PURE__ */ jsx57("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx57("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx57("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
     /* @__PURE__ */ jsx57("div", { className: "flex items-center flex-1 px-2 flex-wrap gap-2", children: loading ? Array(6).fill(null).map((_, index) => /* @__PURE__ */ jsx57(
@@ -30314,7 +30330,7 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStag
       index
     )) : stages?.length > 0 && stages?.map((stage, index) => {
       const currentIndex = stages.findIndex((s) => s[dataKey] === activeStage);
-      const isCompleted = isAllStagesCompleted || index < currentIndex;
+      const isCompleted2 = isAllStagesCompleted || index < currentIndex;
       const isActive = !isAllStagesCompleted && index === currentIndex;
       return /* @__PURE__ */ jsxs34(React10.Fragment, { children: [
         /* @__PURE__ */ jsx57(
@@ -30322,7 +30338,7 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStag
           {
             className: `
                   min-w-[80px] px-4 py-2 rounded-full text-sm font-medium transition-colors duration-200 whitespace-nowrap
-                  ${isActive ? "bg-green-700 text-white shadow-md" : isCompleted ? "bg-green-50 text-green-700 border border-green-700" : "bg-white text-gray-700 hover:bg-gray-100 border border-gray-200"}`,
+                  ${isActive ? "bg-green-700 text-white shadow-md" : isCompleted2 ? "bg-green-50 text-green-700 border border-green-700" : "bg-white text-gray-700 hover:bg-gray-100 border border-gray-200"}`,
             onClick: () => {
               if (isAllStagesCompleted) return;
               onStageClick(stage[dataKey]);
@@ -30336,11 +30352,12 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStag
     isShowBtn && /* @__PURE__ */ jsx57("div", { className: "flex items-center", children: /* @__PURE__ */ jsx57(
       "button",
       {
-        className: "bg-green-700 text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm",
+        className: `bg-green-700 text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
         onClick: () => {
           nextStage();
         },
-        children: buttonText
+        disabled,
+        children: saving ? "Updating..." : buttonText
       }
     ) })
   ] }) });