@designcrowd/fe-shared-lib 1.0.8-ml-82-23 → 1.0.8-ml-82-25

package/package.json

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

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

@@ -151,7 +151,7 @@
         >
           <p>
             {{ getSignUpText }}
-            <a :href="signUpUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{
+            <a :href="signUpUrl" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{
               signUpLabel
             }}</a>
           </p>
@@ -295,60 +295,15 @@ export default {
       required: false,
       default: undefined,
     },
-    emailLabel: {
-      type: String,
-      requiured: false,
-      default: 'Email'
-    },
-    emailPlaceholderLabel: {
-      type: String,
-      requiured: false,
-      default: 'Email Address'
-    },
-    passwordPlaceholderLabel: {
-      type: String,
-      requiured: false,
-      default: 'Password'
-    },
-    forgotPasswordLabel: {
-      type: String,
-      requiured: false,
-      default: 'Forgot Password?'
-    },
-    orLabel: {
-      type: String,
-      requiured: false,
-      default: 'or'
-    },
-    signUpLabel: {
-      type: String,
-      requiured: false,
-      default: 'Sign Up'
-    },
     termsAndConditions: {
       type: Object,
       required: false,
       default: undefined,
     },
-    loginWithGoogleLabel: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    loginWithFacebookLabel: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    invalidUsernameErrorLabel: {
-      type: String,
-      required: false,
-      default: 'Please enter a valid email address',
-    },
-    missingPasswordErrorLabel: {
-      type: String,
+    signInContent: {
+      type: Object,
       required: false,
-      default: 'Please enter a password',
+      default: () => {},
     },
   },
   data() {
@@ -357,7 +312,17 @@ export default {
       password: undefined,
       userNameError: undefined,
       passwordError: undefined,
-    };
+      loginWithGoogleLabel: this.signInContent.loginWithGoogleLabel,
+      loginWithFacebookLabel: this.signInContent.loginWithFacebookLabel,
+      invalidUsernameErrorLabel: this.signInContent.invalidUsernameErrorLabel ?? 'Please enter a valid email address',
+      missingPasswordErrorLabel: this.signInContent.missingPasswordErrorLabel ?? 'Please enter a password',
+      emailLabel: this.signInContent.emailLabel ?? 'Email',
+      emailPlaceholderLabel: this.signInContent.emailPlaceholderLabel ?? 'Email Address',
+      passwordPlaceholderLabel: this.signInContent.passwordPlaceholderLabel ?? 'Password',
+      forgotPasswordLabel: this.signInContent.forgotPasswordLabel ?? 'Forgot Password?',
+      orLabel: this.signInContent.orLabel ?? 'or',
+      signUpLabel: this.signInContent.signUpLabel ?? 'Sign Up',
+    },
   },
   computed: {
     isLoading() {

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

@@ -85,7 +85,7 @@
           <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">
               <div class="tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"></div>
-              <span class="tw-inline tw-px-4">or</span>
+              <span class="tw-inline tw-px-4">{{ orLabel }}</span>
               <div class="tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"></div>
             </div>
             <SocialSignIn
@@ -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="signInUrl" target="_blank" class="tw-text-info-500">{{ loginLabel }}</a>
+          <a :href="signInUrl" class="tw-text-info-500">{{ loginLabel }}</a>
         </p>
       </div>
     </div>
@@ -180,60 +180,15 @@ export default {
       type: Boolean,
       default: false,
     },
-    emailLabel: {
-      type: String,
-      requiured: false,
-      default: 'Email'
-    },
-    emailPlaceholderLabel: {
-      type: String,
-      requiured: false,
-      default: 'Email'
-    },
-    passwordPlaceholderLabel: {
-      type: String,
-      requiured: false,
-      default: 'Password'
-    },
-    alreadyHaveAnAccountLabel: {
-      type: String,
-      requiured: false,
-      default: 'Already have an account?'
-    },
-    loginLabel: {
-      type: String,
-      requiured: false,
-      default: 'Login'
-    },
     termsAndConditions: {
       type: Object,
       required: false,
       default: undefined,
     },
-    submissionButtonLabel: {
-      type: String,
-      required: false,
-      default: 'Sign Up',
-    },
-    loginWithGoogleLabel: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    loginWithFacebookLabel: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    invalidUsernameErrorLabel: {
-      type: String,
-      required: false,
-      default: 'Please enter a valid email address',
-    },
-    missingPasswordErrorLabel: {
-      type: String,
+    signUpContent: {
+      type: Object,
       required: false,
-      default: 'Please enter a password',
+      default: () => {},
     },
   },
   data() {
@@ -243,6 +198,17 @@ export default {
       password: null,
       passwordError: undefined,
       userNameError: null,
+      invalidUsernameErrorLabel: this.signUpContent.invalidUsernameErrorLabel ?? 'Please enter a valid email address',
+      missingPasswordErrorLabel: this.signUpContent.missingPasswordErrorLabel ?? 'Please enter a password',
+      submissionButtonLabel: this.signUpContent.submissionButtonLabel ?? 'Sign Up',
+      loginWithGoogleLabel: this.signUpContent.loginWithGoogleLabel,
+      loginWithFacebookLabel: this.signUpContent.loginWithFacebookLabel,
+      emailLabel: this.signUpContent.emailLabel ?? 'Email',
+      emailPlaceholderLabel: this.signUpContent.emailPlaceholderLabel ?? 'Email',
+      passwordPlaceholderLabel: this.signUpContent.passwordPlaceholderLabel ?? 'Password',
+      alreadyHaveAnAccountLabel: this.signUpContent.alreadyHaveAnAccountLabel ?? 'Already have an account?',
+      orLabel: this.signUpContent.orLabel ?? 'or',
+      loginLabel: this.signUpContent.loginLabel ?? 'Login',
     };
   },
   computed: {