@designcrowd/fe-shared-lib 1.0.8-ml-82-19 → 1.0.8-ml-82-21

package/package.json

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

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

@@ -13,11 +13,12 @@
     <span v-if="isPartnerTheme"> and BrandCrowd's </span>
     <span v-else>{{ termsAndConditionsContent?.byProceeding }} </span>
     <a :href="termsOfUseUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }"
-      > {{ termsAndConditionsContent?.termsOfUse }} </a
-    >
-    {{ termsAndConditionsContent?.and }} 
+      >{{ termsAndConditionsContent?.termsOfUse }}</a
+    > 
+    <span> {{ termsAndConditionsContent?.and }} </span>
     <a :href="privacyPolicyUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }"
-      >{{ termsAndConditionsContent?.privacyPolicy }} </a>
+      >{{ termsAndConditionsContent?.privacyPolicy }}</a
+    >
     <span> {{ termsAndConditionsContent?.agreeToFutureUpdates }} {{ isDesignCom ? 'Design.com' : 'BrandCrowd' }}.</span>
   </p>
 </template>

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

@@ -151,7 +151,9 @@
         >
           <p>
             {{ getSignUpText }}
-            <a :href="getSignUpUrl" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">Sign In</a>
+            <a :href="getSignUpUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{
+              signUpLabel
+            }}</a>
           </p>
         </div>
       </div>
@@ -338,6 +340,16 @@ export default {
       required: false,
       default: undefined,
     },
+    invalidUsernameErrorLabel: {
+      type: String,
+      required: false,
+      default: 'Please enter a valid email address',
+    },
+    missingPasswordErrorLabel: {
+      type: String,
+      required: false,
+      default: 'Please enter a password',
+    },
   },
   data() {
     return {
@@ -411,13 +423,13 @@ export default {
     validate(e) {
       this.clearErrorMessages();
       if (!this.aUserName || !isValidEmail(this.aUserName)) {
-        this.userNameError = 'Please enter a valid email address';
+        this.userNameError = this.invalidUsernameErrorLabel;
         e.preventDefault();
         return false;
       }
 
       if (this.capturePassword && !this.password) {
-        this.passwordError = 'Please enter a password';
+        this.passwordError = this.missingPasswordErrorLabel;
         e.preventDefault();
         return false;
       }

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

@@ -101,7 +101,7 @@
           class="tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-pt-6 tw-pb-8 tw-text-grayscale-600"
         >
           {{ alreadyHaveAnAccountLabel }}
-          <a :href="getRedirectToSignInUrl" class="tw-text-info-500">{{ loginLabel }}</a>
+          <a :href="getRedirectToSignInUrl" target="_blank" class="tw-text-info-500">{{ loginLabel }}</a>
         </p>
       </div>
     </div>
@@ -225,6 +225,16 @@ export default {
       required: false,
       default: undefined,
     },
+    invalidUsernameErrorLabel: {
+      type: String,
+      required: false,
+      default: 'Please enter a valid email address',
+    },
+    missingPasswordErrorLabel: {
+      type: String,
+      required: false,
+      default: 'Please enter a password',
+    },
   },
   data() {
     return {
@@ -272,10 +282,10 @@ export default {
       this.passwordError = undefined;
 
       if (!this.aUserName) {
-        this.userNameError = 'Please enter a valid email address';
+        this.userNameError = this.invalidUsernameErrorLabel;
       }
       if (!this.password) {
-        this.passwordError = 'Please enter a password';
+        this.passwordError = this.missingPasswordErrorLabel;
       }
 
       e.preventDefault();