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

package/dist/ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js

@@ -0,0 +1,132 @@
+import { defineComponent as B, ref as C, resolveComponent as m, createBlock as s, openBlock as t, withCtx as l, createElementVNode as x, renderSlot as v, createCommentVNode as k, withModifiers as $, nextTick as V, createElementBlock as _, normalizeClass as M, createTextVNode as w, toDisplayString as g, computed as S, Fragment as F, renderList as h, createVNode as I } from "vue";
+import { useBreakpoints as N } from "@feedmepos/ui-library";
+const z = /* @__PURE__ */ B({
+  __name: "BottomSheetMenu",
+  setup(o) {
+    const e = C(!1);
+    async function r() {
+      await V(), e.value = !e.value;
+    }
+    return (u, n) => {
+      const f = m("FmButton"), y = m("FmBottomSheet");
+      return t(), s(y, {
+        modelValue: e.value,
+        "onUpdate:modelValue": n[1] || (n[1] = (d) => e.value = d),
+        "dismiss-away": "",
+        "no-header": "",
+        "z-index": 110
+      }, {
+        "bottom-sheet-button": l(() => [
+          u.$slots.button ? k("", !0) : (t(), s(f, {
+            key: 0,
+            icon: "more_vert",
+            variant: "tertiary",
+            onClick: $(r, ["stop"])
+          })),
+          v(u.$slots, "button")
+        ]),
+        default: l(() => [
+          x("div", {
+            onClick: n[0] || (n[0] = (d) => e.value = !1)
+          }, [
+            v(u.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+}), E = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, T = /* @__PURE__ */ B({
+  __name: "BottomSheetMenuItem",
+  props: {
+    label: {},
+    icon: {},
+    disabled: { type: Boolean },
+    itemClass: {}
+  },
+  setup(o) {
+    const e = o;
+    return (r, u) => {
+      const n = m("FmIcon");
+      return t(), _("div", E, [
+        r.$slots.content ? k("", !0) : (t(), _("div", {
+          key: 0,
+          class: M(["flex items-center", {
+            "text-fm-color-typo-disabled": e.disabled,
+            "cursor-pointer": !e.disabled,
+            "cursor-not-allowed": e.disabled,
+            [e.itemClass || ""]: e.itemClass && !e.disabled
+          }])
+        }, [
+          o.icon ? (t(), s(n, {
+            key: 0,
+            name: o.icon
+          }, null, 8, ["name"])) : k("", !0),
+          w(" " + g(o.label), 1)
+        ], 2)),
+        v(r.$slots, "content")
+      ]);
+    };
+  }
+}), R = /* @__PURE__ */ B({
+  __name: "ResponsiveContextMenu",
+  props: {
+    items: {}
+  },
+  setup(o) {
+    const e = N(), r = S(() => e.breakpoints.value.xs);
+    return (u, n) => {
+      const f = m("FmButton"), y = m("FmMenuItem"), d = m("FmMenu");
+      return r.value ? (t(), s(z, { key: 0 }, {
+        default: l(() => [
+          (t(!0), _(F, null, h(o.items, ({ icon: i, label: a, disabled: p, itemClass: c, onClick: b }) => (t(), s(T, {
+            key: a,
+            icon: i,
+            label: a,
+            disabled: p,
+            itemClass: c,
+            onClick: () => {
+              !p && (b == null || b());
+            }
+          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
+        ]),
+        _: 1
+      })) : (t(), s(d, {
+        key: 1,
+        "stop-click-propagation": "",
+        shift: !0
+      }, {
+        "menu-button": l(() => [
+          I(f, {
+            type: "button",
+            variant: "tertiary",
+            icon: "more_vert",
+            "text-color": "neutral-gray-400",
+            size: "md"
+          })
+        ]),
+        default: l(() => [
+          (t(!0), _(F, null, h(o.items, ({ label: i, disabled: a, itemClass: p, onClick: c }) => (t(), s(y, {
+            key: i,
+            disabled: a,
+            label: i,
+            onClick: () => {
+              !a && (c == null || c());
+            }
+          }, {
+            label: l(() => [
+              x("span", {
+                class: M(a ? "text-fm-color-typo-disabled" : p)
+              }, g(i), 3)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "label", "onClick"]))), 128))
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  R as _
+};

package/dist/RoleForm.vue_vue_type_script_setup_true_lang-o4mXv2hT.js

@@ -0,0 +1,547 @@
+import { defineComponent as ze, computed as y, ref as D, watch as q, onMounted as Le, resolveComponent as w, createBlock as E, openBlock as h, unref as o, withCtx as V, createElementVNode as c, createVNode as _, toDisplayString as M, createElementBlock as S, Fragment as z, renderList as ee, createCommentVNode as te, normalizeClass as he } from "vue";
+import { l as W } from "./lodash-C8MGI_QW.js";
+import { e as be } from "./index-DPiNc7mn.js";
+import { useI18n as Ne } from "@feedmepos/mf-common";
+import { useBreakpoints as Ke, useSnackbar as Te, components as qe } from "@feedmepos/ui-library";
+import { u as We, _ as Ge, a as _e } from "./ConditionBuilderForm.vue_vue_type_script_setup_true_lang-C1dLOPFb.js";
+import { u as Je } from "./useDiscardConfirm-CzZSPyvh.js";
+import { u as He } from "./useLoading-BtyGXkm_.js";
+import { u as Qe } from "./useReportPermissions-C8z7EA7v.js";
+import { s as Xe, j as Ye, A as Ze, S as et } from "./app-C37qvNnc.js";
+import { r as ae, h as tt, d as at, s as st, g as ge, e as lt } from "./rule-EYBPBkv_.js";
+import { u as rt } from "./restaurant-BgvuJL8G.js";
+import { u as ot } from "./role-D8G5QOG1.js";
+function Tt(d) {
+  const n = [];
+  for (const { restaurantId: m, roleId: a } of d) {
+    if (!m) continue;
+    const u = n.find((x) => x.roleId === a);
+    u ? u.restaurantIds.push(m) : n.push({ restaurantIds: [m], roleId: a });
+  }
+  return n;
+}
+function qt(d) {
+  return d.flatMap(
+    (n) => n.restaurantIds.map((m) => ({ restaurantId: m, roleId: n.roleId }))
+  );
+}
+function Wt(d, n) {
+  const m = (a) => a.map((u) => `${u.restaurantId}:${u.roleId}`).sort().join("|");
+  return m(d) === m(n);
+}
+function se(d) {
+  return `${d.profile.code ? `${d.profile.code} - ` : ""}${d.profile.name}`;
+}
+function Gt(d, n) {
+  return d.filter((m) => n.restaurantIds.includes(m._id)).map(se).join(", ");
+}
+function Jt(d, n, m) {
+  var x;
+  const a = ((x = n[m]) == null ? void 0 : x.restaurantIds) ?? [], u = new Set(n.flatMap((v, P) => P === m ? [] : v.restaurantIds));
+  return d.filter((v) => v.managable || a.includes(v._id)).map((v) => ({
+    label: se(v),
+    value: v._id,
+    disabled: u.has(v._id)
+  }));
+}
+function nt(d, n, m) {
+  return n.restaurantIds.length === 0 ? [] : d.filter(
+    (a) => n.restaurantIds.every((u) => a.restaurants.some((x) => x.id === u))
+  ).map((a) => ({
+    label: a.name,
+    value: a._id,
+    disabled: !m(a) && a._id !== n.roleId
+  }));
+}
+function Ht(d, n, m) {
+  var u, x;
+  const a = nt(d, n, m);
+  return ((u = a.find((v) => v.value === n.roleId && !v.disabled)) == null ? void 0 : u.value) ?? ((x = a.find((v) => !v.disabled)) == null ? void 0 : x.value) ?? "";
+}
+function Qt(d, n) {
+  const m = new Set(n.flatMap((u) => u.restaurantIds));
+  return d.some((u) => u.managable && !m.has(u._id)) && n.every((u) => u.restaurantIds.length > 0 && u.roleId);
+}
+const ut = { class: "flex w-full items-center gap-4" }, it = { class: "min-w-0 flex-1 truncate fm-typo-en-title-md-600" }, dt = { class: "flex flex-col gap-24" }, mt = { class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-300 p-16" }, ct = { class: "fm-typo-en-title-sm-600" }, ft = { class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-200 p-16" }, pt = { class: "fm-typo-en-title-sm-600" }, vt = {
+  key: 0,
+  class: "flex justify-center py-16"
+}, ht = { class: "flex flex-col gap-8" }, bt = { class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-200 p-16" }, _t = { class: "flex flex-col gap-8" }, gt = { class: "fm-typo-en-title-sm-600" }, yt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xt = { class: "flex flex-col gap-24" }, Rt = { class: "text-[18px] font-semibold leading-[24px] text-fm-color-typo-primary" }, It = { class: "mt-16 space-y-8" }, Ft = { class: "flex items-center" }, kt = { class: "h-[24px] w-[24px] flex items-center justify-center" }, wt = { class: "h-[24px] w-[24px] flex items-center justify-center" }, Vt = {
+  key: 0,
+  class: "ml-20 mt-8 flex max-w-[320px] flex-row items-start gap-8"
+}, Ct = { class: "mt-8 whitespace-nowrap" }, Dt = { class: "flex gap-8 items-center justify-start" }, St = "condition-form-select-menu", Xt = /* @__PURE__ */ ze({
+  __name: "RoleForm",
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    },
+    /** Outlets ticked when creating a role (the member sheet passes the row's outlets). */
+    restaurantIds: {
+      type: Array,
+      default: () => []
+    },
+    /** Opened over another sheet: a back arrow returns to it. */
+    showBack: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["created"],
+  setup(d, { expose: n, emit: m }) {
+    const { t: a } = Ne(), { breakpoints: u } = Ke(), x = y(() => u.value.xs || u.value.sm), v = rt(), P = y(() => v.restaurants.value), le = D(v.restaurants.value.length === 0);
+    q(
+      () => v.restaurants.value.length,
+      (e) => {
+        e > 0 && (le.value = !1);
+      }
+    );
+    const B = ot(), ye = Te(), xe = He(ye), {
+      fetchReportPermissions: re,
+      allReportPermissions: Re,
+      availableReportKeys: oe,
+      customReportKeys: Ie,
+      isLoaded: Fe
+    } = Qe(), L = d, ke = m, R = D(!1), we = () => {
+      R.value = !R.value, R.value && fe();
+    }, Ve = y(() => L.id ? a("hr.role.form.update") : a("hr.role.form.addTitle")), Ce = y(() => L.id ? a("common.update") : a("hr.role.form.add")), G = y(() => {
+      const e = Xe.filter(
+        (l) => l.subject !== be.F_RULE_SUBJECT.enum.report
+      ).map((l) => ae(l)), t = Re.value.map((l) => ae(l));
+      return [...e, ...t];
+    }), b = y(() => B.roles.value.find((e) => e._id == L.id)), N = () => ({
+      name: "",
+      restaurantIds: [],
+      permissions: [],
+      maxDiscountPercentage: 100
+    }), s = D(N()), J = D([]), K = D([]), ne = D([]), I = D(/* @__PURE__ */ new Map()), U = We(I), H = Ye("report");
+    function ue(e) {
+      const t = I.value.get(e);
+      return !!t && Object.keys(t).length > 0;
+    }
+    function ie(e, t) {
+      const l = U.getDraft({ subject: e, builderKey: t.builderKey });
+      return l ? l.formValue : t.fromCondition(
+        Ze(I.value.get(e), t)
+      );
+    }
+    function de(e, t, l) {
+      U.setDraft({ subject: e, builderKey: t.builderKey }, { formValue: l });
+    }
+    const Q = D(null);
+    function me(e, t) {
+      if (U.getDraftsForSubject(e).size === 0) {
+        t == null || t();
+        return;
+      }
+      const p = [];
+      for (const C of H) {
+        const O = U.getDraft({ subject: e, builderKey: C.builderKey });
+        O && p.push({ builder: C, form: O.formValue });
+      }
+      if (p.length === 0) {
+        t == null || t();
+        return;
+      }
+      const j = I.value.get(e), F = et(
+        j,
+        p.map(({ builder: C, form: O }) => ({ builder: C, formValue: O }))
+      ), k = new Map(I.value);
+      Object.keys(F).length === 0 ? k.delete(e) : k.set(e, F), I.value = k, U.clearDraftsForSubject(e), t == null || t();
+    }
+    function ce(e) {
+      return U.hasDraftsForSubject(e);
+    }
+    const De = y(() => [
+      {
+        title: a("hr.role.labels.operation"),
+        filter: (e) => e.isOrderOperation
+      },
+      {
+        title: a("hr.role.labels.report"),
+        filter: (e) => e.isReportPermission
+      },
+      {
+        title: a("hr.role.labels.other"),
+        filter: (e) => !e.isOrderOperation && !e.isReportPermission
+      }
+    ].map((e) => ({
+      title: e.title,
+      options: G.value.filter(e.filter).map(({ label: t, value: l }) => {
+        const p = a(`hr.role.form.permissionLabels.${l}`, t);
+        return l.startsWith($) && Ie.value.has(l.slice($.length)) ? {
+          label: `${p} ${a("hr.role.form.v8OnlyReportTag")}`,
+          value: l
+        } : {
+          label: p,
+          value: l
+        };
+      })
+    }))), g = y(() => {
+      var e;
+      return tt(((e = b.value) == null ? void 0 : e.permissions) || []);
+    }), $ = `${be.F_RULE_SUBJECT.enum.report}:`;
+    function X(e) {
+      return Fe.value ? e.filter(
+        (t) => !t.startsWith($) || oe.value.has(t.slice($.length))
+      ) : e;
+    }
+    function fe() {
+      var e;
+      if (s.value = N(), I.value = /* @__PURE__ */ new Map(), J.value = [], s.value.name = ((e = b.value) == null ? void 0 : e.name) ?? "", g.value)
+        s.value.restaurantIds = P.value.map((t) => t._id), s.value.permissions = G.value.map((t) => t.value);
+      else if (b.value) {
+        s.value.restaurantIds = b.value.restaurants.map((F) => F.id);
+        const t = new Set(G.value.map((F) => F.value)), { values: l, passthrough: p, dropped: j } = st(
+          b.value.permissions,
+          t
+        );
+        J.value = p, j.length > 0 && console.warn("Dropping corrupted role permissions (repaired on save):", j), s.value.permissions = X(l), s.value.maxDiscountPercentage = ge(
+          b.value.permissions
+        );
+        for (const F of b.value.permissions) {
+          const k = ae(F), C = lt(F);
+          C && I.value.set(k.value, C);
+        }
+      } else
+        s.value.restaurantIds = [...L.restaurantIds];
+      K.value = [...s.value.permissions], ne.value = [...s.value.restaurantIds];
+    }
+    Le(async () => {
+      await v.readRestaurants(), await re(), R.value || fe();
+    }), q(R, async (e) => {
+      e && await re();
+    }), q(oe, () => {
+      if (R.value && b.value && !g.value) {
+        s.value.permissions = X(s.value.permissions), K.value = X(K.value);
+        const e = new Map(I.value);
+        for (const t of e.keys())
+          t.startsWith($) && !s.value.permissions.includes(t) && e.delete(t);
+        I.value = e;
+      }
+    });
+    const Se = D(""), Pe = y(() => ({
+      restaurantIds: s.value.restaurantIds,
+      role: {
+        name: s.value.name,
+        permissions: [
+          ...at(
+            s.value.permissions,
+            s.value.maxDiscountPercentage,
+            I.value
+          ),
+          ...J.value
+        ]
+      }
+    })), Ue = async () => {
+      const e = Pe.value;
+      await xe.minor(
+        async () => {
+          if (b.value)
+            await B.updateRole(b.value._id, e);
+          else {
+            const t = new Set(B.roles.value.map((p) => p._id));
+            await B.createRole(e);
+            const l = B.roles.value.find((p) => !t.has(p._id));
+            l && ke("created", l._id);
+          }
+        },
+        {
+          successMessage: b.value ? a("hr.role.update.successMessage", { name: e.role.name }) : a("hr.role.add.successMessage", { name: e.role.name })
+        }
+      ), R.value = !1;
+    }, Y = y(
+      () => s.value.restaurantIds.filter((e) => P.value.some((t) => t._id === e))
+    ), Z = y(() => P.value.length > 0 && P.value.length === Y.value.length), je = y(() => Y.value.length > 0 && !Z.value), Ee = () => {
+      const e = s.value.restaurantIds.filter((t) => !Y.value.includes(t));
+      Z.value === !0 ? s.value.restaurantIds = e : s.value.restaurantIds = P.value.map((t) => t._id);
+    }, pe = (e) => e.map((l) => l.value).every((l) => s.value.permissions.includes(l)), Me = (e) => {
+      const t = e.filter(
+        (l) => s.value.permissions.includes(l.value)
+      ).length;
+      return t === 1 ? a("hr.role.form.permissionAllowed") : a("hr.role.form.permissionsAllowed", { count: t });
+    }, Oe = (e) => {
+      const t = s.value.permissions.filter(
+        (l) => !e.map((p) => p.value).includes(l)
+      );
+      pe(e) === !0 ? s.value.permissions = t : s.value.permissions = [...t, ...e.map((l) => l.value)];
+    };
+    q(
+      () => s.value.restaurantIds,
+      (e) => {
+        e.length > 0 && (Se.value = "");
+      }
+    );
+    const T = Je(
+      () => {
+        var e, t;
+        return !W.isEqual(s.value.name, ((e = b.value) == null ? void 0 : e.name) || N().name) || !W.isEqual(s.value.restaurantIds, ne.value) || !W.isEqual(s.value.permissions, K.value) || !W.isEqual(
+          s.value.maxDiscountPercentage,
+          b.value ? ge((t = b.value) == null ? void 0 : t.permissions) : N().maxDiscountPercentage
+        );
+      },
+      () => {
+        R.value = !1;
+      }
+    );
+    return n({
+      show: R,
+      trigger: we
+    }), (e, t) => {
+      const l = w("FmButton"), p = w("FmIcon"), j = w("FmTextField"), F = w("FmCircularProgress"), k = w("FmCheckbox"), C = w("FmFormGroup"), O = w("FmBottomSheet"), Ae = w("FmPopover"), ve = w("fm-button"), Be = w("fm-side-sheet");
+      return h(), E(Be, {
+        id: "unit-form",
+        modelValue: R.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (f) => R.value = f),
+        "is-container": o(qe).FmForm,
+        "is-container-props": {
+          onValidationSuccess: Ue,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 960,
+        "close-button": !1,
+        "onOn:clickedAway": o(T)
+      }, {
+        "side-sheet-header": V(() => [
+          c("div", ut, [
+            d.showBack ? (h(), E(l, {
+              key: 0,
+              icon: "arrow_back",
+              variant: "tertiary",
+              size: "md",
+              "text-color": "neutral-gray-500",
+              "data-testid": "role-form-back",
+              onClick: o(T)
+            }, null, 8, ["onClick"])) : te("", !0),
+            c("p", it, M(Ve.value), 1),
+            _(p, {
+              name: "close",
+              size: "md",
+              class: "cursor-pointer",
+              onClick: o(T)
+            }, null, 8, ["onClick"])
+          ])
+        ]),
+        "side-sheet-footer": V(() => [
+          c("div", Dt, [
+            _(ve, {
+              label: Ce.value,
+              size: "md",
+              type: "submit",
+              variant: "primary",
+              disabled: g.value
+            }, null, 8, ["label", "disabled"]),
+            _(ve, {
+              label: o(a)("common.cancel"),
+              size: "md",
+              variant: "tertiary",
+              onClick: o(T)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: V(() => [
+          c("div", dt, [
+            c("section", mt, [
+              c("p", ct, M(o(a)("hr.role.form.roleDetail")), 1),
+              _(j, {
+                modelValue: s.value.name,
+                "onUpdate:modelValue": t[0] || (t[0] = (f) => s.value.name = f),
+                autofocus: "",
+                rules: [(f) => !!f || o(a)("hr.role.form.required")],
+                label: o(a)("hr.role.form.name"),
+                placeholder: o(a)("hr.role.form.namePlaceholder"),
+                disabled: g.value
+              }, null, 8, ["modelValue", "rules", "label", "placeholder", "disabled"])
+            ]),
+            c("section", ft, [
+              c("p", pt, M(o(a)("hr.role.form.restaurant")), 1),
+              le.value ? (h(), S("div", vt, [
+                _(F)
+              ])) : (h(), E(C, {
+                key: 1,
+                modelValue: s.value.restaurantIds,
+                "onUpdate:modelValue": t[2] || (t[2] = (f) => s.value.restaurantIds = f),
+                rules: [(f) => f.length > 0 || o(a)("hr.role.form.atLeastOneRestaurant")]
+              }, {
+                default: V(() => [
+                  c("div", ht, [
+                    _(k, {
+                      "model-value": Z.value,
+                      indeterminate: je.value,
+                      label: o(a)("hr.role.form.all"),
+                      value: "1",
+                      disabled: g.value,
+                      "onUpdate:modelValue": Ee
+                    }, null, 8, ["model-value", "indeterminate", "label", "disabled"]),
+                    (h(!0), S(z, null, ee(P.value, (f) => (h(), E(k, {
+                      key: f._id,
+                      modelValue: s.value.restaurantIds,
+                      "onUpdate:modelValue": t[1] || (t[1] = (r) => s.value.restaurantIds = r),
+                      label: o(se)(f),
+                      value: f._id,
+                      disabled: g.value
+                    }, null, 8, ["modelValue", "label", "value", "disabled"]))), 128))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "rules"]))
+            ]),
+            c("section", bt, [
+              c("div", _t, [
+                c("p", gt, M(o(a)("hr.role.form.permissions")), 1),
+                c("p", yt, M(o(a)("hr.role.form.permissionsSubtitle")), 1)
+              ]),
+              c("div", xt, [
+                (h(!0), S(z, null, ee(De.value, (f) => (h(), S("div", {
+                  key: f.title
+                }, [
+                  _(Ge, {
+                    layout: "leading",
+                    "initially-collapsed": "",
+                    subtitle: Me(f.options)
+                  }, {
+                    title: V(() => [
+                      c("p", Rt, M(f.title), 1)
+                    ]),
+                    default: V(() => [
+                      c("div", It, [
+                        _(k, {
+                          "model-value": pe(f.options),
+                          label: o(a)("hr.role.form.all"),
+                          value: "1",
+                          disabled: g.value,
+                          "onUpdate:modelValue": (r) => Oe(f.options)
+                        }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]),
+                        t[6] || (t[6] = c("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1)),
+                        (h(!0), S(z, null, ee(f.options, (r) => (h(), S("div", {
+                          key: r.value
+                        }, [
+                          c("div", Ft, [
+                            _(k, {
+                              modelValue: s.value.permissions,
+                              "onUpdate:modelValue": t[3] || (t[3] = (i) => s.value.permissions = i),
+                              label: r.label,
+                              value: r.value,
+                              disabled: g.value,
+                              class: "flex-1"
+                            }, null, 8, ["modelValue", "label", "value", "disabled"]),
+                            r.value.startsWith("report:") ? (h(), S(z, { key: 0 }, [
+                              s.value.permissions.includes(r.value) ? (h(), S(z, { key: 0 }, [
+                                x.value ? (h(), E(O, {
+                                  key: 0,
+                                  "model-value": Q.value === r.value,
+                                  header: r.label,
+                                  "dismiss-away": "",
+                                  "z-index": 100,
+                                  class: "h-5 flex items-center",
+                                  "onUpdate:modelValue": (i) => {
+                                    Q.value = i ? r.value : null, i || o(U).clearDraftsForSubject(r.value);
+                                  }
+                                }, {
+                                  "bottom-sheet-button": V(() => [
+                                    c("div", kt, [
+                                      _(p, {
+                                        name: "settings",
+                                        size: "sm",
+                                        class: he([
+                                          "cursor-pointer transition-colors",
+                                          ue(r.value) ? "text-fm-color-primary-main" : "text-fm-color-neutral-gray-400 hover:text-fm-color-neutral-gray-600"
+                                        ])
+                                      }, null, 8, ["class"])
+                                    ])
+                                  ]),
+                                  default: V(() => [
+                                    _(_e, {
+                                      builders: o(H),
+                                      "form-value-for": (i) => ie(r.value, i),
+                                      "has-changes": ce(r.value),
+                                      disable: g.value,
+                                      "full-width": !0,
+                                      onUpdateForm: ({ builder: i, form: A }) => de(r.value, i, A),
+                                      onApply: (i) => me(r.value, () => Q.value = null)
+                                    }, null, 8, ["builders", "form-value-for", "has-changes", "disable", "onUpdateForm", "onApply"])
+                                  ]),
+                                  _: 2
+                                }, 1032, ["model-value", "header", "onUpdate:modelValue"])) : (h(), E(Ae, {
+                                  key: 1,
+                                  disabled: g.value,
+                                  "z-index": 100,
+                                  "exclude-el-from-click-outside": [St],
+                                  class: "h-5 flex items-center",
+                                  onPopoverChanged: (i) => {
+                                    i || o(U).clearDraftsForSubject(r.value);
+                                  }
+                                }, {
+                                  "popover-button": V(() => [
+                                    c("div", wt, [
+                                      _(p, {
+                                        name: "settings",
+                                        size: "sm",
+                                        class: he([
+                                          "cursor-pointer transition-colors",
+                                          ue(r.value) ? "text-fm-color-primary-main" : "text-fm-color-neutral-gray-400 hover:text-fm-color-neutral-gray-600"
+                                        ])
+                                      }, null, 8, ["class"])
+                                    ])
+                                  ]),
+                                  default: V(({ hide: i }) => [
+                                    _(_e, {
+                                      title: r.label,
+                                      builders: o(H),
+                                      "form-value-for": (A) => ie(r.value, A),
+                                      "has-changes": ce(r.value),
+                                      disable: g.value,
+                                      onUpdateForm: ({ builder: A, form: $e }) => de(r.value, A, $e),
+                                      onApply: (A) => me(r.value, i)
+                                    }, null, 8, ["title", "builders", "form-value-for", "has-changes", "disable", "onUpdateForm", "onApply"])
+                                  ]),
+                                  _: 2
+                                }, 1032, ["disabled", "exclude-el-from-click-outside", "onPopoverChanged"]))
+                              ], 64)) : (h(), E(p, {
+                                key: 1,
+                                name: "settings",
+                                size: "sm",
+                                class: "invisible"
+                              }))
+                            ], 64)) : te("", !0)
+                          ]),
+                          r.value === "order:discount" && s.value.permissions.includes(r.value) ? (h(), S("div", Vt, [
+                            c("div", Ct, M(o(a)("hr.role.form.maxDiscountPercentage")), 1),
+                            _(j, {
+                              modelValue: s.value.maxDiscountPercentage,
+                              "onUpdate:modelValue": t[4] || (t[4] = (i) => s.value.maxDiscountPercentage = i),
+                              rules: [
+                                (i) => !!i || o(a)("hr.role.form.required"),
+                                (i) => !isNaN(i) || o(a)("hr.role.form.onlyContainsNumber"),
+                                (i) => i <= 100 || o(a)("hr.role.form.maxValueIs", { max: 100 }),
+                                (i) => i >= 0 || o(a)("hr.role.form.minValueIs", { min: 0 })
+                              ],
+                              "append-text": "%",
+                              disabled: g.value
+                            }, null, 8, ["modelValue", "rules", "disabled"])
+                          ])) : te("", !0)
+                        ]))), 128))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["subtitle"])
+                ]))), 128))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]);
+    };
+  }
+});
+export {
+  Xt as _,
+  qt as a,
+  Jt as b,
+  Qt as c,
+  nt as d,
+  Ht as p,
+  Gt as r,
+  Wt as s,
+  Tt as t
+};