@designcrowd/fe-shared-lib 1.3.3-ML-signin-fixes → 1.3.4-ML-signin-fixes-2

package/.storybook/preview.js

@@ -1,4 +1,41 @@
 import { withThemeByClassName } from '@storybook/addon-themes';
+import { setSharedLibLocaleAsync } from '../src/useSharedLibTranslate';
+
+setSharedLibLocaleAsync('en-US');
+
+const LOCALES = {
+  'en-US': '🇺🇸 English (US)',
+  'fr-FR': '🇫🇷 Français (France)',
+  'es-ES': '🇪🇸 Español (Spain)',
+  'pt-PT': '🇵🇹 Português (Portugal)',
+  'de-DE': '🇩🇪 Deutsch (Germany)',
+  'fr-CA': '🇨🇦 Français (Canada)',
+  'pt-BR': '🇧🇷 Português (Brazil)',
+};
+
+const globalLocaleLoader = async (context) => {
+  const locale = context.globals.locale || 'en-US';
+  await setSharedLibLocaleAsync(locale);
+  return { locale };
+};
+
+
+export const globalTypes = {
+  locale: {
+    name: 'Locale',
+    description: 'Internationalization locale',
+    defaultValue: 'en-US',
+    toolbar: {
+      icon: 'globe',
+      items: Object.entries(LOCALES).map(([key, value]) => ({
+        value: key,
+        title: value,
+      })),
+      showName: true,
+      dynamicTitle: true,
+    },
+  },
+};
 
 export const decorators = [
   withThemeByClassName({
@@ -12,3 +49,5 @@ export const decorators = [
     defaultTheme: 'brandCrowd',
   }),
 ];
+
+export const loaders = [globalLocaleLoader];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.3.3-ML-signin-fixes",
+  "version": "1.3.4-ML-signin-fixes-2",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

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

@@ -63,7 +63,6 @@
                 <input
                   v-model="aUserName"
                   name="userName"
-                  type="email"
                   data-test-email-input
                   aria-required="true"
                   :aria-invalid="!!userNameError"

package/src/experiences/components/UploadYourLogoDropzone/UploadYourLogoDropzone.stories.js

@@ -56,3 +56,4 @@ export const SampleSearchbar = () => {
     `,
   };
 };
+

package/src/experiences/components/UploadYourLogoDropzone/UploadYourLogoDropzone.vue

@@ -101,7 +101,6 @@ import { uploadYourLogoTr } from '../../../useSharedLibTranslate';
 const ACCEPTED_MIME_TYPES = ['image/jpeg', 'image/png', 'image/svg+xml', 'application/postscript'];
 
 const ACCEPTED_FILE_EXTENSIONS = ['jpg', 'jpeg', 'png', 'svg', 'eps'];
-const UNSUPPORTED_FILE_ERROR_MSG = () => uploadYourLogoTr(`wrongUploadType`);
 
 export default {
   components: {
@@ -161,24 +160,19 @@ export default {
       uploadYourLogoTr,
     };
   },
-  data() {
-    const self = this;
+  computed: {
+    options() {
+      const self = this;
+      const errorMessage = uploadYourLogoTr('wrongUploadType');
 
-    return {
-      options: {
+      return {
         url: '#',
         autoProcessQueue: false,
         maxFiles: 1,
         uploadMultiple: false,
         acceptedFiles: ACCEPTED_MIME_TYPES.join(','),
+        dictInvalidFileType: errorMessage,
         accept(file) {
-          const extension = file.name.split('.').pop().toLowerCase();
-
-          if (ACCEPTED_FILE_EXTENSIONS.indexOf(extension) < 0) {
-            self.displayError(UNSUPPORTED_FILE_ERROR_MSG());
-            return;
-          }
-
           const reader = new FileReader();
           const dropzone = this;
 
@@ -200,8 +194,11 @@ export default {
             }
           });
         },
-      },
-    };
+      };
+    }
+  },
+  data() {
+    return {};
   },
   mounted() {
     if (window) {