@feedmepos/mf-hrm-portal 2.3.1-dev.1 → 2.3.2-dev

package/dist/ConditionBuilderForm.vue_vue_type_script_setup_true_lang-BjHwyaXu.js

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