@feedmepos/mf-order-setting 0.0.21-beta.3 → 0.0.23

package/dist/KioskSettingView-BChhriPk.js

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