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

package/package.json

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

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

@@ -57,7 +57,7 @@
           </p>
           <div class="tw-flex tw-flex-col">
             <div>
-              <form id="signin" action="/identity/account/signin" method="post" @submit="validate">
+              <form id="signin" :action="actionUrl" method="post" @submit="validate">
                 <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
                 <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
                 <input
@@ -139,6 +139,8 @@
                 :disabled="isLoading"
                 :facebook-loading="facebookLoading"
                 :google-loading="googleLoading"
+                :login-with-google-label="loginWithGoogleLabel"
+                :login-with-facebook-label="loginWithFacebookLabel"
               />
             </div>
           </div>
@@ -328,6 +330,21 @@ export default {
       required: false,
       default: undefined,
     },
+    loginWithGoogleLabel: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    loginWithFacebookLabel: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    returnUrl: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {
@@ -369,6 +386,10 @@ export default {
       return url;
     },
     getRedirectToRecommendedActionUrl() {
+      if (typeof window === 'undefined') {
+        return null;
+      }
+
       const url = new URL(`https://${window.location.host}${this.recommendedActionLink}`);
       if (this.aUserName) {
         url.searchParams.append('email', this.aUserName);
@@ -384,6 +405,9 @@ export default {
       }
       return this.signUpText;
     },
+    actionUrl() {
+      return this.returnUrl ? `/identity/account/signin?returnUrl=${this.returnUrl}` : '/identity/account/signin';
+    },
   },
   watch: {
     capturePassword() {

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" action="/identity/account/signup" method="post" @submit="validate">
+          <form id="signup" :action="actionUrl" method="post" @submit="validate">
             <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
             <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
             <input
@@ -225,6 +225,11 @@ export default {
       required: false,
       default: undefined,
     },
+    returnUrl: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {
@@ -248,12 +253,19 @@ export default {
       return url;
     },
     getRedirectToRecommendedActionUrl() {
+      if (typeof window === 'undefined') {
+        return null;
+      }
+
       const url = new URL(`https://${window.location.host}${this.recommendedActionLink}`);
       if (this.aUserName) {
         url.searchParams.append('email', this.aUserName);
       }
       return url?.toString();
     },
+    actionUrl() {
+      return this.returnUrl ? `/identity/account/signup?returnUrl=${this.returnUrl}` : '/identity/account/signup';
+    },
   },
   methods: {
     validate(e) {