@feedmepos/mf-order-setting 0.0.54 → 0.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,13 @@
1
- import { defineComponent as te, computed as U, ref as F, onMounted as pe, resolveComponent as V, createElementBlock as x, openBlock as P, Fragment as K, createVNode as s, createElementVNode as r, createCommentVNode as Q, unref as t, withCtx as _, createTextVNode as ce, toDisplayString as v, renderList as Z, withDirectives as $, vShow as D, createBlock as J } from "vue";
1
+ import { defineComponent as te, computed as U, ref as F, onMounted as pe, resolveComponent as V, createElementBlock as S, openBlock as P, Fragment as K, createVNode as r, createElementVNode as s, createCommentVNode as Q, unref as t, withCtx as _, createTextVNode as ce, toDisplayString as v, renderList as Z, withDirectives as $, vShow as D, createBlock as J } from "vue";
2
2
  import { F as O, e as c, f as ne, S as oe } from "./menu.dto-DAh1J2ES.js";
3
3
  import { _ as ye, u as fe } from "./index-BXsnV_eO.js";
4
- import { useI18n as re } from "@feedmepos/mf-common";
4
+ import { useI18n as se } from "@feedmepos/mf-common";
5
5
  import { useSnackbar as ve } from "@feedmepos/ui-library";
6
- import { g as se, s as ie, a as be, r as ee, u as ae, b as ge } from "./app-CFfgPAd8.js";
7
- const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
6
+ import { g as re, s as ie, a as be, r as ee, u as ae, b as ge } from "./app-DpOjaFJw.js";
7
+ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, Se = {
8
8
  key: 1,
9
9
  class: "ml-7"
10
- }, Se = { key: 0 }, Te = { class: "font-bold" }, Ve = {
10
+ }, xe = { key: 0 }, Te = { class: "font-bold" }, Ve = {
11
11
  key: 2,
12
12
  class: "ml-7"
13
13
  }, he = { class: "ml-7" }, ke = { class: "ml-7" }, we = { class: "flex flex-row gap-9" }, _e = /* @__PURE__ */ te({
@@ -32,7 +32,7 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
32
32
  },
33
33
  emits: ["update:paymentTypes", "update:offlinePaymentTypes", "update:ePaymentTypes"],
34
34
  setup(d, { emit: u }) {
35
- const { t: a } = re(), y = d, g = u;
35
+ const { t: a } = se(), y = d, g = u;
36
36
  async function h(l) {
37
37
  g(
38
38
  "update:offlinePaymentTypes",
@@ -42,21 +42,21 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
42
42
  const n = U(() => (y.paymentTypes || []).includes(O.enum.ePayment)), W = U(() => {
43
43
  const l = y.paymentTypes || [], e = y.offlinePaymentTypes || [];
44
44
  return l.includes(O.enum.cash) || e.length > 0;
45
- }), M = F(!1), b = F([]), k = F(), f = F([]), I = F(!1), C = F(!1), w = F(!1), S = [
45
+ }), M = F(!1), b = F([]), k = F(), f = F([]), I = F(!1), C = F(!1), w = F(!1), x = [
46
46
  { label: a("order.offlinePayment"), value: "offline" },
47
47
  { label: a("order.ePayment"), value: "e-payment" }
48
48
  ], Y = () => {
49
49
  const l = [];
50
- W.value && l.push("offline"), n.value && l.push("e-payment"), b.value = l, M.value = l.length === S.length, Object.keys(y.ePaymentTypes).length !== 0 && (y.ePaymentTypes.terminal && (C.value = !0), y.ePaymentTypes.card.terminal ? (k.value = c.enum.TERMINAL, I.value = !0) : y.ePaymentTypes.card.nfc && (k.value = c.enum.NFC, I.value = !0), y.ePaymentTypes.eWallet.qrPay && (f.value.push(c.enum.QRPAY), w.value = !0), y.ePaymentTypes.eWallet.scanPay && (f.value.push(c.enum.SCANPAY), w.value = !0));
50
+ W.value && l.push("offline"), n.value && l.push("e-payment"), b.value = l, M.value = l.length === x.length, Object.keys(y.ePaymentTypes).length !== 0 && (y.ePaymentTypes.terminal && (C.value = !0), y.ePaymentTypes.card.terminal ? (k.value = c.enum.TERMINAL, I.value = !0) : y.ePaymentTypes.card.nfc && (k.value = c.enum.NFC, I.value = !0), y.ePaymentTypes.eWallet.qrPay && (f.value.push(c.enum.QRPAY), w.value = !0), y.ePaymentTypes.eWallet.scanPay && (f.value.push(c.enum.SCANPAY), w.value = !0));
51
51
  };
52
52
  Y();
53
53
  const L = (l) => {
54
- b.value = l ? S.map((p) => p.value) : [], M.value = l;
54
+ b.value = l ? x.map((p) => p.value) : [], M.value = l;
55
55
  const e = [], i = l ? y.offlinePaymentTypes || [] : [];
56
56
  b.value.includes("e-payment") && (e.push(O.enum.ePayment), I.value = !0, w.value = !0), b.value.includes("offline") && e.push(O.enum.cash), g("update:paymentTypes", e), g("update:offlinePaymentTypes", i), R(I.value), q(w.value);
57
57
  }, j = (l) => {
58
58
  const e = b.value;
59
- b.value = l, M.value = l.length === S.length;
59
+ b.value = l, M.value = l.length === x.length;
60
60
  const i = [], p = l.includes("offline") ? y.offlinePaymentTypes || [] : [];
61
61
  l.includes("e-payment") && i.push(O.enum.ePayment), l.includes("offline") && i.push(O.enum.cash), e.includes("e-payment") || (I.value = !0, w.value = !0, R(I.value), q(w.value)), g("update:paymentTypes", i), g("update:offlinePaymentTypes", p);
62
62
  }, B = (l) => {
@@ -100,35 +100,35 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
100
100
  }), (l, e) => {
101
101
  var H, G;
102
102
  const i = V("FmCheckbox"), p = V("FmCardSection"), T = V("FmCard"), E = V("FmButton"), N = V("FmSwitch"), o = V("FmRadio"), ue = V("FmRadioGroup");
103
- return P(), x(K, null, [
104
- s(i, {
103
+ return P(), S(K, null, [
104
+ r(i, {
105
105
  value: "",
106
106
  "model-value": M.value,
107
107
  label: t(a)("order.all"),
108
- indeterminate: b.value.length > 0 && b.value.length < S.length,
108
+ indeterminate: b.value.length > 0 && b.value.length < x.length,
109
109
  "onUpdate:modelValue": L
110
110
  }, null, 8, ["model-value", "label", "indeterminate"]),
111
- r("div", Pe, [
112
- s(i, {
111
+ s("div", Pe, [
112
+ r(i, {
113
113
  modelValue: b.value,
114
114
  "onUpdate:modelValue": [
115
115
  e[0] || (e[0] = (m) => b.value = m),
116
116
  j
117
117
  ],
118
- label: S[0].label,
119
- value: S[0].value
118
+ label: x[0].label,
119
+ value: x[0].value
120
120
  }, null, 8, ["modelValue", "label", "value"])
121
121
  ]),
122
- b.value.includes(S[0].value) && ((H = d.offlinePaymentTypes) == null ? void 0 : H.length) === 0 ? (P(), x("div", Ie, [
123
- s(ye, {
122
+ b.value.includes(x[0].value) && ((H = d.offlinePaymentTypes) == null ? void 0 : H.length) === 0 ? (P(), S("div", Ie, [
123
+ r(ye, {
124
124
  "onUpdate:offlinePaymentTypes": e[1] || (e[1] = (m) => g("update:offlinePaymentTypes", m))
125
125
  })
126
126
  ])) : Q("", !0),
127
- b.value.includes("offline") ? (P(), x("div", xe, [
128
- ((G = d.offlinePaymentTypes) == null ? void 0 : G.length) === 0 ? (P(), x("div", Se, [
129
- s(T, { variant: "outlined" }, {
127
+ b.value.includes("offline") ? (P(), S("div", Se, [
128
+ ((G = d.offlinePaymentTypes) == null ? void 0 : G.length) === 0 ? (P(), S("div", xe, [
129
+ r(T, { variant: "outlined" }, {
130
130
  default: _(() => [
131
- s(p, null, {
131
+ r(p, null, {
132
132
  default: _(() => [
133
133
  ce(v(t(a)("order.payAtCounter")), 1)
134
134
  ]),
@@ -138,18 +138,18 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
138
138
  _: 1
139
139
  })
140
140
  ])) : Q("", !0),
141
- (P(!0), x(K, null, Z(d.offlinePaymentTypes, (m, me) => (P(), x("p", { key: me }, [
142
- s(T, { variant: "outlined" }, {
141
+ (P(!0), S(K, null, Z(d.offlinePaymentTypes, (m, me) => (P(), S("p", { key: me }, [
142
+ r(T, { variant: "outlined" }, {
143
143
  default: _(() => [
144
- s(p, { class: "flex items-center justify-between" }, {
144
+ r(p, { class: "flex items-center justify-between" }, {
145
145
  default: _(() => [
146
- r("div", null, [
147
- r("span", Te, v(m.name), 1),
148
- e[11] || (e[11] = r("br", null, null, -1)),
149
- r("span", null, v(m.instruction), 1)
146
+ s("div", null, [
147
+ s("span", Te, v(m.name), 1),
148
+ e[11] || (e[11] = s("br", null, null, -1)),
149
+ s("span", null, v(m.instruction), 1)
150
150
  ]),
151
- (P(!0), x(K, null, Z(d.offlinePaymentTypes, (Ta, X) => (P(), x("div", { key: X }, [
152
- s(E, {
151
+ (P(!0), S(K, null, Z(d.offlinePaymentTypes, (Ta, X) => (P(), S("div", { key: X }, [
152
+ r(E, {
153
153
  "append-icon": "delete",
154
154
  variant: "tertiary",
155
155
  onClick: (Va) => h(X)
@@ -163,21 +163,21 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
163
163
  }, 1024)
164
164
  ]))), 128))
165
165
  ])) : Q("", !0),
166
- s(i, {
166
+ r(i, {
167
167
  modelValue: b.value,
168
168
  "onUpdate:modelValue": [
169
169
  e[2] || (e[2] = (m) => b.value = m),
170
170
  j
171
171
  ],
172
- label: S[1].label,
173
- value: S[1].value
172
+ label: x[1].label,
173
+ value: x[1].value
174
174
  }, null, 8, ["modelValue", "label", "value"]),
175
- b.value.includes(S[1].value) ? (P(), x("div", Ve, [
176
- s(T, { variant: "outlined" }, {
175
+ b.value.includes(x[1].value) ? (P(), S("div", Ve, [
176
+ r(T, { variant: "outlined" }, {
177
177
  default: _(() => [
178
- s(p, null, {
178
+ r(p, null, {
179
179
  default: _(() => [
180
- s(N, {
180
+ r(N, {
181
181
  label: t(a)("order.bankCard"),
182
182
  sublabel: t(a)("order.cardPaymentDescription"),
183
183
  "label-placement": "right",
@@ -187,9 +187,9 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
187
187
  R
188
188
  ]
189
189
  }, null, 8, ["label", "sublabel", "modelValue"]),
190
- e[12] || (e[12] = r("br", null, null, -1)),
191
- $(r("div", he, [
192
- s(ue, {
190
+ e[12] || (e[12] = s("br", null, null, -1)),
191
+ $(s("div", he, [
192
+ r(ue, {
193
193
  modelValue: k.value,
194
194
  "onUpdate:modelValue": [
195
195
  e[4] || (e[4] = (m) => k.value = m),
@@ -198,11 +198,11 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
198
198
  inline: ""
199
199
  }, {
200
200
  default: _(() => [
201
- s(o, {
201
+ r(o, {
202
202
  label: t(a)("order.terminal"),
203
203
  value: t(c).enum.TERMINAL
204
204
  }, null, 8, ["label", "value"]),
205
- s(o, {
205
+ r(o, {
206
206
  label: t(a)("order.nfc"),
207
207
  value: t(c).enum.NFC
208
208
  }, null, 8, ["label", "value"])
@@ -218,14 +218,14 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
218
218
  ]),
219
219
  _: 1
220
220
  }),
221
- s(T, {
221
+ r(T, {
222
222
  variant: "outlined",
223
223
  class: "mt-2"
224
224
  }, {
225
225
  default: _(() => [
226
- s(p, null, {
226
+ r(p, null, {
227
227
  default: _(() => [
228
- s(N, {
228
+ r(N, {
229
229
  label: t(a)("order.terminal"),
230
230
  sublabel: t(a)("order.terminalPaymentDescription"),
231
231
  "label-placement": "right",
@@ -241,14 +241,14 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
241
241
  ]),
242
242
  _: 1
243
243
  }),
244
- s(T, {
244
+ r(T, {
245
245
  variant: "outlined",
246
246
  class: "mt-2"
247
247
  }, {
248
248
  default: _(() => [
249
- s(p, null, {
249
+ r(p, null, {
250
250
  default: _(() => [
251
- s(N, {
251
+ r(N, {
252
252
  label: t(a)("order.eWallet"),
253
253
  sublabel: t(a)("order.eWalletDescription"),
254
254
  "label-placement": "right",
@@ -258,10 +258,10 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
258
258
  q
259
259
  ]
260
260
  }, null, 8, ["label", "sublabel", "modelValue"]),
261
- e[13] || (e[13] = r("br", null, null, -1)),
262
- $(r("div", ke, [
263
- r("div", we, [
264
- s(i, {
261
+ e[13] || (e[13] = s("br", null, null, -1)),
262
+ $(s("div", ke, [
263
+ s("div", we, [
264
+ r(i, {
265
265
  modelValue: f.value,
266
266
  "onUpdate:modelValue": [
267
267
  e[7] || (e[7] = (m) => f.value = m),
@@ -270,7 +270,7 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
270
270
  label: t(a)("order.qrPay"),
271
271
  value: t(c).enum.QRPAY
272
272
  }, null, 8, ["modelValue", "label", "value"]),
273
- s(i, {
273
+ r(i, {
274
274
  modelValue: f.value,
275
275
  "onUpdate:modelValue": [
276
276
  e[8] || (e[8] = (m) => f.value = m),
@@ -279,7 +279,7 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
279
279
  label: t(a)("order.scanPay"),
280
280
  value: t(c).enum.SCANPAY
281
281
  }, null, 8, ["modelValue", "label", "value"]),
282
- s(i, {
282
+ r(i, {
283
283
  modelValue: f.value,
284
284
  "onUpdate:modelValue": [
285
285
  e[9] || (e[9] = (m) => f.value = m),
@@ -288,7 +288,7 @@ const Pe = { class: "flex flex-row items-center" }, Ie = { key: 0 }, xe = {
288
288
  label: t(a)("order.terminalScanPay"),
289
289
  value: t(c).enum.TERMINAL_SCAN_PAY
290
290
  }, null, 8, ["modelValue", "label", "value"]),
291
- s(i, {
291
+ r(i, {
292
292
  modelValue: f.value,
293
293
  "onUpdate:modelValue": [
294
294
  e[10] || (e[10] = (m) => f.value = m),
@@ -347,7 +347,7 @@ function Ne(d) {
347
347
  return `https://${Ee()}/${u}`;
348
348
  }
349
349
  async function Oe() {
350
- const d = se();
350
+ const d = re();
351
351
  if (!d.currentUser && (await d.authStateReady(), !d.currentUser && (z || (z = (async () => {
352
352
  const u = oe.getIdToken();
353
353
  if (!u)
@@ -360,7 +360,7 @@ async function Oe() {
360
360
  throw new Error("User not authenticated for image upload");
361
361
  }
362
362
  async function $e() {
363
- const d = se(), u = oe.getIdToken();
363
+ const d = re(), u = oe.getIdToken();
364
364
  if (!u)
365
365
  throw new Error("Missing session token for Firebase authentication");
366
366
  d.currentUser && await ge(d);
@@ -392,13 +392,13 @@ async function Me(d, u) {
392
392
  const Le = {
393
393
  key: 0,
394
394
  class: "flex flex-col gap-32"
395
- }, We = { class: "flex flex-col gap-2" }, Ye = { class: "fm-typo-en-title-sm-600" }, je = { class: "flex flex-col gap-5" }, qe = { class: "flex flex-col gap-16" }, Be = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Qe = { class: "fm-typo-en-title-sm-600" }, ze = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Ke = { class: "fm-typo-en-title-sm-600" }, He = { class: "flex flex-row gap-2" }, Ge = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Xe = { class: "fm-typo-en-title-sm-600" }, Ze = { class: "flex flex-col gap-2" }, Je = { class: "fm-typo-en-title-sm-600" }, ea = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, aa = { class: "fm-typo-en-title-sm-600" }, la = { class: "flex flex-col gap-2" }, ta = { class: "fm-typo-en-title-sm-600" }, na = { class: "flex flex-col gap-2" }, oa = { class: "fm-typo-en-title-sm-600" }, ra = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, sa = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ia = { class: "fm-typo-en-body-md-600" }, da = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ua = {
395
+ }, We = { class: "flex flex-col gap-2" }, Ye = { class: "fm-typo-en-title-sm-600" }, je = { class: "flex flex-col gap-5" }, qe = { class: "flex flex-col gap-16" }, Be = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Qe = { class: "fm-typo-en-title-sm-600" }, ze = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Ke = { class: "fm-typo-en-title-sm-600" }, He = { class: "flex flex-row gap-2" }, Ge = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Xe = { class: "fm-typo-en-title-sm-600" }, Ze = { class: "flex flex-col gap-2" }, Je = { class: "fm-typo-en-title-sm-600" }, ea = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, aa = { class: "fm-typo-en-title-sm-600" }, la = { class: "flex flex-col gap-2" }, ta = { class: "fm-typo-en-title-sm-600" }, na = { class: "flex flex-col gap-2" }, oa = { class: "fm-typo-en-title-sm-600" }, sa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ra = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ia = { class: "fm-typo-en-body-md-600" }, da = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ua = {
396
396
  key: 1,
397
397
  class: "flex flex-col gap-2"
398
398
  }, ma = ["src", "alt"], pa = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ca = { class: "fm-typo-en-body-md-600" }, ya = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fa = {
399
399
  key: 1,
400
400
  class: "flex flex-col gap-2"
401
- }, va = ["src", "alt"], ba = { class: "flex flex-col gap-2" }, ga = { class: "fm-typo-en-title-sm-600" }, Pa = { class: "flex flex-col gap-2" }, Ia = { class: "fm-typo-en-title-sm-600" }, xa = { class: "fm-typo-en-title-sm-400 font-bold" }, Sa = { key: 1 }, le = 10 * 1e3 * 1e3, Fa = /* @__PURE__ */ te({
401
+ }, va = ["src", "alt"], ba = { class: "flex flex-col gap-2" }, ga = { class: "fm-typo-en-title-sm-600" }, Pa = { class: "flex flex-col gap-2" }, Ia = { class: "fm-typo-en-title-sm-600" }, Sa = { class: "fm-typo-en-title-sm-400 font-bold" }, xa = { key: 1 }, le = 10 * 1e3 * 1e3, Fa = /* @__PURE__ */ te({
402
402
  __name: "KioskSettingView",
403
403
  props: {
404
404
  restaurantId: {},
@@ -406,7 +406,7 @@ const Le = {
406
406
  },
407
407
  emits: ["updateKioskOrderSetting"],
408
408
  setup(d, { emit: u }) {
409
- const { t: a } = re(), y = d, g = ve(), h = u, n = F(y.form), W = (l) => l < 0 ? a("order.nonNegativeRule") : !0, M = (l) => l <= (n.value.dineIn.displayStand.standSlotRange.min ?? 0) ? a("order.greaterThanMinRule") : !0, b = U(() => [W]), k = U(() => [W]), f = U(() => [W, M]), I = U(() => {
409
+ const { t: a } = se(), y = d, g = ve(), h = u, n = F(y.form), W = (l) => l < 0 ? a("order.nonNegativeRule") : !0, M = (l) => l <= (n.value.dineIn.displayStand.standSlotRange.min ?? 0) ? a("order.greaterThanMinRule") : !0, b = U(() => [W]), k = U(() => [W]), f = U(() => [W, M]), I = U(() => {
410
410
  const l = n.value;
411
411
  if (l.dineIn.enabled && l.dineIn.displayStand.enabled) {
412
412
  const { padDigit: e, standSlotRange: i } = l.dineIn.displayStand;
@@ -432,7 +432,7 @@ const Le = {
432
432
  function w(l) {
433
433
  n.value.paymentSetting.paymentTypes = l;
434
434
  }
435
- function S(l) {
435
+ function x(l) {
436
436
  n.value.paymentSetting.ePaymentTypes = l;
437
437
  }
438
438
  function Y(l) {
@@ -489,33 +489,33 @@ const Le = {
489
489
  }
490
490
  return (l, e) => {
491
491
  const i = V("FmSwitch"), p = V("FmTextField"), T = V("FmStepperField"), E = V("FmDropField"), N = V("FmButton");
492
- return n.value ? (P(), x("div", Le, [
493
- r("div", We, [
494
- r("span", Ye, v(t(a)("order.dineIn")), 1),
495
- r("div", je, [
496
- s(i, {
492
+ return n.value ? (P(), S("div", Le, [
493
+ s("div", We, [
494
+ s("span", Ye, v(t(a)("order.dineIn")), 1),
495
+ s("div", je, [
496
+ r(i, {
497
497
  modelValue: n.value.dineIn.enabled,
498
498
  "onUpdate:modelValue": e[0] || (e[0] = (o) => n.value.dineIn.enabled = o),
499
499
  label: t(a)("order.dineIn"),
500
500
  "label-placement": "right"
501
501
  }, null, 8, ["modelValue", "label"]),
502
- $(r("div", qe, [
503
- r("div", null, [
504
- s(i, {
502
+ $(s("div", qe, [
503
+ s("div", null, [
504
+ r(i, {
505
505
  modelValue: n.value.dineIn.pickUp.enabled,
506
506
  "onUpdate:modelValue": e[1] || (e[1] = (o) => n.value.dineIn.pickUp.enabled = o),
507
507
  label: t(a)("order.pickAtCounter"),
508
508
  "label-placement": "right"
509
509
  }, null, 8, ["modelValue", "label"]),
510
- $(r("div", Be, [
511
- r("span", Qe, v(t(a)("order.submitOrderInstruction")), 1),
512
- s(p, {
510
+ $(s("div", Be, [
511
+ s("span", Qe, v(t(a)("order.submitOrderInstruction")), 1),
512
+ r(p, {
513
513
  modelValue: n.value.dineIn.pickUp.submitOrderInstruction.payAtCounter,
514
514
  "onUpdate:modelValue": e[2] || (e[2] = (o) => n.value.dineIn.pickUp.submitOrderInstruction.payAtCounter = o),
515
515
  label: t(a)("order.payAtCounter"),
516
516
  placeholder: "Collect your transaction slip below and present it to the cashier"
517
517
  }, null, 8, ["modelValue", "label"]),
518
- s(p, {
518
+ r(p, {
519
519
  modelValue: n.value.dineIn.pickUp.submitOrderInstruction.paid,
520
520
  "onUpdate:modelValue": e[3] || (e[3] = (o) => n.value.dineIn.pickUp.submitOrderInstruction.paid = o),
521
521
  label: t(a)("order.paid"),
@@ -525,23 +525,23 @@ const Le = {
525
525
  [D, n.value.dineIn.pickUp.enabled]
526
526
  ])
527
527
  ]),
528
- r("div", null, [
529
- s(i, {
528
+ s("div", null, [
529
+ r(i, {
530
530
  modelValue: n.value.dineIn.displayStand.enabled,
531
531
  "onUpdate:modelValue": e[4] || (e[4] = (o) => n.value.dineIn.displayStand.enabled = o),
532
532
  label: t(a)("order.displayStand"),
533
533
  "label-placement": "right"
534
534
  }, null, 8, ["modelValue", "label"]),
535
- $(r("div", ze, [
536
- r("span", Ke, v(t(a)("order.tableServiceSetting")), 1),
537
- s(p, {
535
+ $(s("div", ze, [
536
+ s("span", Ke, v(t(a)("order.tableServiceSetting")), 1),
537
+ r(p, {
538
538
  modelValue: n.value.dineIn.displayStand.prefix,
539
539
  "onUpdate:modelValue": e[5] || (e[5] = (o) => n.value.dineIn.displayStand.prefix = o),
540
540
  label: t(a)("order.prefix"),
541
541
  placeholder: t(a)("order.prefix")
542
542
  }, null, 8, ["modelValue", "label", "placeholder"]),
543
- r("div", He, [
544
- s(T, {
543
+ s("div", He, [
544
+ r(T, {
545
545
  modelValue: n.value.dineIn.displayStand.standSlotRange.min,
546
546
  "onUpdate:modelValue": e[6] || (e[6] = (o) => n.value.dineIn.displayStand.standSlotRange.min = o),
547
547
  class: "w-1/2",
@@ -550,7 +550,7 @@ const Le = {
550
550
  rules: k.value,
551
551
  placeholder: t(a)("order.enterANumber")
552
552
  }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
553
- s(T, {
553
+ r(T, {
554
554
  modelValue: n.value.dineIn.displayStand.standSlotRange.max,
555
555
  "onUpdate:modelValue": e[7] || (e[7] = (o) => n.value.dineIn.displayStand.standSlotRange.max = o),
556
556
  class: "w-1/2",
@@ -560,7 +560,7 @@ const Le = {
560
560
  placeholder: t(a)("order.enterANumber")
561
561
  }, null, 8, ["modelValue", "label", "rules", "placeholder"])
562
562
  ]),
563
- s(T, {
563
+ r(T, {
564
564
  modelValue: n.value.dineIn.displayStand.padDigit,
565
565
  "onUpdate:modelValue": e[8] || (e[8] = (o) => n.value.dineIn.displayStand.padDigit = o),
566
566
  label: t(a)("order.padDigit"),
@@ -571,15 +571,15 @@ const Le = {
571
571
  ], 512), [
572
572
  [D, n.value.dineIn.displayStand.enabled]
573
573
  ]),
574
- $(r("div", Ge, [
575
- r("span", Xe, v(t(a)("order.submitOrderInstruction")), 1),
576
- s(p, {
574
+ $(s("div", Ge, [
575
+ s("span", Xe, v(t(a)("order.submitOrderInstruction")), 1),
576
+ r(p, {
577
577
  modelValue: n.value.dineIn.displayStand.submitOrderInstruction.payAtCounter,
578
578
  "onUpdate:modelValue": e[9] || (e[9] = (o) => n.value.dineIn.displayStand.submitOrderInstruction.payAtCounter = o),
579
579
  label: t(a)("order.payAtCounter"),
580
580
  placeholder: "Collect your transaction slip below and present it to the cashier"
581
581
  }, null, 8, ["modelValue", "label"]),
582
- s(p, {
582
+ r(p, {
583
583
  modelValue: n.value.dineIn.displayStand.submitOrderInstruction.paid,
584
584
  "onUpdate:modelValue": e[10] || (e[10] = (o) => n.value.dineIn.displayStand.submitOrderInstruction.paid = o),
585
585
  label: t(a)("order.paid"),
@@ -594,24 +594,24 @@ const Le = {
594
594
  ])
595
595
  ])
596
596
  ]),
597
- r("div", Ze, [
598
- r("span", Je, v(t(a)("order.takeawayTitle")), 1),
599
- s(i, {
597
+ s("div", Ze, [
598
+ s("span", Je, v(t(a)("order.takeawayTitle")), 1),
599
+ r(i, {
600
600
  modelValue: n.value.takeaway.enabled,
601
601
  "onUpdate:modelValue": e[11] || (e[11] = (o) => n.value.takeaway.enabled = o),
602
602
  label: t(a)("order.takeaway"),
603
603
  "label-placement": "right",
604
604
  class: "mb-5"
605
605
  }, null, 8, ["modelValue", "label"]),
606
- $(r("div", ea, [
607
- r("span", aa, v(t(a)("order.submitOrderInstruction")), 1),
608
- s(p, {
606
+ $(s("div", ea, [
607
+ s("span", aa, v(t(a)("order.submitOrderInstruction")), 1),
608
+ r(p, {
609
609
  modelValue: n.value.takeaway.submitOrderInstruction.payAtCounter,
610
610
  "onUpdate:modelValue": e[12] || (e[12] = (o) => n.value.takeaway.submitOrderInstruction.payAtCounter = o),
611
611
  label: t(a)("order.payAtCounter"),
612
612
  placeholder: "Collect your transaction slip below and present it to the cashier"
613
613
  }, null, 8, ["modelValue", "label"]),
614
- s(p, {
614
+ r(p, {
615
615
  modelValue: n.value.takeaway.submitOrderInstruction.paid,
616
616
  "onUpdate:modelValue": e[13] || (e[13] = (o) => n.value.takeaway.submitOrderInstruction.paid = o),
617
617
  label: t(a)("order.paid"),
@@ -621,9 +621,9 @@ const Le = {
621
621
  [D, n.value.takeaway.enabled]
622
622
  ])
623
623
  ]),
624
- r("div", la, [
625
- r("span", ta, v(t(a)("order.menuItem")), 1),
626
- s(i, {
624
+ s("div", la, [
625
+ s("span", ta, v(t(a)("order.menuItem")), 1),
626
+ r(i, {
627
627
  modelValue: n.value.menuItem.showAllOnly,
628
628
  "onUpdate:modelValue": e[14] || (e[14] = (o) => n.value.menuItem.showAllOnly = o),
629
629
  label: t(a)("order.showNotAvailableMenuItem"),
@@ -631,19 +631,19 @@ const Le = {
631
631
  class: "mb-5"
632
632
  }, null, 8, ["modelValue", "label"])
633
633
  ]),
634
- r("div", na, [
635
- r("span", oa, v(t(a)("order.coverImage")), 1),
636
- r("span", ra, v(t(a)("order.coverImageFallbackHint")), 1),
637
- r("div", sa, [
638
- r("span", ia, v(t(a)("order.coverImageLandscape")), 1),
639
- r("span", da, v(t(a)("order.coverImageLandscapeHint")), 1),
640
- L("coverImageLandscape") ? (P(), x("div", ua, [
641
- r("img", {
634
+ s("div", na, [
635
+ s("span", oa, v(t(a)("order.coverImage")), 1),
636
+ s("span", sa, v(t(a)("order.coverImageFallbackHint")), 1),
637
+ s("div", ra, [
638
+ s("span", ia, v(t(a)("order.coverImageLandscape")), 1),
639
+ s("span", da, v(t(a)("order.coverImageLandscapeHint")), 1),
640
+ L("coverImageLandscape") ? (P(), S("div", ua, [
641
+ s("img", {
642
642
  src: L("coverImageLandscape"),
643
643
  alt: t(a)("order.coverImageLandscape"),
644
- class: "w-full max-w-[360px] max-h-[200px] object-cover rounded-md border border-fm-color-neutral-gray-200"
644
+ class: "max-w-[400px] aspect-video object-cover rounded-md border border-fm-color-neutral-gray-200"
645
645
  }, null, 8, ma),
646
- s(N, {
646
+ r(N, {
647
647
  variant: "tertiary",
648
648
  class: "mr-auto",
649
649
  label: t(a)("common.delete"),
@@ -653,20 +653,21 @@ const Le = {
653
653
  key: 0,
654
654
  accept: "image/*",
655
655
  "max-file-size": le,
656
+ "content-class": "w-full max-w-[400px] aspect-video",
656
657
  onFileUpload: e[15] || (e[15] = (o) => j("coverImageLandscape", o)),
657
658
  onFileRejected: e[16] || (e[16] = (o) => B("coverImageLandscape", o))
658
659
  }))
659
660
  ]),
660
- r("div", pa, [
661
- r("span", ca, v(t(a)("order.coverImagePortrait")), 1),
662
- r("span", ya, v(t(a)("order.coverImagePortraitHint")), 1),
663
- L("coverImagePortrait") ? (P(), x("div", fa, [
664
- r("img", {
661
+ s("div", pa, [
662
+ s("span", ca, v(t(a)("order.coverImagePortrait")), 1),
663
+ s("span", ya, v(t(a)("order.coverImagePortraitHint")), 1),
664
+ L("coverImagePortrait") ? (P(), S("div", fa, [
665
+ s("img", {
665
666
  src: L("coverImagePortrait"),
666
667
  alt: t(a)("order.coverImagePortrait"),
667
- class: "w-full max-w-[360px] max-h-[200px] object-cover rounded-md border border-fm-color-neutral-gray-200"
668
+ class: "max-w-[200px] aspect-[9/16] object-cover rounded-md border border-fm-color-neutral-gray-200"
668
669
  }, null, 8, va),
669
- s(N, {
670
+ r(N, {
670
671
  variant: "tertiary",
671
672
  class: "mr-auto",
672
673
  label: t(a)("common.delete"),
@@ -676,14 +677,15 @@ const Le = {
676
677
  key: 0,
677
678
  accept: "image/*",
678
679
  "max-file-size": le,
680
+ "content-class": "w-[240px] aspect-[9/16]",
679
681
  onFileUpload: e[18] || (e[18] = (o) => j("coverImagePortrait", o)),
680
682
  onFileRejected: e[19] || (e[19] = (o) => B("coverImagePortrait", o))
681
683
  }))
682
684
  ])
683
685
  ]),
684
- r("div", ba, [
685
- r("span", ga, v(t(a)("order.displayPaxDialogTitle")), 1),
686
- s(i, {
686
+ s("div", ba, [
687
+ s("span", ga, v(t(a)("order.displayPaxDialogTitle")), 1),
688
+ r(i, {
687
689
  modelValue: R.value,
688
690
  "onUpdate:modelValue": e[21] || (e[21] = (o) => R.value = o),
689
691
  label: t(a)("order.displayPaxDialogDescription"),
@@ -691,27 +693,27 @@ const Le = {
691
693
  class: "mb-5"
692
694
  }, null, 8, ["modelValue", "label"])
693
695
  ]),
694
- r("div", Pa, [
695
- r("span", Ia, v(t(a)("order.acceptedPayment")), 1),
696
- r("span", xa, v(t(a)("order.configuration")), 1),
697
- s(_e, {
696
+ s("div", Pa, [
697
+ s("span", Ia, v(t(a)("order.acceptedPayment")), 1),
698
+ s("span", Sa, v(t(a)("order.configuration")), 1),
699
+ r(_e, {
698
700
  "payment-types": n.value.paymentSetting.paymentTypes ?? [],
699
701
  "allow-e-payment": A.value,
700
702
  "offline-payment-types": n.value.paymentSetting.offlinePaymentTypes ?? [],
701
703
  ePaymentTypes: n.value.paymentSetting.ePaymentTypes ?? {},
702
704
  "onUpdate:paymentTypes": w,
703
705
  "onUpdate:offlinePaymentTypes": e[22] || (e[22] = (o) => n.value.paymentSetting.offlinePaymentTypes = o),
704
- "onUpdate:ePaymentTypes": S
706
+ "onUpdate:ePaymentTypes": x
705
707
  }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
706
708
  ]),
707
- s(N, {
709
+ r(N, {
708
710
  class: "w-1/4 mb-10",
709
711
  variant: "primary",
710
712
  label: t(a)("order.updateSetting"),
711
713
  disabled: !I.value,
712
714
  onClick: q
713
715
  }, null, 8, ["label", "disabled"])
714
- ])) : (P(), x("div", Sa, v(t(a)("order.pleaseSelectRestaurant")), 1));
716
+ ])) : (P(), S("div", xa, v(t(a)("order.pleaseSelectRestaurant")), 1));
715
717
  };
716
718
  }
717
719
  });
@@ -340,7 +340,7 @@ const _e = {
340
340
  setup(e) {
341
341
  var D, B;
342
342
  const { t } = F(), s = ae(
343
- () => import("./KioskSettingView-BE_pMA-i.js")
343
+ () => import("./KioskSettingView-D1tvuPDv.js")
344
344
  ), r = C("device"), n = ce(), o = Je(), i = me(), { currentRestaurant: d, restaurants: a, changeRestaurant: m } = ue(), v = ye(), _ = fe(), P = h(() => _.breakpoints.value.xs), T = C(((D = d.value) == null ? void 0 : D._id) ?? void 0), H = h(() => a.value.map((y) => ({
345
345
  label: y.profile.name,
346
346
  value: y._id
@@ -6,7 +6,7 @@ import { u as Vt, a as Yt, b as Cs, _ as As } from "./index-BXsnV_eO.js";
6
6
  import { a as Fs, d as Lt } from "./dayjs.min-CuRr-wlf.js";
7
7
  import { defineStore as Sn } from "pinia";
8
8
  import { useRouter as Ts } from "vue-router";
9
- import { c as Cn, d as cu, e as An, f as zs, h as yn, i as qs } from "./app-CFfgPAd8.js";
9
+ import { c as Cn, d as cu, e as An, f as zs, h as yn, i as qs } from "./app-DpOjaFJw.js";
10
10
  import { O as pu, s as Ja, a as Is } from "./index-Bj0bCGTm.js";
11
11
  const Ps = {
12
12
  "Bill Receipt Number": (g) => g.seqNumber ?? "*8888",
@@ -10403,7 +10403,7 @@ const _c = { class: "flex-1 overflow-auto" }, Lc = /* @__PURE__ */ di({
10403
10403
  {
10404
10404
  path: Re.KioskRoute,
10405
10405
  name: "Kiosk",
10406
- component: () => import("./KioskView-U-Wg8oMC.js")
10406
+ component: () => import("./KioskView-Cl6eCUYX.js")
10407
10407
  },
10408
10408
  {
10409
10409
  path: Re.KioskDeviceRoute,
@@ -10413,12 +10413,12 @@ const _c = { class: "flex-1 overflow-auto" }, Lc = /* @__PURE__ */ di({
10413
10413
  {
10414
10414
  path: Re.KioskOrderSettingRoute,
10415
10415
  name: "Kiosk Order Setting",
10416
- component: () => import("./KioskSettingView-BE_pMA-i.js")
10416
+ component: () => import("./KioskSettingView-D1tvuPDv.js")
10417
10417
  },
10418
10418
  {
10419
10419
  path: Re.OrderSettingView,
10420
10420
  name: "Order Setting View",
10421
- component: () => import("./OrderSettingsView-BWzaITT6.js")
10421
+ component: () => import("./OrderSettingsView-Dj0Nd22Z.js")
10422
10422
  }
10423
10423
  ], Fc = {
10424
10424
  "en-US": vi,
package/dist/app.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as e, j as r, k as o } from "./app-CFfgPAd8.js";
1
+ import { _ as e, j as r, k as o } from "./app-DpOjaFJw.js";
2
2
  export {
3
3
  e as FmApp,
4
4
  r as i18nMessages,