@designcrowd/fe-shared-lib 1.0.8-ml-82-20 → 1.0.8-ml-82-22

package/package.json

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

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

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

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

@@ -151,7 +151,7 @@
         >
           <p>
             {{ getSignUpText }}
-            <a :href="getSignUpUrl" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{
+            <a :href="signUpHref" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{
               signUpLabel
             }}</a>
           </p>
@@ -340,13 +340,30 @@ 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() {
+    const signUpHref =
+      typeof window === 'undefined' ? null : new URL(`https://${window.location.host}${this.signUpUrl}`);
+    if (this.aUserName) {
+      signUpHref.searchParams.append('initialUserName', this.aUserName);
+    }
+
     return {
       aUserName: this.initialUserName,
       password: undefined,
       userNameError: undefined,
       passwordError: undefined,
+      signUpHref,
     };
   },
   computed: {
@@ -413,13 +430,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="signInHref" target="_blank" class="tw-text-info-500">{{ loginLabel }}</a>
         </p>
       </div>
     </div>
@@ -225,14 +225,31 @@ 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() {
+    const signInHref =
+      typeof window === 'undefined' ? null : new URL(`https://${window.location.host}${this.signInUrl}`);
+    if (this.aUserName) {
+      signInHref.searchParams.append('initialUserName', this.aUserName);
+    }
+
     return {
       isLoading: false,
       aUserName: this.initialUserName,
       password: null,
       passwordError: undefined,
       userNameError: null,
+      signInHref,
     };
   },
   computed: {
@@ -272,10 +289,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();