@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/{Ingredient-CGLfhbvN.js → Ingredient-CJHkJZ0y.js}

@@ -1,31 +1,29 @@
-import { defineComponent as ue, computed as f, ref as E, shallowRef as ne, h as $e, withModifiers as le, onUnmounted as Ae, resolveComponent as m, openBlock as i, createBlock as C, unref as e, withCtx as y, createElementBlock as r, toDisplayString as _, Fragment as I, createElementVNode as v, createVNode as d, renderList as T, createCommentVNode as M, mergeProps as ae, createTextVNode as Ne } from "vue";
+import { defineComponent as ie, computed as f, ref as T, shallowRef as ne, h as $e, withModifiers as le, onUnmounted as Ae, resolveComponent as m, openBlock as u, createBlock as F, unref as e, withCtx as y, createElementBlock as c, toDisplayString as _, Fragment as I, createElementVNode as v, createVNode as d, renderList as z, createCommentVNode as M, mergeProps as ae, createTextVNode as Ne } from "vue";
 import { useRouter as De } from "vue-router";
 import { useI18n as Le } from "@feedmepos/mf-common";
-import { useDialog as ze, useBreakpoints as Ee, components as oe, FmButtonVariant as Te } from "@feedmepos/ui-library";
+import { useDialog as Ee, useBreakpoints as Te, components as oe, FmButtonVariant as ze } from "@feedmepos/ui-library";
+import { _ as Re } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
 import { _ as se } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Re } from "./BindingLinkDialog.vue_vue_type_script_setup_true_lang-BZVQRyRI.js";
-import { _ as ie } from "./BindingTable.vue_vue_type_script_setup_true_lang-CWe5_Sm5.js";
-import { _ as qe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as Pe } from "./useActionFeedback-CXx7dOVc.js";
-import { u as Ke } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Oe, u as Qe, a as je } from "./provide-Bwf3KcOV.js";
-const Ge = {
+import { _ as qe } from "./BindingLinkDialog.vue_vue_type_script_setup_true_lang-BZVQRyRI.js";
+import { _ as ue } from "./BindingTable.vue_vue_type_script_setup_true_lang-DCgMQJE-.js";
+import { _ as Pe } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { u as Ke } from "./useActionFeedback-CElXij1W.js";
+import { u as Oe } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Qe, u as je, a as Ge } from "./provide-BGLSDsuJ.js";
+const He = {
   key: 0,
   class: "flex-1 flex justify-between gap-8 pl-8"
-}, He = { class: "flex items-center" }, Je = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, We = { class: "fm-typo-en-body-md-600" }, Xe = {
+}, Je = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Xe = { class: "fm-typo-en-body-md-600" }, Ye = {
   key: 0,
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, Ye = {
+}, Ze = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, Ze = { class: "flex justify-end items-center" }, et = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, tt = {
+}, et = { class: "flex justify-end items-center" }, tt = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, nt = {
   key: 1,
   class: "flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, nt = ["onClick"], lt = { class: "min-w-0 flex-1" }, at = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, it = {
-  key: 2,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, ut = { class: "fm-typo-en-title-md-600" }, dt = {
+}, lt = ["onClick"], at = { class: "min-w-0 flex-1" }, ot = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, ut = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, it = { class: "fm-typo-en-title-md-600" }, dt = {
   key: 0,
   class: "pt-8 flex flex-col gap-8"
 }, mt = {
@@ -35,21 +33,21 @@ const Ge = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-system-error-500",
   role: "alert"
-}, pt = { class: "flex gap-8 items-center justify-start" }, bt = /* @__PURE__ */ ue({
+}, pt = { class: "flex gap-8 items-center justify-start" }, bt = /* @__PURE__ */ ie({
   __name: "IngredientList",
   props: {
     sdk: {}
   },
   setup(R) {
-    const F = R, { t } = Le(), w = Oe(), q = ze(), de = De(), { run: P } = Pe(), x = Qe(F.sdk.sku.list), c = f(
+    const h = R, { t } = Le(), w = Qe(), q = Ee(), de = De(), { run: P } = Ke(), x = je(h.sdk.sku.list), r = f(
       () => x.value.status === "ready" ? x.value.value : null
     ), me = f(() => {
       var n;
-      return ((n = c.value) == null ? void 0 : n.query) ?? "";
-    }), { breakpoints: re } = Ee(), A = f(() => re.value.xs), ce = f(() => {
+      return ((n = r.value) == null ? void 0 : n.query) ?? "";
+    }), { breakpoints: re } = Te(), A = f(() => re.value.xs), ce = f(() => {
       var n;
-      return [...((n = c.value) == null ? void 0 : n.rows) ?? []];
-    }), g = E(!1), N = E(!1), V = E("recipe"), s = ne(F.sdk.sku.editor()), S = ne(
+      return [...((n = r.value) == null ? void 0 : n.rows) ?? []];
+    }), g = T(!1), N = T(!1), V = T("recipe"), s = ne(h.sdk.sku.editor()), S = ne(
       s.value.get()
     );
     let D = s.value.subscribe(
@@ -59,7 +57,7 @@ const Ge = {
     );
     const a = f(
       () => S.value.status === "ready" ? S.value.value : null
-    ), p = Ke(() => s.value), K = f(
+    ), p = Oe(() => s.value), K = f(
       () => a.value ? p.issue(a.value.fieldIssues, "name") ?? a.value.nameIssue : null
     ), O = f(
       () => a.value ? p.issue(a.value.fieldIssues, "code") ?? a.value.codeIssue : null
@@ -81,7 +79,7 @@ const Ge = {
       )["onUpdate:modelValue"](l);
     }
     function H(n) {
-      D(), s.value.dispose(), s.value = F.sdk.sku.editor(n), S.value = s.value.get(), D = s.value.subscribe(
+      D(), s.value.dispose(), s.value = h.sdk.sku.editor(n), S.value = s.value.get(), D = s.value.subscribe(
         (l) => {
           S.value = l;
         }
@@ -89,7 +87,7 @@ const Ge = {
     }
     function L() {
       var n;
-      ((n = c.value) == null ? void 0 : n.create.state) === "allowed" && (H(), g.value = !0);
+      ((n = r.value) == null ? void 0 : n.create.state) === "allowed" && (H(), g.value = !0);
     }
     function J(n) {
       H(n.id), g.value = !0;
@@ -140,14 +138,14 @@ const Ge = {
         primaryActions: {
           text: t("menu.common.actions.remove"),
           close: !0,
-          variant: Te.Destructive
+          variant: ze.Destructive
         },
         secondaryActions: {
           text: t("menu.common.actions.cancel"),
           close: !0
         }
       }).onPrimary(async () => {
-        await P(() => F.sdk.sku.remove(n.id), {
+        await P(() => h.sdk.sku.remove(n.id), {
           successMessage: t("menu.sku.form.removed", { name: n.name })
         });
       });
@@ -214,20 +212,20 @@ const Ge = {
       D(), s.value.dispose();
     }), (n, l) => {
       const k = m("FmButton"), U = m("FmCircularProgress"), ge = m("FmSearch"), _e = m("FmTable"), Z = m("FmTextField"), xe = m("FmLabel"), Fe = m("FmField"), he = m("FmMenuHeader"), Ce = m("FmMenuDivider"), we = m("FmMenuItem"), Ie = m("FmMenu"), Me = m("FmFormGroup"), Se = m("FmSwitch"), Ue = m("FmSelect"), Be = m("FmCard"), Ve = m("FmSideSheet");
-      return i(), C(qe, {
+      return u(), F(Pe, {
         "data-visual-root": "sku",
         heading: e(t)("menu.ingredient.title")
       }, {
         "append-heading": y(() => [
-          e(x).status === "ready" && c.value ? (i(), r("div", Ge, [
-            v("div", He, [
-              v("div", Je, [
-                v("p", We, _(c.value.totalCount), 1)
+          e(x).status === "ready" && r.value ? (u(), c("div", He, [
+            v("div", Je, [
+              v("div", We, [
+                v("p", Xe, _(r.value.totalCount), 1)
               ])
             ]),
-            c.value.totalCount > 0 && !A.value ? (i(), C(k, {
+            r.value.totalCount > 0 && !A.value ? (u(), F(k, {
               key: 0,
-              disabled: c.value.create.state !== "allowed",
+              disabled: r.value.create.state !== "allowed",
               label: e(t)("menu.ingredient.actions.add"),
               "prepend-icon": "add",
               onClick: L
@@ -237,7 +235,7 @@ const Ge = {
         default: y(() => {
           var ee;
           return [
-            e(x).status === "error" ? (i(), r("p", Xe, _(e(w)(e(x).error.message)), 1)) : e(x).status === "unavailable" ? (i(), r("p", Ye, _(e(w)(e(x).reason)), 1)) : e(x).status === "loading" ? (i(), C(U, { key: 2 })) : c.value && c.value.totalCount === 0 ? (i(), C(e(se), {
+            e(x).status === "error" ? (u(), c("p", Ye, _(e(w)(e(x).error.message)), 1)) : e(x).status === "unavailable" ? (u(), c("p", Ze, _(e(w)(e(x).reason)), 1)) : e(x).status === "loading" ? (u(), F(U, { key: 2 })) : r.value && r.value.totalCount === 0 ? (u(), F(e(se), {
               key: 3,
               action: {
                 text: e(t)("menu.ingredient.empty.action"),
@@ -245,28 +243,28 @@ const Ge = {
               },
               title: e(t)("menu.ingredient.empty.title"),
               subtitle: e(t)("menu.ingredient.empty.subtitle")
-            }, null, 8, ["action", "title", "subtitle"])) : c.value ? (i(), r(I, { key: 4 }, [
-              v("div", Ze, [
-                v("div", et, [
+            }, null, 8, ["action", "title", "subtitle"])) : r.value ? (u(), c(I, { key: 4 }, [
+              v("div", et, [
+                v("div", tt, [
                   d(ge, {
                     autofocus: "",
                     class: "mb-8",
                     "model-value": me.value,
                     placeholder: e(t)("menu.ingredient.table.search.placeholder"),
-                    "onUpdate:modelValue": F.sdk.sku.search
+                    "onUpdate:modelValue": h.sdk.sku.search
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ])
               ]),
-              A.value ? (i(), r("div", tt, [
-                (i(!0), r(I, null, T(c.value.rows, (o) => (i(), r("div", {
+              A.value ? (u(), c("div", nt, [
+                (u(!0), c(I, null, z(r.value.rows, (o) => (u(), c("div", {
                   key: o.id,
                   class: "py-12 px-16 flex space-x-8 items-center",
-                  onClick: (h) => J(o)
+                  onClick: (C) => J(o)
                 }, [
-                  v("div", lt, [
-                    v("p", at, _(o.name), 1),
-                    v("p", ot, _(e(t)("menu.ingredient.table.mobile.code", { code: o.code })), 1),
-                    v("p", st, _(e(t)("menu.ingredient.table.mobile.unit", {
+                  v("div", at, [
+                    v("p", ot, _(o.name), 1),
+                    v("p", st, _(e(t)("menu.ingredient.table.mobile.code", { code: o.code })), 1),
+                    v("p", ut, _(e(t)("menu.ingredient.table.mobile.unit", {
                       unit: e(t)("menu.sku.unit_option", {
                         name: o.unitName,
                         symbol: o.unitSymbol
@@ -280,28 +278,31 @@ const Ge = {
                     "prepend-icon": "delete",
                     "text-color": "neutral-gray-400",
                     variant: "tertiary",
-                    onClick: le((h) => W(o), ["stop"])
+                    onClick: le((C) => W(o), ["stop"])
                   }, null, 8, ["aria-label", "disabled", "onClick"])
-                ], 8, nt))), 128))
-              ])) : (i(), C(_e, {
+                ], 8, lt))), 128))
+              ])) : (u(), F(_e, {
                 key: 0,
                 "column-defs": be.value,
                 "hide-footer": "",
-                "page-size": Math.max(c.value.rows.length, 1),
+                "page-size": Math.max(r.value.rows.length, 1),
                 "pin-header-row": "",
                 "row-data": ce.value,
                 "shrink-at": !1,
                 onRowClick: l[0] || (l[0] = (o) => J(o.original))
               }, null, 8, ["column-defs", "page-size", "row-data"])),
-              c.value.totalCount > 0 && A.value ? (i(), r("div", it, [
-                d(k, {
-                  disabled: c.value.create.state !== "allowed",
-                  label: e(t)("menu.ingredient.actions.add"),
-                  "prepend-icon": "add",
-                  variant: "fab",
-                  onClick: L
-                }, null, 8, ["disabled", "label"])
-              ])) : M("", !0)
+              r.value.totalCount > 0 && A.value ? (u(), F(Re, { key: 2 }, {
+                default: y(() => [
+                  d(k, {
+                    disabled: r.value.create.state !== "allowed",
+                    label: e(t)("menu.ingredient.actions.add"),
+                    "prepend-icon": "add",
+                    variant: "fab",
+                    onClick: L
+                  }, null, 8, ["disabled", "label"])
+                ]),
+                _: 1
+              })) : M("", !0)
             ], 64)) : M("", !0),
             d(Ve, {
               modelValue: g.value,
@@ -314,16 +315,16 @@ const Ge = {
               "side-sheet-header": y(() => {
                 var o;
                 return [
-                  v("p", ut, _(((o = a.value) == null ? void 0 : o.mode) === "update" ? e(t)("menu.sku.update") : e(t)("menu.sku.add")), 1)
+                  v("p", it, _(((o = a.value) == null ? void 0 : o.mode) === "update" ? e(t)("menu.sku.update") : e(t)("menu.sku.add")), 1)
                 ];
               }),
               "side-sheet-footer": y(() => {
-                var o, h;
+                var o, C;
                 return [
                   v("div", pt, [
                     d(k, {
                       disabled: ((o = a.value) == null ? void 0 : o.submit.state) !== "allowed",
-                      label: ((h = a.value) == null ? void 0 : h.mode) === "update" ? e(t)("menu.common.actions.update") : e(t)("menu.common.actions.add"),
+                      label: ((C = a.value) == null ? void 0 : C.mode) === "update" ? e(t)("menu.common.actions.update") : e(t)("menu.common.actions.add"),
                       size: "lg",
                       type: "submit",
                       variant: "primary"
@@ -332,33 +333,33 @@ const Ge = {
                       label: e(t)("menu.common.actions.cancel"),
                       size: "lg",
                       variant: "tertiary",
-                      onClick: l[9] || (l[9] = (z) => g.value = !1)
+                      onClick: l[9] || (l[9] = (E) => g.value = !1)
                     }, null, 8, ["label"])
                   ])
                 ];
               }),
               default: y(() => {
-                var o, h, z, te;
+                var o, C, E, te;
                 return [
-                  (o = a.value) != null && o.noUnits ? (i(), r("div", dt, [
+                  (o = a.value) != null && o.noUnits ? (u(), c("div", dt, [
                     d(e(se), {
                       action: { text: e(t)("menu.unit.add"), callback: ke },
                       title: e(t)("menu.sku.empty.no_unit"),
                       subtitle: e(t)("menu.sku.empty.subtitle")
                     }, null, 8, ["action", "title", "subtitle"])
-                  ])) : (i(), r("div", mt, [
+                  ])) : (u(), c("div", mt, [
                     v("div", rt, [
                       d(Z, ae({
                         class: "flex-2",
                         "error-messages": O.value ? [e(w)(O.value)] : [],
                         label: e(t)("menu.sku.columns.code"),
-                        "model-value": ((h = a.value) == null ? void 0 : h.code) ?? ""
+                        "model-value": ((C = a.value) == null ? void 0 : C.code) ?? ""
                       }, e(p).field("code", s.value.setCode)), null, 16, ["error-messages", "label", "model-value"]),
                       d(Z, ae({
                         class: "flex-1",
                         "error-messages": K.value ? [e(w)(K.value)] : [],
                         label: e(t)("menu.sku.columns.name"),
-                        "model-value": ((z = a.value) == null ? void 0 : z.name) ?? ""
+                        "model-value": ((E = a.value) == null ? void 0 : E.name) ?? ""
                       }, e(p).field("name", s.value.setName)), null, 16, ["error-messages", "label", "model-value"])
                     ]),
                     d(Me, {
@@ -392,14 +393,14 @@ const Ge = {
                             var B;
                             return [
                               v("div", ct, [
-                                (i(!0), r(I, null, T(((B = a.value) == null ? void 0 : B.unitGroups) ?? [], (u) => (i(), r(I, {
-                                  key: u.unitId
+                                (u(!0), c(I, null, z(((B = a.value) == null ? void 0 : B.unitGroups) ?? [], (i) => (u(), c(I, {
+                                  key: i.unitId
                                 }, [
                                   d(he, {
-                                    label: u.name
+                                    label: i.name
                                   }, null, 8, ["label"]),
                                   d(Ce),
-                                  (i(!0), r(I, null, T(u.options, (b) => (i(), C(we, {
+                                  (u(!0), c(I, null, z(i.options, (b) => (u(), F(we, {
                                     key: `${b.unitId}:${b.measurementId ?? "base"}`,
                                     label: e(t)("menu.sku.unit_option", {
                                       name: b.name,
@@ -434,40 +435,40 @@ const Ge = {
                             "model-value": (($ = a.value) == null ? void 0 : $.convertible) ?? !1,
                             sublabel: e(t)("menu.sku.convertible.sublabel"),
                             "label-placement": "right",
-                            "onUpdate:modelValue": l[1] || (l[1] = (u) => (e(p).touch("convert"), s.value.setConvertible(u)))
+                            "onUpdate:modelValue": l[1] || (l[1] = (i) => (e(p).touch("convert"), s.value.setConvertible(i)))
                           }, null, 8, ["label", "model-value", "sublabel"]),
-                          (B = a.value) != null && B.convertible ? (i(), r(I, { key: 0 }, [
+                          (B = a.value) != null && B.convertible ? (u(), c(I, { key: 0 }, [
                             d(Ue, {
-                              items: a.value.convertOptions.map((u) => ({
+                              items: a.value.convertOptions.map((i) => ({
                                 label: e(t)("menu.sku.convert_option", {
-                                  name: u.name,
-                                  symbol: u.symbol
+                                  name: i.name,
+                                  symbol: i.symbol
                                 }),
-                                value: u.measurementId
+                                value: i.measurementId
                               })),
                               label: e(t)("menu.sku.convertible.convert_to"),
                               "model-value": a.value.convertMeasurementId,
-                              "onUpdate:modelValue": l[2] || (l[2] = (u) => s.value.selectConvertMeasurement(u))
+                              "onUpdate:modelValue": l[2] || (l[2] = (i) => s.value.selectConvertMeasurement(i))
                             }, null, 8, ["items", "label", "model-value"]),
-                            d(ie, {
+                            d(ue, {
                               kind: "recipe",
                               disabled: X.value,
                               rows: j(a.value.recipeBindings),
-                              onLink: l[3] || (l[3] = (u) => Y("recipe")),
-                              onRemove: l[4] || (l[4] = (u) => (e(p).touch("convert"), s.value.removeBinding(u))),
+                              onLink: l[3] || (l[3] = (i) => Y("recipe")),
+                              onRemove: l[4] || (l[4] = (i) => (e(p).touch("convert"), s.value.removeBinding(i))),
                               onUpdateAmount: G,
-                              onUpdateMeasurement: l[5] || (l[5] = (u, b) => s.value.setBindingMeasurement(u, b))
+                              onUpdateMeasurement: l[5] || (l[5] = (i, b) => s.value.setBindingMeasurement(i, b))
                             }, null, 8, ["disabled", "rows"]),
-                            d(ie, {
+                            d(ue, {
                               kind: "ingredient",
                               disabled: X.value,
                               rows: j(a.value.ingredientBindings),
-                              onLink: l[6] || (l[6] = (u) => Y("ingredient")),
-                              onRemove: l[7] || (l[7] = (u) => (e(p).touch("convert"), s.value.removeBinding(u))),
+                              onLink: l[6] || (l[6] = (i) => Y("ingredient")),
+                              onRemove: l[7] || (l[7] = (i) => (e(p).touch("convert"), s.value.removeBinding(i))),
                               onUpdateAmount: G,
-                              onUpdateMeasurement: l[8] || (l[8] = (u, b) => s.value.setBindingMeasurement(u, b))
+                              onUpdateMeasurement: l[8] || (l[8] = (i, b) => s.value.setBindingMeasurement(i, b))
                             }, null, 8, ["disabled", "rows"]),
-                            Q.value ? (i(), r("p", vt, _(e(w)(Q.value)), 1)) : M("", !0)
+                            Q.value ? (u(), c("p", vt, _(e(w)(Q.value)), 1)) : M("", !0)
                           ], 64)) : M("", !0)
                         ];
                       }),
@@ -478,7 +479,7 @@ const Ge = {
               }),
               _: 1
             }, 8, ["modelValue", "is-container", "is-container-props"]),
-            d(Re, {
+            d(qe, {
               modelValue: N.value,
               "onUpdate:modelValue": l[11] || (l[11] = (o) => N.value = o),
               candidates: fe.value,
@@ -493,13 +494,13 @@ const Ge = {
       }, 8, ["heading"]);
     };
   }
-}), St = /* @__PURE__ */ ue({
+}), Ut = /* @__PURE__ */ ie({
   __name: "Ingredient",
   setup(R) {
-    const F = je();
-    return (t, w) => (i(), C(bt, { sdk: e(F) }, null, 8, ["sdk"]));
+    const h = Ge();
+    return (t, w) => (u(), F(bt, { sdk: e(h) }, null, 8, ["sdk"]));
   }
 });
 export {
-  St as default
+  Ut as default
 };

package/dist/{LinkProductSideSheet.vue_vue_type_script_setup_true_lang-C0rc1FRO.js → LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.js}

@@ -2,7 +2,7 @@ import { defineComponent as Ge, ref as V, computed as h, watch as ue, resolveCom
 import { d as Ue } from "./vuedraggable-CBtQLb_S.js";
 import { useI18n as je, ItemSelector as $e } from "@feedmepos/mf-common";
 import { components as ze } from "@feedmepos/ui-library";
-import { r as Me } from "./provide-Bwf3KcOV.js";
+import { r as Me } from "./provide-BGLSDsuJ.js";
 import { r as Be, a as re } from "./ruleValueKey-BF52PuHb.js";
 import { _ as De } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
 import { u as Ke } from "./useEditorValidation-Ctef5Bxt.js";