@feedmepos/mf-order-setting 0.0.49 → 0.0.51

package/src/views/kiosk/settings/KioskSettingView.vue

@@ -1,8 +1,23 @@
-<template>
-  <div v-if="!!kioskOrderSettingForm" class="flex flex-col gap-32">
-    <!-- Dine In Section -->
-    <div class="flex flex-col gap-2">
-      <span class="fm-typo-en-title-sm-600">{{ t('order.dineIn') }}</span>
+<template>
+  <div v-if="!!kioskOrderSettingForm" class="flex flex-col gap-32">
+    <!-- OTA Channel Section -->
+    <div v-if="isAdmin" class="flex flex-col gap-2">
+      <span class="fm-typo-en-title-sm-600">{{ t('order.otaChannel') }}</span>
+      <div class="flex flex-col gap-1 w-full md:w-1/2">
+        <FmTextField
+          v-model="kioskOrderSettingForm.otaChannel"
+          :label="t('order.otaChannel')"
+          :placeholder="t('order.otaChannelHint')"
+        />
+        <span class="fm-typo-en-body-sm-400 text-fm-color-typo-secondary">
+          {{ t('order.otaChannelHint') }}
+        </span>
+      </div>
+    </div>
+
+    <!-- Dine In Section -->
+    <div class="flex flex-col gap-2">
+      <span class="fm-typo-en-title-sm-600">{{ t('order.dineIn') }}</span>
       <div class="flex flex-col gap-5">
         <FmSwitch
           v-model="kioskOrderSettingForm.dineIn.enabled"
@@ -183,19 +198,22 @@
 </template>
 <script setup lang="ts">
 import { computed, ref } from 'vue'
-import KioskPaymentTypeSection from './KioskPaymentTypeSection.vue'
-import { FdoOfflinePaymentMethod } from '@feedmepos/core/entity'
-import { FdoEPaymentMethod, F_ORDER_PAYMENT_TYPE } from '@entity'
-import type {
-  MfKioskOrderSetting,
+import KioskPaymentTypeSection from './KioskPaymentTypeSection.vue'
+import { FdoOfflinePaymentMethod } from '@feedmepos/core/entity'
+import { FdoEPaymentMethod, F_ORDER_PAYMENT_TYPE } from '@entity'
+import type {
+  MfKioskOrderSetting,
   MfKioskOrderSettingForm,
   KioskPaymentTypesForm
 } from '@/modules/order-setting/kiosk/interface'
-import { useLoading } from '@/composables/loading'
-import { useSnackbar } from '@feedmepos/ui-library'
-import { useI18n } from '@feedmepos/mf-common'
-
-const { t } = useI18n()
+import { useLoading } from '@/composables/loading'
+import { useSnackbar } from '@feedmepos/ui-library'
+import { useI18n } from '@feedmepos/mf-common'
+import { useCoreStore } from '@feedmepos/mf-common'
+
+const { t } = useI18n()
+const CoreStore = useCoreStore()
+const isAdmin = computed(() => CoreStore.sessionUser.value?.role.isAdmin ?? false)
 
 interface Props {
   restaurantId: string
@@ -231,8 +249,9 @@ const padDigitRules = computed(() => [nonNegativeRule])
 const minRules = computed(() => [nonNegativeRule])
 const maxRules = computed(() => [nonNegativeRule, greaterThanMinRule])
 
-const validKioskOrderSetting = computed<MfKioskOrderSetting | null>(() => {
-  const f = kioskOrderSettingForm.value
+const validKioskOrderSetting = computed<MfKioskOrderSetting | null>(() => {
+  const f = kioskOrderSettingForm.value
+  const otaChannel = f.otaChannel?.trim()
 
   // Validate display stand settings if both dineIn and displayStand are enabled
   if (f.dineIn.enabled && f.dineIn.displayStand.enabled) {
@@ -247,12 +266,13 @@ const validKioskOrderSetting = computed<MfKioskOrderSetting | null>(() => {
     if (!isValid) return null
   }
 
-  // Return the form as-is if valid, with display stand disabled when dineIn is disabled
-  return {
-    ...f,
-    dineIn: {
-      ...f.dineIn,
-      displayStand: {
+  // Return the form as-is if valid, with display stand disabled when dineIn is disabled
+  return {
+    ...f,
+    otaChannel: otaChannel || undefined,
+    dineIn: {
+      ...f.dineIn,
+      displayStand: {
         ...f.dineIn.displayStand,
         enabled: f.dineIn.enabled && f.dineIn.displayStand.enabled,
         padDigit: f.dineIn.displayStand.padDigit ?? 0,

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
-};