@feedmepos/mf-order-setting 0.0.37 → 0.0.43

package/dist/KioskSettingView-C98iSa7q.js

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