@zenify-omni/chat-ui-react-js 0.1.0

package/components/error-boundary.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component } from "react";
+import i18n from "@zenify-omni/chat-js/lib/i18n/index.js";
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, info) {
+    try {
+    } catch {
+    }
+  }
+  render() {
+    if (!this.state.hasError) return this.props.children;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "alert",
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 12,
+          alignItems: "center",
+          justifyContent: "center",
+          minHeight: "100vh",
+          padding: 24,
+          textAlign: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx("p", { children: i18n.t("common:error.unexpectedReload", {
+            defaultValue: "\u0110\xE3 c\xF3 l\u1ED7i x\u1EA3y ra. Vui l\xF2ng t\u1EA3i l\u1EA1i trang."
+          }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.location.reload(),
+              style: { padding: "8px 16px", cursor: "pointer" },
+              children: i18n.t("common:action.reload", { defaultValue: "T\u1EA3i l\u1EA1i" })
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+export {
+  ErrorBoundary as default
+};

package/components/leads-route/duplicate-phone-warning-toast.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import i18n from "@zenify-omni/chat-js/lib/i18n/index.js";
+import { getMergePreview } from "@zenify-omni/chat-js/api/customer.js";
+import useMergeSuggestionStore from "../../store/merge-suggestion-store.js";
+import useChatStore from "../../store/chat-store.js";
+import useDuplicatePhoneWarningStore from "../../store/duplicate-phone-warning-store.js";
+import { useQueryClient } from "@tanstack/react-query";
+import QUERY_KEY from "@zenify-omni/chat-js/constants/use-query-key.js";
+import { CrmType } from "@zenify-omni/chat-js/constants/user.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../ui/dialog.js";
+import { Button } from "../ui/button.js";
+import { Trans, useTranslation } from "react-i18next";
+const crmLabel = (crm_type) => crm_type === CrmType.Lead ? i18n.t("common:label.potentialAlt", {
+  defaultValue: "ti\u1EC1m n\u0103ng"
+}) : i18n.t("common:unit.customer", {
+  defaultValue: "kh\xE1ch h\xE0ng"
+});
+function DuplicatePhoneWarningModal() {
+  const { t } = useTranslation();
+  const { isOpen, contactId, warning, close } = useDuplicatePhoneWarningStore();
+  const openMerge = useMergeSuggestionStore((s) => s.open);
+  const queryClient = useQueryClient();
+  if (!warning) return null;
+  const { type, field, existing_contact } = warning;
+  const value = warning[field];
+  const { _id: existingId, name: existingName, crm_type } = existing_contact;
+  const isCustomerCode = type === "DUPLICATE_CUSTOMER_CODE";
+  const handleMerge = async () => {
+    close();
+    const { error, data } = await getMergePreview({
+      contactId,
+      mergeContactId: existingId
+    });
+    if (error || !data) return;
+    openMerge({ type, [field]: value, ...data }, (_selections, res) => {
+      const mergedContact = res?.data?.contact;
+      const { currentChatId, updateRequester } = useChatStore.getState();
+      if (currentChatId) {
+        if (mergedContact) {
+          updateRequester(currentChatId, mergedContact);
+        }
+        queryClient.invalidateQueries({
+          queryKey: [QUERY_KEY.GET_CUSTOMER_DETAIL]
+        });
+      }
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEY.GET_REQUESTER] });
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-xl", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("common:nav.notification", { defaultValue: "Th\xF4ng b\xE1o" }) }),
+      /* @__PURE__ */ jsx(DialogDescription, { asChild: true, children: /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx(
+          Trans,
+          {
+            i18nKey: isCustomerCode ? "lead:message.customerCodeBelongsTo" : "lead:message.phoneBelongsTo",
+            defaults: isCustomerCode ? "M\xE3 kh\xE1ch h\xE0ng <0>{{value}}</0> \u0111\xE3 thu\u1ED9c v\u1EC1 {{crmLabel}} <1>{{existingName}}</1> trong h\u1EC7 th\u1ED1ng." : "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i <0>{{value}}</0> \u0111\xE3 thu\u1ED9c v\u1EC1 {{crmLabel}} <1>{{existingName}}</1> trong h\u1EC7 th\u1ED1ng.",
+            values: {
+              value,
+              crmLabel: crmLabel(crm_type),
+              existingName
+            },
+            components: [
+              /* @__PURE__ */ jsx("span", { className: "font-bold italic underline" }),
+              /* @__PURE__ */ jsx("span", { className: "font-bold italic underline underline-offset-2" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("br", {}),
+        t("lead:confirm.mergeIntoExisting", {
+          defaultValue: "B\u1EA1n c\xF3 mu\u1ED1n h\u1EE3p nh\u1EA5t th\xF4ng tin v\xE0o t\xE0i kho\u1EA3n hi\u1EC7n c\xF3 kh\xF4ng?"
+        })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: close, children: t("common:action.cancel", { defaultValue: "H\u1EE7y" }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleMerge, children: t("lead:action.mergeCustomer", {
+        defaultValue: "H\u1EE3p nh\u1EA5t kh\xE1ch h\xE0ng"
+      }) })
+    ] })
+  ] }) });
+}
+function showDuplicatePhoneWarning(contactId, warning) {
+  useDuplicatePhoneWarningStore.getState().open(contactId, warning);
+}
+export {
+  DuplicatePhoneWarningModal as default,
+  showDuplicatePhoneWarning
+};

package/components/leads-route/table/columns.js

@@ -0,0 +1,523 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { format, isValid } from "date-fns";
+import { maskData } from "@zenify-omni/chat-js/utils/data.js";
+import CustomerSource from "../../customers-route/customer-source.js";
+import { formatDayWithTime } from "@zenify-omni/chat-js/utils/date.js";
+import { GenderContext, CustomerTypeContext } from "@zenify-omni/chat-js/constants/user.js";
+import { notFoundValue } from "@zenify-omni/chat-js/constants/common.js";
+import { AttributeFieldType } from "@zenify-omni/chat-js/constants/setting.js";
+import PreviewListFiles from "../../custom/field-file-upload/preview-list-file.js";
+import PreviewListImage from "../../custom/field-file-upload/preview-list-image.js";
+import { formatLinkToPreviewImage } from "../../custom/field-file-upload/image-upload.js";
+import { RenderContactCellName } from "./contact-cell-name.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import { LEAD_STATIC_COLUMNS } from "@zenify-omni/chat-js/constants/lead.js";
+import { makeSortableHeader } from "../../custom/sortable-header.js";
+import { useLeadSort } from "../../../hooks/use-sort-bindings.js";
+import { CUSTOM_FIELD_SORT_RE } from "@zenify-omni/chat-js/constants/sortable-fields.js";
+import { EditableCell } from "./editable-cell.js";
+import { NoteCell } from "../../customers-route/table/note-cell.js";
+import i18n from "@zenify-omni/chat-js/lib/i18n/index.js";
+const LEAD_STAGE_STYLES = [
+  { bg: "#fee2e2", dot: "#dc2626", text: "#dc2626" },
+  { bg: "#dce7ff", dot: "#1e62fe", text: "#1e62fe" },
+  { bg: "#fef3c7", dot: "#d97706", text: "#d97706" },
+  { bg: "#d1fae5", dot: "#059669", text: "#059669" },
+  { bg: "#eef2f7", dot: "#6b7280", text: "#6b7280" }
+];
+const LeadStageBadge = ({ value, leadStageData }) => {
+  const index = leadStageData.findIndex((e) => e.key === value);
+  if (index === -1) return notFoundValue;
+  const style = LEAD_STAGE_STYLES[index % LEAD_STAGE_STYLES.length] ?? LEAD_STAGE_STYLES[LEAD_STAGE_STYLES.length - 1];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "inline-flex h-7 items-center gap-[7px] rounded-full px-3",
+      style: { backgroundColor: style.bg },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "size-[7px] shrink-0 rounded-full",
+            style: { backgroundColor: style.dot }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "whitespace-nowrap text-[13px] font-semibold",
+            style: { color: style.text },
+            children: leadStageData[index].value
+          }
+        )
+      ]
+    }
+  );
+};
+function getColumns({
+  leadFields,
+  organizes,
+  groups,
+  cities,
+  districts,
+  handleNavigateDetail,
+  leadStageData,
+  leadSourceData,
+  editFields,
+  onSaved,
+  onQuickView,
+  isAllSelected,
+  onDeselectAll,
+  isCustomerCodeEnabled
+}) {
+  const columns = [
+    {
+      id: "select",
+      size: 50,
+      isNotResize: true,
+      header: ({ table }) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: isAllSelected || table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
+          onCheckedChange: (value) => {
+            if (isAllSelected) {
+              onDeselectAll?.();
+              return;
+            }
+            table.toggleAllPageRowsSelected(!!value);
+          },
+          "aria-label": "Select all",
+          className: "size-[18px] translate-y-[2px] rounded-[5px] border-border-subtle"
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: isAllSelected || row.getIsSelected(),
+          "aria-label": "Select row",
+          className: "size-[18px] translate-y-[2px] rounded-[5px] border-border-subtle",
+          onClick: (e) => {
+            e.stopPropagation();
+            if (isAllSelected) {
+              onDeselectAll?.();
+              return;
+            }
+            const checkbox = e.target;
+            const checked = checkbox.getAttribute("data-state") === "unchecked";
+            row.toggleSelected(checked);
+          }
+        }
+      ),
+      className: "w-10 !min-w-10 !max-w-10"
+    },
+    {
+      accessorKey: "name",
+      size: 220,
+      minSize: 220,
+      className: "text-sm font-medium text-primary hover:opacity-80",
+      header: makeSortableHeader(
+        "common:label.customerName",
+        "name",
+        useLeadSort,
+        "T\xEAn kh\xE1ch h\xE0ng"
+      ),
+      cell: ({ row }) => {
+        return /* @__PURE__ */ jsx(
+          RenderContactCellName,
+          {
+            row,
+            handleNavigateDetail,
+            onQuickView
+          },
+          row.original._id
+        );
+      }
+    },
+    {
+      accessorKey: "code",
+      header: makeSortableHeader(
+        "common:label.customerCode",
+        "code",
+        useLeadSort,
+        "M\xE3 kh\xE1ch h\xE0ng"
+      ),
+      cell: ({ row }) => {
+        return row.getValue("code") ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "phone",
+      header: makeSortableHeader(
+        "common:label.phone",
+        "phone",
+        useLeadSort,
+        "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i"
+      ),
+      cell: ({ row }) => {
+        return row.getValue("phone") ? maskData(row.getValue("phone")) : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "email",
+      header: makeSortableHeader("Email", "email", useLeadSort),
+      cell: ({ row }) => {
+        return row.getValue("email") && row.getValue("email") !== " " ? maskData(row.getValue("email")) : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "dob",
+      header: makeSortableHeader(
+        "common:label.dob",
+        "dob",
+        useLeadSort,
+        "Ng\xE0y sinh"
+      ),
+      className: "!min-w-[80px]",
+      cell: ({ row }) => {
+        let date = row.getValue("dob");
+        return date && typeof date == "string" ? format(new Date(date), "dd/MM/yyyy") : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "source",
+      header: makeSortableHeader(
+        "customer:field.sourceChannel",
+        "source",
+        useLeadSort,
+        "K\xEAnh kh\u1EDFi t\u1EA1o"
+      ),
+      cell: ({ row }) => {
+        return /* @__PURE__ */ jsx(CustomerSource, { className: "justify-start", customer: row.original });
+      }
+    },
+    {
+      accessorKey: "organization",
+      // BE nhận `organization_name` (denormalize snapshot).
+      header: makeSortableHeader(
+        "common:label.organization",
+        "organization_name",
+        useLeadSort,
+        "T\u1ED5 ch\u1EE9c"
+      ),
+      cell: ({ row }) => {
+        const organizationId = row.original.organization_id;
+        if (!organizationId) {
+          return notFoundValue;
+        }
+        const organization = organizes.find(
+          (x) => x.id === String(organizationId)
+        );
+        return organization?.text ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "group",
+      // BE nhận `group_name`.
+      header: makeSortableHeader(
+        "common:label.customerGroup",
+        "group_name",
+        useLeadSort,
+        "Nh\xF3m kh\xE1ch h\xE0ng"
+      ),
+      cell: ({ row }) => {
+        const groupId = row.original.group_id;
+        if (!groupId) {
+          return notFoundValue;
+        }
+        const group = groups.find((x) => x.id === String(groupId));
+        return group?.text ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "city",
+      // BE nhận `city_name`.
+      header: makeSortableHeader(
+        "common:label.city",
+        "city_name",
+        useLeadSort,
+        "Th\xE0nh ph\u1ED1"
+      ),
+      cell: ({ row }) => {
+        const cityId = row.original.city_id;
+        if (!cityId) {
+          return notFoundValue;
+        }
+        const city = cities.find((x) => x.id === String(cityId));
+        return city?.text ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "district_id",
+      // BE nhận `district_name`.
+      header: makeSortableHeader(
+        "common:label.district",
+        "district_name",
+        useLeadSort,
+        "Qu\u1EADn huy\u1EC7n"
+      ),
+      cell: ({ row }) => {
+        const district = districts?.find(
+          (e) => e.id == row.getValue("district_id")
+        );
+        return district?.name || notFoundValue;
+      }
+    },
+    {
+      accessorKey: "created_at",
+      header: makeSortableHeader(
+        "common:label.initTime",
+        "created_at",
+        useLeadSort,
+        "Th\u1EDDi gian kh\u1EDFi t\u1EA1o"
+      ),
+      cell: ({ row }) => {
+        return formatDayWithTime(row.getValue("created_at"));
+      }
+    },
+    {
+      accessorKey: "updated_at",
+      header: makeSortableHeader(
+        "common:label.lastUpdated",
+        "updated_at",
+        useLeadSort,
+        "C\u1EADp nh\u1EADt l\u1EA7n cu\u1ED1i"
+      ),
+      cell: ({ row }) => {
+        return formatDayWithTime(row.getValue("updated_at"));
+      }
+    },
+    {
+      accessorKey: "customer_type",
+      // BE nhận `crm_type` (xem SORT_FIELD_ALIASES).
+      header: makeSortableHeader(
+        "common:label.customerTier",
+        "crm_type",
+        useLeadSort,
+        "H\u1EA1ng kh\xE1ch h\xE0ng"
+      ),
+      cell: ({ row }) => {
+        const customerTypeId = row.getValue("customer_type");
+        return CustomerTypeContext[customerTypeId] ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "gender",
+      header: makeSortableHeader(
+        "common:label.gender",
+        "gender",
+        useLeadSort,
+        "Gi\u1EDBi t\xEDnh"
+      ),
+      cell: ({ row }) => {
+        const gender = row.getValue("gender");
+        return GenderContext[gender] ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "note",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.note", { defaultValue: "Ghi ch\xFA" }) }),
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        NoteCell,
+        {
+          contact: row.original,
+          comment: row.original.last_comment,
+          onSaved
+        }
+      )
+    },
+    {
+      accessorKey: "address",
+      header: makeSortableHeader(
+        "common:label.address",
+        "address",
+        useLeadSort,
+        "\u0110\u1ECBa ch\u1EC9"
+      ),
+      cell: ({ row }) => {
+        const address = row.getValue("address");
+        return address ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "facebook",
+      header: () => /* @__PURE__ */ jsx("div", { children: "Facebook" }),
+      cell: ({ row }) => {
+        return row.getValue("facebook")?.join(",") ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "sub_phone",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.secondaryPhone", {
+        defaultValue: "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i ph\u1EE5"
+      }) }),
+      cell: ({ row }) => {
+        const subPhone = row.getValue("sub_phone") ?? notFoundValue;
+        return subPhone && subPhone !== notFoundValue && subPhone.length > 0 ? maskData(subPhone?.join(", ")) : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "sub_email",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.secondaryEmail", { defaultValue: "Email ph\u1EE5" }) }),
+      cell: ({ row }) => {
+        const sub_email = row.getValue("sub_email");
+        return sub_email?.length > 0 ? maskData(sub_email.join(", ")) : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "sub_name",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.customerAliasName", {
+        defaultValue: "T\xEAn ph\u1EE5 kh\xE1ch h\xE0ng"
+      }) }),
+      cell: ({ row }) => {
+        const sub_name = row.getValue("sub_name");
+        return sub_name?.length > 0 ? maskData(sub_name.join(", ")) : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "tags",
+      header: () => /* @__PURE__ */ jsx("div", { children: "Tags" }),
+      cell: ({ row }) => {
+        const tags = row.getValue("tags");
+        return tags?.length > 0 ? tags?.map((tag) => tag.name).join(", ") : notFoundValue;
+      }
+    },
+    {
+      accessorKey: "lead_source",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.leadSource", {
+        defaultValue: "Ngu\u1ED3n ti\u1EC1m n\u0103ng"
+      }) }),
+      cell: ({ row }) => {
+        const leadSource = row.original.lead_source;
+        if (!leadSource) {
+          return notFoundValue;
+        }
+        return leadSourceData.find((e) => e.key === leadSource)?.value ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "lead_owner",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.assignee", { defaultValue: "Ng\u01B0\u1EDDi ph\u1EE5 tr\xE1ch" }) }),
+      cell: ({ row }) => {
+        const leadOwner = row.original.lead_owner;
+        if (!leadOwner) {
+          return notFoundValue;
+        }
+        return leadOwner?.name ?? notFoundValue;
+      }
+    },
+    {
+      accessorKey: "lead_stage",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.stage", { defaultValue: "Giai \u0111o\u1EA1n" }) }),
+      cell: ({ row }) => {
+        const leadStage = row.original.lead_stage;
+        if (!leadStage) {
+          return notFoundValue;
+        }
+        return /* @__PURE__ */ jsx(LeadStageBadge, { value: leadStage, leadStageData });
+      },
+      className: "justify-start"
+    },
+    {
+      accessorKey: "createdBy",
+      header: () => /* @__PURE__ */ jsx("div", { children: i18n.t("common:label.creator", { defaultValue: "Ng\u01B0\u1EDDi t\u1EA1o" }) }),
+      cell: ({ row }) => {
+        const createdBy = row.original.createdBy;
+        if (!createdBy) {
+          return notFoundValue;
+        }
+        return createdBy?.name ?? notFoundValue;
+      }
+    }
+  ];
+  if (leadFields && leadFields.length > 0) {
+    leadFields.forEach((field) => {
+      const sortableHeader = CUSTOM_FIELD_SORT_RE.test(field.key) ? makeSortableHeader(field.title, field.key, useLeadSort) : () => /* @__PURE__ */ jsx("div", { children: field.title });
+      columns.push({
+        accessorKey: field.key,
+        header: sortableHeader,
+        cell: ({ row }) => {
+          let value = row.original[field.key];
+          if (Array.isArray(value) && ![AttributeFieldType.Image, AttributeFieldType.File].includes(
+            field.type
+          )) {
+            if (!value.length) {
+              value = notFoundValue;
+            } else {
+              value = value.join(", ");
+            }
+          } else if (value) {
+            if (field.type === "date") {
+              value = isValid(new Date(value)) ? format(value, "dd/MM/yyyy HH:mm") : notFoundValue;
+            }
+          } else {
+            value = notFoundValue;
+          }
+          if ([AttributeFieldType.Image].includes(field.type) && Array.isArray(value)) {
+            return /* @__PURE__ */ jsx(
+              PreviewListImage,
+              {
+                className: "flex items-center",
+                classNameImage: "w-8 h-8",
+                maxImageShowing: 2,
+                isRemoveImages: false,
+                showImageName: false,
+                images: formatLinkToPreviewImage(value),
+                classNameRemaining: "text-sm"
+              }
+            );
+          }
+          if ([AttributeFieldType.File].includes(field.type) && Array.isArray(value)) {
+            return /* @__PURE__ */ jsx(
+              PreviewListFiles,
+              {
+                classNameItem: "border-none bg-transparent",
+                maxFileShowing: 1,
+                isRemoveFiles: false,
+                isDownloadFiles: false,
+                datas: formatLinkToPreviewImage(value)
+              }
+            );
+          }
+          return value;
+        }
+      });
+    });
+  }
+  return columns.filter((column) => column.accessorKey !== "code" || isCustomerCodeEnabled).map((column) => {
+    const fieldConfig = editFields?.[column.accessorKey];
+    if (!fieldConfig?.allow_edit || typeof column.cell !== "function") {
+      return column;
+    }
+    const renderDisplay = column.cell;
+    return {
+      ...column,
+      isEditableColumn: true,
+      cell: (context) => /* @__PURE__ */ jsx(
+        EditableCell,
+        {
+          row: context.row,
+          fieldConfig,
+          displayNode: renderDisplay(context),
+          onSaved
+        }
+      )
+    };
+  });
+}
+function getColumnOptions({ leadFields, isCustomerCodeEnabled }) {
+  const columnOptions = Object.entries(LEAD_STATIC_COLUMNS).filter(([key]) => key !== "code" || isCustomerCodeEnabled).map(([key, label]) => ({ key, label }));
+  if (leadFields && leadFields.length > 0) {
+    leadFields.forEach((field) => {
+      columnOptions.push({
+        key: field.key,
+        label: field.title
+      });
+    });
+  }
+  return columnOptions;
+}
+export {
+  LEAD_STAGE_STYLES,
+  getColumnOptions,
+  getColumns
+};