@designcrowd/library.brand-page 6.2.8 → 6.2.10

package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts

@@ -23,6 +23,7 @@ import {
   getAbTestResults,
   type AbTest,
   type LogoContent,
+  type SensitiveContent,
 } from '@brand-page';
 import { isLogoContent } from '@brand-page/utils';
 import { useUiEditableLogoStore } from '@shared/logo-settings/store';
@@ -1336,7 +1337,17 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       }
     },
 
-    async updateBrandPageSettings({ description, title }) {
+    async updateBrandPageSettings(payload: {
+      description: string;
+      title: string;
+    }): Promise<void> {
+      if (
+        !this.designDraftToken &&
+        !(await this.saveSiteBeforeFirstSettingsWrite())
+      ) {
+        return;
+      }
+
       const brandPageMakerStore = useBrandPageMakerStore();
 
       try {
@@ -1346,8 +1357,8 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
           brandPageMakerStore.brandPageType,
           this.designDraftToken,
           {
-            pageDescription: description,
-            pageTitle: title,
+            pageDescription: payload.description,
+            pageTitle: payload.title,
             metaKeywords: [],
           },
         );
@@ -1377,7 +1388,16 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       }
     },
 
-    async updateSensitiveContent({ sensitiveContent }) {
+    async updateSensitiveContent(payload: {
+      sensitiveContent: SensitiveContent;
+    }): Promise<void> {
+      if (
+        !this.designDraftToken &&
+        !(await this.saveSiteBeforeFirstSettingsWrite())
+      ) {
+        return;
+      }
+
       const brandPageMakerStore = useBrandPageMakerStore();
 
       try {
@@ -1387,7 +1407,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
           brandPageMakerStore.brandPageType,
           this.designDraftToken,
           {
-            sensitiveContentType: sensitiveContent,
+            sensitiveContentType: payload.sensitiveContent,
           },
         );
 
@@ -1416,6 +1436,64 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       }
     },
 
+    // Pre-purchase drafts are saved by the host, never the maker — save-publish.md.
+    async saveSiteBeforeFirstSettingsWrite(): Promise<boolean> {
+      if (this.isAdminMaker) {
+        return false;
+      }
+
+      const brandPageMakerStore = useBrandPageMakerStore();
+
+      if (this.isPrePurchase) {
+        window.dispatchEvent(new Event('SAVE_PROGRESS_CLICKED'));
+
+        // The host's saveDesign sets isSaving synchronously on the dispatch; if it
+        // didn't, no listener is wired and the click would otherwise go silent.
+        if (!this.isSaving) {
+          await brandPageMakerStore.enqueueErrorMessage();
+          await brandPageMakerStore.showNextNotificationMessage();
+        }
+
+        return false;
+      }
+
+      if (this.isSaving || this.isPublishing) {
+        await brandPageMakerStore.enqueueErrorMessage();
+        await brandPageMakerStore.showNextNotificationMessage();
+
+        return false;
+      }
+
+      this.setIsPublishing({ isPublishing: true });
+
+      // saveBrandPage enqueues its own error on a throw but not on an empty response.
+      const messagesBeforeSave = [
+        ...brandPageMakerStore.notificationMessageQueue,
+      ];
+      const result = await this.saveBrandPage({ saveOnly: true });
+
+      if (!result || !result.saved) {
+        const hasErrorQueued =
+          brandPageMakerStore.notificationMessageQueue.some(
+            (message) =>
+              message.type === 'error' && !messagesBeforeSave.includes(message),
+          );
+
+        if (!hasErrorQueued) {
+          await brandPageMakerStore.enqueueErrorMessage();
+        }
+
+        this.setIsPublishing({ isPublishing: false });
+        await brandPageMakerStore.showNextNotificationMessage();
+
+        return false;
+      }
+
+      this.setTriggerSaveSuccessMessage({ triggerSaveSuccessMessage: false });
+
+      return true;
+    },
+
     async createBrandPageCustomDomain({ domainName }) {
       const brandPageMakerStore = useBrandPageMakerStore();
 

package/src/bundles/bundled-translations.de-DE.json

@@ -1332,7 +1332,13 @@
     "newColor": "Neue Farbe",
     "defaultColors": "Standardfarben",
     "gradientColors": "Verlaufsfarben",
-    "selectThisColor": "Diese Farbe auswählen"
+    "selectThisColor": "Diese Farbe auswählen",
+    "colorModeSolid": "Volltonfarbe",
+    "colorModeGradient": "Farbverlauf",
+    "gradientTypeLinear": "Linear",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Linearer Farbverlauf",
+    "gradientTypeRadialTitle": "Radialer Farbverlauf"
   },
   "common": {
     "desktop": "Desktop",

package/src/bundles/bundled-translations.es-ES.json

@@ -1332,7 +1332,13 @@
     "newColor": "Nuevo color",
     "defaultColors": "Colores predeterminados",
     "gradientColors": "Colores en degradado",
-    "selectThisColor": "Selecciona este color"
+    "selectThisColor": "Selecciona este color",
+    "colorModeSolid": "Color sólido",
+    "colorModeGradient": "Degradado",
+    "gradientTypeLinear": "Lineal",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Degradado lineal",
+    "gradientTypeRadialTitle": "Degradado radial"
   },
   "common": {
     "desktop": "ESCRITORIO",

package/src/bundles/bundled-translations.fr-CA.json

@@ -1332,7 +1332,13 @@
     "newColor": "Nouvelle couleur",
     "defaultColors": "Couleurs par défaut",
     "gradientColors": "Dégradés de couleurs",
-    "selectThisColor": "Sélectionner cette couleur"
+    "selectThisColor": "Sélectionner cette couleur",
+    "colorModeSolid": "Couleur unie",
+    "colorModeGradient": "Dégradé",
+    "gradientTypeLinear": "Linéaire",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Dégradé linéaire",
+    "gradientTypeRadialTitle": "Dégradé radial"
   },
   "common": {
     "desktop": "Ordinateur",

package/src/bundles/bundled-translations.fr-FR.json

@@ -1332,7 +1332,13 @@
     "newColor": "Nouvelle couleur",
     "defaultColors": "Couleurs par défaut",
     "gradientColors": "Dégradés de couleurs",
-    "selectThisColor": "Sélectionner cette couleur"
+    "selectThisColor": "Sélectionner cette couleur",
+    "colorModeSolid": "Couleur unie",
+    "colorModeGradient": "Dégradé",
+    "gradientTypeLinear": "Linéaire",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Dégradé linéaire",
+    "gradientTypeRadialTitle": "Dégradé radial"
   },
   "common": {
     "desktop": "Ordinateur",

package/src/bundles/bundled-translations.json

@@ -1332,7 +1332,13 @@
     "newColor": "New Color",
     "defaultColors": "Default Colors",
     "gradientColors": "Gradient Colors",
-    "selectThisColor": "Select this color"
+    "selectThisColor": "Select this color",
+    "colorModeSolid": "Solid Color",
+    "colorModeGradient": "Gradient Color",
+    "gradientTypeLinear": "Linear",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Linear Gradient Color",
+    "gradientTypeRadialTitle": "Radial Gradient Color"
   },
   "common": {
     "desktop": "desktop",

package/src/bundles/bundled-translations.pt-BR.json

@@ -1332,7 +1332,13 @@
     "newColor": "Nova cor",
     "defaultColors": "Cores padrão",
     "gradientColors": "Gradientes de cores",
-    "selectThisColor": "Selecione esta cor"
+    "selectThisColor": "Selecione esta cor",
+    "colorModeSolid": "Cor sólida",
+    "colorModeGradient": "Gradiente",
+    "gradientTypeLinear": "Linear",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Gradiente linear",
+    "gradientTypeRadialTitle": "Gradiente radial"
   },
   "common": {
     "desktop": "área de trabalho",

package/src/bundles/bundled-translations.pt-PT.json

@@ -1332,7 +1332,13 @@
     "newColor": "Nova cor",
     "defaultColors": "Cores padrão",
     "gradientColors": "Gradientes de cores",
-    "selectThisColor": "Selecione esta cor"
+    "selectThisColor": "Selecione esta cor",
+    "colorModeSolid": "Cor sólida",
+    "colorModeGradient": "Gradiente",
+    "gradientTypeLinear": "Linear",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Gradiente linear",
+    "gradientTypeRadialTitle": "Gradiente radial"
   },
   "common": {
     "desktop": "computador",

package/src/shared/color-picker/components/i18n/color-picker.de-DE.json

@@ -3,6 +3,13 @@
     "newColor" : "Neue Farbe",
     "defaultColors" : "Standardfarben",
     "gradientColors" : "Verlaufsfarben",
-    "selectThisColor" : "Diese Farbe auswählen"
+    "selectThisColor" : "Diese Farbe auswählen",
+
+    "colorModeSolid" : "Volltonfarbe",
+    "colorModeGradient" : "Farbverlauf",
+    "gradientTypeLinear" : "Linear",
+    "gradientTypeRadial" : "Radial",
+    "gradientTypeLinearTitle" : "Linearer Farbverlauf",
+    "gradientTypeRadialTitle" : "Radialer Farbverlauf"
   }
 }

package/src/shared/color-picker/components/i18n/color-picker.es-ES.json

@@ -3,6 +3,13 @@
     "newColor" : "Nuevo color",
     "defaultColors" : "Colores predeterminados",
     "gradientColors" : "Colores en degradado",
-    "selectThisColor" : "Selecciona este color"
+    "selectThisColor" : "Selecciona este color",
+
+    "colorModeSolid" : "Color sólido",
+    "colorModeGradient" : "Degradado",
+    "gradientTypeLinear" : "Lineal",
+    "gradientTypeRadial" : "Radial",
+    "gradientTypeLinearTitle" : "Degradado lineal",
+    "gradientTypeRadialTitle" : "Degradado radial"
   }
 }

package/src/shared/color-picker/components/i18n/color-picker.fr-CA.json

@@ -3,6 +3,13 @@
     "newColor" : "Nouvelle couleur",
     "defaultColors" : "Couleurs par défaut",
     "gradientColors" : "Dégradés de couleurs",
-    "selectThisColor" : "Sélectionner cette couleur"
+    "selectThisColor" : "Sélectionner cette couleur",
+
+    "colorModeSolid" : "Couleur unie",
+    "colorModeGradient" : "Dégradé",
+    "gradientTypeLinear" : "Linéaire",
+    "gradientTypeRadial" : "Radial",
+    "gradientTypeLinearTitle" : "Dégradé linéaire",
+    "gradientTypeRadialTitle" : "Dégradé radial"
   }
 }

package/src/shared/color-picker/components/i18n/color-picker.fr-FR.json

@@ -3,6 +3,13 @@
     "newColor" : "Nouvelle couleur",
     "defaultColors" : "Couleurs par défaut",
     "gradientColors" : "Dégradés de couleurs",
-    "selectThisColor" : "Sélectionner cette couleur"
+    "selectThisColor" : "Sélectionner cette couleur",
+
+    "colorModeSolid" : "Couleur unie",
+    "colorModeGradient" : "Dégradé",
+    "gradientTypeLinear" : "Linéaire",
+    "gradientTypeRadial" : "Radial",
+    "gradientTypeLinearTitle" : "Dégradé linéaire",
+    "gradientTypeRadialTitle" : "Dégradé radial"
   }
 }

package/src/shared/color-picker/components/i18n/color-picker.json

@@ -4,6 +4,13 @@
     "defaultColors": "Default Colors",
     "gradientColors": "Gradient Colors",
 
-    "selectThisColor": "Select this color"
+    "selectThisColor": "Select this color",
+
+    "colorModeSolid": "Solid Color",
+    "colorModeGradient": "Gradient Color",
+    "gradientTypeLinear": "Linear",
+    "gradientTypeRadial": "Radial",
+    "gradientTypeLinearTitle": "Linear Gradient Color",
+    "gradientTypeRadialTitle": "Radial Gradient Color"
   }
 }

package/src/shared/color-picker/components/i18n/color-picker.pt-BR.json

@@ -3,6 +3,13 @@
     "newColor" : "Nova cor",
     "defaultColors" : "Cores padrão",
     "gradientColors" : "Gradientes de cores",
-    "selectThisColor" : "Selecione esta cor"
+    "selectThisColor" : "Selecione esta cor",
+
+    "colorModeSolid" : "Cor sólida",
+    "colorModeGradient" : "Gradiente",
+    "gradientTypeLinear" : "Linear",
+    "gradientTypeRadial" : "Radial",
+    "gradientTypeLinearTitle" : "Gradiente linear",
+    "gradientTypeRadialTitle" : "Gradiente radial"
   }
 }

package/src/shared/color-picker/components/i18n/color-picker.pt-PT.json

@@ -3,6 +3,13 @@
     "newColor" : "Nova cor",
     "defaultColors" : "Cores padrão",
     "gradientColors" : "Gradientes de cores",
-    "selectThisColor" : "Selecione esta cor"
+    "selectThisColor" : "Selecione esta cor",
+
+    "colorModeSolid" : "Cor sólida",
+    "colorModeGradient" : "Gradiente",
+    "gradientTypeLinear" : "Linear",
+    "gradientTypeRadial" : "Radial",
+    "gradientTypeLinearTitle" : "Gradiente linear",
+    "gradientTypeRadialTitle" : "Gradiente radial"
   }
 }