v6 update

resources/scripts/admin/views/settings/customization/payments/PaymentsTab.vue

@@ -0,0 +1,61 @@
+<template>
+  <PaymentsTabPaymentNumber />
+
+  <BaseDivider class="my-8" />
+
+  <PaymentsTabDefaultFormats />
+
+  <BaseDivider class="mt-6 mb-2" />
+
+  <ul class="divide-y divide-gray-200">
+    <BaseSwitchSection
+      v-model="sendAsAttachmentField"
+      :title="$t('settings.customization.payments.payment_email_attachment')"
+      :description="
+        $t(
+          'settings.customization.payments.payment_email_attachment_setting_description'
+        )
+      "
+    />
+  </ul>
+</template>
+
+<script setup>
+import { computed, reactive, inject } from 'vue'
+import { useCompanyStore } from '@/scripts/admin/stores/company'
+import PaymentsTabPaymentNumber from './PaymentsTabPaymentNumber.vue'
+import PaymentsTabDefaultFormats from './PaymentsTabDefaultFormats.vue'
+
+const utils = inject('utils')
+const companyStore = useCompanyStore()
+
+const paymentSettings = reactive({
+  payment_email_attachment: null,
+})
+
+utils.mergeSettings(paymentSettings, {
+  ...companyStore.selectedCompanySettings,
+})
+
+const sendAsAttachmentField = computed({
+  get: () => {
+    return paymentSettings.payment_email_attachment === 'YES'
+  },
+  set: async (newValue) => {
+    const value = newValue ? 'YES' : 'NO'
+
+    let data = {
+      settings: {
+        payment_email_attachment: value,
+      },
+    }
+
+    paymentSettings.payment_email_attachment = value
+
+    await companyStore.updateCompanySettings({
+      data,
+      message: 'general.setting_updated',
+    })
+  },
+})
+</script>

resources/scripts/admin/views/settings/customization/payments/PaymentsTabDefaultFormats.vue

@@ -0,0 +1,111 @@
+<template>
+  <form @submit.prevent="submitForm">
+    <h6 class="text-gray-900 text-lg font-medium">
+      {{ $t('settings.customization.payments.default_formats') }}
+    </h6>
+    <p class="mt-1 text-sm text-gray-500 mb-2">
+      {{ $t('settings.customization.payments.default_formats_description') }}
+    </p>
+
+    <BaseInputGroup
+      :label="$t('settings.customization.payments.default_payment_email_body')"
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.payment_mail_body"
+        :fields="mailFields"
+      />
+    </BaseInputGroup>
+
+    <BaseInputGroup
+      :label="$t('settings.customization.payments.company_address_format')"
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.payment_company_address_format"
+        :fields="companyFields"
+      />
+    </BaseInputGroup>
+
+    <BaseInputGroup
+      :label="
+        $t('settings.customization.payments.from_customer_address_format')
+      "
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.payment_from_customer_address_format"
+        :fields="customerAddressFields"
+      />
+    </BaseInputGroup>
+
+    <BaseButton
+      :loading="isSaving"
+      :disabled="isSaving"
+      variant="primary"
+      type="submit"
+      class="mt-4"
+    >
+      <template #left="slotProps">
+        <BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
+      </template>
+      {{ $t('settings.customization.save') }}
+    </BaseButton>
+  </form>
+</template>
+
+<script setup>
+import { ref, reactive, inject } from 'vue'
+import { useCompanyStore } from '@/scripts/admin/stores/company'
+
+const companyStore = useCompanyStore()
+const utils = inject('utils')
+
+const mailFields = ref([
+  'customer',
+  'customerCustom',
+  'company',
+  'payment',
+  'paymentCustom',
+])
+
+const customerAddressFields = ref([
+  'billing',
+  'customer',
+  'customerCustom',
+  'paymentCustom',
+])
+
+const companyFields = ref(['company', 'paymentCustom'])
+
+let isSaving = ref(false)
+
+const formatSettings = reactive({
+  payment_mail_body: null,
+  payment_company_address_format: null,
+  payment_from_customer_address_format: null,
+})
+
+utils.mergeSettings(formatSettings, {
+  ...companyStore.selectedCompanySettings,
+})
+
+async function submitForm() {
+  isSaving.value = true
+
+  let data = {
+    settings: {
+      ...formatSettings,
+    },
+  }
+
+  await companyStore.updateCompanySettings({
+    data,
+    message: 'settings.customization.payments.payment_settings_updated',
+  })
+
+  isSaving.value = false
+
+  return true
+}
+</script>

resources/scripts/admin/views/settings/customization/payments/PaymentsTabPaymentNumber.vue

@@ -0,0 +1,14 @@
+<template>
+  <NumberCustomizer
+    type="payment"
+    :type-store="paymentStore"
+    default-series="PAY"
+  />
+</template>
+
+<script setup>
+import { usePaymentStore } from '@/scripts/admin/stores/payment'
+import NumberCustomizer from '../NumberCustomizer.vue'
+
+const paymentStore = usePaymentStore()
+</script>