@designcrowd/fe-shared-lib 1.0.8-ml-i18n-1 → 1.0.8-ml-i18n-3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.0.8-ml-i18n-1",
3
+ "version": "1.0.8-ml-i18n-3",
4
4
  "scripts": {
5
5
  "start": "npm run storybook",
6
6
  "build": "npm run build:css --production",
@@ -1,6 +1,17 @@
1
1
  <template>
2
- <div v-if="hasTermsAndConditionsSlot && !isPartnerTheme">
3
- <slot name="termsAndConditions" />
2
+ <div v-if="!isPartnerTheme && !!termsAndConditionsContentKeyPath">
3
+ <i18n-t :keypath="termsAndConditionsContentKeyPath">
4
+ <template #termsOfUseLabel>
5
+ <a :href="termsAndConditionsLink">
6
+ {{ termsOfUseLabel }}
7
+ </a>
8
+ </template>
9
+ <template #privacyPolicyLabel>
10
+ <a :href="privacyPolicyLink">
11
+ {{ privacyPolicyLabel }}
12
+ </a>
13
+ </template>
14
+ </i18n-t>
4
15
  </div>
5
16
  <p v-else class="tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600">
6
17
  <span v-if="isPartnerTheme">
@@ -31,6 +42,7 @@
31
42
  <script>
32
43
  import themeMixin from '../../mixins/themeMixin';
33
44
  import { LEGAL } from '../../constants/partner-dictionary-constants';
45
+ import { string } from 'yargs';
34
46
 
35
47
  export default {
36
48
  mixins: [themeMixin],
@@ -52,6 +64,11 @@ export default {
52
64
  required: false,
53
65
  default: undefined,
54
66
  },
67
+ termsAndConditionsContentKeyPath: {
68
+ type: String,
69
+ required: false,
70
+ default: undefined,
71
+ }
55
72
  },
56
73
  data() {
57
74
  return {
@@ -76,9 +93,6 @@ export default {
76
93
  }
77
94
  return this.privacyPolicyUrl;
78
95
  },
79
- hasTermsAndConditionsSlot() {
80
- return !!this.$slots.termsAndConditions;
81
- }
82
96
  },
83
97
  };
84
98
  </script>
@@ -115,7 +115,12 @@
115
115
  :available-themes="availableThemes"
116
116
  :is-design-com="isDesignCom"
117
117
  :terms-and-conditions="termsAndConditions"
118
- />
118
+ :terms-and-conditions-content-key-path="termsAndConditionsContentKeyPath"
119
+ >
120
+ <template name="authLegal">
121
+ <slot name="termsAndConditions" />
122
+ </template>
123
+ </AuthLegal>
119
124
  </div>
120
125
 
121
126
  <div v-if="!!loginWithFacebookUrl || !!loginWithGoogleUrl" class="tw-text-center tw-text-grayscale-600">
@@ -300,6 +305,11 @@ export default {
300
305
  required: false,
301
306
  default: undefined,
302
307
  },
308
+ termsAndConditionsContentKeyPath: {
309
+ type: String,
310
+ required: false,
311
+ default: undefined,
312
+ },
303
313
  signInContent: {
304
314
  type: Object,
305
315
  required: false,
@@ -81,7 +81,12 @@
81
81
  :available-themes="availableThemes"
82
82
  :is-design-com="isDesignCom"
83
83
  :terms-and-conditions="termsAndConditions"
84
- />
84
+ :terms-and-conditions-content-key-path="termsAndConditionsContentKeyPath"
85
+ >
86
+ <template name="authLegal">
87
+ <slot name="termsAndConditions" />
88
+ </template>
89
+ </AuthLegal>
85
90
  <div v-if="!!loginWithFacebookUrl || !!loginWithGoogleUrl" class="tw-text-center tw-text-grayscale-600">
86
91
  <div class="tw-w-full tw-inline-flex tw-items-center tw-mb-4">
87
92
  <div class="tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"></div>
@@ -185,6 +190,11 @@ export default {
185
190
  required: false,
186
191
  default: undefined,
187
192
  },
193
+ termsAndConditionsContentKeyPath: {
194
+ type: String,
195
+ required: false,
196
+ default: undefined,
197
+ },
188
198
  signUpContent: {
189
199
  type: Object,
190
200
  required: false,