@orchidui/core 0.5.0 → 0.6.0

package/dist/index.js

@@ -1,950 +1,131 @@
-import { _ as Qe, b as He } from "./OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js";
-import { g as qa, a as za, f as Ga, c as Ja, d as Wa, e as Xa } from "./OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js";
-import { _ as qe, a as ke } from "./OcPaginationNumber-IKPorX26.js";
-import { b as el } from "./OcPaginationNumber-IKPorX26.js";
-import { _ as ll, a as tl } from "./OcOverviewItem-DNr5tWnt.js";
-import { _ as rl } from "./OcOverviewIcon-D702Ujka.js";
-import { C as nl } from "./OcCustomerCard-DbDOBO03.js";
-import { _ as ul } from "./OcTransferSummary-Bk2GXhrT.js";
-import { _ as pl, a as ml } from "./OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js";
-import { _ as fl } from "./OcListDetail-6XeME6ko.js";
-import { _ as yl } from "./OcInfoCard-DpYUZOMZ.js";
-import { _ as bl } from "./OcProgressBar-hiyC5XSc.js";
-import { _ as kl } from "./OcFloatContent-BIKQOxSw.js";
-import { _ as _l } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
-import { _ as wl } from "./OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js";
-import { _ as Ol } from "./OcAccordion-DdkNsXvN.js";
-import { _ as Cl } from "./OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js";
-import { _ as ze } from "./OcPaymentTab-Cna1IAhO.js";
-import { a as jl } from "./OcPaymentTab-Cna1IAhO.js";
-import { a as El, _ as Pl } from "./OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js";
-import { a as Il, _ as Dl } from "./OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js";
-import { _ as Bl } from "./OcSwitchTabs-CYp676bj.js";
-import { O as Rl, _ as Kl, b as Ml, c as Nl, a as Yl, d as Ql } from "./OcTabToSelect-BHAz1Niv.js";
-import { _ as ql, P as zl } from "./OcPageTitleRight-DMtJ1qmZ.js";
-import { _ as Jl } from "./OcPrimaryActions-D5IprKsQ.js";
-import { O as Xl, _ as Zl, a as et } from "./OcAccountSetup-BXDjf48o.js";
-import { _ as lt } from "./OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js";
-import { _ as ot } from "./OcEmptyPage-CTwgMzRp.js";
-import { _ as st, a as nt } from "./OcAdditionalContent-BMSysCXu.js";
-import { S as ut } from "./OcSkeleton-BdPTmGh0.js";
-import { O as pt } from "./OcFeatureOverviewCard-RVyrWLVW.js";
-import { _ as vt } from "./OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js";
-import { _ as ct } from "./OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js";
-import { _ as gt } from "./OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js";
-import { _ as xt } from "./OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js";
-import { _ as oe } from "./OcChip-B1hm2Qni.js";
-import { _ as ht } from "./OcSnackbar-CKxY1-ej.js";
-import { O as St } from "./OcBanner-Cg2WJV6e.js";
-import { _ as $t } from "./OcShareIcon-BB-NPq0r.js";
-import { _ as Ft } from "./OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js";
-import { D as Ce, a as Ge, B as J } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as Vt, b as jt, T as At } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as Pt } from "./OcCardInput-BFE4Xu-S.js";
-import { _ as It } from "./OcCheckboxesGroup-CLbquUO2.js";
-import { _ as Lt } from "./OcCriteria-CpIohheZ.js";
-import { _ as Je } from "./OcInput-tcRxG3Y2.js";
-import { _ as Ut } from "./OcInputOption-CncASfNt.js";
-import { _ as Kt } from "./OcPhoneInput-AC6BgQhN.js";
-import { _ as Nt } from "./OcRadio-CRYfNwV9.js";
-import { _ as Qt } from "./OcRadioGroup-DgfdWJos.js";
-import { _ as qt } from "./OcRangeInput-C-hoHFhr.js";
-import { _ as We } from "./OcOption-DK2FBGq7.js";
-import { a as Gt } from "./OcOption-DK2FBGq7.js";
-import { _ as Wt } from "./OcGroupOptions-ChGJvTXl.js";
-import { T as Zt } from "./OcToggle-C0wTjM_Y.js";
-import { _ as ao } from "./OcLinkInput-C2ixk-gk.js";
-import { _ as to } from "./OcTextArea-BpV1Bnj_.js";
-import { _ as ro } from "./DatePicker-BLK16hYl.js";
-import { default as no } from "./OcTimePopup-zQFKCZLk.js";
-import { _ as uo } from "./OcTimePicker-B61MCi0D.js";
-import { S as mo } from "./OcSlider-Bsi-ckbP.js";
-import { _ as fo } from "./OcSectionItem-BFgxO3se.js";
-import { _ as yo } from "./OcSelectOptions-BQlG_EUA.js";
-import { _ as bo } from "./OcSingleFileUpload-B8-e1H5t.js";
-import { _ as ko } from "./OcMultipleUploadFile-BAmQHshA.js";
-import { _ as _o } from "./OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js";
-import { _ as wo } from "./OcAvatar-NDXQiZvz.js";
-import { _ as he } from "./OcIcon-CJgBICxh.js";
-import { _ as Oo } from "./OcDropdownItem-DAElmzEu.js";
-import { _ as Co } from "./OcModal-DdD5VFEN.js";
-import { _ as jo } from "./OcModalPage-BLVa-kcB.js";
-import { _ as Eo } from "./OcConfirmationModal-BfCrRV9r.js";
-import { _ as To } from "./OcPopper-C11OgQAj.js";
-import { _ as Do } from "./OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js";
-import { _ as Bo } from "./OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js";
-import { _ as Ro } from "./OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js";
-import { _ as Mo } from "./OcTheme-CWgrJh5Q.js";
-import { _ as Xe } from "./OcFormBuilder-BUpEpDsU.js";
-import { ref as F, onMounted as ne, openBlock as n, createBlock as E, unref as p, withCtx as P, createElementVNode as D, createElementBlock as w, createVNode as T, mergeProps as _e, Fragment as G, renderList as le, normalizeClass as te, toDisplayString as Se, createCommentVNode as $, computed as A, createSlots as Ze, renderSlot as U, normalizeProps as we, guardReactiveProps as $e, withKeys as ea, nextTick as aa } from "vue";
-import re from "dayjs";
-/* empty css                                                                    */
-import "libphonenumber-js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import { VueDraggableNext as Oe } from "vue-draggable-next";
-import "@popperjs/core";
-import { getFromLocalStorage as se, formatHeadersFromLocalStorage as Ve, formatHeadersToLocalStorage as la, setInLocalStorage as Fe } from "./DataTable/utils/editColumnsUtils.js";
-const ta = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, oa = {
-  key: 0,
-  class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
-}, ra = { class: "gap-y-2 flex flex-col" }, sa = {
-  key: 0,
-  class: "flex items-center bg-white justify-between h-[26px]"
-}, na = { class: "flex items-center w-full gap-x-3" }, ia = { class: "truncate w-full max-w-[160px]" }, ua = {
-  __name: "ColumnEdit",
-  props: {
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    headers: {
-      type: Array,
-      default: () => []
-    },
-    localKey: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["change-active", "onMoved", "update-order"],
-  setup(g, { emit: K }) {
-    const m = K, f = g, o = F([]), v = F([]), c = F(!1), u = (l = !1) => {
-      v.value = v.value.map((y) => ({
-        ...y,
-        isActive: !0
-      })), m("update-order", {
-        fixedHeaders: v.value,
-        activeHeaders: o.value,
-        isOnMount: l
-      });
-    }, s = {
-      handle: ".drag-el",
-      filter: ".is-disabled",
-      group: "headers",
-      animation: 500,
-      forceFallback: !1,
-      move: (l) => l.to.dataset.activeHeaders ? !0 : !!l.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => u()
-    };
-    return ne(() => {
-      const l = se(f.localKey), { fixed: y, active: _ } = Ve(l, f.headers, f.localKey);
-      v.value = y || f.headers.slice(0, 1), o.value = _ || f.headers.slice(1).map((O) => {
-        var d, h, j;
-        return {
-          ...O,
-          isActive: ((j = (h = (d = f.options) == null ? void 0 : d.active) == null ? void 0 : h.find((z) => z.key === O.key)) == null ? void 0 : j.isActive) ?? !0
-        };
-      }), u(!0);
-    }), (l, y) => (n(), E(p(Ce), {
-      modelValue: c.value,
-      "onUpdate:modelValue": y[3] || (y[3] = (_) => c.value = _),
-      class: "h-[36px]",
-      "is-attach-to-body": ""
-    }, {
-      menu: P(() => [
-        D("div", ta, [
-          v.value.length ? (n(), w("div", oa, [
-            y[4] || (y[4] = D("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            T(p(Oe), _e({
-              key: "key",
-              modelValue: v.value,
-              "onUpdate:modelValue": y[0] || (y[0] = (_) => v.value = _)
-            }, s), {
-              default: P(() => [
-                (n(!0), w(G, null, le(v.value, (_, O) => (n(), w("div", {
-                  key: _.key,
-                  class: te(["flex items-center justify-between h-[26px]", O ? "" : "is-disabled"])
-                }, [
-                  D("span", null, Se(_.label), 1),
-                  O ? (n(), E(p(he), {
-                    key: 0,
-                    width: "18",
-                    height: "18",
-                    class: "text-oc-text-400 drag-el cursor-move",
-                    name: "draggable"
-                  })) : $("", !0)
-                ], 2))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])) : $("", !0),
-          D("div", ra, [
-            y[5] || (y[5] = D("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            T(p(Oe), _e({
-              key: "key",
-              modelValue: o.value,
-              "onUpdate:modelValue": y[2] || (y[2] = (_) => o.value = _)
-            }, s, { "data-active-headers": "true" }), {
-              default: P(() => [
-                (n(!0), w(G, null, le(o.value, (_) => (n(), w(G, {
-                  key: _.key
-                }, [
-                  _.key !== "actions" ? (n(), w("div", sa, [
-                    D("div", na, [
-                      T(p(Ge), {
-                        modelValue: _.isActive,
-                        "onUpdate:modelValue": [
-                          (O) => _.isActive = O,
-                          y[1] || (y[1] = (O) => u())
-                        ],
-                        class: "!w-fit"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      D("div", ia, Se(_.label), 1)
-                    ]),
-                    o.value.length > 1 ? (n(), E(p(he), {
-                      key: 0,
-                      width: "18",
-                      height: "18",
-                      class: "text-oc-text-400 drag-el cursor-move",
-                      name: "draggable"
-                    })) : $("", !0)
-                  ])) : $("", !0)
-                ], 64))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])
-        ])
-      ]),
-      default: P(() => [
-        T(p(J), {
-          label: "Edit Column",
-          "left-icon": "setting",
-          variant: "secondary"
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"]));
-  }
-}, da = { class: "flex flex-col gap-9 relative" }, pa = {
-  key: 0,
-  class: "flex items-center px-4 min-h-[52px]"
-}, ma = {
-  key: 0,
-  class: "flex gap-5 items-center absolute left-5"
-}, va = {
-  key: 1,
-  class: "flex gap-3 absolute left-5"
-}, fa = {
-  key: 1,
-  class: "flex w-full gap-5 md:justify-start justify-center"
-}, ca = {
-  key: 2,
-  class: "hidden md:flex items-center"
-}, Ya = {
-  __name: "OcDataTable",
-  props: {
-    isLoading: Boolean,
-    id: {
-      type: String,
-      required: !0
-    },
-    options: {
-      type: Object,
-      required: !0
-    },
-    filter: {
-      type: Object,
-      required: !0
-    },
-    selected: {
-      type: Array,
-      required: !1
-    },
-    rowClass: String,
-    rowKey: {
-      type: String,
-      Function,
-      default: "id"
-    },
-    rowLink: String
-  },
-  emits: {
-    "update:selected": [],
-    "update:filter": [],
-    "click:row": [],
-    "filter-fields-changed": [],
-    "filter-removed": [],
-    "search-query-changed": [],
-    "hover:cell": []
-  },
-  setup(g, { emit: K }) {
-    var de, pe, me, ve, fe, ce, ye, ge, be;
-    const m = g, f = K, o = A(() => {
-      var a;
-      return (a = m.options) == null ? void 0 : a.pagination;
-    }), v = A(() => {
-      var a;
-      return (a = m.options) == null ? void 0 : a.cursor;
-    }), c = F(), u = A(() => {
-      var a;
-      return (a = m.options) == null ? void 0 : a.tableOptions;
-    }), s = A(() => {
-      var a;
-      return {
-        ...u.value,
-        headers: c.value ? c.value.filter((e) => ue(e.key)) : (a = u.value) == null ? void 0 : a.headers.filter((e) => ue(e.key))
-      };
-    }), l = A(() => {
-      var a;
-      return (a = m.options) == null ? void 0 : a.filterOptions;
-    }), y = A(() => {
-      var a;
-      return (a = m.options) == null ? void 0 : a.hidePerPageDropdown;
-    }), _ = A(() => {
-      var a;
-      return ((a = o.value) == null ? void 0 : a.last_page) === 1;
-    }), O = F(!1), d = F(m.filter[(pe = (de = l.value) == null ? void 0 : de.tabs) == null ? void 0 : pe.key]), h = F(m.filter.page), j = F(
-      (ve = (me = l.value) == null ? void 0 : me.per_page) != null && ve.key ? m.filter[(ce = (fe = l.value) == null ? void 0 : fe.per_page) == null ? void 0 : ce.key] : m.filter.per_page
-    ), z = ((be = m.filter[(ge = (ye = l.value) == null ? void 0 : ye.search) == null ? void 0 : ge.key]) == null ? void 0 : be.trim()) ?? "", N = F(z ? z.split(",") : []), ie = F(!1), je = A(
-      () => {
-        var a, e;
-        return (e = (a = m.options) == null ? void 0 : a.perPageOptions) == null ? void 0 : e.map(
-          (i) => ({
-            label: `${i}`,
-            value: i
-          })
-        );
-      }
-    ), Ae = A(() => {
-      let a = [
-        {
-          label: "10",
-          value: 10
-        },
-        {
-          label: "15",
-          value: 15
-        },
-        {
-          label: "20",
-          value: 20
-        },
-        {
-          label: "25",
-          value: 25
-        },
-        {
-          label: "40",
-          value: 40
-        },
-        {
-          label: "50",
-          value: 50
-        },
-        {
-          label: "75",
-          value: 75
-        },
-        {
-          label: "99",
-          value: 99
-        }
-      ], e = je.value ?? a;
-      if (o.value) {
-        const i = o.value.total < 100 ? o.value.total : 100;
-        i > 10 && (e = e.filter((b) => b.value <= i));
-      }
-      return [...new Set(e)];
-    }), Ee = A(() => {
-      var a;
-      return ((a = m.selected) == null ? void 0 : a.length) > 0;
-    }), Pe = (a) => {
-      !a.trim() || N.value.includes(a) || (l.value ? N.value.push(a) : N.value = [a], L(), f("search-query-changed", a));
-    }, Te = (a) => {
-      N.value = N.value.filter((e) => e !== a), L();
-    }, H = m.filter;
-    !H && o ? H.page = 1 : !H && v && (H.cursor = "");
-    const r = F(H), Ie = () => {
-      var e, i, b, k, S, t, C, I;
-      N.value = [], d.value = "";
-      const a = {};
-      l.value ? H.page = 1 : H.cursor = "", (i = (e = l.value) == null ? void 0 : e.per_page) != null && i.key ? a[(k = (b = l.value) == null ? void 0 : b.per_page) == null ? void 0 : k.key] = j.value : a.per_page = j.value, (t = (S = l.value) == null ? void 0 : S.tabs) != null && t.key ? a[(I = (C = l.value) == null ? void 0 : C.tabs) == null ? void 0 : I.key] = d.value : a.tabs = d.value, r.value = a, L();
-    }, De = () => {
-      L(null, h.value);
-    }, Le = () => {
-      var a, e;
-      (e = (a = l.value) == null ? void 0 : a.columnEdit) != null && e.localStorageKey && Fe(m.id, JSON.stringify(r.value));
-    }, Be = () => m.id ? se(m.id) : null, L = (a = null, e = !1, i = "") => {
-      var b, k, S;
-      o.value && !e && (h.value = 1), o.value ? r.value.page = h.value : r.value.cursor = i, (b = l.value) != null && b.per_page ? r.value[l.value.per_page.key] = j.value : r.value.per_page = j.value, (k = l.value) != null && k.tabs && (r.value[l.value.tabs.key] = d.value), (S = l.value) != null && S.search && (r.value[l.value.search.key] = N.value.join()), a && (O.value = !1, r.value = { ...r.value, ...a }, Object.keys(r.value).forEach((t) => {
-        Array.isArray(r.value[t]) && r.value[t].length === 0 && delete r.value[t];
-      })), Le(), f("update:filter", r.value);
-    }, Ue = (a, e) => {
-      L(a), f("filter-removed", e);
-    }, Re = (a) => {
-      let e = [];
-      return a.forEach((i) => {
-        e.push(i.key);
-      }), e;
-    }, Ke = A(() => {
-      if (r.value) {
-        let a = [];
-        return Object.keys(r.value).forEach((e) => {
-          var S, t, C, I, q, Y, W, X, Z, ee, ae;
-          let i = (t = (S = l.value) == null ? void 0 : S.tabs) == null ? void 0 : t.key;
-          const b = (I = (C = l.value) == null ? void 0 : C.search) == null ? void 0 : I.key, k = ((Y = (q = l.value) == null ? void 0 : q.per_page) == null ? void 0 : Y.key) ?? "per_page";
-          if ((W = l.value.form) == null || W.find((V) => {
-            V.name === i && (i = "");
-          }), e !== "page" && e !== "cursor" && e !== k && e !== i && e !== b) {
-            let V = null, x = (X = l.value.form) == null ? void 0 : X.find((M) => {
-              if (typeof M.name == "object") {
-                let R = !1;
-                return M.name.forEach((Q) => {
-                  Q.key === e && (R = !0, V = Re(M.name));
-                }), R;
-              } else
-                return M.name === e;
-            }), B = "";
-            if (x && r.value[e]) {
-              if (typeof x.name == "object" ? (Z = x.name) == null || Z.forEach((R) => {
-                B && (B += " - "), B += r.value[R.key];
-              }) : B = r.value[e], x.props.options && (B = (x.props.multiple ? r.value[e] : [r.value[e]]).map(
-                (Q) => {
-                  var xe;
-                  return (xe = x.props.options.find(({ value: Ye }) => Ye === Q)) == null ? void 0 : xe.label;
-                }
-              ).join(", ")), x.type === "RangeInput" && Array.isArray(r.value[e]) && (B = r.value[e][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + r.value[e][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), x.type === "DatePicker")
-                if (((ee = x == null ? void 0 : x.props) == null ? void 0 : ee.type) === "range" && x.name && x.name[1]) {
-                  const R = re(r.value[x.name[0].key]).format("MM/DD/YYYY"), Q = re(r.value[x.name[1].key]).format("MM/DD/YYYY");
-                  B = R === Q ? R : R + " - " + Q;
-                } else B = re(r.value[x.name]).format("MM/DD/YYYY");
-              let M = `${(ae = x == null ? void 0 : x.props) == null ? void 0 : ae.label} : ${B}`;
-              x && x.name && typeof x.name == "object" && a.find((Q) => Q.name === V[0]) && (M = ""), a.push({
-                label: M,
-                name: e,
-                multiNames: V
-              });
-            }
-          }
-        }), a;
-      }
-      return [];
-    }), ue = (a) => {
-      var e, i, b, k, S, t;
-      return ((t = (S = (k = (b = r.value) == null ? void 0 : b[(i = (e = l.value) == null ? void 0 : e.columnEdit) == null ? void 0 : i.key]) == null ? void 0 : k.active) == null ? void 0 : S.find((C) => C.key === a)) == null ? void 0 : t.isActive) ?? !0;
-    }, Me = ({ fixedHeaders: a, activeHeaders: e, isOnMount: i }) => {
-      var b, k, S, t;
-      if (r.value[(k = (b = l.value) == null ? void 0 : b.columnEdit) == null ? void 0 : k.key].fixed = a, r.value[(t = (S = l.value) == null ? void 0 : S.columnEdit) == null ? void 0 : t.key].active = e, c.value = [...a, ...e], !i) {
-        const C = la(a, e);
-        Fe(l.value.columnEdit.localStorageKey, C);
-      }
-    }, Ne = () => {
-      var a, e, i, b, k, S;
-      if ((e = (a = l.value) == null ? void 0 : a.columnEdit) != null && e.localStorageKey) {
-        const t = se(l.value.columnEdit.localStorageKey);
-        if (t) {
-          const { fixed: C, active: I } = Ve(
-            t,
-            u.value.headers,
-            l.value.columnEdit.localStorageKey
-          );
-          r.value[(b = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : b.key].fixed = C, r.value[(S = (k = l.value) == null ? void 0 : k.columnEdit) == null ? void 0 : S.key].active = I, c.value = [...C, ...I];
-        }
-      }
-    };
-    return ne(() => {
-      var e, i, b, k;
-      Ne();
-      const a = Be();
-      a && (r.value = JSON.parse(a), d.value = d.value || ((e = r.value) == null ? void 0 : e.tabs) || ((k = r.value) == null ? void 0 : k[(b = (i = l.value) == null ? void 0 : i.tabs) == null ? void 0 : b.key]), L());
-    }), (a, e) => {
-      var i, b, k, S;
-      return n(), w("div", da, [
-        u.value ? (n(), E(p(Qe), {
-          key: 0,
-          selected: g.selected,
-          "row-key": g.rowKey,
-          options: s.value,
-          "is-loading": g.isLoading,
-          "loading-rows": j.value,
-          "row-class": g.rowClass,
-          "row-link": g.rowLink,
-          "is-sticky": u.value.isSticky,
-          "is-borderless": u.value.isBorderless,
-          "onUpdate:selected": e[7] || (e[7] = (t) => a.$emit("update:selected", t)),
-          "onClick:row": e[8] || (e[8] = (t) => a.$emit("click:row", t)),
-          "onHover:cell": e[9] || (e[9] = (t) => a.$emit("hover:cell", t))
-        }, Ze({
-          after: P(() => [
-            U(a.$slots, "after")
-          ]),
-          empty: P(() => [
-            U(a.$slots, "empty")
-          ]),
-          "table-header": P((t) => [
-            U(a.$slots, "table-header", we($e(t)))
-          ]),
-          "table-body": P((t) => [
-            U(a.$slots, "table-body", we($e(t)))
-          ]),
-          _: 2
-        }, [
-          a.$slots.before || (i = l.value) != null && i.search || (b = l.value) != null && b.form || (k = l.value) != null && k.tabs ? {
-            name: "before",
-            fn: P(() => {
-              var t, C, I, q;
-              return [
-                U(a.$slots, "before"),
-                (t = l.value) != null && t.search || (C = l.value) != null && C.form || (I = l.value) != null && I.tabs ? (n(), w("div", pa, [
-                  Ee.value ? (n(), w("div", ma, [
-                    U(a.$slots, "bulk-actions", { selectedRows: g.selected })
-                  ])) : (n(), w("div", va, [
-                    (q = l.value) != null && q.tabs ? (n(), E(p(ze), {
-                      key: 0,
-                      modelValue: d.value,
-                      "onUpdate:modelValue": [
-                        e[0] || (e[0] = (Y) => d.value = Y),
-                        e[1] || (e[1] = (Y) => L(null))
-                      ],
-                      tabs: l.value.tabs.options,
-                      variant: "pills"
-                    }, null, 8, ["modelValue", "tabs"])) : $("", !0)
-                  ])),
-                  U(a.$slots, "filter-options", {}, () => {
-                    var Y, W, X, Z, ee, ae;
-                    return [
-                      (Y = l.value) != null && Y.search || (W = l.value) != null && W.form || (X = l.value) != null && X.columnEdit ? (n(), w("div", {
-                        key: 0,
-                        class: te([
-                          "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
-                          l.value ? ie.value ? "md:w-fit w-full" : "" : "w-full justify-end"
-                        ])
-                      }, [
-                        (Z = l.value) != null && Z.search ? (n(), E(p(ga), {
-                          key: 0,
-                          "is-search-only": !l.value.tabs || l.value.isSearchOnly,
-                          onAddQuery: Pe,
-                          onToggle: e[2] || (e[2] = (V) => ie.value = V)
-                        }, null, 8, ["is-search-only"])) : $("", !0),
-                        (ee = l.value) != null && ee.form ? (n(), E(p(Ce), {
-                          key: 1,
-                          modelValue: O.value,
-                          "onUpdate:modelValue": e[6] || (e[6] = (V) => O.value = V),
-                          distance: 9,
-                          placement: "bottom-end",
-                          "is-attach-to-body": ""
-                        }, {
-                          menu: P(() => [
-                            O.value ? (n(), E(p(Sa), {
-                              key: 0,
-                              id: g.id,
-                              "json-form": l.value.form ?? [],
-                              grid: l.value.grid ?? null,
-                              values: m.filter,
-                              actions: l.value.actions,
-                              onApplyFilter: e[3] || (e[3] = (V) => L(V)),
-                              onFilterFieldsChanged: e[4] || (e[4] = (V) => f("filter-fields-changed", V)),
-                              onCancel: e[5] || (e[5] = (V) => O.value = !1)
-                            }, {
-                              default: P(({ errors: V, values: x, jsonForm: B, updateForm: M }) => [
-                                U(a.$slots, "custom-filter-form", {
-                                  errors: V,
-                                  values: x,
-                                  jsonForm: B,
-                                  updateFilter: M
-                                })
-                              ]),
-                              _: 3
-                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : $("", !0)
-                          ]),
-                          default: P(() => [
-                            T(p(J), {
-                              "is-active": O.value,
-                              variant: "secondary",
-                              "left-icon": "filter"
-                            }, null, 8, ["is-active"])
-                          ]),
-                          _: 3
-                        }, 8, ["modelValue"])) : $("", !0),
-                        l.value.columnEdit ? (n(), E(ua, {
-                          key: 2,
-                          options: r.value.columnEdit,
-                          headers: ((ae = u.value) == null ? void 0 : ae.headers) || [],
-                          "local-key": l.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Me
-                        }, null, 8, ["options", "headers", "local-key"])) : $("", !0)
-                      ], 2)) : $("", !0)
-                    ];
-                  })
-                ])) : $("", !0),
-                T(p(xa), {
-                  filters: Ke.value,
-                  queries: N.value,
-                  class: "border-t border-oc-gray-200",
-                  onRemoveQuery: Te,
-                  onRemoveAll: Ie,
-                  onRemoveFilter: Ue
-                }, null, 8, ["filters", "queries"])
-              ];
-            }),
-            key: "0"
-          } : void 0,
-          le((S = u.value) == null ? void 0 : S.headers, (t, C) => ({
-            name: t.key,
-            fn: P(({ data: I, item: q }) => [
-              U(a.$slots, t.key, {
-                data: I,
-                item: q
-              })
-            ])
-          }))
-        ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : $("", !0),
-        U(a.$slots, "before-pagination"),
-        o.value || v.value ? (n(), w("div", {
-          key: 1,
-          class: te(["flex gap-3 items-center", o.value && o.value.last_page === 1 ? "justify-end" : ""])
-        }, [
-          o.value && !_.value ? (n(), E(p(qe), {
-            key: 0,
-            modelValue: h.value,
-            "onUpdate:modelValue": [
-              e[10] || (e[10] = (t) => h.value = t),
-              De
-            ],
-            class: "justify-center",
-            "max-page": o.value.last_page,
-            strategy: o.value.strategy,
-            "total-visible": "5"
-          }, null, 8, ["modelValue", "max-page", "strategy"])) : $("", !0),
-          v.value ? (n(), w("div", fa, [
-            T(p(ke), {
-              disabled: !v.value.prev,
-              onClick: e[11] || (e[11] = (t) => v.value.prev ? L(null, !1, v.value.prev) : null)
-            }, null, 8, ["disabled"]),
-            T(p(ke), {
-              disabled: !v.value.next,
-              "is-next": "",
-              onClick: e[12] || (e[12] = (t) => v.value.next ? L(null, !1, v.value.next) : null)
-            }, null, 8, ["disabled"])
-          ])) : $("", !0),
-          y.value ? $("", !0) : (n(), w("div", ca, [
-            T(p(We), {
-              modelValue: j.value,
-              "onUpdate:modelValue": [
-                e[13] || (e[13] = (t) => j.value = t),
-                e[14] || (e[14] = (t) => L(null))
-              ],
-              label: "Item per page",
-              "is-inline-label": "",
-              "popper-options": { placement: "auto" },
-              options: Ae.value
-            }, null, 8, ["modelValue", "options"])
-          ]))
-        ], 2)) : $("", !0)
-      ]);
-    };
-  }
-}, ya = { class: "flex gap-x-4" }, ga = {
-  __name: "OcFilterSearch",
-  props: {
-    isSearchOnly: Boolean
-  },
-  emits: {
-    addQuery: [],
-    toggle: []
-  },
-  setup(g, { emit: K }) {
-    const m = K, f = F(!1), o = F(""), v = F(), c = async () => {
-      f.value = !0, m("toggle", f), await aa(), v.value.focus();
-    };
-    return (u, s) => (n(), w(G, null, [
-      D("div", {
-        class: te(["w-full", f.value || g.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
-      }, [
-        D("div", ya, [
-          T(p(Je), {
-            ref_key: "searchInput",
-            ref: v,
-            modelValue: o.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
-            placeholder: "Search something here",
-            class: "md:min-w-[310px]",
-            icon: "search",
-            onKeyup: s[1] || (s[1] = ea(
-              () => {
-                u.$emit("addQuery", o.value), o.value = "";
-              },
-              ["enter"]
-            ))
-          }, null, 8, ["modelValue"]),
-          g.isSearchOnly ? (n(), E(p(J), {
-            key: 0,
-            label: "Search",
-            variant: "secondary",
-            class: "shrink-0",
-            onClick: s[2] || (s[2] = () => {
-              u.$emit("addQuery", o.value), o.value = "";
-            })
-          })) : (n(), w("span", {
-            key: 1,
-            class: "py-3 text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
-            onClick: s[3] || (s[3] = () => {
-              f.value = !1, u.$emit("toggle", f.value), o.value = "";
-            })
-          }, " Clear "))
-        ])
-      ], 2),
-      g.isSearchOnly ? $("", !0) : (n(), w("div", {
-        key: 0,
-        class: te(f.value ? "max-w-0 overflow-hidden" : "")
-      }, [
-        f.value ? $("", !0) : (n(), E(p(J), {
-          key: 0,
-          variant: "secondary",
-          "left-icon": "search",
-          onClick: c
-        }))
-      ], 2))
-    ], 64));
-  }
-}, ba = { class: "flex gap-1 items-center normal-case flex-wrap" }, xa = {
-  __name: "OcFilterSearchFor",
-  props: {
-    filters: Object,
-    queries: Object
-  },
-  emits: {
-    removeQuery: [],
-    removeFilter: [],
-    removeAll: []
-  },
-  setup(g, { emit: K }) {
-    const m = g, f = K, o = A(() => {
-      var u;
-      let c = [];
-      return (u = m.filters) == null || u.forEach((s) => {
-        if (s.multiNames) {
-          const l = c.find((y) => y.name === s.multiNames[0]);
-          l ? l.label = l.label + s.label : c.push(s);
-        } else
-          c.push(s);
-      }), c;
-    }), v = (c, u) => {
-      let s = {};
-      s[c] = "", u ? u.forEach((l) => {
-        let y = {};
-        y[l] = "", f("removeFilter", y, l);
-      }) : f("removeFilter", s, c);
-    };
-    return (c, u) => o.value.length > 0 || g.queries.length > 0 ? (n(), E(p(He), {
-      key: 0,
-      class: "!w-full !justify-start !bg-oc-bg-light"
-    }, {
-      default: P(() => [
-        D("div", ba, [
-          u[1] || (u[1] = D("span", { class: "pr-2 text-sm font-medium text-oc-text" }, "Search for:", -1)),
-          (n(!0), w(G, null, le(g.queries, (s) => (n(), E(p(oe), {
-            key: s,
-            variant: "accent-1",
-            closable: "",
-            label: s,
-            onRemove: (l) => c.$emit("removeQuery", s)
-          }, null, 8, ["label", "onRemove"]))), 128)),
-          (n(!0), w(G, null, le(o.value, (s) => (n(), E(p(oe), {
-            key: s.name,
-            variant: "accent-1",
-            closable: "",
-            label: s.label,
-            onRemove: (l) => v(s.name, s.multiNames)
-          }, null, 8, ["label", "onRemove"]))), 128)),
-          T(p(oe), {
-            variant: "gray",
-            class: "cursor-pointer",
-            label: "Clear all",
-            onClick: u[0] || (u[0] = (s) => c.$emit("removeAll"))
-          })
-        ])
-      ]),
-      _: 1
-    })) : $("", !0);
-  }
-}, ka = { class: "flex w-[326px] flex-col gap-y-5" }, ha = { class: "max-h-[500px] overflow-y-auto p-5" }, _a = { class: "flex gap-x-5 px-5 pb-5" }, Sa = {
-  __name: "OcFilterForm",
-  props: {
-    id: {
-      type: String,
-      required: !0
-    },
-    jsonForm: {
-      type: Array
-    },
-    values: {
-      type: Object
-    },
-    actions: {
-      type: Object
-    },
-    grid: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ["applyFilter", "cancel", "filter-fields-changed"],
-  setup(g, { emit: K }) {
-    const m = g, f = K, o = F({}), v = F({}), c = F([]), u = (d) => {
-      c.value.findIndex((j) => j === d) >= 0 || c.value.push(d);
-    }, s = (d, h = null) => {
-      typeof d.name == "object" ? d.name.forEach((j, z) => {
-        o.value[j.key] = h[z];
-      }) : o.value[d.name] = h, u(d.name);
-    }, l = A(() => Object.values(o.value).length > 0), y = A(() => {
-      var d, h;
-      return ((h = (d = m.actions) == null ? void 0 : d.applyButton) == null ? void 0 : h.label) || "Apply";
-    }), _ = A(() => {
-      var d, h;
-      return ((h = (d = m.actions) == null ? void 0 : d.cancelButton) == null ? void 0 : h.label) || "Cancel";
-    });
-    ne(() => {
-      o.value = { ...m.values };
-    });
-    const O = () => {
-      f("applyFilter", o.value), f("filter-fields-changed", c.value), c.value = [];
-    };
-    return (d, h) => (n(), w("div", ka, [
-      U(d.$slots, "default", {
-        errors: v.value,
-        values: o.value,
-        jsonForm: g.jsonForm,
-        updateForm: s
-      }, () => [
-        D("div", ha, [
-          T(p(Xe), {
-            id: `filter-form-${g.id}`,
-            class: "grid gap-5",
-            errors: v.value,
-            values: o.value,
-            "json-form": g.jsonForm,
-            grid: g.grid ?? null,
-            onOnUpdate: s
-          }, null, 8, ["id", "errors", "values", "json-form", "grid"])
-        ])
-      ]),
-      D("div", _a, [
-        T(p(J), {
-          class: "w-full",
-          variant: "secondary",
-          label: _.value,
-          onClick: h[0] || (h[0] = (j) => d.$emit("cancel"))
-        }, null, 8, ["label"]),
-        T(p(J), {
-          class: "w-full",
-          "is-disabled": !l.value,
-          label: y.value,
-          onClick: O
-        }, null, 8, ["is-disabled", "label"])
-      ])
-    ]));
-  }
-};
+import "vue";
+import { U as r, aj as o, a1 as t, a3 as i, am as n, _ as p, a4 as l, B as d, p as m, a as u, b, c, an as S, aA as T, aH as C, aq as g, ar as x, d as P, aJ as f, C as I, aG as h, q as O, aB as k, aK as v, as as F, at as w, aL as L, a5 as A, S as B, M as D, R as H, a6 as _, aE as M, aD as R, aF as y, x as E, w as G, m as N, a7 as U, aa as V, a9 as j, ab as q, y as z, a2 as J, e as K, f as W, n as Q, z as X, A as Y, D as Z, au as $, aI as aa, u as ea, v as sa, av as ra, E as oa, V as ta, l as ia, F as na, G as pa, H as la, ad as da, ae as ma, I as ua, K as ba, Z as ca, g as Sa, J as Ta, af as Ca, h as ga, i as xa, j as Pa, ag as fa, r as Ia, k as ha, s as Oa, ao as ka, ah as va, ai as Fa, t as wa, ap as La, X as Aa, W as Ba, a8 as Da, aO as Ha, ak as _a, aw as Ma, ac as Ra, L as ya, O as Ea, P as Ga, N as Na, Q as Ua, Y as Va, o as ja, aN as qa, aM as za, aP as Ja, aC as Ka, ax as Wa, T as Qa, a0 as Xa, $ as Ya, al as Za, ay as $a } from "./index-DyVteXE3.js";
+import { _ as ee } from "./OcProgressBar-hiyC5XSc.js";
+import { _ as re } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
+import { _ as te } from "./OcSwitchTabs-CYp676bj.js";
+import { S as ne } from "./OcSkeleton-CvdpGSQR.js";
+import { _ as le } from "./OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js";
+import { T as me } from "./OcToggle-bIJaLDMZ.js";
+import { S as be } from "./OcSlider-DW9x8eas.js";
+import { _ as Se } from "./OcAvatar-NDXQiZvz.js";
+import { _ as Ce } from "./OcIcon-CJgBICxh.js";
+import { _ as xe } from "./OcPopper-C11OgQAj.js";
+import { _ as fe } from "./OcTheme-CWgrJh5Q.js";
 export {
-  Ol as Accordion,
-  Xl as AccountSetup,
-  st as AdditionalContent,
-  gt as AuthenticationOption,
-  wo as Avatar,
-  St as Banner,
-  Vt as BaseInput,
-  ct as Box,
-  J as Button,
-  jt as Calendar,
-  Pt as CardInput,
-  Ge as Checkbox,
-  It as CheckboxesGroup,
-  oe as Chip,
-  Eo as ConfirmationModal,
-  Bo as CopyTooltip,
-  Lt as Criteria,
-  nl as CustomerCard,
-  Ya as DataTable,
-  ro as DatePicker,
-  Ce as Dropdown,
-  Oo as DropdownItem,
-  ot as EmptyPage,
-  qa as ExpandingHeaderRow,
-  za as ExpandingTable,
-  Ga as ExpandingTableRow,
-  pt as FeatureOverviewCard,
-  Sa as FilterForm,
-  ga as FilterSearch,
-  xa as FilterSearchFor,
-  kl as FloatContent,
-  Xe as FormBuilder,
-  Wt as GroupOptions,
-  Rl as Header,
-  Kl as HeaderCenter,
-  Ml as HeaderLeft,
-  Nl as HeaderRight,
-  _l as HorizontalProgressbar,
-  he as Icon,
-  yl as InfoCard,
-  nt as InfoCardButton,
-  Je as Input,
-  Ut as InputOption,
-  ao as LinkInput,
-  fl as ListDetail,
-  pl as ListItem,
-  ml as ListUrl,
-  Co as Modal,
-  ko as MultipleUploadFile,
-  _o as NumberInput,
-  jo as OcModalPage,
-  wl as OcOnboardingListItem,
-  Cl as OnboardingAccordion,
-  Gt as Option,
-  ll as Overview,
-  rl as OverviewIcon,
-  tl as OverviewItem,
-  ql as PageTitle,
-  zl as PageTitleRight,
-  qe as Pagination,
-  el as PaginationNumber,
-  jl as PaymentTab,
-  Kt as PhoneInput,
-  To as Popper,
-  ke as PrevNext,
-  Jl as PrimaryActions,
-  bl as ProgressBar,
-  Nt as Radio,
-  Qt as RadioGroup,
-  qt as RangeInput,
-  vt as SandboxBanner,
-  fo as SectionItem,
-  We as Select,
-  yo as SelectOptions,
-  $t as ShareIcon,
-  Zl as Sidebar,
-  et as SidebarSubmenu,
-  bo as SingleFileUpload,
-  ut as Skeleton,
-  mo as Slider,
-  ht as Snackbar,
-  El as Step,
-  Pl as Steps,
-  Yl as SubHeader,
-  lt as SubSidebar,
-  Do as SupportMenu,
-  Bl as SwitchTabs,
-  Ql as TabToSelect,
-  Qe as Table,
-  Ja as TableCell,
-  Wa as TableCellContent,
-  He as TableHeader,
-  Xa as TableLink,
-  ze as Tabs,
-  Ft as Tag,
-  to as TextArea,
-  Mo as Theme,
-  uo as TimePicker,
-  no as TimePopup,
-  Zt as Toggle,
-  At as Tooltip,
-  ul as TransferSummary,
-  Il as Variant,
-  Dl as Variants,
-  xt as VerificationOption,
-  Ro as WhiteList
+  r as Accordion,
+  o as AccountSetup,
+  t as AdditionalContent,
+  i as AuthenticationOption,
+  Se as Avatar,
+  n as Banner,
+  p as BaseInput,
+  l as Box,
+  d as Button,
+  m as Calendar,
+  u as CardInput,
+  b as Checkbox,
+  c as CheckboxesGroup,
+  S as Chip,
+  T as ComplexCalendar,
+  C as ComplexDatePicker,
+  g as ConfirmationModal,
+  x as CopyTooltip,
+  P as Criteria,
+  f as Cropper,
+  I as CustomerCard,
+  h as DataTable,
+  O as DatePicker,
+  k as Draggable,
+  v as DraggableList,
+  F as Dropdown,
+  w as DropdownItem,
+  L as EmojiPicker,
+  A as EmptyPage,
+  B as ExpandingHeaderRow,
+  D as ExpandingTable,
+  H as ExpandingTableRow,
+  _ as FeatureOverviewCard,
+  M as FilterForm,
+  R as FilterSearch,
+  y as FilterSearchFor,
+  E as FloatContent,
+  G as FormBuilder,
+  N as GroupOptions,
+  U as Header,
+  V as HeaderCenter,
+  j as HeaderLeft,
+  q as HeaderRight,
+  re as HorizontalProgressbar,
+  Ce as Icon,
+  z as InfoCard,
+  J as InfoCardButton,
+  K as Input,
+  W as InputOption,
+  Q as LinkInput,
+  X as ListDetail,
+  Y as ListItem,
+  Z as ListUrl,
+  $ as Modal,
+  aa as ModalCropper,
+  ea as MultipleUploadFile,
+  sa as NumberInput,
+  ra as OcModalPage,
+  oa as OcOnboardingListItem,
+  ta as OnboardingAccordion,
+  ia as Option,
+  na as Overview,
+  pa as OverviewIcon,
+  la as OverviewItem,
+  da as PageTitle,
+  ma as PageTitleRight,
+  ua as Pagination,
+  ba as PaginationNumber,
+  ca as PaymentTab,
+  Sa as PhoneInput,
+  xe as Popper,
+  Ta as PrevNext,
+  Ca as PrimaryActions,
+  ee as ProgressBar,
+  ga as Radio,
+  xa as RadioGroup,
+  Pa as RangeInput,
+  fa as SandboxBanner,
+  Ia as SectionItem,
+  ha as Select,
+  Oa as SelectOptions,
+  ka as ShareIcon,
+  va as Sidebar,
+  Fa as SidebarSubmenu,
+  wa as SingleFileUpload,
+  ne as Skeleton,
+  be as Slider,
+  La as Snackbar,
+  Aa as Step,
+  Ba as Steps,
+  Da as SubHeader,
+  Ha as SubPlanCard,
+  _a as SubSidebar,
+  Ma as SupportMenu,
+  te as SwitchTabs,
+  Ra as TabToSelect,
+  ya as Table,
+  Ea as TableCell,
+  Ga as TableCellContent,
+  Na as TableHeader,
+  Ua as TableLink,
+  Va as Tabs,
+  le as Tag,
+  ja as TextArea,
+  fe as Theme,
+  qa as ThumbnailSection,
+  za as ThumbnailTheme,
+  Ja as TimePicker,
+  Ka as TimePopup,
+  me as Toggle,
+  Wa as Tooltip,
+  Qa as TransferSummary,
+  Xa as Variant,
+  Ya as Variants,
+  Za as VerificationOption,
+  $a as WhiteList
 };