@feedmepos/mf-order-setting 0.0.49 → 0.0.51

package/dist/{KioskDevicesView-Ch_mWJz9.js → KioskDevicesView-TIls1ag1.js}

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

package/dist/KioskDevicesView.vue_vue_type_script_setup_true_lang-B2gjPfOJ.js

@@ -0,0 +1,501 @@
+import { ref as C, defineComponent as G, resolveComponent as F, createElementBlock as b, openBlock as u, createElementVNode as e, createVNode as v, toDisplayString as a, unref as _, computed as $, createCommentVNode as D, withCtx as q, Fragment as W, renderList as H, createBlock as z, createTextVNode as U } from "vue";
+import { useI18n as Q } from "@feedmepos/mf-common";
+import { defineStore as se } from "pinia";
+import { r as Y, g as Z, d as R } from "./dayjs.min-B42nUieJ.js";
+import { g as ie, c as ae } from "./menu.dto-DFTxveX1.js";
+import { useDialog as le, useSnackbar as re } from "@feedmepos/ui-library";
+async function ce() {
+  const o = await Y().get("/kiosk/otp");
+  return Z(o);
+}
+async function de() {
+  const o = await Y().get("/kiosk/devices");
+  return Z(o);
+}
+async function pe(o) {
+  await Y().delete(`/kiosk/unbind/${o}`);
+}
+async function ue(o, n) {
+  await Y().put(`/kiosk/updateDevicePin/${n}`, { pinInfo: o });
+}
+const j = {
+  requestOtp: ce,
+  getDevices: de,
+  unbind: pe,
+  updateDevicePin: ue
+}, me = (o) => ({
+  name: o.name ?? "N/A",
+  machineId: o.machineId,
+  config: {
+    scannerInfo: o.scannerInfo ?? void 0,
+    printerInfo: o.printerInfo ?? void 0,
+    terminalInfo: o.terminalInfo ?? void 0
+  },
+  activatedAt: ve(o.token),
+  deviceAppType: o.deviceAppType ?? void 0,
+  slotInfo: o.slotInfo ?? void 0,
+  pinInfo: o.pinInfo ?? void 0,
+  deviceAppVersion: o.deviceAppVersion ?? void 0,
+  deviceAppOTAVersion: o.deviceAppOTAVersion ?? void 0,
+  lastStartup: o.lastStartup ? new Date(o.lastStartup) : void 0
+});
+function ve(o) {
+  const n = o.substring(0, 8), f = parseInt(n, 16);
+  return new Date(f * 1e3);
+}
+const fe = {
+  toMfKioskDevice: me
+}, ye = se("kiosk", () => {
+  const o = C({
+    otp: "",
+    devices: []
+  });
+  async function n() {
+    const l = await j.requestOtp();
+    o.value.otp = l.otp;
+  }
+  async function f() {
+    const l = await j.getDevices();
+    o.value.devices = l.map((i) => fe.toMfKioskDevice(i));
+  }
+  async function m(l) {
+    await j.unbind(l), await f();
+  }
+  async function c(l, i) {
+    await j.updateDevicePin(l, i);
+  }
+  return {
+    state: o.value,
+    requestOtp: n,
+    getDevices: f,
+    unbind: m,
+    updateDevicePin: c
+  };
+});
+var ee = { exports: {} };
+(function(o, n) {
+  (function(f, m) {
+    o.exports = m();
+  })(ae, function() {
+    return function(f, m, c) {
+      f = f || {};
+      var l = m.prototype, i = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function p(s, d, k, I) {
+        return l.fromToBase(s, d, k, I);
+      }
+      c.en.relativeTime = i, l.fromToBase = function(s, d, k, I, y) {
+        for (var M, w, V, N = k.$locale().relativeTime || i, x = f.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], B = x.length, P = 0; P < B; P += 1) {
+          var T = x[P];
+          T.d && (M = I ? c(s).diff(k, T.d, !0) : k.diff(s, T.d, !0));
+          var A = (f.rounding || Math.round)(Math.abs(M));
+          if (V = M > 0, A <= T.r || !T.r) {
+            A <= 1 && P > 0 && (T = x[P - 1]);
+            var S = N[T.l];
+            y && (A = y("" + A)), w = typeof S == "string" ? S.replace("%d", A) : S(A, d, T.l, V);
+            break;
+          }
+        }
+        if (d) return w;
+        var O = V ? N.future : N.past;
+        return typeof O == "function" ? O(w) : O.replace("%s", w);
+      }, l.to = function(s, d) {
+        return p(s, d, this, !0);
+      }, l.from = function(s, d) {
+        return p(s, d, this);
+      };
+      var r = function(s) {
+        return s.$u ? c.utc() : c();
+      };
+      l.toNow = function(s) {
+        return this.to(r(this), s);
+      }, l.fromNow = function(s) {
+        return this.from(r(this), s);
+      };
+    };
+  });
+})(ee);
+var he = ee.exports;
+const be = /* @__PURE__ */ ie(he), _e = /* @__PURE__ */ G({
+  __name: "KioskUnbindConfirm",
+  props: {
+    machineId: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: n }) {
+    const { t: f } = Q(), m = n, c = C("");
+    function l(i) {
+      m("update:modelValue", i);
+    }
+    return (i, p) => {
+      const r = F("FmTextField");
+      return u(), b("div", null, [
+        e("span", null, a(_(f)("order.unbindKioskDeviceWarning", { machineId: i.machineId })), 1),
+        v(r, {
+          "model-value": c.value,
+          "onUpdate:modelValue": l,
+          placeholder: i.machineId
+        }, null, 8, ["model-value", "placeholder"])
+      ]);
+    };
+  }
+}), ke = { class: "border fm-corner-radius-lg p-12 hover:bg-fm-color-neutral-gray-50 transition-colors" }, ge = { class: "flex items-center justify-between mb-2" }, xe = { class: "flex items-center gap-2" }, Te = { class: "px-2 py-1 fm-corner-radius-md fm-typo-en-body-sm-600 uppercase bg-fm-color-neutral-gray-200 text-fm-color-typo-secondary" }, Ae = {
+  key: 0,
+  class: "fm-typo-en-body-md-600 text-fm-color-typo-primary"
+}, Ie = { class: "flex items-center gap-1" }, we = {
+  key: 0,
+  class: "py-[1rem] flex flex-col gap-6"
+}, Pe = { class: "fm-typo-en-title-sm-600" }, De = { class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2" }, Ce = { class: "flex flex-col gap-1 mb-2" }, Fe = { class: "fm-typo-en-body-lg-600 block" }, Me = { class: "flex flex-col gap-1 mb-2" }, $e = { class: "fm-typo-en-body-lg-600 block font-mono text-sm break-all" }, Ve = { class: "flex flex-col gap-1 mb-2" }, Be = { class: "fm-typo-en-body-lg-600 block" }, Se = { class: "flex flex-col gap-1 mb-2" }, Ne = { class: "fm-typo-en-body-lg-600 block" }, Oe = { class: "flex flex-col gap-1 mb-2" }, Ee = { class: "fm-typo-en-body-lg-600 block" }, Le = {
+  key: 0,
+  class: "fm-typo-en-title-sm-600"
+}, Ke = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ue = { class: "fm-typo-en-body-lg-600 block" }, je = { key: 1 }, qe = { class: "py-[1rem] flex flex-col gap-6 text-center items-center" }, Ye = { class: "flex flex-col gap-1 mb-2" }, Re = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, We = { class: "mt-5 block" }, He = ["title"], ze = ["title"], Ge = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary font-mono" }, Qe = { class: "flex items-center gap-3 flex-wrap fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Je = { class: "flex items-center gap-1" }, Xe = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, Ze = { class: "flex items-center gap-1" }, et = ["title"], tt = /* @__PURE__ */ G({
+  __name: "KioskDeviceCard",
+  props: {
+    device: {}
+  },
+  setup(o) {
+    R.extend(be);
+    const { t: n } = Q(), f = le(), m = re(), c = ye(), l = C(!1), i = o, p = C(""), r = $(() => Object.entries(i.device.config)), s = $(() => {
+      var t;
+      return ((t = i.device) == null ? void 0 : t.deviceAppType) === "TABLET_APP" ? "Tablet App" : "Kiosk App";
+    }), d = $(() => {
+      var t;
+      return ((t = i.device) == null ? void 0 : t.deviceAppType) === "TABLET_APP";
+    }), k = $(() => {
+      const t = i.device.machineId;
+      return !t || t.length <= 16 ? t : `${t.slice(0, 8)}...${t.slice(-4)}`;
+    });
+    async function I() {
+      try {
+        await navigator.clipboard.writeText(i.device.machineId), m.open({
+          type: "success",
+          message: n("order.machineIdCopied"),
+          position: "bottom"
+        });
+      } catch {
+        m.open({
+          type: "error",
+          message: n("order.copyFailed"),
+          position: "bottom"
+        });
+      }
+    }
+    function y(t) {
+      return R(t).fromNow();
+    }
+    function M(t) {
+      return R(t).format("DD MMM YYYY HH:mm:ss");
+    }
+    function w() {
+      p.value = "", f.open({
+        title: n("order.unbindKioskDevice"),
+        contentComponent: _e,
+        contentComponentProps: {
+          machineId: i.device.machineId,
+          "onUpdate:modelValue": (t) => {
+            p.value = t;
+          }
+        },
+        dismissAway: !1,
+        primaryActions: {
+          text: n("order.unbind"),
+          variant: "destructive",
+          close: !1
+        },
+        secondaryActions: {
+          text: n("order.cancel"),
+          variant: "tertiary",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        p.value == i.device.machineId ? (await oe(), m.open({
+          type: "success",
+          message: n("order.unbindSuccess"),
+          position: "bottom"
+        }), f.close()) : m.open({
+          type: "warning",
+          message: n("order.unbindWarning"),
+          position: "bottom"
+        });
+      });
+    }
+    const V = $(() => {
+      var t;
+      return (t = i.device) == null ? void 0 : t.pinInfo;
+    }), N = $(() => x.value ? "Re-enter new PIN" : "Enter new PIN"), x = C(!1), B = C(), P = C();
+    function T() {
+      l.value = !0;
+    }
+    function A() {
+      x.value = !1, B.value = null, P.value = null, l.value = !1;
+    }
+    function S(t) {
+      x.value ? (P.value = t, O()) : (B.value = t, x.value = !0);
+    }
+    async function O() {
+      B.value === P.value ? (await te(), m.open({
+        type: "success",
+        message: "Successfuly update device PIN",
+        position: "top"
+      })) : m.open({
+        type: "error",
+        message: "Entered PIN not the same, please try again",
+        position: "top"
+      }), A();
+    }
+    async function te() {
+      await c.updateDevicePin(B.value, i.device.machineId);
+    }
+    async function oe() {
+      await c.unbind(i.device.machineId);
+    }
+    return (t, h) => {
+      const L = F("FmButton"), J = F("FmPinField"), ne = F("FmSideSheet"), E = F("FmIcon");
+      return u(), b("div", ke, [
+        e("div", ge, [
+          e("div", xe, [
+            e("span", Te, a(d.value ? "Tablet" : "Kiosk"), 1),
+            d.value && t.device.slotInfo ? (u(), b("span", Ae, a(t.device.slotInfo), 1)) : D("", !0)
+          ]),
+          e("div", Ie, [
+            v(ne, {
+              header: _(n)("order.deviceDetails"),
+              "dismiss-away": "",
+              maxWidth: 700,
+              "onOn:clickedAway": A
+            }, {
+              "side-sheet-button": q(() => [
+                v(L, {
+                  variant: "tertiary",
+                  icon: "more_vert"
+                })
+              ]),
+              default: q(() => {
+                var X;
+                return [
+                  l.value ? (u(), b("div", je, [
+                    e("div", qe, [
+                      e("div", Ye, [
+                        e("span", Re, a(N.value), 1),
+                        e("span", We, [
+                          x.value ? D("", !0) : (u(), z(J, {
+                            key: 0,
+                            length: 4,
+                            onComplete: h[0] || (h[0] = (g) => S(g))
+                          })),
+                          x.value ? (u(), z(J, {
+                            key: 1,
+                            length: 4,
+                            onComplete: h[1] || (h[1] = (g) => S(g))
+                          })) : D("", !0)
+                        ])
+                      ]),
+                      v(L, {
+                        class: "w-1/3",
+                        variant: "secondary",
+                        label: "Cancel reset PIN",
+                        onClick: A
+                      })
+                    ])
+                  ])) : (u(), b("div", we, [
+                    e("span", Pe, a(t.device.name), 1),
+                    e("div", De, [
+                      h[7] || (h[7] = e("span", { class: "fm-typo-en-title-sm-600 mb-3" }, "App Info", -1)),
+                      e("div", Ce, [
+                        h[2] || (h[2] = e("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Type", -1)),
+                        e("span", Fe, a(s.value), 1)
+                      ]),
+                      e("div", Me, [
+                        h[3] || (h[3] = e("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Machine ID", -1)),
+                        e("span", $e, a(t.device.machineId), 1)
+                      ]),
+                      e("div", Ve, [
+                        h[4] || (h[4] = e("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Version", -1)),
+                        e("span", Be, a(t.device.deviceAppVersion ?? "Below 0.0.42"), 1)
+                      ]),
+                      e("div", Se, [
+                        h[5] || (h[5] = e("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "OTA Version", -1)),
+                        e("span", Ne, a(t.device.deviceAppOTAVersion ?? "Not available"), 1)
+                      ]),
+                      e("div", Oe, [
+                        h[6] || (h[6] = e("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "PIN Code", -1)),
+                        e("span", Ee, a(V.value ? "Yes" : "No"), 1)
+                      ]),
+                      v(L, {
+                        class: "w-auto",
+                        variant: "primary",
+                        label: (X = t.device) != null && X.pinInfo ? "Reset Device PIN" : "Set Device PIN",
+                        onClick: T
+                      }, null, 8, ["label"])
+                    ]),
+                    (u(!0), b(W, null, H(r.value.filter((g) => g[1]), (g) => (u(), b("div", {
+                      key: g[0],
+                      class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2"
+                    }, [
+                      g[1] ? (u(), b("span", Le, a(g[0]), 1)) : D("", !0),
+                      g[1] ? (u(!0), b(W, { key: 1 }, H(Object.entries(g[1]), (K) => (u(), b("div", {
+                        class: "flex flex-col gap-1",
+                        key: K[0]
+                      }, [
+                        e("span", Ke, a(K[0]), 1),
+                        e("span", Ue, a(K[1] == "" ? "-" : K[1]), 1)
+                      ]))), 128)) : D("", !0)
+                    ]))), 128))
+                  ]))
+                ];
+              }),
+              _: 1
+            }, 8, ["header"]),
+            v(L, {
+              variant: "plain",
+              icon: "link_off",
+              class: "text-fm-color-system-error-300",
+              onClick: w
+            })
+          ])
+        ]),
+        e("div", {
+          class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-1 overflow-hidden text-ellipsis whitespace-nowrap",
+          title: t.device.name
+        }, a(t.device.name), 9, He),
+        e("div", {
+          class: "flex items-center gap-1 mb-2 cursor-pointer group",
+          onClick: I,
+          title: _(n)("order.clickToCopy")
+        }, [
+          e("span", Ge, a(k.value), 1),
+          v(E, {
+            name: "content_copy",
+            class: "text-fm-color-typo-tertiary opacity-0 group-hover:opacity-100 transition-opacity"
+          })
+        ], 8, ze),
+        e("div", Qe, [
+          e("span", Je, [
+            v(E, { name: "smartphone" }),
+            U(" v" + a(t.device.deviceAppVersion ?? "?"), 1)
+          ]),
+          t.device.deviceAppOTAVersion ? (u(), b("span", Xe, [
+            v(E, { name: "system_update" }),
+            U(" " + a(t.device.deviceAppOTAVersion), 1)
+          ])) : D("", !0),
+          e("span", Ze, [
+            v(E, { name: "lock" }),
+            U(" " + a(V.value ? _(n)("order.pinSet") : _(n)("order.noPin")), 1)
+          ]),
+          t.device.lastStartup ? (u(), b("span", {
+            key: 1,
+            class: "flex items-center gap-1",
+            title: M(t.device.lastStartup)
+          }, [
+            v(E, { name: "schedule" }),
+            U(" " + a(y(t.device.lastStartup)), 1)
+          ], 8, et)) : D("", !0)
+        ])
+      ]);
+    };
+  }
+}), ot = { class: "flex flex-col gap-4" }, nt = { class: "flex items-center justify-between" }, st = { class: "flex flex-col gap-2" }, it = { class: "fm-typo-en-title-sm-600 block" }, at = { class: "fm-typo-en-body-md-400 block" }, lt = { class: "flex items-center gap-3 flex-wrap" }, rt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ct = { class: "grid grid-cols-2 gap-2 py-8" }, dt = {
+  key: 0,
+  class: "text-center py-8 text-fm-color-typo-tertiary fm-typo-en-body-md-400 col-span-2"
+}, pt = {
+  key: 1,
+  class: "text-center py-8 text-fm-color-typo-tertiary fm-typo-en-body-md-400 col-span-2"
+}, bt = /* @__PURE__ */ G({
+  __name: "KioskDevicesView",
+  props: {
+    devices: {}
+  },
+  emits: ["requestOtp"],
+  setup(o) {
+    const { t: n } = Q(), f = o, m = C(""), c = C("all"), l = $(() => {
+      switch (c.value) {
+        case "tablet":
+          return n("order.tabletOnly");
+        case "kiosk":
+          return n("order.kioskOnly");
+        default:
+          return n("order.allTypes");
+      }
+    }), i = $(() => {
+      let p = f.devices;
+      c.value === "tablet" ? p = p.filter((s) => s.deviceAppType === "TABLET_APP") : c.value === "kiosk" && (p = p.filter((s) => s.deviceAppType !== "TABLET_APP"));
+      const r = m.value.toLowerCase().trim();
+      return r && (p = p.filter((s) => {
+        var y, M, w;
+        const d = ((y = s.name) == null ? void 0 : y.toLowerCase()) || "", k = ((M = s.machineId) == null ? void 0 : M.toLowerCase()) || "", I = ((w = s.slotInfo) == null ? void 0 : w.toLowerCase()) || "";
+        return d.includes(r) || k.includes(r) || I.includes(r);
+      })), p.sort((s, d) => s.deviceAppType === "TABLET_APP" && d.deviceAppType !== "TABLET_APP" ? -1 : s.deviceAppType !== "TABLET_APP" && d.deviceAppType === "TABLET_APP" ? 1 : s.deviceAppType === "TABLET_APP" && d.deviceAppType === "TABLET_APP" ? (s.slotInfo || "").localeCompare(d.slotInfo || "") : (s.name || "").localeCompare(d.name || ""));
+    });
+    return (p, r) => {
+      const s = F("FmButton"), d = F("FmSearch"), k = F("FmMenuItem"), I = F("FmMenu");
+      return u(), b("div", null, [
+        e("div", ot, [
+          e("div", nt, [
+            e("div", st, [
+              e("span", it, a(_(n)("order.kioskDisplay")), 1),
+              e("span", at, a(_(n)("order.kioskDisplayDescription")), 1)
+            ]),
+            v(s, {
+              variant: "primary",
+              label: _(n)("order.bindDevice"),
+              size: "md",
+              "prepend-icon": "link",
+              onClick: r[0] || (r[0] = (y) => p.$emit("requestOtp"))
+            }, null, 8, ["label"])
+          ]),
+          e("div", lt, [
+            v(d, {
+              "model-value": m.value,
+              "onUpdate:modelValue": r[1] || (r[1] = (y) => m.value = y),
+              class: "flex-1 min-w-[200px] max-w-[400px]",
+              placeholder: _(n)("order.searchDevices")
+            }, null, 8, ["model-value", "placeholder"]),
+            v(I, null, {
+              "menu-button": q(() => [
+                v(s, {
+                  variant: "tertiary",
+                  "prepend-icon": "filter_list",
+                  label: l.value,
+                  class: "fm-typo-en-body-md-600"
+                }, null, 8, ["label"])
+              ]),
+              default: q(() => [
+                v(k, {
+                  "model-value": c.value === "all",
+                  label: _(n)("order.allTypes"),
+                  onClick: r[2] || (r[2] = (y) => c.value = "all")
+                }, null, 8, ["model-value", "label"]),
+                v(k, {
+                  "model-value": c.value === "tablet",
+                  label: _(n)("order.tabletOnly"),
+                  onClick: r[3] || (r[3] = (y) => c.value = "tablet")
+                }, null, 8, ["model-value", "label"]),
+                v(k, {
+                  "model-value": c.value === "kiosk",
+                  label: _(n)("order.kioskOnly"),
+                  onClick: r[4] || (r[4] = (y) => c.value = "kiosk")
+                }, null, 8, ["model-value", "label"])
+              ]),
+              _: 1
+            }),
+            e("span", rt, a(_(n)("order.showingDevices", { count: i.value.length, total: p.devices.length })), 1)
+          ]),
+          e("div", ct, [
+            (u(!0), b(W, null, H(i.value, (y) => (u(), z(tt, {
+              key: y.machineId,
+              device: y
+            }, null, 8, ["device"]))), 128)),
+            i.value.length === 0 && p.devices.length > 0 ? (u(), b("div", dt, a(_(n)("order.noDevicesMatch")), 1)) : D("", !0),
+            p.devices.length === 0 ? (u(), b("div", pt, a(_(n)("order.noDevicesBound")), 1)) : D("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  bt as _,
+  ye as u
+};