@feedmepos/mf-order-setting 0.0.37 → 0.0.43

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

@@ -1,68 +0,0 @@
-<template>
-  <div class="flex flex-col gap-5">
-    <div class="flex flex-col gap-16">
-      <FmSwitch
-        :model-value="v.enabled"
-        :label="t('order.dineIn')"
-        label-placement="right"
-        @update:model-value="updateEnabledDineIn"
-      />
-      <div v-show="v.enabled" class="flex flex-col gap-16">
-        <KioskPickAtCounterSection
-          v-if="v.pickUp"
-          :form="v.pickUp"
-          @update-pick-up="updatePickUp"
-        />
-        <KioskDisplayStandSection
-          v-if="v.displayStand"
-          :display-stand="v.displayStand"
-          @update-display-stand="updateDisplayStand"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import type {
-  DisplayStandSettingForm,
-  KioskDineInSettingForm
-} from '@/modules/order-setting/kiosk/interface'
-import KioskDisplayStandSection from './KioskDisplayStandSection.vue'
-import KioskPickAtCounterSection from './KioskPickAtCounterSection.vue'
-import type { PickAtCounterSettingForm } from '@/modules/order-setting/kiosk/interface'
-import { useI18n } from '@feedmepos/mf-common'
-
-const { t } = useI18n()
-
-interface Props {
-  v: KioskDineInSettingForm
-}
-
-interface Emits {
-  (e: 'updateDineIn', setting: KioskDineInSettingForm): void
-}
-
-function updatePickUp(form: PickAtCounterSettingForm) {
-  emits('updateDineIn', {
-    ...props.v,
-    pickUp: form,
-  })
-}
-
-function updateDisplayStand(v: DisplayStandSettingForm) {
-  emits('updateDineIn', {
-    ...props.v,
-    displayStand: v
-  })
-}
-
-function updateEnabledDineIn(v: boolean) {
-  emits('updateDineIn', {
-    ...props.v,
-    enabled: v
-  })
-}
-
-const props = defineProps<Props>()
-const emits = defineEmits<Emits>()
-</script>

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

@@ -1,33 +0,0 @@
-<template>
-  <div>
-    <FmSwitch
-      :model-value="v"
-      :label="t('order.displayPaxDialogDescription')"
-      label-placement="right"
-      @update:model-value="updateEnablePaxDialog"
-      class="mb-5"
-    />
-  </div>
-</template>
-<script setup lang="ts">
-import type { KioskDineInSettingForm } from '@/modules/order-setting/kiosk/interface'
-import { useI18n } from '@feedmepos/mf-common'
-import { computed } from 'vue'
-
-const { t } = useI18n()
-
-interface Props {
-  v: boolean
-}
-
-interface Emits {
-  (e: 'updateEnablePaxDialog', v: boolean): void
-}
-
-const props = defineProps<Props>()
-const emits = defineEmits<Emits>()
-
-function updateEnablePaxDialog(v: boolean) {
-  emits('updateEnablePaxDialog', v)
-}
-</script>

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

@@ -1,27 +0,0 @@
-<template>
-  <FmSwitch
-    :model-value="v"
-    :label="`${t('order.hideNotAvailableMenuItem')}`"
-    label-placement="right"
-    @update:model-value="updateMenuItemField"
-    class="mb-5"
-  />
-</template>
-<script setup lang="ts">
-import { useI18n } from '@feedmepos/mf-common'
-const { t } = useI18n()
-
-interface Props {
-  v: boolean
-}
-
-interface Emits {
-  (e: 'update:modelValue', v: boolean): void
-}
-defineProps<Props>()
-const emit = defineEmits<Emits>()
-
-const updateMenuItemField = (v: boolean) => {
-  emit('update:modelValue', v)
-}
-</script>

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

@@ -1,66 +0,0 @@
-<template>
-  <div>
-    <FmSwitch
-      :model-value="v.enabled"
-      :label="t('order.takeaway')"
-      label-placement="right"
-      @update:model-value="updateTakeawaySettingEnabled"
-      class="mb-5"
-    />
-    <kiosk-instruction-section
-      v-show="v.enabled"
-      :fields="instructionFields"
-      @update:field="updateTakeawaySettingInstructions"
-    />
-  </div>
-</template>
-<script setup lang="ts">
-import type { KioskTakeawaySettingForm } from '@/modules/order-setting/kiosk/interface'
-import { useI18n } from '@feedmepos/mf-common'
-import { computed } from 'vue'
-import KioskInstructionSection from './KioskInstructionSection.vue'
-
-const { t } = useI18n()
-
-interface Props {
-  v: KioskTakeawaySettingForm
-}
-
-interface Emits {
-  (e: 'updateTakeaway', setting: KioskTakeawaySettingForm): void
-}
-
-const props = defineProps<Props>()
-const emits = defineEmits<Emits>()
-
-const instructionFields = computed(() => {
-  return [
-    {
-      id: 'payAtCounter',
-      value: props.v.submitOrderInstruction.payAtCounter ?? undefined,
-      title: t('order.payAtCounter'),
-      defaultValue: 'Collect your transaction slip below and present it to the cashier'
-    },
-    {
-      id: 'paid',
-      value: props.v.submitOrderInstruction.paid ?? undefined,
-      title: t('order.paid'),
-      defaultValue: "Please wait as we prepare your food. We'll call your number when it's ready."
-    }
-  ]
-})
-
-function updateTakeawaySettingEnabled(v: boolean) {
-  emits('updateTakeaway', { ...props.v, enabled: v })
-}
-
-function updateTakeawaySettingInstructions(id: string, instructions: string) {
-  emits('updateTakeaway', {
-    ...props.v,
-    submitOrderInstruction: {
-      ...props.v.submitOrderInstruction,
-      [id]: instructions
-    }
-  })
-}
-</script>