@sustaina/shared-ui 1.12.0 → 1.13.1

package/dist/index.mjs

@@ -17,6 +17,9 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { reSplitAlphaNumeric, useReactTable, getCoreRowModel, getGroupedRowModel, getExpandedRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
+import i18n from 'i18next';
+import { initReactI18next, useTranslation } from 'react-i18next';
+import { create } from 'zustand';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -24,7 +27,6 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { useSensors, useSensor, PointerSensor, DndContext, closestCenter } from '@dnd-kit/core';
 import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
 import { z } from 'zod';
-import { create } from 'zustand';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { createCommand, DecoratorNode, $getSelection, $isRangeSelection, $getNodeByKey, $createTextNode, $insertNodes, CAN_UNDO_COMMAND, COMMAND_PRIORITY_NORMAL, CAN_REDO_COMMAND, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, $createParagraphNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, UNDO_COMMAND, REDO_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
@@ -602,7 +604,7 @@ var OPERATOR_MAP = {
   dropdown: ["is", "isNot"],
   lookup: ["containsAny", "containsOnly", "containsAll", "notContains"],
   uuid: ["equals", "notEquals", "gt", "gte", "lt", "lte"],
-  json: ["contains", "equals", "beginsWith", "endsWith"]
+  json: ["equals", "notEquals", "containsAny"]
 };
 
 // src/components/advanceSearch/hooks/useAdvanceSearch.ts
@@ -2436,6 +2438,7 @@ var LookupSelect = ({
   dropdownPortalId
 }) => {
   const [inputValue, setInputValue] = useState("");
+  const inputRef = useRef(null);
   const [suggestions, setSuggestions] = useState([]);
   const [optionLabels, setOptionLabels] = useState({});
   const [loading, setLoading] = useState(false);
@@ -2514,6 +2517,10 @@ var LookupSelect = ({
     (option) => {
       upsertOptionLabels([option]);
       addTag(option.value);
+      inputRef.current?.focus();
+      setTimeout(() => {
+        inputRef.current?.scrollIntoView({ behavior: "smooth" });
+      }, 100);
     },
     [addTag, upsertOptionLabels]
   );
@@ -2655,9 +2662,10 @@ var LookupSelect = ({
                 `${tag}-${i}`
               );
             }),
-            /* @__PURE__ */ jsx(
+            !limitReached && /* @__PURE__ */ jsx(
               "input",
               {
+                ref: inputRef,
                 type: "text",
                 value: inputValue,
                 onChange: (e) => setInputValue(e.target.value),
@@ -2673,7 +2681,7 @@ var LookupSelect = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex justify-end absolute inset-y-1 right-2 items-center gap-2 pointer-events-auto", children: value.length === 0 ? /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 items-center justify-center text-inherit", children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex justify-end items-center gap-2 pointer-events-auto h-fit", children: value.length === 0 ? /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 items-center justify-center text-inherit", children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx(
             ClearButton,
             {
               onClick: handleClear,
@@ -2686,7 +2694,7 @@ var LookupSelect = ({
     ),
     renderDropdown(),
     fetchError && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-600", children: fetchError }),
-    limitReached && !fetchError && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-inherit", children: [
+    limitReached && !fetchError && maxTags !== 1 && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-inherit", children: [
       "Maximum ",
       maxTags,
       " tags reached."
@@ -2736,6 +2744,58 @@ var ConditionLookupInput = ({
     }
   }
 );
+var ConditionJSONInput = ({
+  row,
+  control,
+  onClear,
+  fieldSchema,
+  dropdownPortalId
+}) => /* @__PURE__ */ jsx(
+  FormField,
+  {
+    control,
+    name: `value_${row.id}`,
+    rules: { required: "This field is required." },
+    render: ({ field, fieldState }) => {
+      const value = Array.isArray(field.value) ? field.value : [];
+      const handleChange = (tags) => {
+        field.onChange(tags);
+      };
+      const handleClear = () => {
+        field.onChange([]);
+        onClear("value");
+      };
+      return /* @__PURE__ */ jsxs(FormItem, { className: "relative w-full overflow-x-hidden", children: [
+        /* @__PURE__ */ jsx(FormControl, { children: fieldSchema?.fetchSuggestions ? /* @__PURE__ */ jsx(
+          LookupSelect,
+          {
+            value,
+            onChange: handleChange,
+            onClear: handleClear,
+            error: Boolean(fieldState.error),
+            placeholder: fieldSchema?.placeholder,
+            maxTags: row.operator === "containsAny" ? fieldSchema?.maxTags : 1,
+            fetchSuggestions: fieldSchema?.fetchSuggestions,
+            suggestionDebounce: fieldSchema?.suggestionDebounce,
+            noOptionsMessage: fieldSchema?.noOptionsMessage,
+            loadingMessage: fieldSchema?.loadingMessage,
+            dropdownPortalId
+          }
+        ) : /* @__PURE__ */ jsx(
+          Input,
+          {
+            ...field,
+            value: field.value ?? "",
+            autoComplete: "off",
+            inputMode: "text",
+            className: "w-full h-9 rounded-md bg-white pr-8 text-sm text-gray-700 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(FormMessage, { className: "absolute left-0 top-full mt-1 text-xs text-red-600" })
+      ] });
+    }
+  }
+);
 var ConditionValue = ({ row, fields, onClearValue, dropdownPortalId }) => {
   const { control } = useFormContext();
   const fieldSchema = fields.find((f) => f.name === row.fieldName);
@@ -2771,6 +2831,18 @@ var ConditionValue = ({ row, fields, onClearValue, dropdownPortalId }) => {
           dropdownPortalId
         }
       );
+    case "json": {
+      return /* @__PURE__ */ jsx(
+        ConditionJSONInput,
+        {
+          row,
+          control,
+          onClear: onClearValue,
+          fieldSchema,
+          dropdownPortalId
+        }
+      );
+    }
     default:
       return /* @__PURE__ */ jsx(ConditionTextInput, { row, control, onClear: onClearValue });
   }
@@ -2986,23 +3058,20 @@ var DropdownBuilder = class {
 // src/components/advanceSearch/builder/json.ts
 var JSONBuilder = class {
   build(row) {
+    const isArray = Array.isArray(row.value);
     switch (row.operator) {
-      case "contains":
-        return { [row.fieldName]: { path: row.jsonPath, string_contains: row.value } };
       case "equals":
-        return { [row.fieldName]: { path: row.jsonPath, equals: row.value } };
-      case "beginsWith":
-        return { [row.fieldName]: { path: row.jsonPath, string_starts_with: row.value } };
-      case "endsWith":
-        return { [row.fieldName]: { path: row.jsonPath, string_ends_with: row.value } };
-      case "notContains":
-        return { [row.fieldName]: { path: row.jsonPath, not: { string_contains: row.value } } };
+        return { [row.fieldName]: { path: row.jsonPath, equals: isArray ? row.value[0] : row.value } };
       case "notEquals":
-        return { [row.fieldName]: { path: row.jsonPath, not: { equals: row.value } } };
-      case "notBeginsWith":
-        return { [row.fieldName]: { path: row.jsonPath, not: { string_starts_with: row.value } } };
-      case "notEndsWith":
-        return { [row.fieldName]: { path: row.jsonPath, not: { string_ends_with: row.value } } };
+        return {
+          NOT: { [row.fieldName]: { path: row.jsonPath, equals: isArray ? row.value[0] : row.value } }
+        };
+      case "containsAny":
+        if (!isArray)
+          return { [row.fieldName]: { path: row.jsonPath, equals: isArray ? row.value[0] : row.value } };
+        return {
+          OR: row.value.map((v) => ({ [row.fieldName]: { path: row.jsonPath, equals: v } }))
+        };
       default:
         return {};
     }
@@ -4724,9 +4793,11 @@ var buttonVariants2 = cva(
       variant: {
         default: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground  dark:border-input dark:hover:bg-input/50",
         success: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
-        error: "border border-[#BB0B0E] bg-[#BB0B0E] shadow-xs hover:bg-accent hover:text-accent-foreground text-white",
+        error: "border border-[#BB0B0E] text-[#BB0B0E] bg-white shadow-xs hover:bg-accent hover:text-accent-foreground",
         warning: "bg-yellow-500 text-black shadow-xs hover:bg-yellow-600 dark:hover:bg-yellow-400",
-        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:hover:bg-input/50"
+        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:hover:bg-input/50",
+        confirm: "border border-[#BB0B0E] text-[#BB0B0E] bg-white shadow-xs hover:bg-accent hover:text-accent-foreground",
+        "confirm-green": "border border-[#379A2A] text-[#379A2A] bg-white shadow-xs hover:bg-accent hover:text-accent-foreground"
       },
       size: {
         default: "h-9 px-4 has-[>svg]:px-3",
@@ -4768,6 +4839,154 @@ function Button2({
     }
   );
 }
+
+// src/components/dialog-alert/lib/constants.ts
+var DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
+
+// src/components/dialog-alert/locale/default.ts
+var defaultResource = {
+  sharedui: {
+    [DIALOG_ALERT_I18N_NAMESPACE]: {
+      cancel: "Cancel",
+      close: "Close",
+      "success.saved": {
+        title: "Successfully",
+        description: "Data has been successfully saved"
+      },
+      "success.deleted": {
+        title: "Successfully",
+        description: "Data has been successfully deleted"
+      },
+      "success.removed": {
+        title: "Successfully",
+        description: "Data has been successfully removed"
+      },
+      "error.api_db_error": {
+        title: "API/Database Error",
+        description: "Failed to connect to the system. Please check API or database connection."
+      },
+      "error.permission_denied": {
+        title: "Permission Denied",
+        description: "You do not have permission to delete this data.",
+        confirm_text: "Discard"
+      },
+      "error.session_expired": {
+        title: "Session Expired",
+        description: "Your session has expired or you have been logged out. Please sign in again.",
+        confirm_text: "Logout"
+      },
+      "error.user_not_found": {
+        title: "User Not Found",
+        description: "The system could not locate the user account.",
+        confirm_text: "Logout"
+      },
+      "error.data_not_found": {
+        title: "Data Not Found",
+        description: "The data has already been deleted or does not exist in the system."
+      },
+      "error.data_restrict_editing": {
+        title: "Data Status Restricts Editing",
+        description: "Data status does not allow editing."
+      },
+      "error.network_timeout_error": {
+        title: "Network Error / Timeout",
+        description: "The system could not connect to the network or the request took too long to process."
+      },
+      "error.queue_full": {
+        title: "Queue Full",
+        description: "The notification queue has reached its limit. Please try again later."
+      },
+      "error.invalid_data_format": {
+        title: "Invalid Data Format",
+        description: "Data creation failed due to invalid or incorrectly formatted data."
+      },
+      "error.data_linked_to_system_data": {
+        title: "Data Linked to System Data",
+        description: "Cannot delete data because they are linked to existing system data."
+      },
+      "error.pending_workflow_conflict": {
+        title: "Pending Workflow Conflict ",
+        description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
+      },
+      "error.invalid_incomplete_data": {
+        title: "Invalid or Incomplete Data",
+        description: "Data status cannot be changed due to incomplete or invalid information."
+      },
+      "error.client_side_error": {
+        title: "Client-Side Error",
+        description: "An error occurred on the client side. Please refresh the page or try again."
+      },
+      "error.system_limitation": {
+        title: "System Limitation",
+        description: "The search cannot be completed due to system limitations. Please simplify your query."
+      },
+      "error.timeout": {
+        title: "Timeout",
+        description: "Request failed due to a system error or timeout. Please try again."
+      },
+      "error.duplicate_data": {
+        title: "Duplicate Data",
+        description: "The data you entered already exists in the system."
+      },
+      "error.something_went_wrong": {
+        title: "Something Went Wrong",
+        description: "An unknown error occurred."
+      },
+      "confirm.delete": {
+        title: "Confirmation",
+        description: "Are you sure you want to delete this item?",
+        confirm_text: "Delete"
+      },
+      "confirm.inactive": {
+        title: "Confirmation",
+        description: "Are you sure you want to inactive this item?",
+        confirm_text: "Inactive"
+      },
+      "confirm.active": {
+        variant: "confirm-green",
+        title: "Confirmation",
+        description: "Are you sure you want to active this item?",
+        confirm_text: "Active"
+      },
+      "confirm.leave_page": {
+        title: "Confirmation",
+        description: "Unsaved changes. Do you want to leave this page?",
+        confirm_text: "Leave"
+      },
+      "confirm.remove": {
+        title: "Confirmation",
+        description: "Are you sure you want to remove this item?",
+        confirm_text: "Remove"
+      },
+      "confirm.logout": {
+        title: "Confirmation",
+        description: "Do you want to log out?",
+        confirm_text: "Logout"
+      }
+    }
+  }
+};
+
+// src/components/dialog-alert/locale/i18n.ts
+i18n.use(initReactI18next).init({
+  resources: defaultResource,
+  lng: "sharedui",
+  fallbackLng: "sharedui",
+  defaultNS: DIALOG_ALERT_I18N_NAMESPACE,
+  interpolation: {
+    escapeValue: false
+    // react already safes from xss
+  }
+});
+var i18n_default = i18n;
+var titleColorVariant = {
+  default: "",
+  success: "text-green-600",
+  error: "text-red-600",
+  warning: "text-yellow-600",
+  confirm: "text-red-600",
+  "confirm-green": "text-red-600"
+};
 function DialogAlert({
   open,
   onOpenChange,
@@ -4775,7 +4994,7 @@ function DialogAlert({
   description,
   variant = "default",
   confirmText,
-  cancelText = "Cancel",
+  cancelText = "cancel",
   onConfirm,
   onCancel,
   showCancel = true,
@@ -4784,6 +5003,7 @@ function DialogAlert({
   persistent = false
 }) {
   const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
+  const { t } = useTranslation(DIALOG_ALERT_I18N_NAMESPACE);
   const handleCancel = useCallback(() => {
     onCancel?.();
     onOpenChange(false);
@@ -4794,28 +5014,261 @@ function DialogAlert({
   return /* @__PURE__ */ jsx(Dialog2, { open, onOpenChange: persistent ? () => {
   } : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent2, { className: "max-w-md", showCloseButton: !persistent, children: [
     /* @__PURE__ */ jsxs(DialogHeader2, { children: [
-      title && /* @__PURE__ */ jsx(DialogTitle2, { className: variantClass(variant), children: title }),
-      description && /* @__PURE__ */ jsx(DialogDescription2, { children: description })
+      title && /* @__PURE__ */ jsx(DialogTitle2, { className: titleColorVariant[variant], children: t(title) }),
+      description && /* @__PURE__ */ jsx(DialogDescription2, { children: t(description) })
     ] }),
     outlet && outlet,
     /* @__PURE__ */ jsxs("div", { className: `flex gap-3 mt-3 ${alignClass}`, children: [
-      showCancel && /* @__PURE__ */ jsx(Button2, { variant: "cancel", onClick: handleCancel, children: cancelText }),
-      confirmText && /* @__PURE__ */ jsx(Button2, { variant, onClick: handleConfirm, children: confirmText })
+      showCancel && /* @__PURE__ */ jsx(Button2, { variant: "cancel", onClick: handleCancel, children: t(cancelText) }),
+      confirmText && /* @__PURE__ */ jsx(Button2, { variant, onClick: handleConfirm, children: t(confirmText) })
     ] })
   ] }) });
 }
-function variantClass(variant) {
-  switch (variant) {
-    case "success":
-      return "text-green-600";
-    case "error":
-      return "text-red-600";
-    case "warning":
-      return "text-yellow-600";
-    default:
-      return "";
+
+// src/components/dialog-alert/templates/index.ts
+var getDialogTemplates = ({ setOpen = () => {
+} }) => ({
+  "success.saved": {
+    variant: "success",
+    title: "success.saved.title",
+    description: "success.saved.description",
+    cancelText: "close"
+  },
+  "success.deleted": {
+    variant: "success",
+    title: "success.deleted.title",
+    description: "success.deleted.description",
+    cancelText: "close"
+  },
+  "success.removed": {
+    variant: "success",
+    title: "success.removed.title",
+    description: "success.removed.description",
+    cancelText: "close"
+  },
+  "error.api_db_error": {
+    variant: "error",
+    title: "error.api_db_error.title",
+    description: "error.api_db_error.description",
+    cancelText: "close"
+  },
+  "error.permission_denied": {
+    variant: "error",
+    title: "error.permission_denied.title",
+    description: "error.permission_denied.description",
+    confirmText: "error.permission_denied.confirm_text",
+    showCancel: false,
+    onConfirm: () => setOpen(false)
+  },
+  "error.session_expired": {
+    variant: "error",
+    title: "error.session_expired.title",
+    description: "error.session_expired.description",
+    confirmText: "error.session_expired.confirm_text",
+    showCancel: false
+  },
+  "error.user_not_found": {
+    variant: "error",
+    title: "error.user_not_found.title",
+    description: "error.user_not_found.description",
+    confirmText: "error.user_not_found.confirm_text",
+    showCancel: false
+  },
+  "error.data_not_found": {
+    variant: "error",
+    title: "error.data_not_found.title",
+    description: "error.data_not_found.description",
+    cancelText: "close"
+  },
+  "error.data_restrict_editing": {
+    variant: "error",
+    title: "error.data_restrict_editing.title",
+    description: "error.data_restrict_editing.description",
+    cancelText: "close"
+  },
+  "error.network_timeout_error": {
+    variant: "error",
+    title: "error.network_timeout_error.title",
+    description: "error.network_timeout_error.description",
+    cancelText: "close"
+  },
+  "error.queue_full": {
+    variant: "error",
+    title: "error.queue_full.title",
+    description: "error.queue_full.description",
+    cancelText: "close"
+  },
+  "error.invalid_data_format": {
+    variant: "error",
+    title: "error.invalid_data_format.title",
+    description: "error.invalid_data_format.description",
+    cancelText: "close"
+  },
+  "error.data_linked_to_system_data": {
+    variant: "error",
+    title: "error.data_linked_to_system_data.title",
+    description: "error.data_linked_to_system_data.description",
+    cancelText: "close"
+  },
+  "error.pending_workflow_conflict": {
+    variant: "error",
+    title: "error.pending_workflow_conflict.title",
+    description: "error.pending_workflow_conflict.description",
+    cancelText: "close"
+  },
+  "error.invalid_incomplete_data": {
+    variant: "error",
+    title: "error.invalid_incomplete_data.title",
+    description: "error.invalid_incomplete_data.description",
+    cancelText: "close"
+  },
+  "error.client_side_error": {
+    variant: "error",
+    title: "error.client_side_error.title",
+    description: "error.client_side_error.description",
+    cancelText: "close"
+  },
+  "error.system_limitation": {
+    variant: "error",
+    title: "error.system_limitation.title",
+    description: "error.system_limitation.description",
+    cancelText: "close"
+  },
+  "error.timeout": {
+    variant: "error",
+    title: "error.timeout.title",
+    description: "error.timeout.description",
+    cancelText: "close"
+  },
+  "error.duplicate_data": {
+    variant: "error",
+    title: "error.duplicate_data.title",
+    description: "error.duplicate_data.description",
+    cancelText: "close"
+  },
+  "error.something_went_wrong": {
+    variant: "error",
+    title: "error.something_went_wrong.title",
+    description: "error.something_went_wrong.description",
+    cancelText: "close"
+  },
+  "confirm.delete": {
+    variant: "confirm",
+    title: "confirm.delete.title",
+    description: "confirm.delete.description",
+    confirmText: "confirm.delete.confirm_text"
+  },
+  "confirm.inactive": {
+    variant: "confirm",
+    title: "confirm.inactive.title",
+    description: "confirm.inactive.description",
+    confirmText: "confirm.inactive.confirm_text"
+  },
+  "confirm.active": {
+    variant: "confirm-green",
+    title: "confirm.active.title",
+    description: "confirm.active.description",
+    confirmText: "confirm.active.confirm_text"
+  },
+  "confirm.leave_page": {
+    variant: "confirm",
+    title: "confirm.leave_page.title",
+    description: "confirm.leave_page.description",
+    confirmText: "confirm.leave_page.confirm_text"
+  },
+  "confirm.remove": {
+    variant: "confirm",
+    title: "confirm.remove.title",
+    description: "confirm.remove.description",
+    confirmText: "confirm.remove.confirm_text"
+  },
+  "confirm.logout": {
+    variant: "confirm",
+    title: "confirm.logout.title",
+    description: "confirm.logout.description",
+    confirmText: "confirm.logout.confirm_text"
   }
-}
+});
+var useDialogAlertStore = create((set, get) => ({
+  open: false,
+  dialogProps: {},
+  setOpen: (data) => set({ open: data }),
+  setDialogProps: (data) => set({ dialogProps: data }),
+  openDialogAlert: (payload) => {
+    let templateVal;
+    if (payload?.template) {
+      templateVal = getDialogTemplates({ setOpen: get().setOpen })[payload.template];
+    }
+    get().setDialogProps({ ...templateVal, ...payload?.props });
+    get().setOpen(true);
+  },
+  closeDialogAlert: () => {
+    set({ open: false });
+  }
+}));
+var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
+  const open = useDialogAlertStore((state) => state.open);
+  const setOpen = useDialogAlertStore((state) => state.setOpen);
+  const dialogProps = useDialogAlertStore((state) => state.dialogProps);
+  useEffect(() => {
+    if (!i18nResource) {
+      i18n_default.changeLanguage("sharedui");
+      return;
+    }
+    const langs = Object.keys(i18nResource);
+    for (const lang of langs) {
+      i18n_default.addResourceBundle(
+        lang,
+        DIALOG_ALERT_I18N_NAMESPACE,
+        i18nResource[lang][DIALOG_ALERT_I18N_NAMESPACE],
+        false,
+        true
+      );
+    }
+    i18n_default.changeLanguage(i18nLang);
+  }, [i18nLang, i18nResource]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsx(DialogAlert, { open, onOpenChange: setOpen, ...dialogProps })
+  ] });
+};
+var openDialogAlert = useDialogAlertStore.getState().openDialogAlert;
+var closeDialogAlert = useDialogAlertStore.getState().closeDialogAlert;
+var openErrorDialogAlert = (error) => {
+  if (error instanceof Error) {
+    openDialogAlert({ template: "error.something_went_wrong", props: { description: error.message } });
+  } else if (error.isAxiosError) {
+    let template = "error.something_went_wrong";
+    switch (error.response?.status) {
+      case 400:
+        template = "error.invalid_incomplete_data";
+        break;
+      case 401:
+        template = "error.session_expired";
+        break;
+      case 403:
+        template = "error.permission_denied";
+        break;
+      case 404:
+        template = "error.data_not_found";
+        break;
+      case 409:
+        template = "error.duplicate_data";
+        break;
+      case 500:
+        template = "error.api_db_error";
+        break;
+    }
+    openDialogAlert({ template });
+  } else {
+    openDialogAlert({ template: "error.something_went_wrong" });
+  }
+};
+var getDialogAlertControls = () => ({
+  openDialogAlert,
+  closeDialogAlert,
+  openErrorDialogAlert
+});
 function TooltipProvider({
   delayDuration = 0,
   ...props
@@ -5332,9 +5785,9 @@ var InfoIcon = (props) => {
           {
             d: "M10.0013 18.3327C14.6037 18.3327 18.3346 14.6017 18.3346 9.99935C18.3346 5.39698 14.6037 1.66602 10.0013 1.66602C5.39893 1.66602 1.66797 5.39698 1.66797 9.99935C1.66797 14.6017 5.39893 18.3327 10.0013 18.3327Z",
             stroke: "white",
-            "stroke-width": "1.5",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -5342,9 +5795,9 @@ var InfoIcon = (props) => {
           {
             d: "M10 13.3333V10",
             stroke: "white",
-            "stroke-width": "1.5",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -5352,9 +5805,9 @@ var InfoIcon = (props) => {
           {
             d: "M10 6.66602H10.0083",
             stroke: "white",
-            "stroke-width": "1.5",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         )
       ]
@@ -7726,10 +8179,38 @@ async function getCroppedImg(imageSrc, pixelCrop, desiredDimension) {
     }, "image/png");
   });
 }
+async function getCroppedSVG(imageSrc, pixelCrop, desiredDimension) {
+  let svgString;
+  const parts = imageSrc.split(",");
+  const meta = parts[0];
+  const data = parts[1];
+  if (meta.includes("base64")) {
+    svgString = atob(data);
+  } else {
+    svgString = decodeURIComponent(data);
+  }
+  const parser = new DOMParser();
+  const svgDoc = parser.parseFromString(svgString, "image/svg+xml");
+  const svgElement = svgDoc.documentElement;
+  if (svgElement.tagName.toLowerCase() !== "svg") {
+    throw new Error("The file is not a valid SVG document root.");
+  }
+  const newViewBox = `${pixelCrop.x} ${pixelCrop.y} ${pixelCrop.width} ${pixelCrop.height}`;
+  svgElement.setAttribute("viewBox", newViewBox);
+  const outputWidth = desiredDimension?.width ?? pixelCrop.width;
+  const outputHeight = desiredDimension?.height ?? pixelCrop.height;
+  svgElement.setAttribute("width", String(outputWidth));
+  svgElement.setAttribute("height", String(outputHeight));
+  const serializer = new XMLSerializer();
+  const croppedSvgString = serializer.serializeToString(svgElement);
+  const blob = new Blob([croppedSvgString], { type: "image/svg+xml" });
+  return URL.createObjectURL(blob);
+}
 var CropperModal = ({
   open,
   onOpenChange,
   imageSrc,
+  isSVG,
   onConfirm,
   onCancel,
   onError,
@@ -7771,7 +8252,7 @@ var CropperModal = ({
     setIsLoading(true);
     try {
       const desiredDimension = outputExactCropSize ? cropSize : void 0;
-      const croppedImage = await getCroppedImg(imageSrc, croppedAreaPixels, desiredDimension);
+      const croppedImage = isSVG ? await getCroppedSVG(imageSrc, croppedAreaPixels, desiredDimension) : await getCroppedImg(imageSrc, croppedAreaPixels, desiredDimension);
       onConfirm({ crop, croppedAreaPixels, croppedImageBlobUrl: croppedImage });
     } catch (e) {
       if (onError) {
@@ -7836,7 +8317,7 @@ var CropperModal = ({
                 ...props?.cropper
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { className: "w-full py-4 px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full py-4 px-8 min-h-10", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between", children: [
               /* @__PURE__ */ jsx(Button, { type: "button", variant: "cancel", onClick: handleCancel, disabled: isLoading, children: "Cancel" }),
               /* @__PURE__ */ jsx("div", { className: "ml-auto flex gap-x-2", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "default", onClick: handleConfirm, disabled: isLoading, children: "Confirm" }) })
             ] }) })
@@ -7847,6 +8328,6 @@ var CropperModal = ({
   );
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch_default as AdvanceSearch, arrow_default as ArrowIcon, Button, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CropperModal, DataTable_default as DataTable, DatePicker2 as DatePicker, Dialog, DialogAlert, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, Input, Label2 as Label, List_default as List, container_default as ListContainer, header_default as ListHeader, table_default as ListTable, LookupSelect, MonthPicker2 as MonthPicker, navbar_default as Navbar, not_found_default as NotFoundIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave_default as PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, calendar_default as SuiCalendarIcon, check_default as SuiCheckIcon, dots_vertical_default as SuiDotsVerticalIcon, empty_data_default as SuiEmptyDataIcon, expand_default as SuiExpandIcon, filter_default as SuiFilterIcon, setting_default as SuiSettingIcon, triangle_down_default as SuiTriangleDownIcon, warning_default as SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, ui_exports as UI, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch_default as AdvanceSearch, arrow_default as ArrowIcon, Button, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CropperModal, DIALOG_ALERT_I18N_NAMESPACE, DataTable_default as DataTable, DatePicker2 as DatePicker, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, Input, Label2 as Label, List_default as List, container_default as ListContainer, header_default as ListHeader, table_default as ListTable, LookupSelect, MonthPicker2 as MonthPicker, navbar_default as Navbar, not_found_default as NotFoundIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave_default as PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, calendar_default as SuiCalendarIcon, check_default as SuiCheckIcon, dots_vertical_default as SuiDotsVerticalIcon, empty_data_default as SuiEmptyDataIcon, expand_default as SuiExpandIcon, filter_default as SuiFilterIcon, setting_default as SuiSettingIcon, triangle_down_default as SuiTriangleDownIcon, warning_default as SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, ui_exports as UI, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map