@feedmepos/mf-order-setting 0.0.34 → 0.0.36

package/src/views/order-settings/delivery/components/ManualIntegratedDeliverySetting.vue

@@ -4,7 +4,7 @@ import type { DeliveryCompany } from '../delivery'
 import { F_PAYMENT_NAME, type FdoLinkedDelivery } from '@feedmepos/core/entity'
 import { useI18n } from '@feedmepos/mf-common'
 
-const { t } = useI18n() 
+const { t } = useI18n()
 
 interface LocalDeliverySettingData extends FdoLinkedDelivery {
   active: boolean
@@ -107,6 +107,13 @@ function updateRounding(rounding: boolean) {
   }))
 }
 
+function updateCustomOrderNumber(useCustomOrderNumber: boolean) {
+  emitChange((oldV) => ({
+    ...oldV,
+    useCustomOrderNumber
+  }))
+}
+
 function updateCatalog(catalogId: string | null) {
   emitChange((oldV) => ({
     ...oldV,
@@ -120,9 +127,9 @@ function updateCatalog(catalogId: string | null) {
     <FmSwitch
       :model-value="data.active"
       value="first"
-      :label="t('order.activateIntegration', {integrationType: t('order.manual')})"
+      :label="t('order.activateIntegration', { integrationType: t('order.manual') })"
       label-placement="right"
-      :sublabel="t('order.integrationDescription', {name: data.name})"
+      :sublabel="t('order.integrationDescription', { name: data.name })"
       @update:model-value="updateActive"
     />
   </div>
@@ -147,12 +154,22 @@ function updateCatalog(catalogId: string | null) {
       </div>
 
       <div class="flex-grow fm-typo-en-title-sm-600 mb-3 mt-7">{{ t('order.orderSetting') }}</div>
-      <FmCheckbox
-        :model-value="data.rounding as boolean"
-        value=""
-        :label="t('order.billRounding')"
-        @update:model-value="updateRounding"
-      />
+      <div>
+        <FmCheckbox
+          :model-value="data.rounding as boolean"
+          value=""
+          :label="t('order.billRounding')"
+          @update:model-value="updateRounding"
+        />
+      </div>
+      <div>
+        <FmCheckbox
+          :model-value="data.useCustomOrderNumber ?? false"
+          value=""
+          :label="t('order.customOrderNumber')"
+          @update:model-value="updateCustomOrderNumber"
+        />
+      </div>
     </FmCard>
   </div>
 </template>

package/src/views/order-settings/delivery/integrated-delivery/DeliverooSetting.vue

@@ -13,7 +13,7 @@ import { useSnackbarFunctions } from '@/components/snackbar'
 
 const { t } = useI18n()
 const { currentRestaurant } = useCoreStore()
-const { showError } = useSnackbarFunctions()
+const { showError, showSuccess } = useSnackbarFunctions()
 
 export interface DeliverooDeliveryData {
   manual: FdoLinkedDelivery | null
@@ -84,6 +84,7 @@ async function syncMenu() {
         lastSynchronize: res?.lastSynchronize || modelValue.value.auto.lastSynchronize
       }
       updateData({ auto: temp, manual: data.manual })
+      showSuccess(t('order.syncMenuSuccess'))
     } catch (error) {
       console.log(error)
       showError(`${t('order.rateLimitWarning')}`)
@@ -106,4 +107,14 @@ async function cancelTestOrder() {}
     @flow-test-order="flowTestOrder"
     @cancel-test-order="cancelTestOrder"
   />
+  <div v-if="canUseAutoDeliveryIntegration === true">
+    {{ t('order.selfServeActivation.subTitle') }}
+    <a
+      href="https://doc.clickup.com/25608366/d/h/rdg5e-52596/7d44e2bd89752e0/rdg5e-40136"
+      target="_blank"
+      style="color: blue; text-decoration: underline"
+    >
+      {{ t('order.selfServeActivation.learnMore') }}</a
+    >.
+  </div>
 </template>