@feedmepos/mf-menu 0.18.17 → 0.19.0-beta.2

package/dist/GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-Q7es2wmt.js

@@ -0,0 +1,237 @@
+import { b as k, d as c, u as q, n as G, I as j, g as C } from "./app-t9ONnc0s.js";
+import { defineComponent as H, computed as F, ref as V, watch as J, onMounted as K, resolveComponent as s, openBlock as _, createElementBlock as y, Fragment as S, renderSlot as Q, createVNode as i, unref as o, withCtx as d, createTextVNode as W, toDisplayString as I, createElementVNode as O, renderList as X, createBlock as R, createCommentVNode as h } from "vue";
+import { c as Y } from "./string-DpfFixWH.js";
+import { useDialog as Z, components as ee, FmButtonColorThemeVariant as L, FmButtonVariant as ae } from "@feedmepos/ui-library";
+import { L as te } from "./LinkProductSideSheet-BNdFZThd.js";
+var le = /* @__PURE__ */ ((p) => (p.AUTO = "auto", p.MANUAL = "manual", p))(le || {});
+class T {
+  static fromCatalog(e, n) {
+    const g = n ? k.F_ORDER_FROM.enum.ALL : k.F_ORDER_FROM.enum.NONE;
+    return {
+      ...c(e),
+      taxSetting: this.transformTax(e.inclusiveTaxes),
+      orderFrom: e.defaultOrderFrom || g,
+      markupOptions: e.markupOptions || null
+    };
+  }
+  static fromMainCatalog(e) {
+    return {
+      _id: "",
+      name: "Main",
+      taxSetting: T.transformTax(e == null ? void 0 : e.inclusiveTaxes),
+      orderFrom: k.F_ORDER_FROM.enum.ALL,
+      markupOptions: null
+    };
+  }
+  static toCatalog(e) {
+    return {
+      _id: e._id,
+      name: e.name,
+      inclusiveTaxes: e.taxSetting.mode === "auto" ? null : c(e.taxSetting.inclusive),
+      markupOptions: e.markupOptions,
+      defaultOrderFrom: e.orderFrom
+    };
+  }
+  static initCatalogSetting() {
+    return {
+      _id: "",
+      name: "",
+      orderFrom: k.F_ORDER_FROM.enum.ALL,
+      taxSetting: this.autoTax(),
+      markupOptions: null
+    };
+  }
+  static transformTax(e) {
+    return e ? {
+      mode: "manual",
+      inclusive: c(e)
+    } : {
+      mode: "auto"
+      /* AUTO */
+    };
+  }
+  static autoTax() {
+    return {
+      mode: "auto"
+      /* AUTO */
+    };
+  }
+  static manualTax(e) {
+    return { mode: "manual", inclusive: c(e) };
+  }
+}
+const oe = { class: "space-y-16" }, ne = { class: "ml-32 mt-16 space-y-8" }, re = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, ce = /* @__PURE__ */ H({
+  __name: "GroupMarkupPriceDialog",
+  props: {
+    modelValue: {},
+    items: {},
+    categories: {},
+    action: {}
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: e }) {
+    const n = p, g = q();
+    Z();
+    const { t: r } = G(), M = e, w = F(() => n.action === "add" ? r("menu.markup.dialog.title.add") : r("menu.markup.dialog.title.update")), m = V(!1), b = (t) => {
+      C.isBoolean(t) ? m.value = t : m.value = !m.value;
+    }, a = V(
+      n.modelValue ? c(n.modelValue) : {
+        percentage: 0,
+        includeItems: null
+      }
+    );
+    J(
+      () => m.value,
+      (t) => {
+        t && (a.value = n.modelValue ? c(n.modelValue) : {
+          percentage: 0,
+          includeItems: null
+        });
+      }
+    ), F(
+      () => j(g.variants, n.categories, n.items)
+    );
+    function z(t) {
+      a.value = {
+        ...a.value,
+        includeItems: t
+      };
+    }
+    const f = V(
+      0
+      /* ALL */
+    );
+    function A(t) {
+      f.value = t, a.value = {
+        ...a.value,
+        includeItems: t === 0 ? null : []
+      };
+    }
+    const D = F(() => [
+      {
+        label: r("menu.markup.dialog.options.all"),
+        value: 0
+        /* ALL */
+      },
+      {
+        label: r("menu.markup.dialog.options.custom"),
+        value: 1
+        /* CUSTOM */
+      }
+    ]);
+    async function E() {
+      M("update:model-value", a.value), b(!1);
+    }
+    return K(() => {
+      f.value = a.value && a.value.includeItems === null ? 0 : 1;
+    }), (t, u) => {
+      const N = s("fm-icon"), B = s("fm-stepper-field"), U = s("fm-radio"), P = s("fm-radio-group"), x = s("fm-button"), $ = s("fm-dialog");
+      return _(), y(S, null, [
+        Q(t.$slots, "default", { trigger: b }),
+        i($, {
+          modelValue: m.value,
+          "onUpdate:modelValue": u[3] || (u[3] = (v) => m.value = v),
+          "is-component": o(ee).FmForm,
+          "is-component-props": {
+            onValidationSuccess: E
+          },
+          "z-index": 101
+        }, {
+          "dialog-header": d(() => [
+            W(I(w.value), 1)
+          ]),
+          "dialog-footer": d(() => [
+            i(x, {
+              class: "sm:w-full xs:w-full ml-auto",
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: u[2] || (u[2] = (v) => b(!1))
+            }),
+            i(x, {
+              label: o(Y)(t.action),
+              class: "sm:w-full xs:w-full",
+              size: "md",
+              type: "submit",
+              variant: "primary"
+            }, null, 8, ["label"])
+          ]),
+          default: d(() => {
+            var v;
+            return [
+              O("div", oe, [
+                i(B, {
+                  modelValue: a.value.percentage,
+                  "onUpdate:modelValue": u[0] || (u[0] = (l) => a.value.percentage = l),
+                  decimal: 0,
+                  max: 100,
+                  min: 0,
+                  rules: [
+                    (l) => o(C).isSet(l) && l >= 0 || o(r)("menu.markup.dialog.fields.percentage.required")
+                  ],
+                  label: o(r)("menu.markup.dialog.fields.percentage.label"),
+                  placeholder: o(r)("menu.markup.dialog.fields.percentage.placeholder")
+                }, {
+                  prepend: d(() => [
+                    i(N, { name: "percent" })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "rules", "label", "placeholder"]),
+                O("div", null, [
+                  i(P, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": [
+                      u[1] || (u[1] = (l) => f.value = l),
+                      A
+                    ],
+                    class: "space-y-8"
+                  }, {
+                    default: d(() => [
+                      (_(!0), y(S, null, X(D.value, (l) => (_(), R(U, {
+                        key: l.value,
+                        label: l.label,
+                        value: l.value
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  O("div", ne, [
+                    i(te, {
+                      title: "Link products",
+                      "categorized-items": o(g).categorizedItems,
+                      "initial-value": a.value.includeItems || [],
+                      "show-variant": !1,
+                      onSubmit: z
+                    }, {
+                      default: d(({ trigger: l }) => [
+                        f.value === 1 ? (_(), R(x, {
+                          key: 0,
+                          "text-color": o(L).ColorPrimary,
+                          "border-color": o(L).ColorPrimary,
+                          variant: o(ae).Secondary,
+                          label: o(r)("menu.markup.dialog.products.link"),
+                          "prepend-icon": "link",
+                          onClick: l
+                        }, null, 8, ["text-color", "border-color", "variant", "label", "onClick"])) : h("", !0)
+                      ]),
+                      _: 1
+                    }, 8, ["categorized-items", "initial-value"]),
+                    (v = a.value.includeItems) != null && v.length ? (_(), y("p", re, I(o(r)("menu.markup.dialog.products.count", { count: a.value.includeItems.length })), 1)) : h("", !0)
+                  ])
+                ])
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue", "is-component", "is-component-props"])
+      ], 64);
+    };
+  }
+});
+export {
+  T as C,
+  ce as _,
+  le as a
+};