@designcrowd/fe-shared-lib 1.3.3-ML-648-4 → 1.3.3-byologo-error-localization

package/.claude/settings.local.json

@@ -0,0 +1,96 @@
+{
+  "env": {
+    "CLAUDE_CODE_USE_BEDROCK": "1",
+    "AWS_PROFILE": "default",
+    "AWS_REGION": "us-east-1",
+    "ANTHROPIC_MODEL": "us.anthropic.claude-sonnet-4-20250514-v1:0",
+    "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "10000",
+    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
+  },
+  "permissions": {
+    "allow": [
+      "Bash(find:*)",
+      "Bash(cat:*)",
+      "mcp__seqthinking__sequentialthinking",
+      "Bash(grep:*)",
+      "Bash(sed:*)",
+      "Bash(dotnet run:*)",
+      "Bash(rm:*)",
+      "Bash(jq:*)",
+      "mcp__context7__sequentialthinking",
+      "Bash(ls:*)",
+      "Bash(/home/zknowles/ClaudeTools/src/Tools.Claude.MetaTranslations/bin/Debug/net8.0/Tools.Claude.MetaTranslations \"/home/zknowles/BrandCrowd.Net/BrandCrowd.Nuxt/src/server/pages/[maker]/home/i18n\")",
+      "Bash(chmod:*)",
+      "Bash(node:*)",
+      "Bash(git checkout:*)",
+      "Bash(python3:*)",
+      "Bash(git restore:*)",
+      "Bash(git merge:*)",
+      "Bash(git add:*)",
+      "Bash(npm install:*)",
+      "Bash(npm uninstall:*)",
+      "Bash(npm run lint)",
+      "Bash(mkdir:*)",
+      "Bash(curl:*)",
+      "Bash(pkill:*)",
+      "Bash(git stash:*)",
+      "Bash(timeout 30s npm run watch:dcom)",
+      "Bash(timeout 60s npm run watch:dcom:runtime)",
+      "Bash(npm run watch:dcom:runtime:*)",
+      "Bash(npm test:*)",
+      "Bash(mv:*)",
+      "Bash(dotnet test:*)",
+      "Bash(dotnet build:*)",
+      "Bash(git revert:*)",
+      "mcp__read-website-fast__read_website",
+      "Bash(rg:*)",
+      "Bash(cp:*)",
+      "Bash(npm run test:unit:*)",
+      "Bash(npm run:*)",
+      "Bash(npx vue-tsc:*)",
+      "Bash(git reset:*)",
+      "Bash(git fsck:*)",
+      "Bash(git fetch:*)",
+      "WebFetch(domain:github.com)",
+      "WebFetch(domain:www.anthropic.com)",
+      "WebFetch(domain:arxiv.org)",
+      "WebFetch(domain:www.reddit.com)",
+      "WebFetch(domain:docs.anthropic.com)",
+      "Bash(mount)",
+      "Bash(echo $WSLENV)",
+      "Bash(echo $WSL_DISTRO_NAME)",
+      "Bash(echo $UV_THREADPOOL_SIZE)",
+      "Bash(env)",
+      "Bash(npm --version)",
+      "Bash(echo $NODE_ENV)",
+      "Bash(echo $NUXT_IS_PRODUCTION)",
+      "Bash(npm config:*)",
+      "Bash(echo $PWD)",
+      "Bash(echo $HOME)",
+      "Bash(pnpm:*)",
+      "Bash(yarn --version)",
+      "Bash(echo:*)",
+      "Bash(echo $CHROME_FLAGS)",
+      "Bash(git config:*)",
+      "Bash(echo $NODE_OPTIONS)",
+      "Bash(npx vite-bundle-analyzer:*)",
+      "Bash(source ~/.bashrc)",
+      "Bash(sysctl:*)",
+      "Bash(ss:*)",
+      "mcp__ide__getDiagnostics",
+      "Bash(timeout 10s npm run watch:ultra)",
+      "Bash(timeout 5s npm run watch:ultra)",
+      "Bash(gh pr view:*)",
+      "Bash(touch:*)",
+      "Bash(npx ts-node:*)",
+      "Bash(npx tsc:*)",
+      "Bash(docker:*)",
+      "Bash(sqlcmd:*)",
+      "Bash(code --version)",
+      "Bash(aws:*)",
+      "Bash(code:*)",
+      "Bash(export PATH=\"$PATH:/opt/mssql-tools18/bin\")"
+    ],
+    "deny": []
+  }
+}

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/.storybook/test.md

@@ -0,0 +1,3 @@
+![alt text](image.png)
+![alt text](image-1.png)
+![alt text](image-2.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.3.3-ML-648-4",
+  "version": "1.3.3-byologo-error-localization",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

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

@@ -150,7 +150,7 @@ export default {
     getRedirectToSignInUrl() {
       const url = new URL(`https://${window.location.host}${this.signInUrl}`);
       if (this.aEmail) {
-        url.searchParams.set('initialUserName', this.aEmail);
+        url.searchParams.append('initialUserName', this.aEmail);
       }
       return url;
     },

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

@@ -1,13 +1,13 @@
 <template>
   <div :class="{ 'tw-mx-2 sm:tw-mx-8': !isModal }">
-    <div v-if="helloBar" class="tw-text-left tw-mt-2 tw-mb-2">
+    <div v-if="helloBar" class="tw-text-left tw-mt-8">
       <HelloBar :label="helloBar.label" :description="helloBar.description" :variant="helloBar.variant">
         <template #cta>
           <Button
             v-if="recommendedActionLink"
             variant="secondary"
             size="small"
-            :label="resetPasswordButtonLabel"
+            label="RESET PASSWORD"
             class="tw-hidden sm:tw-inline"
             :url="getRedirectToRecommendedActionUrl"
           />
@@ -15,7 +15,7 @@
             v-if="recommendedActionLink"
             variant="secondary"
             size="medium"
-            :label="resetPasswordButtonLabel"
+            label="RESET PASSWORD"
             :full-width="true"
             class="sm:tw-hidden tw-mt-2"
             :url="getRedirectToRecommendedActionUrl"
@@ -327,7 +327,6 @@ export default {
       emailPlaceholderLabel: this.signInContent.emailPlaceholderLabel ?? 'Email Address',
       passwordPlaceholderLabel: this.signInContent.passwordPlaceholderLabel ?? 'Password',
       forgotPasswordLabel: this.signInContent.forgotPasswordLabel ?? 'Forgot Password?',
-      resetPasswordButtonLabel: this.signInContent.resetPasswordButtonLabel ?? 'RESET PASSWORD',
       orLabel: this.signInContent.orLabel ?? 'or',
       signUpLabel: this.signInContent.signUpLabel ?? 'Sign Up',
     };
@@ -396,10 +395,8 @@ export default {
       this.clearErrorMessages();
     },
     initialUserName(newValue) {
-      if (newValue && newValue !== this.aUserName) {
-        this.aUserName = newValue;
-      }
-    }
+      this.aUserName = newValue;
+    },
   },
   methods: {
     validate(e) {

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) {

package/src/themes/french.js

@@ -0,0 +1,12 @@
+/*
+  Theme: French Locale (based on BrandCrowd)
+  This theme is identical to BrandCrowd but forces French locale for translations
+*/
+
+const bcTheme = require("./bc");
+const _ = require("lodash");
+
+module.exports = _.merge({}, bcTheme, {
+  // Inherit all BrandCrowd styling but add locale identifier
+  locale: "fr-FR",
+});

package/src/themes/themes.js

@@ -3,6 +3,7 @@ const bpTheme = require("./src/themes/bp");
 const dcTheme = require("./src/themes/dc");
 const cdTheme = require("./src/themes/cd");
 const dcomTheme = require("./src/themes/dcom");
+const frenchTheme = require("./src/themes/french");
 const viewports = require("./src/viewports");
 
 module.exports = {
@@ -12,6 +13,7 @@ module.exports = {
     crazyDomains: cdTheme,
     designCrowd: dcTheme,
     designCom: dcomTheme,
+    french: frenchTheme,
   },
   viewports,
 };