@designcrowd/library.brand-page 5.16.3 → 5.16.4-abtest-1

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

@@ -431,18 +431,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
           throw new Error('Failed to set brand page slug');
         }
 
-        if (response.websiteUpsellAbTestKey) {
-          this.abTests.bp_4092_rotating_upsells_at_publish = getValueType(
-            response.websiteUpsellAbTestKey,
-            response.websiteUpsellAbTestValue,
-          );
-
-          eventTracker.sendExperimentStartedEvent(
-            response.websiteUpsellAbTestKey,
-            response.websiteUpsellAbTestValue,
-          );
-        }
-
         if (response.status) {
           await this.setBrandPageStatus(response.status);
         }
@@ -583,18 +571,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             throw new Error('Failed to set brand page slug');
           }
 
-          if (response.websiteUpsellAbTestKey) {
-            this.abTests.bp_4092_rotating_upsells_at_publish = getValueType(
-              response.websiteUpsellAbTestKey,
-              response.websiteUpsellAbTestValue,
-            );
-
-            eventTracker.sendExperimentStartedEvent(
-              response.websiteUpsellAbTestKey,
-              response.websiteUpsellAbTestValue,
-            );
-          }
-
           await brandPageClient.getBrandPageIsCustomDomainEnabledAsync(
             brandPageMakerStore.brandPageType,
             this.designDraftToken,
@@ -880,18 +856,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
           return false;
         }
 
-        if (response.websiteUpsellAbTestKey) {
-          this.abTests.bp_4092_rotating_upsells_at_publish = getValueType(
-            response.websiteUpsellAbTestKey,
-            response.websiteUpsellAbTestValue,
-          );
-
-          eventTracker.sendExperimentStartedEvent(
-            response.websiteUpsellAbTestKey,
-            response.websiteUpsellAbTestValue,
-          );
-        }
-
         if (this.brandPageStatus !== response.status) {
           await this.setBrandPageStatus(response.status);
         }

package/src/brand-page-maker/stores/index.ts

@@ -11,3 +11,4 @@ export * from './event-manager';
 export * from './route';
 export * from './logo-store';
 export * from './video';
+export * from './snapshot/snapshot-store';

package/src/brand-page-maker/stores/snapshot/snapshot-store.ts

@@ -0,0 +1,31 @@
+import { defineStore } from 'pinia';
+
+export interface SnapshotState {
+  snapshotBase64: string | null;
+  isCapturing: boolean;
+}
+
+export const useSnapshotStore = defineStore('snapshot', {
+  state: (): SnapshotState => ({
+    snapshotBase64: null,
+    isCapturing: false,
+  }),
+
+  actions: {
+    setBase64Snapshot(base64: string | null) {
+      this.snapshotBase64 = base64;
+    },
+
+    setIsCapturing(isCapturing: boolean) {
+      this.isCapturing = isCapturing;
+    },
+
+    clearSnapshot() {
+      this.snapshotBase64 = null;
+    },
+  },
+
+  getters: {
+    hasSnapshot: (state) => !!state.snapshotBase64,
+  },
+});

package/src/brand-page-maker/utils/rich-text-editor.util.ts

@@ -154,6 +154,160 @@ export const hasRTEContent = (content: string): boolean => {
   return tagWrapRegex.test(trimmed);
 };
 
+export const getPlainTextFromRTE = (content: string): string => {
+  if (typeof content !== 'string') {
+    return '';
+  }
+
+  // Only strip HTML tags if the value contains HTML
+  if (hasRTEContent(content)) {
+    return content.replace(/<[^>]*>/g, '').trim();
+  }
+
+  return content.trim();
+};
+
+export const replaceTextInRTE = (
+  existingHtml: string,
+  newText: string,
+): string => {
+  if (!hasRTEContent(existingHtml)) {
+    return `<p>${newText}</p>`;
+  }
+
+  const tempDiv = document.createElement('div');
+
+  tempDiv.innerHTML = existingHtml;
+
+  const blockElement = tempDiv.querySelector(
+    'p, div, h1, h2, h3, h4, h5, h6, blockquote',
+  );
+
+  if (!blockElement) {
+    return `<p>${newText}</p>`;
+  }
+
+  // Collect all spans and their styles
+  const spans = blockElement.querySelectorAll('span');
+  const mergedStyles: Record<string, string> = {};
+
+  const hasFormatting = {
+    bold: false,
+    italic: false,
+    underline: false,
+    strikethrough: false,
+    mark: false,
+    markColor: '',
+    markStyle: '',
+  };
+
+  // Iterate through all spans to collect and merge styles
+  spans.forEach((span) => {
+    // Collect inline styles
+    if (span.style.cssText) {
+      const styleDeclarations = span.style.cssText.split(';');
+
+      styleDeclarations.forEach((declaration) => {
+        const [property, value] = declaration.split(':').map((s) => s.trim());
+
+        if (property && value) {
+          mergedStyles[property] = value; // Latest value overwrites previous
+        }
+      });
+    }
+
+    // Collect data attributes (like data-color for marks)
+    if (span.hasAttribute('data-color')) {
+      mergedStyles['data-color'] = span.getAttribute('data-color') || '';
+    }
+
+    // Check for formatting tags within this span
+    if (span.querySelector('strong, b')) hasFormatting.bold = true;
+
+    if (span.querySelector('em, i')) hasFormatting.italic = true;
+
+    if (span.querySelector('u')) hasFormatting.underline = true;
+
+    if (span.querySelector('s, strike, del'))
+      hasFormatting.strikethrough = true;
+
+    // Check for mark/highlight tags
+    const markElement = span.querySelector('mark');
+
+    if (markElement) {
+      hasFormatting.mark = true;
+
+      if (markElement.hasAttribute('data-color')) {
+        hasFormatting.markColor = markElement.getAttribute('data-color') || '';
+      }
+
+      if (markElement.style.cssText) {
+        hasFormatting.markStyle = markElement.style.cssText;
+      }
+    }
+  });
+
+  // Create the new span with merged styles
+  const newSpan = document.createElement('span');
+
+  // Apply collected inline styles
+  Object.entries(mergedStyles).forEach(([property, value]) => {
+    if (property === 'data-color') {
+      newSpan.setAttribute('data-color', value);
+    } else {
+      newSpan.style.setProperty(property, value);
+    }
+  });
+
+  // Build the formatted text with nested tags
+  let formattedText = newText;
+
+  // Apply mark/highlight if present
+  if (hasFormatting.mark) {
+    const markElement = document.createElement('mark');
+
+    if (hasFormatting.markColor) {
+      markElement.setAttribute('data-color', hasFormatting.markColor);
+    }
+
+    if (hasFormatting.markStyle) {
+      markElement.style.cssText = hasFormatting.markStyle;
+    }
+
+    markElement.textContent = formattedText;
+    formattedText = markElement.outerHTML;
+  }
+
+  // Apply underline
+  if (hasFormatting.underline) {
+    formattedText = `<u>${formattedText}</u>`;
+  }
+
+  // Apply strikethrough
+  if (hasFormatting.strikethrough) {
+    formattedText = `<s>${formattedText}</s>`;
+  }
+
+  // Apply italic
+  if (hasFormatting.italic) {
+    formattedText = `<em>${formattedText}</em>`;
+  }
+
+  // Apply bold
+  if (hasFormatting.bold) {
+    formattedText = `<strong>${formattedText}</strong>`;
+  }
+
+  // Set the formatted content to the span
+  newSpan.innerHTML = formattedText;
+
+  // Clear the block element and add the new span
+  blockElement.innerHTML = '';
+  blockElement.appendChild(newSpan);
+
+  return tempDiv.innerHTML;
+};
+
 export const transformToRTE = (
   uiPageSettingStore: PageSettingsState,
   externalEditor: Editor,

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

@@ -343,6 +343,9 @@
     "replace": "Ersetzen",
     "save": "Speichern",
     "remove": "Entfernen",
+    "copy": "Kopieren",
+    "sendButtonText": "Senden",
+    "regenerateText": "Regenerieren",
     "addShapeLabel": "Form hinzufügen",
     "addImageLabel": "Bild hinzufügen",
     "addFaviconLabel": "Favicon hinzufügen",
@@ -358,7 +361,8 @@
     "continue": "Weiter",
     "defaultSaveDescription": "Vergessen Sie nicht, Ihre Änderungen zu veröffentlichen, sobald Sie mit Ihrem Design zufrieden sind.",
     "saveSuccess": "Gespeichert!",
-    "changeTemplateConfirmationMessage": "Wenn Sie die Vorlagen ändern, gehen Ihre Änderungen verloren. Alle Ihre Inhalte werden gelöscht. Wir empfehlen Ihnen, Ihre Website vorher zu duplizieren, wenn Sie Ihre Änderungen beibehalten möchten."
+    "changeTemplateConfirmationMessage": "Wenn Sie die Vorlagen ändern, gehen Ihre Änderungen verloren. Alle Ihre Inhalte werden gelöscht. Wir empfehlen Ihnen, Ihre Website vorher zu duplizieren, wenn Sie Ihre Änderungen beibehalten möchten.",
+    "generateText": "Text generieren"
   },
   "error": {
     "maxCharacters": "Sie haben das Zeichenlimit erreicht",
@@ -592,6 +596,16 @@
     "field": "Feld",
     "required": "Erforderlich"
   },
+  "aiModal": {
+    "generateTitle": "Text mit KI generieren",
+    "generateDescription": "Der Inhalt wurde von einer KI generiert und muss möglicherweise zur Verbesserung der Genauigkeit bearbeitet werden",
+    "generatePlaceholder": "Beschreiben Sie Ihren Text.",
+    "generationStopped": "Die Textgenerierung wurde gestoppt. Starten Sie eine neue Eingabeaufforderung, um fortzufahren.",
+    "generateInputPlaceholder": "Geben Sie Ihre Eingabeaufforderung ein, um den Text zu beschreiben ...",
+    "stopGeneration": "Generierung anhalten",
+    "useText": "Text verwenden",
+    "promptTooLong": "Der Prompt darf maximal {{maxLength}} Zeichen lang sein ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Geben Sie einen Ort ein"
   },

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

@@ -343,6 +343,9 @@
     "replace": "Sustituir",
     "save": "Guardar",
     "remove": "Eliminar",
+    "copy": "Copiar",
+    "sendButtonText": "Enviar",
+    "regenerateText": "Volver a generar",
     "addShapeLabel": "Añadir forma",
     "addImageLabel": "Añadir imagen",
     "addFaviconLabel": "Añadir favicon",
@@ -358,7 +361,8 @@
     "continue": "Continuar",
     "defaultSaveDescription": "No olvides publicar los cambios una vez que tengas un diseño que te guste.",
     "saveSuccess": "¡Se ha guardado correctamente!",
-    "changeTemplateConfirmationMessage": "Cambiar las plantillas hará que pierdas los cambios. Se borrará todo el contenido. Te recomendamos que hagas un duplicado de tu sitio web de antemano si quieres conservar los cambios."
+    "changeTemplateConfirmationMessage": "Cambiar las plantillas hará que pierdas los cambios. Se borrará todo el contenido. Te recomendamos que hagas un duplicado de tu sitio web de antemano si quieres conservar los cambios.",
+    "generateText": "Generar texto"
   },
   "error": {
     "maxCharacters": "Has alcanzado tu límite máximo de caracteres permitidos",
@@ -592,6 +596,16 @@
     "field": "Campo",
     "required": "Requerido"
   },
+  "aiModal": {
+    "generateTitle": "Generar texto con IA",
+    "generateDescription": "El contenido se genera mediante IA y podría necesitar una revisión para garantizar su precisión",
+    "generatePlaceholder": "Describe tu texto.",
+    "generationStopped": "El proceso de generación se ha detenido. Envía un nuevo mensaje para continuar.",
+    "generateInputPlaceholder": "Introduce tu mensaje para describir el texto...",
+    "stopGeneration": "Detén la generación",
+    "useText": "Usa texto",
+    "promptTooLong": "El mensaje debe tener {{maxLength}} caracteres como máximo ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Introduce una ubicación"
   },

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

@@ -343,6 +343,9 @@
     "replace": "Remplacer",
     "save": "Enregistrer",
     "remove": "Supprimer",
+    "copy": "Copier",
+    "sendButtonText": "Envoyer",
+    "regenerateText": "Régénérer",
     "addShapeLabel": "Ajouter une forme",
     "addImageLabel": "Ajouter une image",
     "addFaviconLabel": "Ajouter un favicon",
@@ -358,7 +361,8 @@
     "continue": "Continuer",
     "defaultSaveDescription": "N’oubliez pas de publier vos modifications une fois que votre design vous convient.",
     "saveSuccess": "Enregistrement réussi!",
-    "changeTemplateConfirmationMessage": "Si vous changez de modèle, vous perdrez vos modifications et tout votre contenu sera effacé. Nous vous recommandons de dupliquer votre site au préalable si vous souhaitez conserver vos modifications."
+    "changeTemplateConfirmationMessage": "Si vous changez de modèle, vous perdrez vos modifications et tout votre contenu sera effacé. Nous vous recommandons de dupliquer votre site au préalable si vous souhaitez conserver vos modifications.",
+    "generateText": "Générer du texte"
   },
   "error": {
     "maxCharacters": "Vous avez atteint la limite maximale de caractères autorisés",
@@ -592,6 +596,16 @@
     "field": "Champ",
     "required": "Nécessaire"
   },
+  "aiModal": {
+    "generateTitle": "Générer du texte avec l'IA",
+    "generateDescription": "Le contenu est généré par l'IA et peut nécessiter des modifications pour plus de précision.",
+    "generatePlaceholder": "Décrivez votre texte.",
+    "generationStopped": "La génération de texte s'est arrêtée. Lancez une nouvelle requête pour continuer.",
+    "generateInputPlaceholder": "Entrez votre requête pour décrire le contenu...",
+    "stopGeneration": "Arrêter la génération",
+    "useText": "Utiliser le texte",
+    "promptTooLong": "La requête doit comporter {{maxLength}} caractères ou moins ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Entrez une adresse"
   },

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

@@ -343,6 +343,9 @@
     "replace": "Remplacer",
     "save": "Enregistrer",
     "remove": "Supprimer",
+    "copy": "Copier",
+    "sendButtonText": "Envoyer",
+    "regenerateText": "Régénérer",
     "addShapeLabel": "Ajouter une forme",
     "addImageLabel": "Ajouter une image",
     "addFaviconLabel": "Ajouter un favicon",
@@ -358,7 +361,8 @@
     "continue": "Continuer",
     "defaultSaveDescription": "N’oubliez pas de publier vos modifications une fois que votre design vous convient.",
     "saveSuccess": "Enregistrement réussi !",
-    "changeTemplateConfirmationMessage": "Si vous changez de modèle, vous perdrez vos modifications et tout votre contenu sera effacé. Nous vous recommandons de dupliquer votre site au préalable si vous souhaitez conserver vos modifications."
+    "changeTemplateConfirmationMessage": "Si vous changez de modèle, vous perdrez vos modifications et tout votre contenu sera effacé. Nous vous recommandons de dupliquer votre site au préalable si vous souhaitez conserver vos modifications.",
+    "generateText": "Générer du texte"
   },
   "error": {
     "maxCharacters": "Vous avez atteint la limite maximale de caractères autorisés",
@@ -592,6 +596,16 @@
     "field": "Champ",
     "required": "Nécessaire"
   },
+  "aiModal": {
+    "generateTitle": "Générer du texte avec l'IA",
+    "generateDescription": "Le contenu est généré par l'IA et peut nécessiter des modifications pour plus de précision.",
+    "generatePlaceholder": "Décrivez votre texte.",
+    "generationStopped": "La génération de texte s'est arrêtée. Démarrez une nouvelle invite pour continuer.",
+    "generateInputPlaceholder": "Entrez votre prompt pour décrire le contenu...",
+    "stopGeneration": "Arrêter la génération",
+    "useText": "Utiliser le texte",
+    "promptTooLong": "L'invite doit comporter {{maxLength}} caractères ou moins ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Entrez une adresse"
   },

package/src/bundles/bundled-translations.json

@@ -343,6 +343,9 @@
     "replace": "Replace",
     "save": "Save",
     "remove": "Remove",
+    "copy": "Copy",
+    "sendButtonText": "Send",
+    "regenerateText": "Regenerate",
     "addShapeLabel": "Add Shape",
     "addImageLabel": "Add Image",
     "addFaviconLabel": "Add Favicon",
@@ -358,7 +361,8 @@
     "continue": "Continue",
     "defaultSaveDescription": "Don’t forget to publish your changes once you are happy with your design.",
     "saveSuccess": "Save successful!",
-    "changeTemplateConfirmationMessage": "Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes."
+    "changeTemplateConfirmationMessage": "Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes.",
+    "generateText": "Generate text"
   },
   "error": {
     "maxCharacters": "You have reached your maximum limit of characters allowed",
@@ -592,6 +596,16 @@
     "field": "Field",
     "required": "Required"
   },
+  "aiModal": {
+    "generateTitle": "Generate Text with AI",
+    "generateDescription": "Content is AI-generated and may require editing for accuracy",
+    "generatePlaceholder": "Describe your text.",
+    "generationStopped": "Text generation stopped. Start a new prompt to continue.",
+    "generateInputPlaceholder": "Enter your prompt to describe the text...",
+    "stopGeneration": "Stop generation",
+    "useText": "Use text",
+    "promptTooLong": "Prompt must be {{maxLength}} characters or less ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Enter a location"
   },

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

@@ -343,6 +343,9 @@
     "replace": "Substituir",
     "save": "Salvar",
     "remove": "Remover",
+    "copy": "Copiar",
+    "sendButtonText": "Enviar",
+    "regenerateText": "Regenerar",
     "addShapeLabel": "Adicionar forma",
     "addImageLabel": "Adicionar imagem",
     "addFaviconLabel": "Adicionar favicon",
@@ -358,7 +361,8 @@
     "continue": "Continuar",
     "defaultSaveDescription": "Não se esqueça de publicar as suas alterações quando estiver satisfeito com o seu design.",
     "saveSuccess": "Salvo com sucesso!",
-    "changeTemplateConfirmationMessage": "Se alterar os modelos, você perderá suas alterações. Todo o seu conteúdo será apagado. Recomendamos que duplique seu site previamente caso queira manter suas alterações."
+    "changeTemplateConfirmationMessage": "Se alterar os modelos, você perderá suas alterações. Todo o seu conteúdo será apagado. Recomendamos que duplique seu site previamente caso queira manter suas alterações.",
+    "generateText": "Gerar texto"
   },
   "error": {
     "maxCharacters": "Você atingiu o limite máximo de caracteres permitido",
@@ -592,6 +596,16 @@
     "field": "Campo",
     "required": "Obrigatório"
   },
+  "aiModal": {
+    "generateTitle": "Gerar texto com IA",
+    "generateDescription": "O conteúdo é gerado por IA, pode precisar de alterações para melhorar a precisão",
+    "generatePlaceholder": "Descreva seu texto.",
+    "generationStopped": "A geração de texto parou. Inicie um novo prompt para continuar.",
+    "generateInputPlaceholder": "Digite o prompt para descrever o texto...",
+    "stopGeneration": "Parar de gerar",
+    "useText": "Usar texto",
+    "promptTooLong": "O prompt deve ter {{maxLength}} caracteres ou menos ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Introduza uma localização"
   },

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

@@ -343,6 +343,9 @@
     "replace": "Substituir",
     "save": "Guardar",
     "remove": "Remover",
+    "copy": "Copiar",
+    "sendButtonText": "Enviar",
+    "regenerateText": "Regenerar",
     "addShapeLabel": "Adicionar forma",
     "addImageLabel": "Adicionar imagem",
     "addFaviconLabel": "Adicionar Favicon",
@@ -358,7 +361,8 @@
     "continue": "Continuar",
     "defaultSaveDescription": "Não se esqueça de publicar as suas alterações quando estiver satisfeito com o seu design.",
     "saveSuccess": "Gravação bem-sucedida!",
-    "changeTemplateConfirmationMessage": "Se alterar os modelos vai perder as suas alterações. Todo o seu conteúdo será apagado. Recomendamos que duplique o seu site previamente caso queira manter as suas alterações."
+    "changeTemplateConfirmationMessage": "Se alterar os modelos vai perder as suas alterações. Todo o seu conteúdo será apagado. Recomendamos que duplique o seu site previamente caso queira manter as suas alterações.",
+    "generateText": "Gerar texto"
   },
   "error": {
     "maxCharacters": "Atingiu o limite máximo de caracteres permitido",
@@ -592,6 +596,16 @@
     "field": "Campo",
     "required": "Obrigatório"
   },
+  "aiModal": {
+    "generateTitle": "Gerar Texto com IA",
+    "generateDescription": "O conteúdo é gerado por IA e pode precisar de edição para ser preciso",
+    "generatePlaceholder": "Descreva o seu texto.",
+    "generationStopped": "A geração de texto parou. Inicie um novo prompt para continuar.",
+    "generateInputPlaceholder": "Introduza o seu comando para descrever o texto...",
+    "stopGeneration": "Parar a geração",
+    "useText": "Utilizar texto",
+    "promptTooLong": "A mensagem tem de ter {{maxLength}} carateres ou menos ({{currentLength}})"
+  },
   "googleAddressField": {
     "addressPlaceholder": "Introduza uma localização"
   },

package/src/clients/brand-page-client.ts

@@ -10,8 +10,6 @@ export interface SaveBrandPageResponse {
   status: string;
   slug: string;
   canPublish: boolean;
-  websiteUpsellAbTestKey: string;
-  websiteUpsellAbTestValue: string;
   websiteUpsellModalViewModel: any;
 }
 
@@ -19,8 +17,6 @@ export interface PublishBrandPageResponse {
   designDraftToken: string;
   status: string;
   slug: string;
-  websiteUpsellAbTestKey: string;
-  websiteUpsellAbTestValue: string;
   websiteUpsellModalViewModel: any;
 }
 

package/src/clients/design-template-client.ts

@@ -36,6 +36,9 @@ export const getTemplatesEndpoint = (templateTypeName: string) =>
 export const getTemplateEndpoint = (templateToken) =>
   `${window.bcnetApiUrl || ''}/maker/api/template/${templateToken}`;
 
+export const getGenerateTextEndpoint = () =>
+  `${window.bcnetApiUrl || ''}/api/ai/websites/generate-text`;
+
 /**
  * This class is a partial clone of template-client.js with typing
  */
@@ -105,6 +108,60 @@ export class DesignTemplateClient {
 
     return null;
   }
+
+  async generateText(
+    prompt: string,
+    existingText?: string,
+    snapshotBase64?: string,
+  ): Promise<string | null> {
+    try {
+      // Get CSRF token from meta tag
+      const csrfToken = document.head
+        ?.querySelector('meta[name=csrf-token]')
+        ?.getAttribute('content');
+
+      const response = await axios.post<{
+        generatedText: string;
+        usage: {
+          inputTokens: number;
+          outputTokens: number;
+          totalTokens: number;
+        };
+      }>(
+        getGenerateTextEndpoint(),
+        {
+          prompt,
+          existingText: existingText || 'N/A',
+          snapshotBase64: snapshotBase64 || '',
+        },
+        {
+          withCredentials: true,
+          headers: {
+            'Content-Type': 'application/json',
+            'csrf-token': csrfToken || '',
+          },
+        },
+      );
+
+      if (response.status !== 200) {
+        if (process.env.NODE_ENV !== 'production') {
+          console.error(
+            `generateText got response status '${response.status}'`,
+          );
+        }
+
+        return null;
+      }
+
+      return response.data.generatedText;
+    } catch (e: any) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.error('Failed to generate text:', e);
+      }
+
+      throw e;
+    }
+  }
 }
 
 let _instance: DesignTemplateClient | undefined;