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

package/dist/{ApprovalCodeList-D3U4nvlF.js → ApprovalCodeList-NYJNwdDZ.js}

@@ -1,15 +1,14 @@
 import { defineComponent as re, ref as K, computed as g, resolveComponent as b, createBlock as O, openBlock as _, withCtx as $, createElementVNode as s, createElementBlock as S, createCommentVNode as Y, toDisplayString as C, unref as a, Fragment as H, renderList as te, createVNode as c, renderSlot as xe, isRef as ue, withModifiers as de, createTextVNode as be, normalizeClass as ke, h as x } from "vue";
-import { d as Ve } from "./dayjs.min-BZ1pM-6M.js";
+import { d as Ve } from "./dayjs.min-BW6-XAUB.js";
 import { useI18n as ne } from "@feedmepos/mf-common";
 import { useSnackbar as ie, components as z, useDialog as we, useBreakpoints as Fe, FmButtonVariant as se } from "@feedmepos/ui-library";
-import { S as q } from "./SelectFilter-BXeVKgHN.js";
-import { _ as $e } from "./app-D-MUq9Ab.js";
-import { _ as pe, u as Se, H as Ae } from "./FormItem.vue_vue_type_script_setup_true_lang-cLEnrtC6.js";
-import { _ as Pe } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
-import { u as ve } from "./useLoading-Nygx2zn8.js";
-import { u as fe } from "./approval-code-BXUiojPH.js";
-import { u as ce } from "./restaurant-D2mfKHaH.js";
-import { _ as Be } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+import { S as q } from "./SelectFilter-voMj4_j1.js";
+import { _ as $e } from "./app-CDCO87ji.js";
+import { _ as Se, a as pe, u as Ae, H as Pe } from "./FormSection.vue_vue_type_script_setup_true_lang-DLgm6oCz.js";
+import { _ as Be } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
+import { u as ve } from "./useLoading-D67DIqfk.js";
+import { u as fe } from "./approval-code-CLE9s5dL.js";
+import { u as ce } from "./restaurant-BMlLIUqe.js";
 function Ie(d) {
   var e;
   const r = (e = d.conditions) == null ? void 0 : e.adjustment;
@@ -264,7 +263,7 @@ const je = { class: "pr-24" }, De = { class: "fm-typo-en-title-md-600" }, Re = {
           ]),
           default: $(() => [
             s("div", He, [
-              c(Be, {
+              c(Se, {
                 title: a(i)("approvalCode.form.section")
               }, {
                 default: $(() => [
@@ -382,7 +381,7 @@ const je = { class: "pr-24" }, De = { class: "fm-typo-en-title-md-600" }, Re = {
   class: "text-xs"
 }, Ct = {
   class: "flex flex-col gap-4"
-}, me = 10, gt = 2, It = /* @__PURE__ */ re({
+}, me = 10, gt = 2, Bt = /* @__PURE__ */ re({
   __name: "ApprovalCodeList",
   setup(d, {
     expose: r
@@ -397,7 +396,7 @@ const je = { class: "pr-24" }, De = { class: "fm-typo-en-title-md-600" }, Re = {
     }))), M = g(() => w.approvalCodes), {
       searchKey: p,
       filter: B
-    } = Se(), I = g(() => {
+    } = Ae(), I = g(() => {
       const t = {};
       return i.value.forEach((o) => {
         t[o._id] = o.profile.name;
@@ -647,7 +646,7 @@ const je = { class: "pr-24" }, De = { class: "fm-typo-en-title-md-600" }, Re = {
         "onUpdate:modelValue": o[5] || (o[5] = (l) => ue(p) ? p.value = l : null),
         autofocus: "",
         placeholder: a(e)("approvalCode.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), c(Ae), s("div", rt, [c(q, {
+      }, null, 8, ["modelValue", "placeholder"])]), c(Pe), s("div", rt, [c(q, {
         modelValue: V.value,
         "onUpdate:modelValue": o[6] || (o[6] = (l) => V.value = l),
         multiple: "",
@@ -715,7 +714,7 @@ const je = { class: "pr-24" }, De = { class: "fm-typo-en-title-md-600" }, Re = {
           _: 1
         })])]),
         _: 1
-      })) : (_(), O(a(Pe), {
+      })) : (_(), O(a(Be), {
         key: 1,
         title: a(e)("approvalCode.noData.title"),
         subtitle: a(e)("approvalCode.noData.subtitle")
@@ -724,5 +723,5 @@ const je = { class: "pr-24" }, De = { class: "fm-typo-en-title-md-600" }, Re = {
   }
 });
 export {
-  It as default
+  Bt as default
 };

package/dist/{AuditLogList-qGCW7tf0.js → AuditLogList-Ghn4aBnn.js}

@@ -1,16 +1,16 @@
 import { defineComponent as Vt, ref as S, computed as I, onMounted as Eo, onBeforeUnmount as No, watch as ie, resolveComponent as N, createElementBlock as v, openBlock as f, createBlock as Oe, createCommentVNode as F, createElementVNode as a, Fragment as z, renderList as ce, withCtx as Y, createVNode as g, toDisplayString as l, unref as u, nextTick as Ro, onUnmounted as Uo, createTextVNode as Ae, normalizeClass as Ko } from "vue";
-import { d as O } from "./dayjs.min-BZ1pM-6M.js";
+import { d as O } from "./dayjs.min-BW6-XAUB.js";
 import { defineStore as Bo, storeToRefs as Yo } from "pinia";
 import { useI18n as $t, useCoreStore as zo } from "@feedmepos/mf-common";
-import { B as Ft, _ as qo, a as Jo } from "./app-D-MUq9Ab.js";
+import { g as st, b as at, B as Ft, _ as qo, a as Jo } from "./app-CDCO87ji.js";
 import { components as ve } from "@feedmepos/ui-library";
-import { g as st, b as at, u as Ho } from "./restaurant-D2mfKHaH.js";
-import { S as Fe } from "./SelectFilter-BXeVKgHN.js";
-import { _ as Wo } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { _ as Go } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { t as Xo, p as Mt } from "./rule-DPtqlnz-.js";
+import { S as Fe } from "./SelectFilter-voMj4_j1.js";
+import { _ as Ho } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as Wo } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { t as Go, p as Mt } from "./rule-B5YNhGJ4.js";
+import { u as Xo } from "./restaurant-BMlLIUqe.js";
 import { u as Qo } from "./useDebounce-B8ZPVS5C.js";
-import { n as Zo } from "./string-VNuQNweN.js";
+import { n as Zo } from "./string-DZQ1uNjn.js";
 const es = {
   order: "Order",
   refund: "Refund",
@@ -261,7 +261,7 @@ const es = {
     if (!(!y && t.value.length > 0))
       try {
         o.value = !0;
-        const A = await Xo.readTeamMembers();
+        const A = await Go.readTeamMembers();
         t.value = A.sort((C, i) => C.doc.isOwner ? -1 : C.name.localeCompare(i.name)), n.value = !0;
       } finally {
         o.value = !1;
@@ -801,7 +801,7 @@ const Ss = {
     const {
       t: o,
       te: n
-    } = $t(), r = zo(), d = ls(), h = Ho(), {
+    } = $t(), r = zo(), d = ls(), h = Xo(), {
       restaurants: b
     } = Yo(h), y = S(!1), A = S(!1), C = S([]), i = S(null), V = S(!1), R = S({}), m = S(null), w = S(!1);
     async function j(e) {
@@ -1722,7 +1722,7 @@ const Ss = {
       deep: !0
     }), (e, s) => {
       const c = N("FmSpacer"), x = N("FmButton"), L = N("FmMenuItem"), M = N("FmMenu"), E = N("FmChip"), re = N("FmDateRangePicker"), Re = N("FmSearch"), ke = N("FmTable"), Ue = N("FmIcon"), tt = N("FmTooltip"), we = N("FmSideSheet");
-      return f(), v(z, null, [g(Wo, {
+      return f(), v(z, null, [g(Ho, {
         heading: u(o)("auditLog.title")
       }, {
         "append-heading": Y(() => [g(c), g(x, {
@@ -1821,7 +1821,7 @@ const Ss = {
           class: "ml-auto w-[280px]",
           placeholder: u(o)("auditLog.search.placeholder")
         }, null, 8, ["modelValue", "placeholder"])])]), g(qo, null, {
-          default: Y(() => [a("div", js, [g(Go, {
+          default: Y(() => [a("div", js, [g(Wo, {
             "is-loading": y.value,
             "is-empty": C.value.length === 0,
             title: u(o)("auditLog.noData.title"),

package/dist/ConditionBuilderForm.vue_vue_type_script_setup_true_lang-BxZ9t3MZ.js

@@ -0,0 +1,459 @@
+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 { s as L, G as ce, U as W } from "./app-CDCO87ji.js";
+import { l as fe } from "./lodash-snXoiw60.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
+};