@designcrowd/fe-shared-lib 1.3.6-currency-2 → 1.3.6-currency-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/package.json +1 -1
  2. package/src/experiences/components/AuthFlow/AuthModal.vue +1 -1
  3. package/src/experiences/components/AuthFlow/ForgotPassword.vue +1 -1
  4. package/src/experiences/components/AuthFlow/ResetPassword.vue +1 -1
  5. package/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue +1 -1
  6. package/src/experiences/components/AuthFlow/SocialSignInButton.vue +1 -1
  7. package/src/experiences/components/AuthFlow/SubmissionButton.vue +1 -1
  8. package/src/experiences/components/PaymentConfigList/PaymentConfigDeleteConfigModal.vue +7 -5
  9. package/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue +31 -25
  10. package/src/experiences/components/PaymentConfigList/PaymentConfigList.vue +3 -3
  11. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json +1 -1
  12. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json +1 -1
  13. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json +1 -1
  14. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json +1 -1
  15. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json +1 -1
  16. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json +1 -1
  17. package/src/experiences/components/UploadYourLogoOnBoarding/LogoBusinessBrandColours.vue +3 -3
  18. package/src/experiences/components/UploadYourLogoOnBoarding/LogoCropper.vue +1 -1
  19. package/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadModal.vue +1 -1
  20. package/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.3.6-currency-2",
3
+ "version": "1.3.6-currency-4",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",
@@ -17,7 +17,7 @@
17
17
  </div>
18
18
  </template>
19
19
  <script>
20
- import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
20
+ import Icon from '../../../atoms/components/Icon/Icon.vue';
21
21
 
22
22
  export default {
23
23
  components: {
@@ -74,7 +74,7 @@
74
74
  </template>
75
75
  <script>
76
76
  import { getCurrentLocale } from '../../../useSharedLibTranslate';
77
- import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
77
+ import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
78
78
  import SubmissionButton from './SubmissionButton.vue';
79
79
 
80
80
  export default {
@@ -64,7 +64,7 @@
64
64
  </template>
65
65
  <script>
66
66
  import { getCurrentLocale } from '../../../useSharedLibTranslate';
67
- import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
67
+ import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
68
68
  import SubmissionButton from './SubmissionButton.vue';
69
69
 
70
70
  export default {
@@ -19,7 +19,7 @@
19
19
  </div>
20
20
  </template>
21
21
  <script>
22
- import Button from '../../../../src/atoms/components/Button/Button.vue';
22
+ import Button from '../../../atoms/components/Button/Button.vue';
23
23
 
24
24
  import AuthModal from './AuthModal.vue';
25
25
 
@@ -23,7 +23,7 @@
23
23
  </button>
24
24
  </template>
25
25
  <script>
26
- import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
26
+ import Icon from '../../../atoms/components/Icon/Icon.vue';
27
27
 
28
28
  const TYPES = {
29
29
  FACEBOOK: 'facebook',
@@ -20,7 +20,7 @@
20
20
  </template>
21
21
 
22
22
  <script>
23
- import Button from '../../../../src/atoms/components/Button/Button.vue';
23
+ import Button from '../../../atoms/components/Button/Button.vue';
24
24
 
25
25
  export default {
26
26
  components: {
@@ -40,17 +40,17 @@
40
40
  </Modal>
41
41
  </template>
42
42
  <script>
43
- import Modal from '../../../../src/atoms/components/Modal/Modal.vue';
44
- import Button from '../../../../src/atoms/components/Button/Button.vue';
45
- import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
46
- import brandPageApiClient from './../../clients/brand-page-api.client';
43
+ import Modal from '../../../atoms/components/Modal/Modal.vue';
44
+ import Button from '../../../atoms/components/Button/Button.vue';
45
+ import Loader from '../../../atoms/components/Loader/Loader.vue';
46
+ import brandPageApiClient from '../../clients/brand-page-api.client';
47
+
47
48
  export default {
48
49
  components: {
49
50
  Modal,
50
51
  Button,
51
52
  Loader,
52
53
  },
53
- emits: ['close-modal', 'on-delete'],
54
54
  props: {
55
55
  paymentConfig: {
56
56
  type: Object,
@@ -60,8 +60,10 @@ export default {
60
60
  brandPageToken: {
61
61
  type: String,
62
62
  required: false,
63
+ default: () => undefined,
63
64
  },
64
65
  },
66
+ emits: ['close-modal', 'on-delete'],
65
67
  data: () => ({
66
68
  isLoading: false,
67
69
  }),
@@ -51,37 +51,43 @@
51
51
  />
52
52
  </DropdownItem>
53
53
  </Dropdown>
54
- <h4 class="tw-mt-6 tw-mb-2 tw-text-sm tw-font-bold">{{ sharedPaymentConfigTr('currencyLabel') }}</h4>
55
- <Dropdown ref="dropdownCurrency">
56
- <template #title>
57
- <div v-if="selectedCurrency" class="tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer">
54
+ <!-- Currency -->
55
+ <template v-if="currencies && currencies.length > 0">
56
+ <h4 class="tw-mt-6 tw-mb-2 tw-text-sm tw-font-bold">{{ sharedPaymentConfigTr('currencyLabel') }}</h4>
57
+ <Dropdown ref="dropdownCurrency" :menu-element-classes="'tw-w-full'">
58
+ <template #title>
59
+ <div
60
+ v-if="selectedCurrency"
61
+ class="tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer"
62
+ >
63
+ <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
64
+ <span>{{ selectedCurrency.iso4127Code }} ({{ selectedCurrency.symbol }})</span>
65
+ </span>
66
+ </div>
67
+ </template>
68
+
69
+ <DropdownItem
70
+ v-for="currency in currencies"
71
+ :key="`currency-${currency.id}`"
72
+ @click="onCurrencyClick(currency)"
73
+ >
58
74
  <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
59
- <span>{{ selectedCurrency.iso4127Code }} ({{ selectedCurrency.symbol }})</span>
75
+ <span>{{ currency.iso4127Code }} ({{ currency.symbol }})</span>
60
76
  </span>
61
- </div>
62
- </template>
63
-
64
- <DropdownItem
65
- v-for="currency in currencies"
66
- :key="`currency-${currency.id}`"
67
- @click="onCurrencyClick(currency)"
68
- >
69
- <span class="tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col">
70
- <span>{{ currency.iso4127Code }} ({{ currency.symbol }})</span>
71
- </span>
72
- <Icon v-if="selectedCurrency?.id === currency.id" name="check-thin" />
73
- </DropdownItem>
74
- </Dropdown>
77
+ <Icon v-if="selectedCurrency?.id === currency.id" name="check-thin" />
78
+ </DropdownItem>
79
+ </Dropdown>
80
+ </template>
75
81
  </div>
76
82
  </div>
77
83
  </template>
78
84
  <script>
79
- import Button from '../../../../src/atoms/components/Button/Button.vue';
80
- import Dropdown from '../../../../src/atoms/components/Dropdown/Dropdown.vue';
81
- import DropdownItem from '../../../../src/atoms/components/Dropdown/DropdownItem.vue';
82
- import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
83
- import Pill from '../../../../src/atoms/components/Pill/Pill.vue';
84
- import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
85
+ import Button from '../../../atoms/components/Button/Button.vue';
86
+ import Dropdown from '../../../atoms/components/Dropdown/Dropdown.vue';
87
+ import DropdownItem from '../../../atoms/components/Dropdown/DropdownItem.vue';
88
+ import Loader from '../../../atoms/components/Loader/Loader.vue';
89
+ import Pill from '../../../atoms/components/Pill/Pill.vue';
90
+ import Icon from '../../../atoms/components/Icon/Icon.vue';
85
91
 
86
92
  import PaymentConfigMixin, { paymentConfigStatuses } from './PaymentConfig.mixin';
87
93
  import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
@@ -65,10 +65,10 @@
65
65
  </template>
66
66
 
67
67
  <script>
68
- import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
69
- import Button from '../../../../src/atoms/components/Button/Button.vue';
68
+ import Loader from '../../../atoms/components/Loader/Loader.vue';
69
+ import Button from '../../../atoms/components/Button/Button.vue';
70
70
  import PaymentConfigDeleteConfigModal from './PaymentConfigDeleteConfigModal.vue';
71
- import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
71
+ import Icon from '../../../atoms/components/Icon/Icon.vue';
72
72
 
73
73
  import PaymentConfigMixin from './PaymentConfig.mixin';
74
74
  import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
@@ -6,6 +6,6 @@
6
6
  "inactive" : "Inaktiv",
7
7
  "addPaymentProvider" : "Zahlungsanbieter hinzufügen",
8
8
  "deletePaymentMethod" : "Zahlungsmethode löschen",
9
- "currencyLabel": "Währung"
9
+ "currencyLabel" : "Währung"
10
10
  }
11
11
  }
@@ -6,6 +6,6 @@
6
6
  "inactive" : "Inactivo",
7
7
  "addPaymentProvider" : "Añadir proveedor de pago",
8
8
  "deletePaymentMethod" : "Eliminar método de pago",
9
- "currencyLabel": "Moneda"
9
+ "currencyLabel" : "Moneda"
10
10
  }
11
11
  }
@@ -6,6 +6,6 @@
6
6
  "inactive" : "Inactif",
7
7
  "addPaymentProvider" : "Ajouter un fournisseur de paiement",
8
8
  "deletePaymentMethod" : "Supprimer le mode de paiement",
9
- "currencyLabel": "Devise"
9
+ "currencyLabel" : "Devise"
10
10
  }
11
11
  }
@@ -6,6 +6,6 @@
6
6
  "inactive" : "Inactif",
7
7
  "addPaymentProvider" : "Ajouter un fournisseur de paiement",
8
8
  "deletePaymentMethod" : "Supprimer le mode de paiement",
9
- "currencyLabel": "Devise"
9
+ "currencyLabel" : "Devise"
10
10
  }
11
11
  }
@@ -6,6 +6,6 @@
6
6
  "inactive" : "Inativo",
7
7
  "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
8
8
  "deletePaymentMethod" : "Excluir método de pagamento",
9
- "currencyLabel": "Moeda"
9
+ "currencyLabel" : "Moeda"
10
10
  }
11
11
  }
@@ -6,6 +6,6 @@
6
6
  "inactive" : "Inativo",
7
7
  "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
8
8
  "deletePaymentMethod" : "Eliminar método de pagamento",
9
- "currencyLabel": "Moeda"
9
+ "currencyLabel" : "Moeda"
10
10
  }
11
11
  }
@@ -121,9 +121,9 @@
121
121
  </template>
122
122
  <script>
123
123
  /* eslint-disable no-param-reassign */
124
- import Button from '../../../../src/atoms/components/Button/Button.vue';
125
- import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
126
- import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
124
+ import Button from '../../../atoms/components/Button/Button.vue';
125
+ import Icon from '../../../atoms/components/Icon/Icon.vue';
126
+ import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
127
127
  import trackEvent from '../../helpers/tracking';
128
128
  import hexDiff from '../../helpers/hex-diff';
129
129
  import { uploadYourLogoTr } from '../../../useSharedLibTranslate';
@@ -47,8 +47,8 @@
47
47
  </div>
48
48
  </template>
49
49
  <script>
50
- import Button from '../../../../src/atoms/components/Button/Button.vue';
51
50
  import VueCropper from 'vue-cropperjs';
51
+ import Button from '../../../atoms/components/Button/Button.vue';
52
52
 
53
53
  import trackEvent from '../../helpers/tracking';
54
54
  import { uploadYourLogoTr } from '../../../useSharedLibTranslate';
@@ -16,7 +16,7 @@
16
16
  </div>
17
17
  </template>
18
18
  <script>
19
- import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
19
+ import Icon from '../../../atoms/components/Icon/Icon.vue';
20
20
 
21
21
  export default {
22
22
  components: {
@@ -98,7 +98,7 @@
98
98
  </template>
99
99
  <script>
100
100
  import axios from 'axios';
101
- import Button from '../../../../src/atoms/components/Button/Button.vue';
101
+ import Button from '../../../atoms/components/Button/Button.vue';
102
102
  import Events from '../../constants/event-constants';
103
103
  import API from '../../constants/api';
104
104
  import trackEvent from '../../helpers/tracking';