@designcrowd/fe-shared-lib 1.0.8-ml-82-6 → 1.0.8-ml-82-8

package/package.json

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

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

@@ -13,7 +13,7 @@
     <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?.termsOfUse }} </a
     >
     {{ termsAndConditionsContent?.and }} 
     <a :href="privacyPolicyUrl" target="_blank" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }"

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

@@ -57,7 +57,7 @@
           </p>
           <div class="tw-flex tw-flex-col">
             <div>
-              <form id="signin" method="post" @submit="validate">
+              <form id="signin" action="/identity/account/signin" method="post" @submit="validate">
                 <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
                 <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
                 <input
@@ -149,7 +149,9 @@
         >
           <p>
             {{ getSignUpText }}
-            <a :href="getSignUpUrl" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{ signInLabel }}</a>
+            <a :href="getSignUpUrl" class="tw-text-info-500" :class="{ 'hover:tw-underline': isDesignCom }">{{
+              signInLabel
+            }}</a>
           </p>
         </div>
       </div>

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

@@ -32,7 +32,7 @@
           <h2 v-if="title" class="tw-text-center tw-text-4xl tw-font-bold tw-mb-6">
             {{ title }}
           </h2>
-          <form id="signup" method="post" @submit="validate">
+          <form id="signup" action="/identity/account/signup" method="post" @submit="validate">
             <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
             <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
             <input
@@ -67,7 +67,7 @@
             <SubmissionButton
               variant="primary"
               size="medium"
-              label="SIGN UP"
+              :label="submissionButtonLabel"
               label-size="smaller"
               :is-loading="isLoading"
               :disabled="isLoading"
@@ -92,6 +92,8 @@
               :login-with-google-url="loginWithGoogleUrl"
               :login-with-facebook-url="loginWithFacebookUrl"
               :anti-forgery-token="antiForgeryToken"
+              :login-with-google-label="loginWithGoogleLabel"
+              :login-with-facebook-label="loginWithFacebookLabel"
             />
           </div>
         </div>
@@ -208,6 +210,21 @@ export default {
       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,
+    },
   },
   data() {
     return {
@@ -223,7 +240,7 @@ export default {
       if (typeof window === 'undefined') {
         return null;
       }
-      
+
       const url = new URL(`https://${window.location.host}${this.signInUrl}`);
       if (this.aUserName) {
         url.searchParams.append('initialUserName', this.aUserName);

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

@@ -9,7 +9,7 @@
     >
       <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
       <SocialSignInButton
-        label="Continue with Google"
+        :label="googleLoginLabel"
         type="google"
         :disabled="disabled"
         :is-loading="googleLoading"
@@ -26,7 +26,7 @@
     >
       <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
       <SocialSignInButton
-        label="Continue with Facebook"
+        :label="facebookLoginLabel"
         type="facebook"
         :disabled="disabled"
         :is-loading="facebookLoading"
@@ -88,12 +88,24 @@ export default {
       required: false,
       default: undefined,
     },
+    loginWithGoogleLabel: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    loginWithFacebookLabel: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {
       formFacebookUrl: this.loginWithFacebookUrl,
       formGoogleUrl: this.loginWithGoogleUrl,
       formAntiForgeryToken: this.antiForgeryToken,
+      googleLoginLabel: this.loginWithGoogleLabel ?? 'Continue with Google',
+      facebookLoginLabel: this.loginWithFacebookLabel ?? 'Continue with Facebook',
     };
   },
   methods: {