@feedmepos/mf-order-setting 0.0.49 → 0.0.50

package/dist/KioskDevicesView.vue_vue_type_script_setup_true_lang-DV2HYd8u.js

@@ -1,306 +0,0 @@
-import { defineComponent as S, ref as f, resolveComponent as b, createElementBlock as d, openBlock as l, createElementVNode as n, createVNode as v, toDisplayString as r, unref as y, computed as h, withCtx as M, Fragment as V, renderList as T, createCommentVNode as x, createBlock as N } from "vue";
-import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
-import { useI18n as K } from "@feedmepos/mf-common";
-import { defineStore as X } from "pinia";
-import { r as w, g as U, d as Z } from "./dayjs.min-dI_j30pv.js";
-import "./menu.dto-qVeqpSdz.js";
-const ee = /* @__PURE__ */ S({
-  __name: "KioskUnbindConfirm",
-  props: {
-    machineId: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const { t: c } = K(), u = t, m = f("");
-    function s(i) {
-      u("update:modelValue", i);
-    }
-    return (i, k) => {
-      const D = b("FmTextField");
-      return l(), d("div", null, [
-        n("span", null, r(y(c)("order.unbindKioskDeviceWarning", { machineId: i.machineId })), 1),
-        v(D, {
-          "model-value": m.value,
-          "onUpdate:modelValue": s,
-          placeholder: i.machineId
-        }, null, 8, ["model-value", "placeholder"])
-      ]);
-    };
-  }
-});
-async function ne() {
-  const e = await w().get("/kiosk/otp");
-  return U(e);
-}
-async function te() {
-  const e = await w().get("/kiosk/devices");
-  return U(e);
-}
-async function oe(e) {
-  await w().delete(`/kiosk/unbind/${e}`);
-}
-async function se(e, t) {
-  await w().put(`/kiosk/updateDevicePin/${t}`, { pinInfo: e });
-}
-const I = {
-  requestOtp: ne,
-  getDevices: te,
-  unbind: oe,
-  updateDevicePin: se
-}, ie = (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: ae(e.token),
-  deviceAppType: e.deviceAppType ?? void 0,
-  slotInfo: e.slotInfo ?? void 0,
-  pinInfo: e.pinInfo ?? void 0,
-  deviceAppVersion: e.deviceAppVersion ?? void 0,
-  deviceAppOTAVersion: e.deviceAppOTAVersion ?? void 0
-});
-function ae(e) {
-  const t = e.substring(0, 8), c = parseInt(t, 16);
-  return new Date(c * 1e3);
-}
-const le = {
-  toMfKioskDevice: ie
-}, ce = X("kiosk", () => {
-  const e = f({
-    otp: "",
-    devices: []
-  });
-  async function t() {
-    const s = await I.requestOtp();
-    e.value.otp = s.otp;
-  }
-  async function c() {
-    const s = await I.getDevices();
-    e.value.devices = s.map((i) => le.toMfKioskDevice(i));
-  }
-  async function u(s) {
-    await I.unbind(s), await c();
-  }
-  async function m(s, i) {
-    await I.updateDevicePin(s, i);
-  }
-  return {
-    state: e.value,
-    requestOtp: t,
-    getDevices: c,
-    unbind: u,
-    updateDevicePin: m
-  };
-}), re = { class: "border fm-corner-radius-lg flex justify-between pr-[1rem] w-11/12" }, de = {
-  key: 0,
-  class: "py-[1rem] flex flex-col gap-6"
-}, pe = { class: "fm-typo-en-title-sm-600" }, ue = { class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2" }, me = { class: "flex flex-col gap-1 mb-2" }, fe = { class: "fm-typo-en-body-lg-600 block" }, ve = { class: "flex flex-col gap-1 mb-2" }, ye = { class: "fm-typo-en-body-lg-600 block" }, _e = { class: "flex flex-col gap-1 mb-2" }, be = { class: "fm-typo-en-body-lg-600 block" }, ke = { class: "flex flex-col gap-1 mb-2" }, ge = { class: "fm-typo-en-body-lg-600 block" }, he = { class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2" }, xe = {
-  key: 0,
-  class: "fm-typo-en-title-sm-600"
-}, Ie = { class: "flex flex-col gap-1" }, we = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, De = { class: "fm-typo-en-body-lg-600 block" }, Ae = { key: 1 }, Pe = { class: "py-[1rem] flex flex-col gap-6 text-center items-center" }, Fe = { class: "flex flex-col gap-1 mb-2" }, Ce = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ve = { class: "mt-5 block" }, Te = /* @__PURE__ */ S({
-  __name: "KioskDeviceCard",
-  props: {
-    device: {}
-  },
-  setup(e) {
-    const { t } = K(), c = J(), u = Q(), m = ce(), s = f(!1), i = e, k = f(""), D = h(() => Object.entries(i.device.config)), E = h(() => {
-      var o;
-      return ((o = i.device) == null ? void 0 : o.deviceAppType) === "TABLET_APP" ? "Tablet App" : "Kiosk App";
-    });
-    function q() {
-      k.value = "", c.open({
-        title: t("order.unbindKioskDevice"),
-        contentComponent: ee,
-        contentComponentProps: {
-          machineId: i.device.machineId,
-          "onUpdate:modelValue": (o) => {
-            k.value = o;
-          }
-        },
-        dismissAway: !1,
-        primaryActions: {
-          text: t("order.unbind"),
-          variant: "destructive",
-          close: !1
-        },
-        secondaryActions: {
-          text: t("order.cancel"),
-          variant: "tertiary",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        k.value == i.device.machineId ? (await R(), u.open({
-          type: "success",
-          message: t("order.unbindSuccess"),
-          position: "bottom"
-        }), c.close()) : u.open({
-          type: "warning",
-          message: t("order.unbindWarning"),
-          position: "bottom"
-        });
-      });
-    }
-    const Y = h(() => {
-      var o;
-      return (o = i.device) == null ? void 0 : o.pinInfo;
-    }), j = h(() => _.value ? "Re-enter new PIN" : "Enter new PIN"), _ = f(!1), g = f(), A = f();
-    function L() {
-      s.value = !0;
-    }
-    function P() {
-      _.value = !1, g.value = null, A.value = null, s.value = !1;
-    }
-    function O(o) {
-      _.value ? (A.value = o, W()) : (g.value = o, _.value = !0);
-    }
-    async function W() {
-      g.value === A.value ? (await H(), u.open({
-        type: "success",
-        message: "Successfuly update device PIN",
-        position: "top"
-      })) : u.open({
-        type: "error",
-        message: "Entered PIN not the same, please try again",
-        position: "top"
-      }), P();
-    }
-    async function H() {
-      await m.updateDevicePin(g.value, i.device.machineId);
-    }
-    async function R() {
-      await m.unbind(i.device.machineId);
-    }
-    return (o, a) => {
-      const z = b("FmListItem"), F = b("FmButton"), $ = b("FmPinField"), G = b("FmSideSheet");
-      return l(), d("div", re, [
-        v(G, {
-          header: y(t)("order.deviceDetails"),
-          "dismiss-away": "",
-          class: "w-full",
-          maxWidth: 700,
-          "onOn:clickedAway": P
-        }, {
-          "side-sheet-button": M(() => [
-            v(z, {
-              class: "flex-1",
-              label: o.device.name,
-              sublabel: `${y(t)("order.activatedDate")}: ${y(Z)(o.device.activatedAt).format("DD MMM YYYY HH:mm")}`
-            }, null, 8, ["label", "sublabel"])
-          ]),
-          default: M(() => {
-            var B;
-            return [
-              s.value ? (l(), d("div", Ae, [
-                n("div", Pe, [
-                  n("div", Fe, [
-                    n("span", Ce, r(j.value), 1),
-                    n("span", Ve, [
-                      _.value ? x("", !0) : (l(), N($, {
-                        key: 0,
-                        length: 4,
-                        onComplete: a[0] || (a[0] = (p) => O(p))
-                      })),
-                      _.value ? (l(), N($, {
-                        key: 1,
-                        length: 4,
-                        onComplete: a[1] || (a[1] = (p) => O(p))
-                      })) : x("", !0)
-                    ])
-                  ]),
-                  v(F, {
-                    class: "w-1/3",
-                    variant: "secondary",
-                    label: "Cancel reset PIN",
-                    onClick: P
-                  })
-                ])
-              ])) : (l(), d("div", de, [
-                n("span", pe, r(o.device.name), 1),
-                n("div", ue, [
-                  a[6] || (a[6] = n("span", { class: "fm-typo-en-title-sm-600 mb-3" }, "App Info", -1)),
-                  n("div", me, [
-                    a[2] || (a[2] = n("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Type", -1)),
-                    n("span", fe, r(E.value), 1)
-                  ]),
-                  n("div", ve, [
-                    a[3] || (a[3] = n("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Version", -1)),
-                    n("span", ye, r(o.device.deviceAppVersion ?? "Below 0.0.42"), 1)
-                  ]),
-                  n("div", _e, [
-                    a[4] || (a[4] = n("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "OTA Version", -1)),
-                    n("span", be, r(o.device.deviceAppOTAVersion ?? "Not available"), 1)
-                  ]),
-                  n("div", ke, [
-                    a[5] || (a[5] = n("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "PIN Code", -1)),
-                    n("span", ge, r(Y.value ? "Yes" : "No"), 1)
-                  ]),
-                  v(F, {
-                    class: "w-auto",
-                    variant: "primary",
-                    label: (B = o.device) != null && B.pinInfo ? "Reset Device PIN" : "Set Device PIN",
-                    onClick: L
-                  }, null, 8, ["label"])
-                ]),
-                (l(!0), d(V, null, T(D.value.filter((p) => p[1]), (p) => (l(), d("div", he, [
-                  p[1] ? (l(), d("span", xe, r(p[0]), 1)) : x("", !0),
-                  p[1] ? (l(!0), d(V, { key: 1 }, T(Object.entries(p[1]), (C) => (l(), d("div", Ie, [
-                    n("span", we, r(C[0]), 1),
-                    n("span", De, r(C[1] == "" ? "-" : C[1]), 1)
-                  ]))), 256)) : x("", !0)
-                ]))), 256))
-              ]))
-            ];
-          }),
-          _: 1
-        }, 8, ["header"]),
-        v(F, {
-          variant: "plain",
-          "append-icon": "link_off",
-          class: "text-fm-color-system-error-300 align-middle my-auto",
-          onClick: q
-        })
-      ]);
-    };
-  }
-}), Ne = { class: "flex flex-col gap-2" }, Se = { class: "flex flex-col gap-2" }, Ke = { class: "fm-typo-en-title-sm-600 block" }, Oe = { class: "fm-typo-en-body-md-400 block" }, $e = { class: "flex flex-col gap-6" }, je = /* @__PURE__ */ S({
-  __name: "KioskDevicesView",
-  props: {
-    devices: {},
-    requestOtp: { type: Function }
-  },
-  setup(e) {
-    const { t } = K();
-    return (c, u) => {
-      const m = b("FmButton");
-      return l(), d("div", null, [
-        n("div", Ne, [
-          n("div", Se, [
-            n("span", Ke, r(y(t)("order.kioskDisplay")), 1),
-            n("span", Oe, r(y(t)("order.kioskDisplayDescription")), 1)
-          ]),
-          n("div", $e, [
-            (l(!0), d(V, null, T(c.devices, (s) => (l(), N(Te, {
-              key: s.machineId,
-              device: s
-            }, null, 8, ["device"]))), 128)),
-            v(m, {
-              variant: "plain",
-              class: "w-[10rem] border border-fm-color-primary fm-corner-radius-lg",
-              label: y(t)("order.bindDevice"),
-              size: "md",
-              "prepend-icon": "link",
-              onClick: c.requestOtp
-            }, null, 8, ["label", "onClick"])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  je as _,
-  ce as u
-};