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

package/package.json

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

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

@@ -5,14 +5,14 @@
       <Button
         variant="secondary"
         size="small"
-        label="RESEND EMAIL"
+        :label="resendPasswordEmailLabel"
         class="tw-hidden sm:tw-inline tw-absolute tw-right-2 md:tw-right-6 tw-top-1/2 tw-transform tw--translate-y-1/2"
         @on-click="submitForgotPasswordForm"
       />
       <Button
         variant="secondary"
         size="medium"
-        label="RESEND EMAIL"
+        :label="resendPasswordEmailLabel"
         :full-width="true"
         class="sm:tw-hidden tw-mt-2"
         @on-click="submitForgotPasswordForm"
@@ -53,7 +53,7 @@
             <SubmissionButton
               variant="primary"
               size="medium"
-              label="RESET PASSWORD"
+              :label="resetPasswordLabel"
               label-size="larger"
               :is-loading="isLoading"
               :disabled="isLoading"
@@ -64,8 +64,8 @@
         <p
           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"
         >
-          It's ok, I remembered my password
-          <button class="tw-text-info-500 tw-cursor-pointer" @click="goBackToLoginClick()">Go back to login</button>
+          {{ rememberedPasswordLabel }}
+          <button class="tw-text-info-500 tw-cursor-pointer" @click="goBackToLoginClick()">{{ goBackToLoginLabel }}</button>
         </p>
       </div>
     </div>
@@ -124,12 +124,21 @@ export default {
       required: false,
       default: undefined,
     },
+    forgotPasswordContent: {
+      type: Object,
+      required: false,
+      default: () => {},
+    },
   },
   data() {
     return {
       isLoading: false,
       aEmail: this.email,
       emailError: undefined,
+      resendPasswordEmailLabel: this.forgotPasswordContent.resendPasswordEmailLabel ?? 'RESEND EMAIL',
+      resetPasswordLabel: this.forgotPasswordContent.resetPasswordLabel ?? 'RESET PASSWORD',
+      rememberedPasswordLabel: this.forgotPasswordContent.rememberedPasswordLabel ?? 'It\'s ok, I remembered my password',
+      goBackToLoginLabel: this.forgotPasswordContent.goBackToLoginLabel ?? 'Go back to login',
     };
   },
   computed: {

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

@@ -10,6 +10,7 @@
           :form-background-class="formBackgroundClass"
           :anti-forgery-token="antiForgeryToken"
           :hello-bar="helloBar"
+          :forgot-password-content="forgotPasswordContent"
         />
       </template>
     </AuthModal>
@@ -57,6 +58,11 @@ export default {
       required: false,
       default: undefined,
     },
+    forgotPasswordContent: {
+      type: Object,
+      required: false,
+      default: () => {},
+    },
   },
 };
 </script>

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

@@ -322,7 +322,7 @@ export default {
       forgotPasswordLabel: this.signInContent.forgotPasswordLabel ?? 'Forgot Password?',
       orLabel: this.signInContent.orLabel ?? 'or',
       signUpLabel: this.signInContent.signUpLabel ?? 'Sign Up',
-    },
+    };
   },
   computed: {
     isLoading() {