@feedmepos/mf-order-setting 0.0.16 → 0.0.17

package/dist/KioskDevicesView-DkDKK-o-.js

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

package/dist/KioskDevicesView.vue_vue_type_script_setup_true_lang-uz5kCfDz.js

@@ -0,0 +1,206 @@
+import { defineComponent as g, ref as D, resolveComponent as f, openBlock as i, createElementBlock as c, createElementVNode as a, toDisplayString as d, unref as m, createVNode as v, computed as B, withCtx as F, Fragment as y, renderList as h, createCommentVNode as C, createBlock as M } from "vue";
+import { useDialog as O, useSnackbar as q } from "@feedmepos/ui-library";
+import { useI18n as I } from "@feedmepos/mf-common";
+import { defineStore as N } from "pinia";
+import { r as w, g as K, D as T } from "./dayjs.min-vPr9KJUN.js";
+const U = /* @__PURE__ */ g({
+  __name: "KioskUnbindConfirm",
+  props: {
+    machineId: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const { t: n } = I(), l = t, o = D("");
+    function s(r) {
+      l("update:modelValue", r);
+    }
+    return (r, x) => {
+      const _ = f("FmTextField");
+      return i(), c("div", null, [
+        a("span", null, d(m(n)("order.unbindKioskDeviceWarning", { machineId: r.machineId })), 1),
+        v(_, {
+          "model-value": o.value,
+          "onUpdate:modelValue": s,
+          placeholder: r.machineId
+        }, null, 8, ["model-value", "placeholder"])
+      ]);
+    };
+  }
+});
+async function Y() {
+  const e = await w().get("/kiosk/otp");
+  return K(e);
+}
+async function j() {
+  const e = await w().get("/kiosk/devices");
+  return K(e);
+}
+async function L(e) {
+  await w().delete(`/kiosk/unbind/${e}`);
+}
+const k = {
+  requestOtp: Y,
+  getDevices: j,
+  unbind: L
+}, W = (e) => ({
+  name: e.name ?? "N/A",
+  machineId: e.machineId,
+  config: {
+    scannerInfo: e.scannerInfo ?? void 0,
+    printerInfo: e.printerInfo ?? void 0,
+    terminalInfo: e.terminalInfo ?? void 0
+  },
+  activatedAt: H(e.token)
+});
+function H(e) {
+  const t = e.substring(0, 8), n = parseInt(t, 16);
+  return new Date(n * 1e3);
+}
+const P = {
+  toMfKioskDevice: W
+}, z = N("kiosk", () => {
+  const e = D({
+    otp: "",
+    devices: []
+  });
+  async function t() {
+    const o = await k.requestOtp();
+    e.value.otp = o.otp;
+  }
+  async function n() {
+    const o = await k.getDevices();
+    e.value.devices = o.map((s) => P.toMfKioskDevice(s));
+  }
+  async function l(o) {
+    await k.unbind(o), await n();
+  }
+  return {
+    state: e,
+    requestOtp: t,
+    getDevices: n,
+    unbind: l
+  };
+}), E = { class: "border fm-corner-radius-lg flex justify-between pr-[1rem] w-11/12" }, G = { class: "py-[1rem] flex flex-col gap-6" }, J = { class: "fm-typo-en-title-sm-600" }, Q = { class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2" }, R = {
+  key: 0,
+  class: "fm-typo-en-title-sm-600"
+}, X = { class: "flex flex-col gap-1" }, Z = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ee = { class: "fm-typo-en-body-lg-600 block" }, te = /* @__PURE__ */ g({
+  __name: "KioskDeviceCard",
+  props: {
+    device: {}
+  },
+  setup(e) {
+    const { t } = I(), n = O(), l = q(), o = z(), s = e, r = D(""), x = B(() => Object.entries(s.device.config));
+    function _() {
+      r.value = "", n.open({
+        title: t("order.unbindKioskDevice"),
+        contentComponent: U,
+        contentComponentProps: {
+          machineId: s.device.machineId,
+          "onUpdate:modelValue": (p) => {
+            r.value = p;
+          }
+        },
+        dismissAway: !1,
+        primaryActions: {
+          text: t("order.unbind"),
+          variant: "destructive",
+          close: !1
+        },
+        secondaryActions: {
+          text: t("order.cancel"),
+          variant: "tertiary",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        r.value == s.device.machineId ? (await V(), l.open({
+          type: "success",
+          message: t("order.unbindSuccess"),
+          position: "bottom"
+        }), n.close()) : l.open({
+          type: "warning",
+          message: t("order.unbindWarning"),
+          position: "bottom"
+        });
+      });
+    }
+    async function V() {
+      await o.unbind(s.device.machineId);
+    }
+    return (p, ce) => {
+      const S = f("FmListItem"), $ = f("FmSideSheet"), A = f("FmButton");
+      return i(), c("div", E, [
+        v($, {
+          header: m(t)("order.deviceDetails"),
+          "dismiss-away": "",
+          class: "w-full",
+          maxWidth: 700
+        }, {
+          "side-sheet-button": F(() => [
+            v(S, {
+              class: "flex-1",
+              label: p.device.name,
+              sublabel: `${m(t)("order.activatedDate")}: ${m(T)(p.device.activatedAt).format("DD MMM YYYY HH:mm")}`
+            }, null, 8, ["label", "sublabel"])
+          ]),
+          default: F(() => [
+            a("div", G, [
+              a("span", J, d(p.device.name), 1),
+              (i(!0), c(y, null, h(x.value.filter((u) => u[1]), (u) => (i(), c("div", Q, [
+                u[1] ? (i(), c("span", R, d(u[0]), 1)) : C("", !0),
+                u[1] ? (i(!0), c(y, { key: 1 }, h(Object.entries(u[1]), (b) => (i(), c("div", X, [
+                  a("span", Z, d(b[0]), 1),
+                  a("span", ee, d(b[1] == "" ? "-" : b[1]), 1)
+                ]))), 256)) : C("", !0)
+              ]))), 256))
+            ])
+          ]),
+          _: 1
+        }, 8, ["header"]),
+        v(A, {
+          variant: "plain",
+          "append-icon": "link_off",
+          class: "text-fm-color-system-error-300 align-middle my-auto",
+          onClick: _
+        })
+      ]);
+    };
+  }
+}), ne = { class: "flex flex-col gap-2" }, oe = { class: "flex flex-col gap-2" }, se = { class: "fm-typo-en-title-sm-600 block" }, ie = { class: "fm-typo-en-body-md-400 block" }, ae = { class: "flex flex-col gap-6" }, pe = /* @__PURE__ */ g({
+  __name: "KioskDevicesView",
+  props: {
+    devices: {},
+    requestOtp: { type: Function }
+  },
+  setup(e) {
+    const { t } = I();
+    return (n, l) => {
+      const o = f("FmButton");
+      return i(), c("div", null, [
+        a("div", ne, [
+          a("div", oe, [
+            a("span", se, d(m(t)("order.kioskDisplay")), 1),
+            a("span", ie, d(m(t)("order.kioskDisplayDescription")), 1)
+          ]),
+          a("div", ae, [
+            (i(!0), c(y, null, h(n.devices, (s) => (i(), M(te, {
+              key: s.machineId,
+              device: s
+            }, null, 8, ["device"]))), 128)),
+            v(o, {
+              variant: "plain",
+              class: "w-[10rem] border border-fm-color-primary fm-corner-radius-lg",
+              label: m(t)("order.bindDevice"),
+              size: "md",
+              "prepend-icon": "link",
+              onClick: n.requestOtp
+            }, null, 8, ["label", "onClick"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  pe as _,
+  z as u
+};

package/dist/KioskSettingView-6Q0qwSTl.js

@@ -0,0 +1,345 @@
+import { defineComponent as w, ref as D, computed as I, resolveComponent as k, openBlock as f, createElementBlock as _, createVNode as b, unref as l, withDirectives as q, createElementVNode as S, toDisplayString as V, vShow as B, watch as P, createBlock as U, createCommentVNode as T } from "vue";
+import { useI18n as h } from "@feedmepos/mf-common";
+import { u as C } from "./index-B9mJLWE5.js";
+import { useSnackbar as K } from "@feedmepos/ui-library";
+function M(p, o) {
+  let t = p.toString(), i = o - t.length;
+  return i > 0 && (t = Array(i + 1).join("0") + t), t;
+}
+const E = {
+  applyPadDigits: M
+};
+function L(p, o = []) {
+  const t = JSON.parse(JSON.stringify(p));
+  return o.length > 0 && o.forEach((i) => {
+    t[i] !== void 0 && delete t[i];
+  }), t;
+}
+const $ = {
+  clone: L
+}, j = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, J = { class: "fm-typo-en-title-sm-600" }, z = { class: "flex flex-col gap-10" }, G = { class: "flex flex-row gap-2" }, H = /* @__PURE__ */ w({
+  __name: "KioskDisplayStandSection",
+  props: {
+    displayStand: {}
+  },
+  emits: ["updateDisplayStand"],
+  setup(p, { emit: o }) {
+    const { t } = h(), i = p, c = o, a = D($.clone(i.displayStand)), d = (u) => u < 0 ? t("order.nonNegativeRule") : !0, n = (u) => u <= (a.value.standSlotRange.min ?? 0) ? t("order.greaterThanMinRule") : !0, s = I(() => [d]), g = I(() => [d]), y = I(() => [d, n]);
+    I(() => {
+      const m = E.applyPadDigits(5, a.value.padDigit ?? 0);
+      return `Preview: ${a.value.prefix}${m}`;
+    });
+    function x(u) {
+      a.value.enabled = u, c("updateDisplayStand", a.value);
+    }
+    function R(u) {
+      u && c("updateDisplayStand", a.value);
+    }
+    function e(u) {
+      u && c("updateDisplayStand", a.value);
+    }
+    function r(u) {
+      c("updateDisplayStand", a.value);
+    }
+    function F(u) {
+      u && c("updateDisplayStand", a.value);
+    }
+    return (u, m) => {
+      const A = k("FmSwitch"), O = k("FmTextField"), N = k("FmStepperField");
+      return f(), _("div", null, [
+        b(A, {
+          modelValue: a.value.enabled,
+          "onUpdate:modelValue": [
+            m[0] || (m[0] = (v) => a.value.enabled = v),
+            x
+          ],
+          label: l(t)("order.displayStand"),
+          "label-placement": "right"
+        }, null, 8, ["modelValue", "label"]),
+        q(S("div", j, [
+          S("span", J, V(l(t)("order.tableServiceSetting")), 1),
+          S("div", z, [
+            b(O, {
+              modelValue: a.value.prefix,
+              "onUpdate:modelValue": [
+                m[1] || (m[1] = (v) => a.value.prefix = v),
+                r
+              ],
+              label: l(t)("order.prefix"),
+              placeholder: l(t)("order.prefix")
+            }, null, 8, ["modelValue", "label", "placeholder"])
+          ]),
+          S("div", G, [
+            b(N, {
+              class: "w-1/2",
+              modelValue: a.value.standSlotRange.min,
+              "onUpdate:modelValue": [
+                m[2] || (m[2] = (v) => a.value.standSlotRange.min = v),
+                R
+              ],
+              label: l(t)("order.start"),
+              labelMark: "required",
+              rules: g.value,
+              placeholder: l(t)("order.enterANumber")
+            }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
+            b(N, {
+              class: "w-1/2",
+              modelValue: a.value.standSlotRange.max,
+              "onUpdate:modelValue": [
+                m[3] || (m[3] = (v) => a.value.standSlotRange.max = v),
+                e
+              ],
+              label: l(t)("order.end"),
+              labelMark: "required",
+              rules: y.value,
+              placeholder: l(t)("order.enterANumber")
+            }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+          ]),
+          S("div", null, [
+            b(N, {
+              modelValue: a.value.padDigit,
+              "onUpdate:modelValue": [
+                m[4] || (m[4] = (v) => a.value.padDigit = v),
+                F
+              ],
+              label: l(t)("order.padDigit"),
+              labelMark: "required",
+              rules: s.value,
+              placeholder: l(t)("order.padDigit")
+            }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+          ])
+        ], 512), [
+          [B, a.value.enabled]
+        ])
+      ]);
+    };
+  }
+}), Q = /* @__PURE__ */ w({
+  __name: "KioskPickAtCounterSection",
+  props: {
+    enabled: { type: Boolean }
+  },
+  emits: ["update-pick-up"],
+  setup(p, { emit: o }) {
+    const { t } = h(), i = p, c = o, a = D(i.enabled), d = (n) => {
+      a.value = n, c("update-pick-up", n);
+    };
+    return (n, s) => {
+      const g = k("FmSwitch");
+      return f(), _("div", null, [
+        b(g, {
+          modelValue: a.value,
+          "onUpdate:modelValue": [
+            s[0] || (s[0] = (y) => a.value = y),
+            d
+          ],
+          label: l(t)("order.pickAtCounter"),
+          "label-placement": "right"
+        }, null, 8, ["modelValue", "label"])
+      ]);
+    };
+  }
+}), W = { class: "flex flex-col gap-5" }, X = { class: "flex flex-col gap-16" }, Y = { class: "flex flex-col gap-16" }, Z = /* @__PURE__ */ w({
+  __name: "KioskDineInSection",
+  props: {
+    getSetting: { type: Function },
+    isApplyLoading: { type: Boolean },
+    restaurantId: {}
+  },
+  emits: ["updateDineIn"],
+  setup(p, { emit: o }) {
+    const { t } = h();
+    function i(s) {
+      n.value.pickUp = {
+        enabled: s
+      }, d("updateDineIn", n.value);
+    }
+    function c(s) {
+      n.value.displayStand = s, d("updateDineIn", n.value);
+    }
+    const a = p, d = o, n = D($.clone(a.getSetting()));
+    return P(() => a.restaurantId, () => {
+      n.value = a.getSetting();
+    }), (s, g) => {
+      const y = k("FmSwitch");
+      return f(), _("div", W, [
+        S("div", X, [
+          b(y, {
+            modelValue: n.value.enabled,
+            "onUpdate:modelValue": g[0] || (g[0] = (x) => n.value.enabled = x),
+            label: l(t)("order.dineIn"),
+            "label-placement": "right"
+          }, null, 8, ["modelValue", "label"]),
+          q(S("div", Y, [
+            n.value.pickUp ? (f(), U(Q, {
+              key: 0,
+              enabled: n.value.pickUp.enabled,
+              onUpdatePickUp: i
+            }, null, 8, ["enabled"])) : T("", !0),
+            n.value.displayStand ? (f(), U(H, {
+              key: 1,
+              "display-stand": n.value.displayStand,
+              onUpdateDisplayStand: c
+            }, null, 8, ["display-stand"])) : T("", !0)
+          ], 512), [
+            [B, n.value.enabled]
+          ])
+        ])
+      ]);
+    };
+  }
+}), ee = /* @__PURE__ */ w({
+  __name: "KioskTakeawaySection",
+  props: {
+    getSetting: { type: Function },
+    isApplyLoading: { type: Boolean },
+    restaurantId: {}
+  },
+  emits: ["updateTakeaway"],
+  setup(p, { emit: o }) {
+    const { t } = h(), i = p, c = o, a = D($.clone(i.getSetting()));
+    function d(n) {
+      a.value.enabled = n, c("updateTakeaway", a.value);
+    }
+    return P(() => i.restaurantId, () => {
+      a.value = i.getSetting();
+    }), (n, s) => {
+      const g = k("FmSwitch");
+      return f(), _("div", null, [
+        b(g, {
+          modelValue: a.value.enabled,
+          "onUpdate:modelValue": [
+            s[0] || (s[0] = (y) => a.value.enabled = y),
+            d
+          ],
+          label: l(t)("order.takeaway"),
+          "label-placement": "right",
+          class: "mb-5"
+        }, null, 8, ["modelValue", "label"])
+      ]);
+    };
+  }
+}), ae = {
+  key: 0,
+  class: "flex flex-col gap-32"
+}, te = { class: "flex flex-col gap-2" }, ne = { class: "fm-typo-en-title-sm-600" }, le = { class: "flex flex-col gap-2" }, ie = { class: "fm-typo-en-title-sm-600" }, de = { key: 1 }, pe = /* @__PURE__ */ w({
+  __name: "KioskSettingView",
+  props: {
+    restaurantId: {},
+    form: {}
+  },
+  emits: ["updateKioskOrderSetting"],
+  setup(p, { emit: o }) {
+    const { t } = h(), i = p, c = K(), a = o, d = D(i.form), n = I(() => {
+      const e = d.value;
+      if (!e.dineIn.enabled)
+        return {
+          dineIn: {
+            enabled: e.dineIn.enabled,
+            sequenceNumber: e.dineIn.sequenceNumber,
+            pickUp: e.dineIn.pickUp,
+            displayStand: {
+              enabled: !1,
+              padDigit: e.dineIn.displayStand.padDigit ?? 0,
+              standSlotRange: {
+                min: e.dineIn.displayStand.standSlotRange.min ?? 0,
+                max: e.dineIn.displayStand.standSlotRange.max ?? 10
+              },
+              prefix: e.dineIn.displayStand.prefix ?? ""
+            }
+          },
+          takeaway: e.takeaway
+        };
+      if (e.dineIn.enabled && e.dineIn.displayStand.enabled) {
+        const r = e.dineIn.displayStand;
+        return r.padDigit != null && r.padDigit >= 0 && r.standSlotRange.min && r.standSlotRange.max && r.standSlotRange.min <= r.standSlotRange.max ? {
+          dineIn: {
+            enabled: e.dineIn.enabled,
+            sequenceNumber: e.dineIn.sequenceNumber,
+            pickUp: e.dineIn.pickUp,
+            displayStand: {
+              enabled: r.enabled,
+              padDigit: r.padDigit,
+              standSlotRange: {
+                min: r.standSlotRange.min,
+                max: r.standSlotRange.max
+              },
+              prefix: r.prefix ?? ""
+            }
+          },
+          takeaway: e.takeaway
+        } : null;
+      }
+      return {
+        dineIn: {
+          enabled: e.dineIn.enabled,
+          sequenceNumber: e.dineIn.sequenceNumber,
+          pickUp: e.dineIn.pickUp,
+          displayStand: {
+            enabled: !1,
+            padDigit: e.dineIn.displayStand.padDigit ?? 0,
+            standSlotRange: {
+              min: e.dineIn.displayStand.standSlotRange.min ?? 0,
+              max: e.dineIn.displayStand.standSlotRange.max ?? 10
+            },
+            prefix: e.dineIn.displayStand.prefix ?? ""
+          }
+        },
+        takeaway: e.takeaway
+      };
+    }), { startAsyncCall: s, isLoading: g } = C();
+    async function y(e) {
+      d.value.dineIn = e;
+    }
+    async function x(e) {
+      d.value.takeaway = e;
+    }
+    async function R() {
+      if (n.value) {
+        const e = n.value;
+        s(async () => {
+          await a("updateKioskOrderSetting", e);
+        });
+      } else
+        c.open({
+          title: t("order.failedToUpdateSetting"),
+          type: "error"
+        });
+    }
+    return (e, r) => {
+      const F = k("FmButton");
+      return d.value ? (f(), _("div", ae, [
+        S("div", te, [
+          S("span", ne, V(l(t)("order.dineIn")), 1),
+          (f(), U(Z, {
+            key: "dine-in-" + e.restaurantId,
+            "restaurant-id": e.restaurantId,
+            "is-apply-loading": l(g),
+            "get-setting": () => d.value.dineIn,
+            onUpdateDineIn: y
+          }, null, 8, ["restaurant-id", "is-apply-loading", "get-setting"]))
+        ]),
+        S("div", le, [
+          S("span", ie, V(l(t)("order.takeawayTitle")), 1),
+          (f(), U(ee, {
+            key: "takeaway-" + e.restaurantId,
+            "restaurant-id": e.restaurantId,
+            "is-apply-loading": l(g),
+            "get-setting": () => d.value.takeaway,
+            onUpdateTakeaway: x
+          }, null, 8, ["restaurant-id", "is-apply-loading", "get-setting"]))
+        ]),
+        b(F, {
+          class: "w-1/4 mb-10",
+          variant: "primary",
+          label: l(t)("order.updateSetting"),
+          disabled: !n.value,
+          onClick: R
+        }, null, 8, ["label", "disabled"])
+      ])) : (f(), _("div", de, V(l(t)("order.pleaseSelectRestaurant")), 1));
+    };
+  }
+});
+export {
+  pe as default
+};