@designcrowd/fe-shared-lib 1.4.5 → 1.4.6-ast-generate-ai-1

package/src/experiences/components/PaymentConfigList/PaymentConfigDeleteConfigModal.vue

@@ -40,17 +40,17 @@
   </Modal>
 </template>
 <script>
-import Modal from '../../../../src/atoms/components/Modal/Modal.vue';
-import Button from '../../../../src/atoms/components/Button/Button.vue';
-import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
-import brandPageApiClient from './../../clients/brand-page-api.client';
+import Modal from '../../../atoms/components/Modal/Modal.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
+import Loader from '../../../atoms/components/Loader/Loader.vue';
+import brandPageApiClient from '../../clients/brand-page-api.client';
+
 export default {
   components: {
     Modal,
     Button,
     Loader,
   },
-  emits: ['close-modal', 'on-delete'],
   props: {
     paymentConfig: {
       type: Object,
@@ -60,8 +60,10 @@ export default {
     brandPageToken: {
       type: String,
       required: false,
+      default: () => undefined,
     },
   },
+  emits: ['close-modal', 'on-delete'],
   data: () => ({
     isLoading: false,
   }),

package/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue

@@ -10,54 +10,84 @@
       variant="outline"
       @on-click="onAddPaymentProviderButtonClick"
     ></Button>
-    <Dropdown v-if="!isLoading && !isAddPaymentProviderButtonVisible" ref="dropdown">
-      <template #title>
-        <div
-          v-if="selectedPaymentConfig"
-          class="tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer"
+    <div v-if="!isLoading && !isAddPaymentProviderButtonVisible">
+      <Dropdown ref="dropdown">
+        <template #title>
+          <div
+            v-if="selectedPaymentConfig"
+            class="tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer"
+          >
+            <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
+              <span>{{ selectedPaymentConfig.name }}</span>
+              <small class="stripe-acct">({{ selectedPaymentConfig.paymentProviderExternalId }})</small>
+            </span>
+            <Pill class="tw-text-white" :class="getPaymentConfigStatusDisplayClasses(selectedPaymentConfig.status)">
+              {{ getPaymentConfigStatusDisplayText(selectedPaymentConfig.status) }}
+            </Pill>
+          </div>
+        </template>
+
+        <DropdownItem
+          v-for="paymentConfig in paymentConfigs"
+          :key="`payment-config-${paymentConfig.id}`"
+          @click="onPaymentConfigClick(paymentConfig)"
         >
           <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
-            <span>{{ selectedPaymentConfig.name }}</span>
-            <small class="stripe-acct">({{ selectedPaymentConfig.paymentProviderExternalId }})</small>
+            <span>{{ paymentConfig.name }}</span>
+            <small class="stripe-acct">({{ paymentConfig.paymentProviderExternalId }})</small>
           </span>
-          <Pill class="tw-text-white" :class="getPaymentConfigStatusDisplayClasses(selectedPaymentConfig.status)">
-            {{ getPaymentConfigStatusDisplayText(selectedPaymentConfig.status) }}
+          <Pill class="tw-text-white" :class="getPaymentConfigStatusDisplayClasses(paymentConfig.status)">
+            {{ getPaymentConfigStatusDisplayText(paymentConfig.status) }}
           </Pill>
-        </div>
-      </template>
+        </DropdownItem>
 
-      <DropdownItem
-        v-for="paymentConfig in paymentConfigs"
-        :key="`payment-config-${paymentConfig.id}`"
-        @click="onPaymentConfigClick(paymentConfig)"
-      >
-        <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
-          <span>{{ paymentConfig.name }}</span>
-          <small class="stripe-acct">({{ paymentConfig.paymentProviderExternalId }})</small>
-        </span>
-        <Pill class="tw-text-white" :class="getPaymentConfigStatusDisplayClasses(paymentConfig.status)">
-          {{ getPaymentConfigStatusDisplayText(paymentConfig.status) }}
-        </Pill>
-      </DropdownItem>
+        <DropdownItem v-if="showAddPaymentProvider" class="tw-border-t-2" @click="onAddPaymentProviderButtonClick">
+          <Button
+            :full-width="true"
+            :label="sharedPaymentConfigTr('addPaymentProvider')"
+            size="small"
+            variant="outline"
+            @on-click="onAddPaymentProviderButtonClick"
+          />
+        </DropdownItem>
+      </Dropdown>
+      <!-- Currency -->
+      <template v-if="currencies && currencies.length > 0">
+        <h4 class="tw-mt-6 tw-mb-2 tw-text-sm tw-font-bold">{{ sharedPaymentConfigTr('currencyLabel') }}</h4>
+        <Dropdown ref="dropdownCurrency" :menu-element-classes="'tw-w-full'">
+          <template #title>
+            <div
+              v-if="selectedCurrency"
+              class="tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer"
+            >
+              <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
+                <span>{{ selectedCurrency.iso4127Code }} ({{ selectedCurrency.symbol }})</span>
+              </span>
+            </div>
+          </template>
 
-      <DropdownItem v-if="showAddPaymentProvider" class="tw-border-t-2" @click="onAddPaymentProviderButtonClick">
-        <Button
-          :full-width="true"
-          :label="sharedPaymentConfigTr('addPaymentProvider')"
-          size="small"
-          variant="outline"
-          @on-click="onAddPaymentProviderButtonClick"
-        />
-      </DropdownItem>
-    </Dropdown>
+          <DropdownItem
+            v-for="currency in currencies"
+            :key="`currency-${currency.id}`"
+            @click="onCurrencyClick(currency)"
+          >
+            <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
+              <span>{{ currency.iso4127Code }} ({{ currency.symbol }})</span>
+            </span>
+            <Icon v-if="selectedCurrency?.id === currency.id" name="check-thin" />
+          </DropdownItem>
+        </Dropdown>
+      </template>
+    </div>
   </div>
 </template>
 <script>
-import Button from '../../../../src/atoms/components/Button/Button.vue';
-import Dropdown from '../../../../src/atoms/components/Dropdown/Dropdown.vue';
-import DropdownItem from '../../../../src/atoms/components/Dropdown/DropdownItem.vue';
-import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
-import Pill from '../../../../src/atoms/components/Pill/Pill.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
+import Dropdown from '../../../atoms/components/Dropdown/Dropdown.vue';
+import DropdownItem from '../../../atoms/components/Dropdown/DropdownItem.vue';
+import Loader from '../../../atoms/components/Loader/Loader.vue';
+import Pill from '../../../atoms/components/Pill/Pill.vue';
+import Icon from '../../../atoms/components/Icon/Icon.vue';
 
 import PaymentConfigMixin, { paymentConfigStatuses } from './PaymentConfig.mixin';
 import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
@@ -69,6 +99,7 @@ export default {
     DropdownItem,
     Loader,
     Pill,
+    Icon,
   },
   mixins: [PaymentConfigMixin],
   props: {
@@ -89,6 +120,8 @@ export default {
     },
   },
   async mounted() {
+    this.getCurrentListAsync();
+
     if (this.brandPageToken) {
       await this.updatePaymentConfigs();
       if (!this.selectedPaymentConfig && this.paymentConfigs.length === 0) {
@@ -125,6 +158,11 @@ export default {
       this.selectedPaymentConfig = paymentConfig;
       this.$emit('on-payment-config-selected', this.selectedPaymentConfig);
     },
+
+    onCurrencyClick(currency) {
+      this.$refs.dropdownCurrency.hideMenu();
+      this.$emit('on-currency-selected', currency);
+    },
   },
 };
 </script>

package/src/experiences/components/PaymentConfigList/PaymentConfigList.stories.js

@@ -57,11 +57,53 @@ const PAYMENT_CONFIGS_RESPONSE = [
   },
 ];
 
+const PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE = {
+  currencies: [
+    {
+      id: '9dce1a02-f415-433b-8ea8-0144c651e236',
+      name: 'United State Dollar',
+      iso4127Code: 'USD',
+      iso31662Code: 'US',
+      symbol: '$',
+      isSymbolPlacedBeforePrice: true,
+      created: '2023-06-21T01:04:12.961Z',
+    },
+    {
+      id: '38dc53a9-a66f-4c6d-b14c-cf987d7f779b',
+      name: 'Australian Dollar',
+      iso4127Code: 'AUD',
+      iso31662Code: 'AU',
+      symbol: '$',
+      isSymbolPlacedBeforePrice: true,
+      created: '2023-06-21T01:04:12.961Z',
+    },
+    {
+      id: '02c5a9f3-39f1-4764-bd91-a76982dd949a',
+      name: 'British Pound Sterling',
+      iso4127Code: 'GBP',
+      iso31662Code: 'UK',
+      symbol: '£',
+      isSymbolPlacedBeforePrice: true,
+      created: '2023-06-21T01:04:12.961Z',
+    },
+    {
+      id: '2b26857d-0525-4bf0-b37c-e020847e0bd2',
+      name: 'Euro',
+      iso4127Code: 'EUR',
+      iso31662Code: 'EU',
+      symbol: '€',
+      isSymbolPlacedBeforePrice: true,
+      created: '2023-06-21T01:04:12.961Z',
+    },
+  ],
+};
+
 export const SampleStripe = () => {
   const mock = new MockAdapter(axios, { delayResponse: MOCK_RESPONSE_DELAY });
   const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
 
   mock.onGet(`/maker/api/brand-pages/${brandPageToken}/payment-configs`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(`/maker/api/brand-pages/payment-configs/currency-list`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
 
   return {
     components: {
@@ -85,6 +127,7 @@ export const SampleStripeHideExternalId = () => {
   const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
 
   mock.onGet(`/maker/api/brand-pages/${brandPageToken}/payment-configs`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(`/maker/api/brand-pages/payment-configs/currency-list`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
 
   return {
     components: {
@@ -112,6 +155,7 @@ export const SampleDropdownStripe = () => {
   const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
 
   mock.onGet(`/maker/api/brand-pages/${brandPageToken}/payment-configs`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(`/maker/api/brand-pages/payment-configs/currency-list`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
 
   return {
     components: {
@@ -139,6 +183,7 @@ export const SampleDropdownStripeWithFilter = () => {
   const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
 
   mock.onGet(`/maker/api/brand-pages/${brandPageToken}/payment-configs`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(`/maker/api/brand-pages/payment-configs/currency-list`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
 
   return {
     components: {

package/src/experiences/components/PaymentConfigList/PaymentConfigList.vue

@@ -65,10 +65,10 @@
 </template>
 
 <script>
-import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
-import Button from '../../../../src/atoms/components/Button/Button.vue';
+import Loader from '../../../atoms/components/Loader/Loader.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
 import PaymentConfigDeleteConfigModal from './PaymentConfigDeleteConfigModal.vue';
-import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
+import Icon from '../../../atoms/components/Icon/Icon.vue';
 
 import PaymentConfigMixin from './PaymentConfig.mixin';
 import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json

@@ -5,6 +5,7 @@
     "connected" : "Verbunden",
     "inactive" : "Inaktiv",
     "addPaymentProvider" : "Zahlungsanbieter hinzufügen",
-    "deletePaymentMethod" : "Zahlungsmethode löschen"
+    "deletePaymentMethod" : "Zahlungsmethode löschen",
+    "currencyLabel" : "Währung"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json

@@ -5,6 +5,7 @@
     "connected" : "Conectado",
     "inactive" : "Inactivo",
     "addPaymentProvider" : "Añadir proveedor de pago",
-    "deletePaymentMethod" : "Eliminar método de pago"
+    "deletePaymentMethod" : "Eliminar método de pago",
+    "currencyLabel" : "Moneda"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json

@@ -5,6 +5,7 @@
     "connected" : "Connecté",
     "inactive" : "Inactif",
     "addPaymentProvider" : "Ajouter un fournisseur de paiement",
-    "deletePaymentMethod" : "Supprimer le mode de paiement"
+    "deletePaymentMethod" : "Supprimer le mode de paiement",
+    "currencyLabel" : "Devise"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json

@@ -5,6 +5,7 @@
     "connected" : "Connecté",
     "inactive" : "Inactif",
     "addPaymentProvider" : "Ajouter un fournisseur de paiement",
-    "deletePaymentMethod" : "Supprimer le mode de paiement"
+    "deletePaymentMethod" : "Supprimer le mode de paiement",
+    "currencyLabel" : "Devise"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.json

@@ -5,6 +5,7 @@
     "connected": "Connected",
     "inactive": "Inactive",
     "addPaymentProvider": "Add Payment Provider",
-    "deletePaymentMethod": "Delete payment method"
+    "deletePaymentMethod": "Delete payment method",
+    "currencyLabel": "Currency"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json

@@ -5,6 +5,7 @@
     "connected" : "Conectado",
     "inactive" : "Inativo",
     "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod" : "Excluir método de pagamento"
+    "deletePaymentMethod" : "Excluir método de pagamento",
+    "currencyLabel" : "Moeda"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json

@@ -5,6 +5,7 @@
     "connected" : "Ligado",
     "inactive" : "Inativo",
     "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod" : "Eliminar método de pagamento"
+    "deletePaymentMethod" : "Eliminar método de pagamento",
+    "currencyLabel" : "Moeda"
   }
 }

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue

@@ -521,7 +521,7 @@ export default {
       if (!this.isSubsequentPublish) {
         return false;
       }
-      return this.showUpsellRotation && !this.isCustomDomainActive && !this.hasPurchasedDomains;
+      return this.showUpsellRotation;
     },
   },
   watch: {

package/src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue

@@ -3,6 +3,7 @@
     <UploadYourLogoOnBoarding
       v-if="active"
       :logo-file="logoData.logoFile"
+      :custom-upload-data="customUploadData"
       :use-dropzone="useDropzone"
       :is-post-purchase-user-upload="isPostPurchaseUserUpload"
       @on-exit="onExit"
@@ -36,6 +37,11 @@ export default {
       required: false,
       default: false,
     },
+    customUploadData: {
+      type: Object,
+      required: false,
+      default: null,
+    },
   },
   data() {
     return {

package/src/experiences/components/UploadYourLogoOnBoarding/LogoBusinessBrandColours.vue

@@ -121,9 +121,9 @@
 </template>
 <script>
 /* eslint-disable no-param-reassign */
-import Button from '../../../../src/atoms/components/Button/Button.vue';
-import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
-import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
+import Icon from '../../../atoms/components/Icon/Icon.vue';
+import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
 import trackEvent from '../../helpers/tracking';
 import hexDiff from '../../helpers/hex-diff';
 import { uploadYourLogoTr } from '../../../useSharedLibTranslate';

package/src/experiences/components/UploadYourLogoOnBoarding/LogoCropper.vue

@@ -47,8 +47,8 @@
   </div>
 </template>
 <script>
-import Button from '../../../../src/atoms/components/Button/Button.vue';
 import VueCropper from 'vue-cropperjs';
+import Button from '../../../atoms/components/Button/Button.vue';
 
 import trackEvent from '../../helpers/tracking';
 import { uploadYourLogoTr } from '../../../useSharedLibTranslate';

package/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadModal.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 <script>
-import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
+import Icon from '../../../atoms/components/Icon/Icon.vue';
 
 export default {
   components: {

package/src/experiences/components/UploadYourLogoOnBoarding/LogoUploader.vue

@@ -19,6 +19,11 @@ export default {
       required: true,
       default: undefined,
     },
+    customUploadData: {
+      type: Object,
+      required: false,
+      default: null,
+    },
     eventCategory: {
       type: String,
       required: true,
@@ -50,7 +55,7 @@ export default {
         duration = Date.now() - start;
       }, 1);
 
-      const result = await brandCrowdClient.uploadLogoAndGetDetails(this.logoFile);
+      const result = await brandCrowdClient.uploadLogoAndGetDetails(this.logoFile, this.customUploadData);
 
       clearInterval(intervalTimer);
       this.isRunning = false;

package/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue

@@ -20,6 +20,7 @@
         <LogoUploader
           v-if="logoFile && !isAttemptingToExit && !hasError && currentStep === 1"
           :logo-file="logoFile"
+          :custom-upload-data="customUploadData"
           :event-category="eventCategory"
           @on-upload-success="onUploadSuccess"
           @on-upload-error="onUploadError"
@@ -127,6 +128,11 @@ export default {
       required: false,
       default: false,
     },
+    customUploadData: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
   },
   setup() {
     return {

package/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue

@@ -98,7 +98,7 @@
 </template>
 <script>
 import axios from 'axios';
-import Button from '../../../../src/atoms/components/Button/Button.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
 import Events from '../../constants/event-constants';
 import API from '../../constants/api';
 import trackEvent from '../../helpers/tracking';

package/src/atoms/components/Icon/icons/calculator.vue

@@ -1,3 +0,0 @@
-<template>
-  <path d="M13.25 5.2002C13.25 4.62777 13.2498 4.24315 13.2256 3.94727C13.2021 3.66027 13.1594 3.52316 13.1133 3.43262C12.9935 3.19751 12.8025 3.00655 12.5674 2.88672C12.4768 2.84059 12.3397 2.79788 12.0527 2.77442C11.7569 2.75024 11.3722 2.75 10.7998 2.75H5.20019C4.62776 2.75 4.24314 2.75024 3.94726 2.77442C3.66026 2.79788 3.52316 2.84059 3.43261 2.88672C3.1975 3.00655 3.00654 3.19751 2.88672 3.43262C2.84058 3.52316 2.79787 3.66027 2.77441 3.94727C2.75024 4.24315 2.75 4.62777 2.75 5.2002V10.7998C2.75 11.3722 2.75024 11.7569 2.77441 12.0527C2.79787 12.3397 2.84058 12.4768 2.88672 12.5674C3.00654 12.8025 3.1975 12.9935 3.43261 13.1133C3.52316 13.1594 3.66026 13.2021 3.94726 13.2256C4.24314 13.2498 4.62776 13.25 5.20019 13.25H10.7998C11.3722 13.25 11.7569 13.2498 12.0527 13.2256C12.3397 13.2021 12.4768 13.1594 12.5674 13.1133C12.8025 12.9935 12.9935 12.8025 13.1133 12.5674C13.1594 12.4768 13.2021 12.3397 13.2256 12.0527C13.2498 11.7569 13.25 11.3722 13.25 10.7998V5.2002ZM11.1367 3.80274C11.4296 3.51017 11.9045 3.50995 12.1973 3.80274C12.49 4.09552 12.4898 4.57037 12.1973 4.86329L4.86328 12.1973C4.57036 12.4898 4.09552 12.4901 3.80273 12.1973C3.50995 11.9045 3.51016 11.4296 3.80273 11.1367L11.1367 3.80274ZM11.667 9.58301C12.0809 9.58319 12.4168 9.91906 12.417 10.333C12.417 10.7471 12.0811 11.0828 11.667 11.083H9C8.58578 11.083 8.25 10.7472 8.25 10.333C8.25017 9.91895 8.58589 9.58301 9 9.58301H11.667ZM4.91699 7V6.417H4.333C3.91905 6.41682 3.58318 6.08095 3.583 5.667C3.583 5.25289 3.91894 4.91717 4.333 4.917H4.91699V4.33301C4.91716 3.91895 5.25288 3.58301 5.66699 3.58301C6.08094 3.58319 6.41681 3.91906 6.41699 4.33301V4.917H7C7.41421 4.917 7.75 5.25278 7.75 5.667C7.74982 6.08106 7.4141 6.417 7 6.417H6.41699V7C6.41699 7.41411 6.08105 7.74983 5.66699 7.75C5.25278 7.75 4.91699 7.41422 4.91699 7ZM14.75 10.7998C14.75 11.3475 14.751 11.8037 14.7207 12.1748C14.6897 12.5545 14.6219 12.9109 14.4502 13.2481C14.1865 13.7655 13.7655 14.1865 13.248 14.4502C12.9109 14.6219 12.5545 14.6897 12.1748 14.7207C11.8037 14.751 11.3475 14.75 10.7998 14.75H5.20019C4.65251 14.75 4.19632 14.751 3.82519 14.7207C3.44546 14.6897 3.08909 14.6219 2.75195 14.4502C2.2345 14.1865 1.81345 13.7655 1.5498 13.2481C1.37809 12.9109 1.31033 12.5545 1.27929 12.1748C1.24897 11.8037 1.25 11.3475 1.25 10.7998V5.2002C1.25 4.65252 1.24897 4.19633 1.27929 3.8252C1.31033 3.44547 1.37809 3.0891 1.5498 2.75196C1.81345 2.23451 2.2345 1.81346 2.75195 1.54981C3.08909 1.3781 3.44546 1.31033 3.82519 1.2793C4.19632 1.24898 4.65251 1.25 5.20019 1.25H10.7998C11.3475 1.25 11.8037 1.24898 12.1748 1.2793C12.5545 1.31033 12.9109 1.3781 13.248 1.54981C13.7655 1.81346 14.1865 2.23451 14.4502 2.75196C14.6219 3.0891 14.6897 3.44547 14.7207 3.8252C14.751 4.19633 14.75 4.65252 14.75 5.2002V10.7998Z" />
-</template>