@feedmepos/mf-order-setting 0.0.20 → 0.0.21-beta.2

package/dist/{KioskDevicesView-BnU_Z30B.js → KioskDevicesView-TgyDh8aI.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-2dGio8Lw.js";
+import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-CiYEoMoW.js";
 export {
   f as default
 };

package/dist/{KioskDevicesView.vue_vue_type_script_setup_true_lang-2dGio8Lw.js → KioskDevicesView.vue_vue_type_script_setup_true_lang-CiYEoMoW.js}

@@ -2,7 +2,8 @@ import { defineComponent as g, ref as D, resolveComponent as f, openBlock as i,
 import { useDialog as O, useSnackbar as q } from "@feedmepos/ui-library";
 import { useI18n as I } from "@feedmepos/mf-common";
 import { defineStore as N } from "pinia";
-import { r as w, g as K, D as T } from "./dayjs.min-BJrst4DM.js";
+import { r as w, g as K, D as T } from "./dayjs.min-CLR5r0qf.js";
+import "./auth.dto-C5PLip9a.js";
 const U = /* @__PURE__ */ g({
   __name: "KioskUnbindConfirm",
   props: {
@@ -165,7 +166,7 @@ const P = {
       ]);
     };
   }
-}), ne = { class: "flex flex-col gap-2" }, oe = { class: "flex flex-col gap-2" }, se = { class: "fm-typo-en-title-sm-600 block" }, ie = { class: "fm-typo-en-body-md-400 block" }, ae = { class: "flex flex-col gap-6" }, pe = /* @__PURE__ */ g({
+}), ne = { class: "flex flex-col gap-2" }, oe = { class: "flex flex-col gap-2" }, se = { class: "fm-typo-en-title-sm-600 block" }, ie = { class: "fm-typo-en-body-md-400 block" }, ae = { class: "flex flex-col gap-6" }, fe = /* @__PURE__ */ g({
   __name: "KioskDevicesView",
   props: {
     devices: {},
@@ -201,6 +202,6 @@ const P = {
   }
 });
 export {
-  pe as _,
+  fe as _,
   z as u
 };

package/dist/KioskSettingView-fbOxH9m8.js

@@ -0,0 +1,649 @@
+import { defineComponent as $, computed as C, resolveComponent as k, openBlock as y, createElementBlock as T, createVNode as i, unref as l, withDirectives as B, createElementVNode as u, toDisplayString as V, vShow as K, createBlock as M, createCommentVNode as q, ref as A, onMounted as ne, Fragment as Q, withCtx as F, createTextVNode as te, renderList as Z } from "vue";
+import { useI18n as E } from "@feedmepos/mf-common";
+import { F as N, c as v } from "./auth.dto-C5PLip9a.js";
+import { _ as le, u as de } from "./index-DSCb3ndM.js";
+import { useSnackbar as ie } from "@feedmepos/ui-library";
+function oe(S, g) {
+  let e = S.toString(), n = g - e.length;
+  return n > 0 && (e = Array(n + 1).join("0") + e), e;
+}
+const se = {
+  applyPadDigits: oe
+}, ue = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, pe = { class: "fm-typo-en-title-sm-600" }, re = { class: "flex flex-col gap-10" }, me = { class: "flex flex-row gap-2" }, ce = /* @__PURE__ */ $({
+  __name: "KioskDisplayStandSection",
+  props: {
+    displayStand: {}
+  },
+  emits: ["updateDisplayStand"],
+  setup(S, { emit: g }) {
+    const { t: e } = E(), n = S, p = g, m = (o) => o < 0 ? e("order.nonNegativeRule") : !0, s = (o) => o <= (n.displayStand.standSlotRange.min ?? 0) ? e("order.greaterThanMinRule") : !0, b = C(() => [m]), c = C(() => [m]), r = C(() => [m, s]);
+    C(() => {
+      const a = se.applyPadDigits(5, n.displayStand.padDigit ?? 0);
+      return `Preview: ${n.displayStand.prefix}${a}`;
+    });
+    function P(o) {
+      p("updateDisplayStand", {
+        ...n.displayStand,
+        enabled: o
+      });
+    }
+    function h(o) {
+      o && p("updateDisplayStand", {
+        ...n.displayStand,
+        standSlotRange: {
+          ...n.displayStand.standSlotRange,
+          min: o
+        }
+      });
+    }
+    function x(o) {
+      o && p("updateDisplayStand", {
+        ...n.displayStand,
+        standSlotRange: {
+          ...n.displayStand.standSlotRange,
+          max: o
+        }
+      });
+    }
+    function R(o) {
+      p("updateDisplayStand", {
+        ...n.displayStand,
+        prefix: o
+      });
+    }
+    function I(o) {
+      o && p("updateDisplayStand", {
+        ...n.displayStand,
+        padDigit: o
+      });
+    }
+    return (o, a) => {
+      const f = k("FmSwitch"), O = k("FmTextField"), U = k("FmStepperField");
+      return y(), T("div", null, [
+        i(f, {
+          "model-value": o.displayStand.enabled,
+          label: l(e)("order.displayStand"),
+          "label-placement": "right",
+          "onUpdate:modelValue": P
+        }, null, 8, ["model-value", "label"]),
+        B(u("div", ue, [
+          u("span", pe, V(l(e)("order.tableServiceSetting")), 1),
+          u("div", re, [
+            i(O, {
+              "model-value": o.displayStand.prefix,
+              label: l(e)("order.prefix"),
+              placeholder: l(e)("order.prefix"),
+              "onUpdate:modelValue": R
+            }, null, 8, ["model-value", "label", "placeholder"])
+          ]),
+          u("div", me, [
+            i(U, {
+              class: "w-1/2",
+              "model-value": o.displayStand.standSlotRange.min,
+              label: l(e)("order.start"),
+              labelMark: "required",
+              rules: c.value,
+              placeholder: l(e)("order.enterANumber"),
+              "onUpdate:modelValue": h
+            }, null, 8, ["model-value", "label", "rules", "placeholder"]),
+            i(U, {
+              class: "w-1/2",
+              "model-value": o.displayStand.standSlotRange.max,
+              label: l(e)("order.end"),
+              labelMark: "required",
+              rules: r.value,
+              placeholder: l(e)("order.enterANumber"),
+              "onUpdate:modelValue": x
+            }, null, 8, ["model-value", "label", "rules", "placeholder"])
+          ]),
+          u("div", null, [
+            i(U, {
+              "model-value": o.displayStand.padDigit,
+              label: l(e)("order.padDigit"),
+              labelMark: "required",
+              rules: b.value,
+              placeholder: l(e)("order.padDigit"),
+              "onUpdate:modelValue": I
+            }, null, 8, ["model-value", "label", "rules", "placeholder"])
+          ])
+        ], 512), [
+          [K, o.displayStand.enabled]
+        ])
+      ]);
+    };
+  }
+}), ye = /* @__PURE__ */ $({
+  __name: "KioskPickAtCounterSection",
+  props: {
+    enabled: { type: Boolean }
+  },
+  emits: ["update-pick-up"],
+  setup(S, { emit: g }) {
+    const { t: e } = E(), n = g;
+    function p(m) {
+      n("update-pick-up", m);
+    }
+    return (m, s) => {
+      const b = k("FmSwitch");
+      return y(), T("div", null, [
+        i(b, {
+          "model-value": m.enabled,
+          label: l(e)("order.pickAtCounter"),
+          "label-placement": "right",
+          "onUpdate:modelValue": p
+        }, null, 8, ["model-value", "label"])
+      ]);
+    };
+  }
+}), fe = { class: "flex flex-col gap-5" }, ve = { class: "flex flex-col gap-16" }, be = { class: "flex flex-col gap-16" }, Se = /* @__PURE__ */ $({
+  __name: "KioskDineInSection",
+  props: {
+    v: {}
+  },
+  emits: ["updateDineIn"],
+  setup(S, { emit: g }) {
+    const { t: e } = E();
+    function n(c) {
+      b("updateDineIn", {
+        ...s.v,
+        pickUp: {
+          enabled: c
+        }
+      });
+    }
+    function p(c) {
+      b("updateDineIn", {
+        ...s.v,
+        displayStand: c
+      });
+    }
+    function m(c) {
+      b("updateDineIn", {
+        ...s.v,
+        enabled: c
+      });
+    }
+    const s = S, b = g;
+    return (c, r) => {
+      const P = k("FmSwitch");
+      return y(), T("div", fe, [
+        u("div", ve, [
+          i(P, {
+            "model-value": c.v.enabled,
+            label: l(e)("order.dineIn"),
+            "label-placement": "right",
+            "onUpdate:modelValue": m
+          }, null, 8, ["model-value", "label"]),
+          B(u("div", be, [
+            c.v.pickUp ? (y(), M(ye, {
+              key: 0,
+              enabled: c.v.pickUp.enabled,
+              onUpdatePickUp: n
+            }, null, 8, ["enabled"])) : q("", !0),
+            c.v.displayStand ? (y(), M(ce, {
+              key: 1,
+              "display-stand": c.v.displayStand,
+              onUpdateDisplayStand: p
+            }, null, 8, ["display-stand"])) : q("", !0)
+          ], 512), [
+            [K, c.v.enabled]
+          ])
+        ])
+      ]);
+    };
+  }
+}), _e = /* @__PURE__ */ $({
+  __name: "KioskTakeawaySection",
+  props: {
+    v: {}
+  },
+  emits: ["updateTakeaway"],
+  setup(S, { emit: g }) {
+    const { t: e } = E(), n = g;
+    function p(m) {
+      n("updateTakeaway", { enabled: m });
+    }
+    return (m, s) => {
+      const b = k("FmSwitch");
+      return y(), T("div", null, [
+        i(b, {
+          "model-value": m.v.enabled,
+          label: l(e)("order.takeaway"),
+          "label-placement": "right",
+          "onUpdate:modelValue": p,
+          class: "mb-5"
+        }, null, 8, ["model-value", "label"])
+      ]);
+    };
+  }
+}), ge = { class: "flex flex-row items-center" }, Pe = { key: 0 }, he = {
+  key: 1,
+  class: "ml-7"
+}, Te = { key: 0 }, ke = { class: "font-bold" }, Ie = {
+  key: 2,
+  class: "ml-7"
+}, xe = { class: "ml-7" }, Re = { class: "ml-7" }, we = /* @__PURE__ */ $({
+  __name: "KioskPaymentTypeSection",
+  props: {
+    paymentTypes: {
+      type: Array,
+      required: !0
+    },
+    offlinePaymentTypes: {
+      type: Array,
+      required: !0
+    },
+    allowEPayment: {
+      type: [Boolean, String],
+      required: !0
+    },
+    ePaymentTypes: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:paymentTypes", "update:offlinePaymentTypes", "update:ePaymentTypes"],
+  setup(S, { emit: g }) {
+    const { t: e } = E(), n = S, p = g;
+    async function m(d) {
+      p(
+        "update:offlinePaymentTypes",
+        n.offlinePaymentTypes.filter((t, w) => w !== d)
+      );
+    }
+    const s = C(() => (n.paymentTypes || []).includes(N.enum.ePayment)), b = C(() => {
+      const d = n.paymentTypes || [], t = n.offlinePaymentTypes || [];
+      return d.includes(N.enum.cash) || t.length > 0;
+    }), c = A(!1), r = A([]), P = A(), h = A(), x = A(!1), R = A(!1), I = [
+      { label: e("order.offlinePayment"), value: "offline" },
+      { label: e("order.ePayment"), value: "e-payment" }
+    ], o = () => {
+      const d = [];
+      b.value && d.push("offline"), s.value && d.push("e-payment"), r.value = d, c.value = d.length === I.length, Object.keys(n.ePaymentTypes).length !== 0 && (n.ePaymentTypes.card.terminal ? (P.value = v.enum.TERMINAL, x.value = !0) : n.ePaymentTypes.card.nfc && (P.value = v.enum.NFC, x.value = !0), n.ePaymentTypes.eWallet.qrPay ? (h.value = v.enum.QRPAY, R.value = !0) : n.ePaymentTypes.eWallet.scanPay && (h.value = v.enum.SCANPAY, R.value = !0));
+    };
+    o();
+    const a = (d) => {
+      r.value = d ? I.map((D) => D.value) : [], c.value = d;
+      const t = [], w = d ? n.offlinePaymentTypes || [] : [];
+      r.value.includes("e-payment") && (t.push(N.enum.ePayment), x.value = !0, R.value = !0), r.value.includes("offline") && t.push(N.enum.cash), p("update:paymentTypes", t), p("update:offlinePaymentTypes", w), L(x.value), j(R.value);
+    }, f = (d) => {
+      const t = r.value;
+      r.value = d, c.value = d.length === I.length;
+      const w = [], D = d.includes("offline") ? n.offlinePaymentTypes || [] : [];
+      d.includes("e-payment") && w.push(N.enum.ePayment), d.includes("offline") && w.push(N.enum.cash), t.includes("e-payment") || (x.value = !0, R.value = !0, L(x.value), j(R.value)), p("update:paymentTypes", w), p("update:offlinePaymentTypes", D);
+    }, O = (d) => {
+      const t = {
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1
+        }
+      };
+      r.value.includes("e-payment") && (d == v.enum.TERMINAL && (t.card.terminal = !0), d == v.enum.NFC && (t.card.nfc = !0), h.value && (h.value === v.enum.QRPAY && (t.eWallet.qrPay = !0), h.value === v.enum.SCANPAY && (t.eWallet.scanPay = !0))), p("update:ePaymentTypes", t);
+    }, U = () => {
+      const d = {
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1
+        }
+      };
+      r.value.includes("e-payment") && (P.value && (P.value === v.enum.TERMINAL && (d.card.terminal = !0), P.value === v.enum.NFC && (d.card.nfc = !0)), h.value === v.enum.QRPAY && (d.eWallet.qrPay = !0), h.value === v.enum.SCANPAY && (d.eWallet.scanPay = !0)), p("update:ePaymentTypes", d);
+    }, L = (d) => {
+      P.value = "", d && (P.value = v.enum.TERMINAL), U();
+    }, j = (d) => {
+      h.value = "", d && (h.value = v.enum.QRPAY), U();
+    };
+    return ne(() => {
+      o();
+    }), (d, t) => {
+      var H, J;
+      const w = k("FmCheckbox"), D = k("FmCardSection"), Y = k("FmCard"), ee = k("FmButton"), G = k("FmSwitch"), W = k("FmRadio"), z = k("FmRadioGroup");
+      return y(), T(Q, null, [
+        i(w, {
+          value: "",
+          "model-value": c.value,
+          label: l(e)("order.all"),
+          indeterminate: r.value.length > 0 && r.value.length < I.length,
+          "onUpdate:modelValue": a
+        }, null, 8, ["model-value", "label", "indeterminate"]),
+        u("div", ge, [
+          i(w, {
+            modelValue: r.value,
+            "onUpdate:modelValue": [
+              t[0] || (t[0] = (_) => r.value = _),
+              f
+            ],
+            label: I[0].label,
+            value: I[0].value
+          }, null, 8, ["modelValue", "label", "value"])
+        ]),
+        r.value.includes(I[0].value) && ((H = S.offlinePaymentTypes) == null ? void 0 : H.length) === 0 ? (y(), T("div", Pe, [
+          i(le, {
+            "onUpdate:offlinePaymentTypes": t[1] || (t[1] = (_) => p("update:offlinePaymentTypes", _))
+          })
+        ])) : q("", !0),
+        r.value.includes("offline") ? (y(), T("div", he, [
+          ((J = S.offlinePaymentTypes) == null ? void 0 : J.length) === 0 ? (y(), T("div", Te, [
+            i(Y, { variant: "outlined" }, {
+              default: F(() => [
+                i(D, null, {
+                  default: F(() => [
+                    te(V(l(e)("order.payAtCounter")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])) : q("", !0),
+          (y(!0), T(Q, null, Z(S.offlinePaymentTypes, (_, ae) => (y(), T("p", { key: ae }, [
+            i(Y, { variant: "outlined" }, {
+              default: F(() => [
+                i(D, { class: "flex items-center justify-between" }, {
+                  default: F(() => [
+                    u("div", null, [
+                      u("span", ke, V(_.name), 1),
+                      t[7] || (t[7] = u("br", null, null, -1)),
+                      u("span", null, V(_.instruction), 1)
+                    ]),
+                    (y(!0), T(Q, null, Z(S.offlinePaymentTypes, (Ye, X) => (y(), T("div", { key: X }, [
+                      i(ee, {
+                        "append-icon": "delete",
+                        variant: "tertiary",
+                        onClick: (We) => m(X)
+                      }, null, 8, ["onClick"])
+                    ]))), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])) : q("", !0),
+        i(w, {
+          modelValue: r.value,
+          "onUpdate:modelValue": [
+            t[2] || (t[2] = (_) => r.value = _),
+            f
+          ],
+          label: I[1].label,
+          value: I[1].value
+        }, null, 8, ["modelValue", "label", "value"]),
+        r.value.includes(I[1].value) ? (y(), T("div", Ie, [
+          i(Y, { variant: "outlined" }, {
+            default: F(() => [
+              i(D, null, {
+                default: F(() => [
+                  i(G, {
+                    label: l(e)("order.bankCard"),
+                    sublabel: l(e)("order.cardPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: x.value,
+                    "onUpdate:modelValue": [
+                      t[3] || (t[3] = (_) => x.value = _),
+                      L
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  t[8] || (t[8] = u("br", null, null, -1)),
+                  B(u("div", xe, [
+                    i(z, {
+                      modelValue: P.value,
+                      "onUpdate:modelValue": [
+                        t[4] || (t[4] = (_) => P.value = _),
+                        O
+                      ],
+                      inline: ""
+                    }, {
+                      default: F(() => [
+                        i(W, {
+                          label: l(e)("order.terminal"),
+                          value: l(v).enum.TERMINAL
+                        }, null, 8, ["label", "value"]),
+                        i(W, {
+                          label: l(e)("order.nfc"),
+                          value: l(v).enum.NFC
+                        }, null, 8, ["label", "value"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 512), [
+                    [K, x.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          i(Y, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: F(() => [
+              i(D, null, {
+                default: F(() => [
+                  i(G, {
+                    label: l(e)("order.eWallet"),
+                    sublabel: l(e)("order.eWalletDescription"),
+                    "label-placement": "right",
+                    modelValue: R.value,
+                    "onUpdate:modelValue": [
+                      t[5] || (t[5] = (_) => R.value = _),
+                      j
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  t[9] || (t[9] = u("br", null, null, -1)),
+                  B(u("div", Re, [
+                    i(z, {
+                      modelValue: h.value,
+                      "onUpdate:modelValue": [
+                        t[6] || (t[6] = (_) => h.value = _),
+                        U
+                      ],
+                      inline: ""
+                    }, {
+                      default: F(() => [
+                        i(W, {
+                          label: l(e)("order.qrPay"),
+                          value: l(v).enum.QRPAY
+                        }, null, 8, ["label", "value"]),
+                        i(W, {
+                          label: l(e)("order.scanPay"),
+                          value: l(v).enum.SCANPAY
+                        }, null, 8, ["label", "value"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 512), [
+                    [K, R.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : q("", !0)
+      ], 64);
+    };
+  }
+}), Fe = /* @__PURE__ */ $({
+  __name: "KioskMenuItemSection",
+  props: {
+    v: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(S, { emit: g }) {
+    const { t: e } = E(), n = g, p = (m) => {
+      n("update:modelValue", m);
+    };
+    return (m, s) => {
+      const b = k("FmSwitch");
+      return y(), M(b, {
+        "model-value": m.v,
+        label: `${l(e)("order.hideNotAvailableMenuItem")}`,
+        "label-placement": "right",
+        "onUpdate:modelValue": p,
+        class: "mb-5"
+      }, null, 8, ["model-value", "label"]);
+    };
+  }
+}), Ve = {
+  key: 0,
+  class: "flex flex-col gap-32"
+}, Ue = { class: "flex flex-col gap-2" }, De = { class: "fm-typo-en-title-sm-600" }, Ce = { class: "flex flex-col gap-2" }, Ae = { class: "fm-typo-en-title-sm-600" }, Ne = { class: "flex flex-col gap-2" }, $e = { class: "fm-typo-en-title-sm-600" }, Ee = { class: "flex flex-col gap-2" }, qe = { class: "fm-typo-en-title-sm-600" }, Me = { class: "fm-typo-en-title-sm-400 font-bold" }, Oe = { key: 1 }, Ge = /* @__PURE__ */ $({
+  __name: "KioskSettingView",
+  props: {
+    restaurantId: {},
+    form: {}
+  },
+  emits: ["updateKioskOrderSetting"],
+  setup(S, { emit: g }) {
+    const { t: e } = E(), n = S, p = ie(), m = g, s = A(n.form), b = C(() => {
+      const a = s.value;
+      if (!a.dineIn.enabled)
+        return {
+          ...a,
+          dineIn: {
+            enabled: a.dineIn.enabled,
+            sequenceNumber: a.dineIn.sequenceNumber,
+            pickUp: a.dineIn.pickUp,
+            displayStand: {
+              enabled: !1,
+              padDigit: a.dineIn.displayStand.padDigit ?? 0,
+              standSlotRange: {
+                min: a.dineIn.displayStand.standSlotRange.min ?? 0,
+                max: a.dineIn.displayStand.standSlotRange.max ?? 10
+              },
+              prefix: a.dineIn.displayStand.prefix ?? ""
+            }
+          }
+        };
+      if (a.dineIn.enabled && a.dineIn.displayStand.enabled) {
+        const f = a.dineIn.displayStand;
+        return f.padDigit != null && f.padDigit >= 0 && f.standSlotRange.min && f.standSlotRange.max && f.standSlotRange.min <= f.standSlotRange.max ? {
+          ...a,
+          dineIn: {
+            enabled: a.dineIn.enabled,
+            sequenceNumber: a.dineIn.sequenceNumber,
+            pickUp: a.dineIn.pickUp,
+            displayStand: {
+              enabled: f.enabled,
+              padDigit: f.padDigit,
+              standSlotRange: {
+                min: f.standSlotRange.min,
+                max: f.standSlotRange.max
+              },
+              prefix: f.prefix ?? ""
+            }
+          }
+        } : null;
+      }
+      return {
+        ...a,
+        dineIn: {
+          enabled: a.dineIn.enabled,
+          sequenceNumber: a.dineIn.sequenceNumber,
+          pickUp: a.dineIn.pickUp,
+          displayStand: {
+            enabled: !1,
+            padDigit: a.dineIn.displayStand.padDigit ?? 0,
+            standSlotRange: {
+              min: a.dineIn.displayStand.standSlotRange.min ?? 0,
+              max: a.dineIn.displayStand.standSlotRange.max ?? 10
+            },
+            prefix: a.dineIn.displayStand.prefix ?? ""
+          }
+        }
+      };
+    }), { startAsyncCall: c } = de();
+    async function r(a) {
+      s.value.dineIn = a;
+    }
+    async function P(a) {
+      s.value.takeaway = a;
+    }
+    async function h(a) {
+      s.value.menuItem.showAllOnly = a;
+    }
+    async function x(a) {
+      s.value.paymentSetting.paymentTypes = a;
+    }
+    async function R(a) {
+      s.value.paymentSetting.ePaymentTypes = a;
+    }
+    const I = C(() => (s.value.paymentSetting.paymentTypes || []).includes(N.enum.ePayment));
+    async function o() {
+      if (b.value) {
+        const a = b.value;
+        c(async () => {
+          await m("updateKioskOrderSetting", a);
+        });
+      } else
+        p.open({
+          title: e("order.failedToUpdateSetting"),
+          type: "error"
+        });
+    }
+    return (a, f) => {
+      const O = k("FmButton");
+      return s.value ? (y(), T("div", Ve, [
+        u("div", Ue, [
+          u("span", De, V(l(e)("order.dineIn")), 1),
+          (y(), M(Se, {
+            key: "dine-in-" + a.restaurantId,
+            v: s.value.dineIn,
+            onUpdateDineIn: r
+          }, null, 8, ["v"]))
+        ]),
+        u("div", Ce, [
+          u("span", Ae, V(l(e)("order.takeawayTitle")), 1),
+          (y(), M(_e, {
+            key: "takeaway-" + a.restaurantId,
+            v: s.value.takeaway,
+            onUpdateTakeaway: P
+          }, null, 8, ["v"]))
+        ]),
+        u("div", Ne, [
+          u("span", $e, V(l(e)("order.menuItem")), 1),
+          (y(), M(Fe, {
+            key: "menu-item-" + a.restaurantId,
+            v: s.value.menuItem.showAllOnly,
+            "onUpdate:modelValue": h
+          }, null, 8, ["v"]))
+        ]),
+        u("div", Ee, [
+          u("span", qe, V(l(e)("order.acceptedPayment")), 1),
+          u("span", Me, V(l(e)("order.configuration")), 1),
+          i(we, {
+            "payment-types": s.value.paymentSetting.paymentTypes ?? [],
+            "allow-e-payment": I.value,
+            "offline-payment-types": s.value.paymentSetting.offlinePaymentTypes ?? [],
+            ePaymentTypes: s.value.paymentSetting.ePaymentTypes ?? {},
+            "onUpdate:paymentTypes": x,
+            "onUpdate:offlinePaymentTypes": f[0] || (f[0] = (U) => s.value.paymentSetting.offlinePaymentTypes = U),
+            "onUpdate:ePaymentTypes": R
+          }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
+        ]),
+        i(O, {
+          class: "w-1/4 mb-10",
+          variant: "primary",
+          label: l(e)("order.updateSetting"),
+          disabled: !b.value,
+          onClick: o
+        }, null, 8, ["label", "disabled"])
+      ])) : (y(), T("div", Oe, V(l(e)("order.pleaseSelectRestaurant")), 1));
+    };
+  }
+});
+export {
+  Ge as default
+};