@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.2-dev.3

package/dist/ConditionBuilderForm.vue_vue_type_script_setup_true_lang-Cixg_icC.js

@@ -1,459 +0,0 @@
-import { defineComponent as B, ref as S, onMounted as le, nextTick as ue, onUnmounted as re, resolveComponent as g, createElementBlock as b, openBlock as u, Fragment as C, createElementVNode as U, createVNode as A, renderSlot as T, createCommentVNode as w, toDisplayString as E, normalizeStyle as se, normalizeClass as X, watch as q, defineAsyncComponent as ie, computed as K, renderList as M, createBlock as h, withCtx as j, unref as D, resolveDynamicComponent as de } from "vue";
-import { useI18n as Y, useCoreStore as me } from "@feedmepos/mf-common";
-import { x as L, G as ce, U as W } from "./app-CdrnR_Pw.js";
-import { l as fe } from "./lodash-7SZBZ8VQ.js";
-const ye = { class: "flex min-w-0 flex-col gap-4" }, be = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, ve = { class: "flex items-center" }, pe = {
-  key: 0,
-  class: "ml-8 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, ke = { class: "ml-auto" }, Ie = /* @__PURE__ */ B({
-  __name: "CollapsibleWrapper",
-  props: {
-    title: { default: "" },
-    subtitle: { default: "" },
-    initiallyCollapsed: { type: Boolean, default: !1 },
-    layout: { default: "trailing" }
-  },
-  setup(e) {
-    const o = S(e.initiallyCollapsed), c = S(), f = S(0);
-    let m;
-    function V() {
-      o.value = !o.value;
-    }
-    function d() {
-      c.value && (f.value = c.value.scrollHeight);
-    }
-    return le(async () => {
-      await ue(), c.value && (m = new ResizeObserver(() => {
-        d();
-      }), m.observe(c.value));
-    }), re(() => {
-      m == null || m.disconnect();
-    }), (v, s) => {
-      const y = g("FmIcon"), p = g("FmButton");
-      return u(), b(C, null, [
-        e.layout === "leading" ? (u(), b("div", {
-          key: 0,
-          class: "flex cursor-pointer items-start gap-8 py-4",
-          onClick: V
-        }, [
-          A(y, {
-            name: o.value ? "chevron_right" : "expand_more",
-            size: "md",
-            class: "shrink-0 text-fm-color-typo-primary"
-          }, null, 8, ["name"]),
-          U("div", ye, [
-            T(v.$slots, "title"),
-            e.subtitle ? (u(), b("span", be, E(e.subtitle), 1)) : w("", !0)
-          ])
-        ])) : (u(), b("div", {
-          key: 1,
-          onClick: V
-        }, [
-          U("div", ve, [
-            T(v.$slots, "title"),
-            o.value && e.subtitle ? (u(), b("span", pe, E(e.subtitle), 1)) : w("", !0),
-            U("div", ke, [
-              A(p, {
-                icon: o.value ? "keyboard_arrow_down" : "keyboard_arrow_up",
-                "text-color": "neutral-gray-400",
-                variant: "tertiary",
-                size: "md"
-              }, null, 8, ["icon"])
-            ])
-          ])
-        ])),
-        U("div", {
-          ref_key: "contentRef",
-          ref: c,
-          class: X(["transition-all duration-300 ease-in-out overflow-hidden", { "pl-32": e.layout === "leading" }]),
-          style: se({ maxHeight: o.value ? "0" : f.value + "px" })
-        }, [
-          T(v.$slots, "default")
-        ], 6)
-      ], 64);
-    };
-  }
-});
-function z(e) {
-  return `${e.subject}::${e.builderKey}`;
-}
-function $e(e) {
-  const r = S(/* @__PURE__ */ new Map());
-  function o(s, y) {
-    const p = new Map(r.value);
-    p.set(z(s), y), r.value = p;
-  }
-  function c(s) {
-    return r.value.get(z(s));
-  }
-  function f(s) {
-    for (const y of r.value.keys())
-      if (y.startsWith(`${s}::`)) return !0;
-    return !1;
-  }
-  function m(s) {
-    const y = /* @__PURE__ */ new Map();
-    for (const [p, O] of r.value.entries())
-      p.startsWith(`${s}::`) && y.set(p, O);
-    return y;
-  }
-  function V(s) {
-    const y = new Map(r.value);
-    for (const p of Array.from(y.keys()))
-      p.startsWith(`${s}::`) && y.delete(p);
-    r.value = y;
-  }
-  function d() {
-    r.value = /* @__PURE__ */ new Map();
-  }
-  function v(s) {
-    const y = new Map(r.value);
-    y.delete(z(s)), r.value = y;
-  }
-  return e && q(
-    e,
-    () => {
-      d();
-    },
-    { deep: !0 }
-  ), {
-    drafts: r,
-    setDraft: o,
-    getDraft: c,
-    hasDraftsForSubject: f,
-    getDraftsForSubject: m,
-    clearDraftsForSubject: V,
-    clearAllDrafts: d,
-    clearDraft: v
-  };
-}
-const he = {}, Z = /* @__PURE__ */ new Map();
-function ge(e) {
-  const r = Z.get(e);
-  if (r) return r;
-  const o = he[e];
-  if (!o) return;
-  const c = ie(o);
-  return Z.set(e, c), c;
-}
-function Ve(e, r) {
-  return !fe.isEqual(e, r);
-}
-const Fe = { class: "flex flex-col gap-8" }, Ce = { class: "flex flex-col gap-4" }, xe = "condition-form-select-menu", J = 120, De = 220, Ue = /* @__PURE__ */ B({
-  __name: "ConditionFormRenderer",
-  props: {
-    config: {},
-    modelValue: {},
-    disabled: { type: Boolean, default: !1 },
-    optionProviders: { default: () => ({}) }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const o = e, c = r, { t: f } = Y(), m = me(), V = K(() => L(o.config, o.modelValue));
-    let d = o.modelValue;
-    q(
-      () => o.modelValue,
-      (t) => {
-        d = t;
-      }
-    );
-    function v(t) {
-      return "static" in t ? t.static.map((n) => ({ value: n.value, label: f(n.labelKey) })) : o.optionProviders[t.provider] ?? [];
-    }
-    function s(t, n) {
-      const l = y(
-        ce(o.config, { ...o.modelValue, [t]: n })
-      );
-      Ve(l, d) && (d = l, c("update:modelValue", l));
-    }
-    function y(t) {
-      const n = { ...t };
-      for (const l of L(o.config, n))
-        l.kind === "date" && !n[l.key] && (n[l.key] = G(Q()));
-      return n;
-    }
-    function p() {
-      const t = m.currentBusiness.value;
-      if (t != null && t.timezone) return t.timezone;
-      if (t != null && t.timeZone) return t.timeZone;
-      const n = (t == null ? void 0 : t.country) ?? (m.currentCountry.value instanceof Object ? m.currentCountry.value.code : m.currentCountry.value);
-      return O(n);
-    }
-    function O(t) {
-      switch ((t || "").toUpperCase()) {
-        case "MY":
-          return "Asia/Kuala_Lumpur";
-        case "SG":
-          return "Asia/Singapore";
-        case "TH":
-          return "Asia/Bangkok";
-        case "ID":
-          return "Asia/Jakarta";
-        case "MO":
-          return "Asia/Macau";
-        case "BN":
-          return "Asia/Brunei";
-        case "PK":
-          return "Asia/Karachi";
-        case "MV":
-          return "Indian/Maldives";
-        case "VN":
-          return "Asia/Ho_Chi_Minh";
-        case "JP":
-          return "Asia/Tokyo";
-        case "AU":
-          return "Australia/Sydney";
-        case "AE":
-          return "Asia/Dubai";
-        case "UK":
-          return "Europe/London";
-        default:
-          return Intl.DateTimeFormat().resolvedOptions().timeZone;
-      }
-    }
-    function R(t, n) {
-      const l = new Intl.DateTimeFormat("en-CA", {
-        timeZone: n,
-        year: "numeric",
-        month: "2-digit",
-        day: "2-digit",
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit",
-        hourCycle: "h23"
-      }).formatToParts(t), k = Object.fromEntries(
-        l.filter((F) => F.type !== "literal").map((F) => [F.type, F.value])
-      );
-      return {
-        year: Number(k.year),
-        month: Number(k.month),
-        day: Number(k.day),
-        hour: Number(k.hour),
-        minute: Number(k.minute),
-        second: Number(k.second)
-      };
-    }
-    function P(t, n) {
-      try {
-        const l = R(n, t);
-        return (Date.UTC(
-          l.year,
-          l.month - 1,
-          l.day,
-          l.hour,
-          l.minute,
-          l.second
-        ) - n.getTime()) / 6e4;
-      } catch {
-        return 0;
-      }
-    }
-    function G(t) {
-      const [n, l, k] = t.split("-").map(Number);
-      if (!n || !l || !k) return "";
-      const F = p(), x = new Date(Date.UTC(n, l - 1, k, 0, 0, 0, 0)), $ = P(F, x), N = new Date(x.getTime() - $ * 6e4), _ = P(F, N);
-      return new Date(x.getTime() - _ * 6e4).toISOString();
-    }
-    function H(t) {
-      const n = new Date(t);
-      if (Number.isNaN(n.getTime())) return "";
-      try {
-        const l = R(n, p());
-        return `${String(l.year).padStart(4, "0")}-${String(l.month).padStart(2, "0")}-${String(l.day).padStart(2, "0")}`;
-      } catch {
-        return t.slice(0, 10);
-      }
-    }
-    function Q() {
-      return H((/* @__PURE__ */ new Date()).toISOString());
-    }
-    function I(t) {
-      return "options" in t ? v(t.options) : [];
-    }
-    function ee(t) {
-      const n = o.modelValue[t];
-      return n == null ? "" : String(n);
-    }
-    function te(t) {
-      const n = o.modelValue[t];
-      return typeof n != "string" || !n ? "" : H(n);
-    }
-    function ne(t, n) {
-      s(t, n ? G(n) : "");
-    }
-    function oe(t, n) {
-      let l = Math.floor(Number(n) || (t.min ?? 0));
-      t.min !== void 0 && (l = Math.max(t.min, l)), t.max !== void 0 && (l = Math.min(t.max, l)), s(t.key, l);
-    }
-    return (t, n) => {
-      const l = g("FmRadio"), k = g("FmRadioGroup"), F = g("FmSelect"), x = g("FmTextField"), $ = g("FmDatePicker"), N = g("FmCheckbox"), _ = g("FmFormGroup");
-      return u(), b("div", Fe, [
-        (u(!0), b(C, null, M(V.value, (a) => (u(), b(C, {
-          key: a.key
-        }, [
-          a.kind === "radio" ? (u(), h(k, {
-            key: 0,
-            "model-value": e.modelValue[a.key],
-            disabled: e.disabled,
-            "onUpdate:modelValue": (i) => s(a.key, i)
-          }, {
-            default: j(() => [
-              (u(!0), b(C, null, M(I(a), (i) => (u(), h(l, {
-                key: i.value,
-                value: i.value,
-                label: i.label
-              }, null, 8, ["value", "label"]))), 128))
-            ]),
-            _: 2
-          }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])) : a.kind === "select" ? (u(), h(F, {
-            key: 1,
-            "model-value": e.modelValue[a.key],
-            label: D(f)(a.labelKey),
-            items: I(a),
-            "menu-id": xe,
-            "menu-z-index": J,
-            "max-height": De,
-            "shift-menu": "",
-            placement: "bottom-start",
-            disabled: e.disabled,
-            "onUpdate:modelValue": (i) => s(a.key, i)
-          }, null, 8, ["model-value", "label", "items", "disabled", "onUpdate:modelValue"])) : a.kind === "number" ? (u(), h(x, {
-            key: 2,
-            "model-value": ee(a.key),
-            type: "number",
-            class: "!w-[120px] ml-32",
-            label: D(f)(a.labelKey),
-            disabled: e.disabled,
-            "onUpdate:modelValue": (i) => oe(a, i)
-          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : a.kind === "text" ? (u(), h(x, {
-            key: 3,
-            "model-value": e.modelValue[a.key] ?? "",
-            label: D(f)(a.labelKey),
-            disabled: e.disabled,
-            "onUpdate:modelValue": (i) => s(a.key, i)
-          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : a.kind === "date" ? (u(), h($, {
-            key: 4,
-            "model-value": te(a.key),
-            label: D(f)(a.labelKey),
-            "z-index": J,
-            disabled: e.disabled,
-            "onUpdate:modelValue": (i) => ne(a.key, i)
-          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : a.kind === "switch" ? (u(), h(N, {
-            key: 5,
-            "model-value": !!e.modelValue[a.key],
-            value: !0,
-            label: D(f)(a.labelKey),
-            disabled: e.disabled,
-            "onUpdate:modelValue": (i) => s(a.key, i)
-          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : a.kind === "multiselect" ? (u(), h(_, {
-            key: 6,
-            "model-value": e.modelValue[a.key] ?? [],
-            "onUpdate:modelValue": (i) => s(a.key, i)
-          }, {
-            default: j(() => [
-              U("div", Ce, [
-                (u(!0), b(C, null, M(I(a), (i) => (u(), h(N, {
-                  key: i.value,
-                  "model-value": e.modelValue[a.key] ?? [],
-                  value: i.value,
-                  label: i.label,
-                  disabled: e.disabled,
-                  "onUpdate:modelValue": (ae) => s(a.key, ae)
-                }, null, 8, ["model-value", "value", "label", "disabled", "onUpdate:modelValue"]))), 128))
-              ])
-            ]),
-            _: 2
-          }, 1032, ["model-value", "onUpdate:modelValue"])) : w("", !0)
-        ], 64))), 128))
-      ]);
-    };
-  }
-}), we = /* @__PURE__ */ B({
-  __name: "ConditionFormHost",
-  props: {
-    builder: {},
-    modelValue: {},
-    disable: { type: Boolean, default: !1 },
-    optionProviders: { default: () => ({}) }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const o = e, c = r, f = K(
-      () => o.builder.form && W(o.builder.form) ? o.builder.form : void 0
-    ), m = K(
-      () => o.builder.form && !W(o.builder.form) ? ge(o.builder.form.component) : void 0
-    );
-    return (V, d) => f.value ? (u(), h(Ue, {
-      key: 0,
-      config: f.value,
-      "model-value": e.modelValue ?? f.value.defaults,
-      disabled: e.disable,
-      "option-providers": e.optionProviders,
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => c("update:modelValue", v))
-    }, null, 8, ["config", "model-value", "disabled", "option-providers"])) : m.value ? (u(), h(de(m.value), {
-      key: 1,
-      "model-value": e.modelValue,
-      disable: e.disable,
-      "onUpdate:modelValue": d[1] || (d[1] = (v) => c("update:modelValue", v))
-    }, null, 8, ["model-value", "disable"])) : w("", !0);
-  }
-}), Ne = {
-  key: 0,
-  class: "fm-typo-en-title-sm-600"
-}, Se = {
-  key: 0,
-  class: "h-px w-full bg-fm-color-neutral-gray-200"
-}, Te = { class: "flex justify-end pt-8" }, _e = /* @__PURE__ */ B({
-  __name: "ConditionBuilderForm",
-  props: {
-    builders: {},
-    formValueFor: {},
-    hasChanges: { type: Boolean },
-    title: { default: "" },
-    disable: { type: Boolean, default: !1 },
-    fullWidth: { type: Boolean, default: !1 }
-  },
-  emits: ["update-form", "apply"],
-  setup(e, { emit: r }) {
-    const o = r, { t: c } = Y();
-    return (f, m) => {
-      const V = g("FmButton");
-      return u(), b("div", {
-        class: X(["flex flex-col gap-12 p-16", e.fullWidth ? "w-full" : "w-[320px]"])
-      }, [
-        e.title ? (u(), b("p", Ne, E(e.title), 1)) : w("", !0),
-        (u(!0), b(C, null, M(e.builders, (d, v) => (u(), b(C, {
-          key: d.builderKey
-        }, [
-          v > 0 ? (u(), b("div", Se)) : w("", !0),
-          T(f.$slots, "section", { builder: d }, () => [
-            A(we, {
-              builder: d,
-              "model-value": e.formValueFor(d),
-              disable: e.disable,
-              "onUpdate:modelValue": (s) => o("update-form", { builder: d, form: s })
-            }, null, 8, ["builder", "model-value", "disable", "onUpdate:modelValue"])
-          ])
-        ], 64))), 128)),
-        U("div", Te, [
-          A(V, {
-            label: D(c)("team.memberForm.permissions.conditionApply"),
-            size: "md",
-            variant: "primary",
-            disabled: e.disable || !e.hasChanges,
-            onClick: m[0] || (m[0] = (d) => o("apply"))
-          }, null, 8, ["label", "disabled"])
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  Ie as _,
-  _e as a,
-  we as b,
-  $e as u
-};