@designcrowd/fe-shared-lib 1.5.24-upgradepkg → 1.5.24

package/.storybook/main.ts

@@ -1,7 +1,6 @@
 import { mergeConfig } from 'vite';
-import type { StorybookConfig } from '@storybook/vue3-vite';
 
-const config: StorybookConfig = {
+module.exports = {
   stories: ['../src/**/components/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-a11y',
@@ -21,7 +20,7 @@ const config: StorybookConfig = {
   docs: {
     autodocs: true,
   },
-  async viteFinal(config) {
+  async viteFinal(config, options) {
     const configExtension = {
       optimizeDeps: {
         include: ['deepmerge'],
@@ -35,5 +34,3 @@ const config: StorybookConfig = {
     return mergeConfig(config, configExtension);
   },
 };
-
-export default config;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.24-upgradepkg",
+  "version": "1.5.24",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
-    "storybook": "export NODE_ENV=development && npm run storybook:css && npm run storybook:themes && storybook dev -p 6006",
+    "storybook": "export NODE_ENV=development && npm run storybook:css && npm run storybook:themes && storybook dev -p 6006 public",
     "build:css": "node ./tailwind.build.js",
     "build:storybook": "mkdir -p public && mkdir -p public/css && npm run storybook:css && storybook build -c .storybook -o .storybook-static && cp -R ./public/css .storybook-static/",
     "bundle-translation": "node ./src/bundleTranslation.js",
@@ -20,62 +20,63 @@
   },
   "dependencies": {
     "@nuxtjs/i18n": "9.5.4",
-    "autoprefixer": "10.4.24",
-    "axios": "1.13.4",
+    "autoprefixer": "10.4.17",
+    "axios": "1.6.7",
     "click-outside-vue3": "4.0.1",
-    "core-js": "3.48.0",
+    "core-js": "3.35.1",
     "cropperjs": "1.6.1",
     "dropzone-vue3": "1.0.2",
-    "fs-extra": "11.3.3",
-    "i18next": "25.8.0",
+    "fs-extra": "11.2.0",
+    "i18next": "25.2.1",
     "lodash.throttle": "4.1.1",
-    "postcss-loader": "8.2.0",
+    "postcss-loader": "8.1.0",
     "swiper": "11.0.6",
     "tailwindcss": "3.4.1",
-    "vite": "^7.3.1",
-    "vite-plugin-vue-devtools": "^7.7.2",
-    "vue": "^3.5.26",
-    "vue-color": "3.3.3",
+    "vite": "6.3.5",
+    "vite-plugin-eslint": "1.8.1",
+    "vite-plugin-vue-devtools": "7.7.0",
+    "vue": "3.5.15",
+    "vue-color": "3.0.2",
     "vue-cropperjs": "5.0.0",
     "vue-observe-visibility": "1.0.0",
     "vue-router": "4.5.0",
     "yargs": "17.7.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "10.2.3",
-    "@storybook/addon-links": "10.2.3",
-    "@storybook/addon-themes": "10.2.3",
-    "@storybook/vue3": "10.2.3",
-    "@storybook/vue3-vite": "10.2.3",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vue/cli-plugin-eslint": "5.0.9",
-    "@vue/cli-service": "5.0.9",
+    "@storybook/addon-a11y": "9.0.4",
+    "@storybook/addon-links": "9.0.4",
+    "@storybook/addon-themes": "9.0.4",
+    "@storybook/vue3": "9.0.4",
+    "@storybook/vue3-vite": "9.0.4",
+    "@vitejs/plugin-vue": "5.2.4",
+    "@vue/cli-plugin-eslint": "5.0.8",
+    "@vue/cli-service": "5.0.8",
     "@vue/eslint-config-airbnb": "8.0.0",
     "@vue/eslint-config-prettier": "9.0.0",
     "@vue/eslint-config-typescript": "12.0.0",
-    "@vue/test-utils": "2.4.6",
+    "@vue/test-utils": "2.4.4",
     "axios-mock-adapter": "1.22.0",
     "css-loader": "6.10.0",
     "cssnano": "6.0.3",
     "eslint": "8.56.0",
-    "eslint-plugin-prettier": "5.5.5",
-    "eslint-plugin-storybook": "10.2.3",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-storybook": "0.8.0",
     "eslint-plugin-vue": "9.21.1",
-    "husky": "9.1.7",
+    "husky": "9.0.10",
     "lint-staged": "15.2.1",
-    "nodemon": "3.1.11",
+    "nodemon": "3.0.3",
     "npm-run-all": "4.1.5",
-    "postcss": "8.5.6",
-    "postcss-cli": "11.0.1",
-    "postcss-import": "16.1.1",
+    "postcss": "8.4.33",
+    "postcss-cli": "11.0.0",
+    "postcss-import": "16.0.0",
     "postcss-nested": "6.0.1",
-    "prettier": "3.8.1",
-    "storybook": "10.2.3",
+    "prettier": "3.2.4",
+    "storybook": "9.0.4",
     "stylelint": "16.2.1",
     "stylelint-config-standard": "36.0.0",
     "tailwindcss": "3.4.1",
-    "ts-loader": "9.5.4",
-    "typescript": "5.9.3",
+    "ts-loader": "9.5.1",
+    "typescript": "5.3.3",
     "vue-style-loader": "4.1.3",
     "yargs": "17.7.2"
   },
@@ -107,5 +108,8 @@
     "./src/*.js": {
       "import": "./src/*.js"
     }
+  },
+  "overrides": {
+    "storybook": "$storybook"
   }
 }

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

@@ -52,9 +52,12 @@
           >
             {{ title }}
           </h2>
-          <p v-if="description" class="tw-text-center tw-mb-6 tw-text-grayscale-600 tw-mt-0">
+          <p v-if="description && !resetPasswordDescription" class="tw-text-center tw-mb-6 tw-text-grayscale-600 tw-mt-0">
             {{ description }}
           </p>
+          <p v-if="resetPasswordDescription" class="tw-text-center tw-mb-6 tw-font-semibold tw-text-info-500 tw-mt-0">
+            {{ resetPasswordDescription }}
+          </p>
           <div class="tw-flex tw-flex-col">
             <div>
               <form id="signin" :action="getSignInAction" method="post" @submit="validate">
@@ -92,12 +95,13 @@
                 <p v-if="capturePassword && !!passwordError" class="tw-text-error-500 tw-text-sm tw-text-left tw-mb-4">
                   {{ passwordError }}
                 </p>
-                <p v-if="capturePassword" class="tw-w-full tw-text-left tw-mb-4">
+                <p v-if="capturePassword || resetPasswordDescription" class="tw-w-full tw-text-left tw-mb-4">
                   <a class="tw-text-info-500 tw-cursor-pointer hover:tw-underline" @click="forgotPasswordClick()">
                     {{ forgotPasswordLabel }}
                   </a>
                 </p>
                 <SubmissionButton
+                  v-if="!resetPasswordDescription"
                   data-test-login-button
                   variant="primary"
                   size="medium"
@@ -254,9 +258,12 @@ export default {
     },
     capturePassword: {
       type: Boolean,
-      required: false,
       default: true,
     },
+    resetPasswordDescription: {
+      type: String,
+      default: undefined,
+    },
     emailLoading: {
       type: Boolean,
       required: false,

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

@@ -228,7 +228,7 @@ export default {
       }
 
       const url = new URL(`https://${window.location.host}${this.recommendedActionLink}`);
-      if (this.aUserName) {
+      if (this.aUserName && !url.searchParams.has('email')) {
         url.searchParams.append('email', this.aUserName);
       }
       return url?.toString();

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue

@@ -36,7 +36,7 @@
           </div>
         </div>
       </div>
-      <div class="bottom-bar tw-mt-2 tw-border-grayscale-300">
+      <div class="bottom-bar tw-mt-2">
         <div
           class="bottom-bar tw-mt-6 tw-bg-grayscale-200 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2"
         >
@@ -190,7 +190,7 @@ const onUpgradeClick = () => {
 </script>
 <style scoped>
 .bottom-bar {
-  @apply tw-absolute tw-p-4 tw-bottom-0 tw-left-0 tw-w-full tw-border-t md:tw-p-0 md:tw-relative md:tw-border-none;
+  @apply tw-absolute tw-p-4 tw-bottom-0 tw-left-0 tw-w-full tw-border-t tw-border-grayscale-300 md:tw-p-0 md:tw-relative md:tw-border-none;
 }
 .button-size {
   @apply tw-w-full md:tw-max-w-40;

package/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import eslint from 'vite-plugin-eslint';
 import vueDevTools from 'vite-plugin-vue-devtools';
 import path from 'path';
 
@@ -22,6 +23,9 @@ export default defineConfig({
   },
   plugins: [
     vue(),
+    eslint({
+      include: ['./src/client/**/*.[js|ts|vue]'],
+    }),
     process.env.NODE_ENV === 'development' ? vueDevTools() : false,
   ],
   resolve: {

package/.claude/settings.local.json

@@ -1,53 +0,0 @@
-{
-    "env": {
-    "CLAUDE_CODE_USE_BEDROCK": "1",
-    "AWS_PROFILE": "default",
-    "AWS_REGION": "us-east-1",
-    "ANTHROPIC_MODEL": "global.anthropic.claude-opus-4-5-20251101-v1:0",
-    "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "20000",
-    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
-  },
-  "permissions": {
-    "allow": [
-      "Bash(npm outdated:*)",
-      "Bash(npm install:*)",
-      "Bash(npx npm-check-updates)",
-      "Bash(npm audit:*)",
-      "Skill(superpowers:writing-plans)",
-      "Bash(cat:*)",
-      "Bash(mkdir:*)",
-      "Skill(superpowers:subagent-driven-development)",
-      "Bash(echo:*)",
-      "Bash(ping:*)",
-      "Bash(docker system:*)",
-      "Bash(docker buildx du:*)",
-      "Bash(npm view:*)",
-      "Bash(~/.npmrc)",
-      "Bash(npm run bundle-translation:*)",
-      "mcp__plugin_context7_context7__resolve-library-id",
-      "Bash(node:*)",
-      "Bash(npm:*)",
-      "Bash(find:*)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib log --oneline --all)",
-      "Bash(wc:*)",
-      "mcp__plugin_context7_context7__query-docs",
-      "Skill(superpowers:test-driven-development)",
-      "Bash(git rev-parse:*)",
-      "Bash(npx tsc:*)",
-      "Bash(git add:*)",
-      "Bash(git commit:*)",
-      "Skill(superpowers:using-superpowers)",
-      "WebSearch",
-      "Bash(git checkout:*)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib status)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib diff package.json)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib log --oneline -5)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib diff vite.config.ts)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib add package.json package-lock.json vite.config.ts)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib commit -m \"$\\(cat <<''EOF''\nchore: upgrade vite 6→7, vue 3.5.15→3.5.26, storybook 9→10\n\n- Update vite to ^7.3.1\n- Update @vitejs/plugin-vue to ^6.0.3 \\(required for Vite 7\\)\n- Update vite-plugin-vue-devtools to ^7.7.2\n- Update vue to ^3.5.26\n- Remove vite-plugin-eslint \\(unmaintained, incompatible with Vite 7\\)\n- Update storybook to 10.2.1 \\(required for Vite 7 compatibility\\)\n- Update @storybook/vue3, @storybook/vue3-vite to 10.2.1\n- Update @storybook/addon-a11y, @storybook/addon-links, @storybook/addon-themes to 10.2.1\n- Update eslint-plugin-storybook to 10.2.1 \\(required for Storybook 10\\)\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib log --oneline -3)",
-      "Bash(git show:*)",
-      "Bash(git stash:*)"
-    ]
-  }
-}

package/.storybook-static/assets/Auth-DT64t5h-.css

@@ -1 +0,0 @@
-.email-input[data-v-777ace40]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-777ace40]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-777ace40]{padding-left:2.5rem!important}.email-input[data-v-91cb4060]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-91cb4060]{padding-left:2.5rem!important}.password-input[data-v-524c1521]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-524c1521]{padding-left:2.5rem!important}