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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.0.8-ml-82-1",
+  "version": "1.0.8-ml-82-3",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/experiences/components/AuthFlow/AuthLegal.vue

@@ -11,16 +11,16 @@
       </a>
     </span>
     <span v-if="isPartnerTheme"> and BrandCrowd's </span>
-    <span v-else>By proceeding you accept our </span>
+    <span v-else>{{ termsAndConditions.byProceeding ?? 'By proceeding you accept our' }}</span>
     <a :href="termsOfUseUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }"
-      >Terms of Use</a
+      >{{ termsAndConditions.termsOfUse ?? 'Terms of Use' }}</a
     >
-    and
+    {{ termsAndConditions.and ?? and }}
     <a :href="privacyPolicyUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }"
-      >Privacy Policy</a
+      >{{ termsAndConditions.privacyPolicy ?? 'Privacy Policy' }}</a
     >
     <span>
-      and agree to receive future updates from {{ isDesignCom ? 'Design.com' : 'BrandCrowd' }}.</span
+      ({{ termsAndConditions.agreeToFutureUpdates ?? 'and agree to receive future updates from' }}){{ isDesignCom ? 'Design.com' : 'BrandCrowd' }}.</span
     >
   </p>
 </template>
@@ -44,6 +44,11 @@ export default {
       type: Boolean,
       default: false,
     },
+    termsAndConditions: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {

package/src/experiences/components/AuthFlow/SignIn.vue

@@ -85,7 +85,7 @@
                   aria-required="true"
                   :aria-invalid="!!passwordError"
                   autocomplete="current-password"
-                  placeholder="Password"
+                  :placeholder="passwordPlaceholderLabel"
                   class="password-input tw-h-12 tw-mb-4 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
                   :class="{ 'tw-border-error-500': !!passwordError }"
                 />
@@ -114,6 +114,7 @@
                 :theme="theme"
                 :available-themes="availableThemes"
                 :is-design-com="isDesignCom"
+                :terms-and-conditions="termsAndConditions"
               />
             </div>
 
@@ -319,7 +320,12 @@ export default {
       type: String,
       requiured: false,
       default: 'Sign In'
-    }
+    },
+    termsAndConditions: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {

package/src/experiences/components/AuthFlow/SignUp.vue

@@ -34,7 +34,7 @@
           </h2>
           <form id="signup" method="post" @submit="validate">
             <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
-            <label for="userName" class="tw-sr-only"> {{ emailPlaceholderLabel }} </label>
+            <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
             <input
               v-model="aUserName"
               name="userName"
@@ -42,7 +42,7 @@
               aria-required="true"
               :aria-invalid="!!userNameError"
               autocomplete="”email”"
-              placeholder="Email address"
+              :placeholder="emailPlaceholderLabel"
               class="email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
               :class="{ 'tw-border-error-500': !!userNameError }"
             />
@@ -57,7 +57,7 @@
               aria-required="true"
               :aria-invalid="!!passwordError"
               autocomplete="new-password"
-              placeholder="Password"
+              :placeholder="passwordPlaceholderLabel"
               class="password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
               :class="{ 'tw-border-error-500': !!passwordError }"
             />
@@ -80,6 +80,7 @@
             :theme="theme"
             :available-themes="availableThemes"
             :is-design-com="isDesignCom"
+            :terms-and-conditions="termsAndConditions"
           />
           <div v-if="!!loginWithFacebookUrl || !!loginWithGoogleUrl" class="tw-text-center tw-text-grayscale-600">
             <div class="tw-w-full tw-inline-flex tw-items-center tw-mb-4">
@@ -177,6 +178,11 @@ export default {
       type: Boolean,
       default: false,
     },
+    emailLabel: {
+      type: String,
+      requiured: false,
+      default: 'Email'
+    },
     emailPlaceholderLabel: {
       type: String,
       requiured: false,
@@ -196,7 +202,12 @@ export default {
       type: String,
       requiured: false,
       default: 'Login'
-    }
+    },
+    termsAndConditions: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {