@feedmepos/mf-order-setting 0.0.75-prod → 0.0.76

package/dist/KioskView-4_Kl607M.js

@@ -1,362 +0,0 @@
-import { defineComponent as B, openBlock as P, createElementBlock as E, createElementVNode as m, toDisplayString as w, unref as d, ref as v, defineAsyncComponent as O, computed as x, onMounted as g, watch as S, resolveComponent as K, createVNode as T, createBlock as V, createCommentVNode as L } from "vue";
-import { u as k, _ as ee } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-BmCrSZnS.js";
-import { useDialog as ae, useSnackbar as te } from "@feedmepos/ui-library";
-import { useI18n as H, useCoreStore as ne } from "@feedmepos/mf-common";
-import { F as le, a as ue, S as M } from "./lineman-settings.dto-BMG_DnTF.js";
-import { defineStore as oe } from "pinia";
-import { O as N, c as re } from "./index-BP0fOlVh.js";
-import { u as ce } from "./app-DzO7wZsC.js";
-const se = { class: "flex flex-col gap-5 pb-6" }, pe = { class: "fm-typo-en-body-md-400 block" }, de = { class: "fm-typo-en-title-md-600" }, me = /* @__PURE__ */ B({
-  __name: "KioskOtpDialog",
-  props: {
-    otp: {}
-  },
-  setup(e) {
-    const { t: a } = H();
-    return (u, c) => (P(), E("div", se, [
-      m("span", pe, w(d(a)("order.bindDeviceMessage")), 1),
-      m("div", de, w(e.otp), 1)
-    ]));
-  }
-}), W = {
-  enabled: !1,
-  prefix: null,
-  padDigit: 0,
-  standSlotRange: {
-    min: 1,
-    max: 10
-  },
-  enablePaxDialog: !1,
-  submitOrderInstruction: {
-    payAtCounter: null,
-    paid: null
-  }
-}, ie = {
-  enabled: !1,
-  submitOrderInstruction: {
-    payAtCounter: null,
-    paid: null
-  }
-}, Q = {
-  enabled: !1,
-  submitOrderInstruction: {
-    payAtCounter: null,
-    paid: null
-  },
-  enablePaxDialog: !1
-}, ye = {
-  dineIn: {
-    enabled: !1,
-    pickUp: Q,
-    sequenceNumber: le.parse({}),
-    displayStand: W
-  },
-  takeaway: ie,
-  paymentSetting: {
-    paymentTypes: [],
-    offlinePaymentTypes: [],
-    ePaymentTypes: {
-      terminal: !1,
-      card: {
-        terminal: !1,
-        nfc: !1
-      },
-      eWallet: {
-        terminalQrPay: !1,
-        terminalScanPay: !1,
-        qrPay: !1,
-        scanPay: !1
-      }
-    }
-  },
-  menuItem: {
-    showAllOnly: !1
-  },
-  coverImageLandscape: null,
-  coverImagePortrait: null,
-  otaChannel: ""
-}, U = {
-  payAtCounter: null,
-  paid: null
-}, fe = (e) => {
-  var a;
-  return {
-    kiosk: ve(e.kioskSettings, (a = e.sequenceSettings) == null ? void 0 : a.kioskDineIn)
-  };
-}, ve = (e, a) => {
-  var u, c, t, l, o, p, r, s, b, f, i;
-  return {
-    dineIn: be(
-      a ?? {
-        current: 0,
-        prefix: "#K"
-      },
-      (e == null ? void 0 : e.dineIn) ?? void 0
-    ),
-    takeaway: {
-      enabled: (e == null ? void 0 : e.canTakeaway) ?? !1,
-      submitOrderInstruction: (u = e == null ? void 0 : e.takeaway) != null && u.submitOrderInstruction ? {
-        payAtCounter: ((l = (t = (c = e == null ? void 0 : e.takeaway) == null ? void 0 : c.submitOrderInstruction) == null ? void 0 : t.payAtCounter) == null ? void 0 : l.en) ?? null,
-        paid: ((r = (p = (o = e == null ? void 0 : e.takeaway) == null ? void 0 : o.submitOrderInstruction) == null ? void 0 : p.paid) == null ? void 0 : r.en) ?? null
-      } : U
-    },
-    paymentSetting: {
-      paymentTypes: ((s = e == null ? void 0 : e.paymentSetting) == null ? void 0 : s.paymentTypes) ?? [],
-      offlinePaymentTypes: ((b = e == null ? void 0 : e.paymentSetting) == null ? void 0 : b.offlinePaymentTypes) ?? [],
-      ePaymentTypes: ((f = e == null ? void 0 : e.paymentSetting) == null ? void 0 : f.ePaymentTypes) ?? ue.parse({
-        card: {
-          terminal: !1,
-          nfc: !1
-        },
-        eWallet: {
-          qrPay: !1,
-          scanPay: !1
-        }
-      })
-    },
-    menuItem: {
-      showAllOnly: ((i = e == null ? void 0 : e.menuItem) == null ? void 0 : i.showAllOnly) ?? !1
-    },
-    otaChannel: (e == null ? void 0 : e.otaChannel) ?? "",
-    coverImageLandscape: (e == null ? void 0 : e.coverImageLandscape) ?? null,
-    coverImagePortrait: (e == null ? void 0 : e.coverImagePortrait) ?? null
-  };
-}, be = (e, a) => {
-  var u, c, t, l, o, p, r, s;
-  return {
-    enabled: !!a,
-    sequenceNumber: e,
-    pickUp: a != null && a.pickUp ? {
-      ...a.pickUp,
-      submitOrderInstruction: a.pickUp.submitOrderInstruction ? {
-        payAtCounter: ((c = (u = a.pickUp.submitOrderInstruction) == null ? void 0 : u.payAtCounter) == null ? void 0 : c.en) ?? null,
-        paid: ((l = (t = a.pickUp.submitOrderInstruction) == null ? void 0 : t.paid) == null ? void 0 : l.en) ?? null
-      } : U,
-      enablePaxDialog: a.pickUp.enablePaxDialog ? a.pickUp.enablePaxDialog : !1
-    } : Q,
-    displayStand: a != null && a.displayStand ? {
-      enabled: a.displayStand.enabled,
-      standSlotRange: a.displayStand.standSlotRange,
-      prefix: a.displayStand.prefix,
-      padDigit: a.displayStand.padDigit,
-      enablePaxDialog: a.displayStand.enablePaxDialog ?? !1,
-      submitOrderInstruction: a.displayStand.submitOrderInstruction ? {
-        payAtCounter: ((p = (o = a.displayStand.submitOrderInstruction) == null ? void 0 : o.payAtCounter) == null ? void 0 : p.en) ?? null,
-        paid: ((s = (r = a.displayStand.submitOrderInstruction) == null ? void 0 : r.paid) == null ? void 0 : s.en) ?? null
-      } : U
-    } : W
-  };
-}, _e = (e) => {
-  const a = (t) => {
-    var l, o, p, r;
-    return {
-      requiredSlot: !!t.displayStand,
-      displayStand: {
-        ...t.displayStand,
-        submitOrderInstruction: {
-          payAtCounter: (l = t.displayStand.submitOrderInstruction) != null && l.payAtCounter ? {
-            en: t.displayStand.submitOrderInstruction.payAtCounter
-          } : null,
-          paid: (o = t.displayStand.submitOrderInstruction) != null && o.paid ? {
-            en: t.displayStand.submitOrderInstruction.paid
-          } : null
-        }
-      },
-      pickUp: {
-        ...t.pickUp,
-        submitOrderInstruction: {
-          payAtCounter: (p = t.pickUp.submitOrderInstruction) != null && p.payAtCounter ? {
-            en: t.pickUp.submitOrderInstruction.payAtCounter
-          } : null,
-          paid: (r = t.pickUp.submitOrderInstruction) != null && r.paid ? {
-            en: t.pickUp.submitOrderInstruction.paid
-          } : null
-        }
-      }
-    };
-  }, u = (t) => ({
-    canTakeaway: e.takeaway.enabled,
-    dineIn: t,
-    menuItem: e.menuItem,
-    coverImageLandscape: e.coverImageLandscape,
-    coverImagePortrait: e.coverImagePortrait,
-    otaChannel: e.otaChannel || void 0,
-    paymentSetting: c(e.paymentSetting),
-    takeaway: e.takeaway.submitOrderInstruction ? {
-      submitOrderInstruction: {
-        payAtCounter: e.takeaway.submitOrderInstruction.payAtCounter ? {
-          en: e.takeaway.submitOrderInstruction.payAtCounter
-        } : null,
-        paid: e.takeaway.submitOrderInstruction.paid ? {
-          en: e.takeaway.submitOrderInstruction.paid
-        } : null
-      }
-    } : void 0
-  }), c = (t) => ({
-    paymentTypes: t.paymentTypes,
-    offlinePaymentTypes: t.offlinePaymentTypes,
-    ePaymentTypes: t.ePaymentTypes
-  });
-  return e.dineIn.enabled ? {
-    kioskSettings: u(a(e.dineIn)),
-    kioskDineIn: e.dineIn.sequenceNumber
-  } : {
-    kioskSettings: u()
-  };
-}, $ = {
-  convertOrderSettingDto: fe,
-  toOrderKioskSettingsDto: _e
-}, Pe = oe("orderSetting", () => {
-  const e = v({});
-  async function a() {
-    const l = await N.getOrderSetting();
-    c(l);
-  }
-  async function u() {
-    if (e.value.orderSetting && e.value.kiosk) {
-      const { _id: l, ...o } = e.value.orderSetting, p = $.toOrderKioskSettingsDto(e.value.kiosk), r = {
-        ...o,
-        kioskSettings: p.kioskSettings
-      }, s = await N.updateOrderSetting(r);
-      c(s);
-    }
-  }
-  function c(l) {
-    e.value.orderSetting = l, e.value.kiosk = $.convertOrderSettingDto(l).kiosk;
-  }
-  function t(l) {
-    e.value.kiosk = l;
-  }
-  return {
-    state: e.value,
-    getSetting: a,
-    updateKioskSetting: u,
-    setKioskOrderSetting: t
-  };
-}), we = { class: "py-[1.5rem]" }, Ce = { class: "px-[1.5rem]" }, Ie = { class: "pt-[1.5rem]" }, he = { class: "flex flex-col gap-10" }, Ae = { class: "flex flex-col gap-2" }, xe = { class: "fm-typo-en-title-sm-600" }, Ke = { class: "fm-typo-en-title-sm-400" }, Me = /* @__PURE__ */ B({
-  __name: "KioskView",
-  setup(e) {
-    var R, D;
-    const { t: a } = H(), { canManageOrderSetting: u } = ce(), c = O(
-      () => import("./KioskSettingView-DUUr39PJ.js")
-    ), t = v("device"), l = k(), o = Pe(), p = ae(), { currentRestaurant: r, restaurants: s, changeRestaurant: b } = ne(), f = te(), i = v(((R = r.value) == null ? void 0 : R._id) ?? void 0), C = v(null), j = x(() => s.value.map((n) => ({
-      label: n.profile.name,
-      value: n._id
-    }))), _ = v(((D = r.value) == null ? void 0 : D._id) ?? "");
-    async function F(n) {
-      const y = s.value.find((h) => h._id == n);
-      await b(y), await q(), i.value = n, _.value = n;
-    }
-    async function q() {
-      if (u.value)
-        try {
-          await o.getSetting();
-        } catch {
-        }
-      await I();
-    }
-    async function I() {
-      C.value = null;
-      try {
-        await l.getDevices();
-      } catch (n) {
-        C.value = n instanceof M && n.status === 403 ? "forbidden" : "error";
-      }
-    }
-    const z = x(() => {
-      const n = [{ label: a("order.deviceBinding"), value: "device" }];
-      return u.value && n.push({ label: a("order.settings"), value: "setting" }), n;
-    }), G = x(() => l.state.devices);
-    async function J() {
-      try {
-        await l.requestOtp();
-      } catch (n) {
-        f.open({
-          title: n instanceof M && n.status === 403 ? a("order.bindDevicePermissionDenied") : a("order.bindDeviceFailed"),
-          type: "error"
-        });
-        return;
-      }
-      p.open({
-        title: re(a("order.bindDevice")),
-        contentComponent: me,
-        contentComponentProps: {
-          otp: l.state.otp
-        }
-      }).onClose(async () => {
-        await I();
-      });
-    }
-    async function X(n) {
-      try {
-        o.setKioskOrderSetting(n), await o.updateKioskSetting(), f.open({
-          title: a("order.kioskSettingSuccess"),
-          type: "success"
-        });
-      } catch {
-        f.open({
-          title: a("order.kioskSettingFailed"),
-          type: "error"
-        });
-      }
-    }
-    return g(async () => {
-      var n;
-      (n = r.value) != null && n._id && (_.value = r.value._id, await q());
-    }), S(
-      () => s.value.length,
-      async (n) => {
-        i.value === void 0 && s.value.length > 0 && await F(s.value[0]._id);
-      },
-      { immediate: !0 }
-    ), (n, y) => {
-      const h = K("FmPageHead"), Y = K("FmTabs"), Z = K("FmSelect");
-      return P(), E("div", we, [
-        T(h, {
-          title: d(a)("order.kiosk")
-        }, null, 8, ["title"]),
-        m("div", Ce, [
-          T(Y, {
-            "model-value": t.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (A) => t.value = A),
-            items: z.value
-          }, null, 8, ["model-value", "items"]),
-          m("div", Ie, [
-            m("div", he, [
-              m("div", Ae, [
-                m("span", xe, w(d(a)("order.activateLocation")), 1),
-                m("span", Ke, w(d(a)("order.selectRestaurant")) + ": ", 1),
-                T(Z, {
-                  class: "w-1/2",
-                  modelValue: i.value,
-                  "onUpdate:modelValue": [
-                    y[1] || (y[1] = (A) => i.value = A),
-                    F
-                  ],
-                  items: j.value,
-                  placeholder: d(a)("order.selectItem")
-                }, null, 8, ["modelValue", "items", "placeholder"])
-              ]),
-              t.value == "device" ? (P(), V(ee, {
-                key: 0,
-                devices: G.value,
-                "load-error": C.value,
-                onRequestOtp: J,
-                onRetry: I
-              }, null, 8, ["devices", "load-error"])) : L("", !0),
-              t.value == "setting" && d(u) ? (P(), V(d(c), {
-                key: `KioskSettingView-${_.value}`,
-                "restaurant-id": _.value,
-                onUpdateKioskOrderSetting: X,
-                form: d(o).state.kiosk ?? d(ye)
-              }, null, 8, ["restaurant-id", "form"])) : L("", !0)
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  Me as default
-};

package/dist/frontend/mf-order/src/views/order-settings/pickup/PickUpSettingDialog.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    showPickupDialog: {
-        type: BooleanConstructor;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "close-side-sheet": (v?: boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    showPickupDialog: {
-        type: BooleanConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    "onClose-side-sheet"?: ((v?: boolean | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/frontend/mf-order/src/views/order-settings/pickup/PickupList.vue.d.ts

@@ -1,16 +0,0 @@
-import { type PropType } from 'vue';
-import { type PickupSettingData } from './PickUpSetting.vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    pickupSettingData: {
-        type: PropType<PickupSettingData[]>;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    toggleSideSheet: (ev: any) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    pickupSettingData: {
-        type: PropType<PickupSettingData[]>;
-    };
-}>> & Readonly<{
-    onToggleSideSheet?: ((ev: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/index-BP0fOlVh.js

@@ -1,86 +0,0 @@
-import { g as i, v as _, w as C, r as g } from "./lineman-settings.dto-BMG_DnTF.js";
-async function R() {
-  const r = await g().get("/order-settings");
-  return i(r);
-}
-async function p(r) {
-  const e = await g().put("/order-settings", r);
-  return i(e);
-}
-const U = {
-  getOrderSetting: R,
-  updateOrderSetting: p
-};
-async function w() {
-  return i(await _().get(`balance/${C.getBusinessId()}`));
-}
-const y = {
-  read: w
-}, A = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), S = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), m = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), I = /[^\p{L}\d]+/giu, f = "$1\0$2", d = "";
-function o(r) {
-  let e = r.trim();
-  e = e.replace(A, f).replace(S, f), e = e.replace(I, "\0");
-  let t = 0, c = e.length;
-  for (; e.charAt(t) === "\0"; )
-    t++;
-  if (t === c)
-    return [];
-  for (; e.charAt(c - 1) === "\0"; )
-    c--;
-  return e.slice(t, c).split(/\0/g);
-}
-function T(r) {
-  const e = o(r);
-  for (let t = 0; t < e.length; t++) {
-    const c = e[t], s = m.exec(c);
-    if (s) {
-      const a = s.index + (s[1] ?? s[2]).length;
-      e.splice(t, 1, c.slice(0, a), c.slice(a));
-    }
-  }
-  return e;
-}
-function b(r, e) {
-  const [t, c, s] = x(r, e), a = h(e == null ? void 0 : e.locale), n = L(e == null ? void 0 : e.locale);
-  return t + c.map(E(a, n)).join(" ") + s;
-}
-function O(r, e) {
-  const [t, c, s] = x(r, e), a = h(e == null ? void 0 : e.locale), n = L(e == null ? void 0 : e.locale), l = E(a, n);
-  return t + c.map((u, P) => P === 0 ? l(u) : a(u)).join(" ") + s;
-}
-function h(r) {
-  return (e) => e.toLocaleLowerCase(r);
-}
-function L(r) {
-  return (e) => e.toLocaleUpperCase(r);
-}
-function E(r, e) {
-  return (t) => `${e(t[0])}${r(t.slice(1))}`;
-}
-function x(r, e = {}) {
-  const t = e.split ?? (e.separateNumbers ? T : o), c = e.prefixCharacters ?? d, s = e.suffixCharacters ?? d;
-  let a = 0, n = r.length;
-  for (; a < r.length; ) {
-    const l = r.charAt(a);
-    if (!c.includes(l))
-      break;
-    a++;
-  }
-  for (; n > a; ) {
-    const l = n - 1, u = r.charAt(l);
-    if (!s.includes(u))
-      break;
-    n = l;
-  }
-  return [
-    r.slice(0, a),
-    t(r.slice(a, n)),
-    r.slice(n)
-  ];
-}
-export {
-  U as O,
-  y as a,
-  b as c,
-  O as s
-};

package/src/views/order-settings/pickup/PickUpSettingDialog.vue

@@ -1,118 +0,0 @@
-<template>
-  <FmSideSheet :header="t('order.updatePickupSetting')" dismiss-away class="w-full fm-typo-en-title-md-600" :maxWidth="600"
-    :model-value="props.showPickupDialog" @update:model-value="togglePickupDialog">
-    <PickUpSettingDialogContent
-      @update-pickup="updatePickupSetting"
-      @update-order-settings="updateOrderPickupSettings"
-      :pickup="pickupSetting"
-      :order-pickup-settings="orderPickupSettings"
-    />
-    <template #side-sheet-footer>
-      <div class="flex gap-8 items-center justify-start">
-        <FmButton variant="primary" :label="t('order.apply')" size="lg" @click="onSave" />
-        <FmButton variant="secondary" :label="t('order.cancel')" size="lg" @click="togglePickupDialog" />
-      </div>
-    </template>
-  </FmSideSheet>
-</template>
-
-<script setup lang="ts">
-import PickUpSettingDialogContent from './PickUpSettingDialogContent.vue'
-import { MAX_PREORDER_DAYS } from './Preorder.vue'
-import { ref, watch } from 'vue'
-import { useCoreStore } from '@feedmepos/mf-common'
-import { useLoading } from '@/composables/loading'
-import { useRestaurantStore } from '@/stores/restaurant'
-import { useSnackbarFunctions } from '@/components/snackbar'
-import { F_ORDER_PAYMENT_TYPE, FdoRestaurantPickup } from '@feedmepos/core/entity'
-import { useI18n } from '@feedmepos/mf-common'
-import { OrderSettingApi } from '@/api/order-setting'
-import type { OrderPickupSettingsDto, OrderSettingsDto } from '@entity'
-
-const { t } = useI18n()
-
-const { currentRestaurant } = useCoreStore()
-const { startAsyncCallWithErr } = useLoading()
-const restaurantStore = useRestaurantStore()
-const { showSuccess, showError } = useSnackbarFunctions()
-
-const pickupSetting = ref<FdoRestaurantPickup>(initDefaultPickupSetting())
-// `orderSetting.pickupSettings` (bill auto-close / receipt-print) is a separate doc
-// from the restaurant-level pickup setting; loaded/saved alongside it here.
-const orderSetting = ref<OrderSettingsDto | undefined>(undefined)
-const orderPickupSettings = ref<OrderPickupSettingsDto>({})
-const props = defineProps({
-  showPickupDialog: {
-    type: Boolean,
-    required: true
-  }
-})
-
-function initDefaultPickupSetting(): FdoRestaurantPickup {
-  return {
-    offlinePaymentTypes: [],
-    paymentTypes: [F_ORDER_PAYMENT_TYPE.enum.cash]
-  }
-}
-
-const emits = defineEmits<{
-  (event: 'close-side-sheet', v?: boolean): void
-}>()
-
-function togglePickupDialog(open: boolean) {
-  if (!open) {
-    emits('close-side-sheet')
-  }
-}
-
-function updatePickupSetting(value: FdoRestaurantPickup) {
-  pickupSetting.value = value
-}
-
-function updateOrderPickupSettings(value: OrderPickupSettingsDto) {
-  orderPickupSettings.value = value
-}
-
-async function onSave() {
-  const pickupTime = pickupSetting.value.pickupTime
-  if (pickupTime) {
-    const { min, max } = pickupTime.day
-    if (max <= min || max - min > MAX_PREORDER_DAYS) {
-      showError(t('order.preOrderMaxDaysError', { days: MAX_PREORDER_DAYS }))
-      return
-    }
-  }
-  await startAsyncCallWithErr(async () => {
-    const id = currentRestaurant.value?._id ?? ''
-    await restaurantStore.updatePickupSetting(pickupSetting.value)
-    if (currentRestaurant.value) {
-      currentRestaurant.value.pickup = pickupSetting.value
-    }
-    if (orderSetting.value) {
-      orderSetting.value = await OrderSettingApi.updateOrderSetting({
-        ...orderSetting.value,
-        pickupSettings: orderPickupSettings.value
-      })
-    }
-    showSuccess('Pickup setting updated. ')
-  })
-  await emits('close-side-sheet', true)
-  await restaurantStore.readRestaurantSetting(currentRestaurant.value?._id || '')
-}
-
-watch(
-  () => props.showPickupDialog,
-  async (show) => {
-    if (currentRestaurant.value) {
-      pickupSetting.value = currentRestaurant.value.pickup ?? initDefaultPickupSetting()
-    }
-    if (show && currentRestaurant.value) {
-      await startAsyncCallWithErr(async () => {
-        const setting = await OrderSettingApi.getOrderSetting()
-        orderSetting.value = setting
-        orderPickupSettings.value = setting.pickupSettings ?? {}
-      })
-    }
-  }
-)
-</script>

package/src/views/order-settings/pickup/PickupList.vue

@@ -1,49 +0,0 @@
-<template>
-  <ul class="list-none p-0">
-    <div v-for="(data, index) in pickupSettingData" :key="index" class="my-3">
-      <li class="ml-5" @click="() => toggleSideSheet(data)">
-        <div class="flex items-center text-sm text-gray-500">
-          <span>{{ data.pickuppoint }}</span>
-          <span class="ml-2 px-2 py-0.5 rounded-full text-xs font-medium" :class="getClassForStatus(data.online)">
-            {{ data.online }}
-          </span>
-        </div>
-        <h3 class="text-lg font-semibold mb-1">{{ data.restaurant }}</h3>
-        <p class="text-sm text-gray-500">Payment type: {{ data.paymentmethod || '-' }}</p>
-        <p class="text-sm text-gray-500">Preorder: {{ data.preorder || '-' }}</p>
-      </li>
-      <div v-if="!!pickupSettingData && index !== pickupSettingData.length - 1" class="border-b border-gray-200 mt-3">
-      </div>
-    </div>
-  </ul>
-</template>
-
-<script setup lang="ts">
-import { type PropType } from 'vue'
-import { type PickupSettingData } from './PickUpSetting.vue'
-
-const props = defineProps({
-  pickupSettingData: {
-    type: Array as PropType<PickupSettingData[]>
-  }
-})
-
-const emits = defineEmits<{
-  (event: 'toggleSideSheet', ev: any): void
-}>()
-
-function toggleSideSheet(data: any) {
-  emits('toggleSideSheet', data)
-}
-
-const getClassForStatus = (enabled: string): string => {
-  switch (enabled) {
-    case 'Inactive':
-      return ' bg-fm-color-system-info-100 fm-typo-en-body-md-600 border fm-corner-radius-lg w-max gap-8 p-4  text-fm-color-typo-info'
-    case 'Activated':
-      return ' bg-fm-color-system-success-100 fm-typo-en-body-md-600 border fm-corner-radius-lg w-max gap-8 p-4 text-fm-color-typo-success'
-    default:
-      return ''
-  }
-}
-</script>