@designcrowd/library.brand-page 5.19.0 → 5.19.1-error-html2canvas-2

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

@@ -1529,6 +1529,8 @@
         "iconFillColorTitle": "Color de relleno del icono",
         "iconBackgroundColorTitle": "Color de fondo del icono",
         "paddingTitle": "Relleno",
+        "topPaddingTitle": "Relleno superior",
+        "bottomPaddingTitle": "Relleno inferior",
         "dividerStyleTitle": "Estilo del divisor",
         "dividerColorTitle": "Color del separador",
         "addItemTitle": "Añadir artículo",

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

@@ -1529,6 +1529,8 @@
         "iconFillColorTitle": "Couleur de remplissage de l’icône",
         "iconBackgroundColorTitle": "Couleur d’arrière-plan de l’icône",
         "paddingTitle": "Marges intérieures",
+        "topPaddingTitle": "Marge intérieure supérieure",
+        "bottomPaddingTitle": "Marges intérieures inférieures",
         "dividerStyleTitle": "Style de séparateur",
         "dividerColorTitle": "Couleur du séparateur",
         "addItemTitle": "Ajouter un article",

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

@@ -1529,6 +1529,8 @@
         "iconFillColorTitle": "Couleur de remplissage de l’icône",
         "iconBackgroundColorTitle": "Couleur d’arrière-plan de l’icône",
         "paddingTitle": "Marges intérieures",
+        "topPaddingTitle": "Marges intérieures supérieures",
+        "bottomPaddingTitle": "Marges intérieures inférieures",
         "dividerStyleTitle": "Style de séparateur",
         "dividerColorTitle": "Couleur du séparateur",
         "addItemTitle": "Ajouter un article",

package/lib/src/bundles/bundled-translations.json

@@ -1529,6 +1529,8 @@
         "iconFillColorTitle": "Icon fill color",
         "iconBackgroundColorTitle": "Icon background color",
         "paddingTitle": "Padding",
+        "topPaddingTitle": "Top padding",
+        "bottomPaddingTitle": "Bottom padding",
         "dividerStyleTitle": "Divider Style",
         "dividerColorTitle": "Divider color",
         "addItemTitle": "Add Item",

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

@@ -1529,6 +1529,8 @@
         "iconFillColorTitle": "Cor de preenchimento do ícone",
         "iconBackgroundColorTitle": "Cor de fundo do ícone",
         "paddingTitle": "Preenchimento",
+        "topPaddingTitle": "Preenchimento superior",
+        "bottomPaddingTitle": "Preenchimento inferior",
         "dividerStyleTitle": "Estilo do separador",
         "dividerColorTitle": "Cor do separador",
         "addItemTitle": "Adicionar item",

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

@@ -1529,6 +1529,8 @@
         "iconFillColorTitle": "Cor de preenchimento do ícone",
         "iconBackgroundColorTitle": "Cor de fundo do ícone",
         "paddingTitle": "Preenchimento",
+        "topPaddingTitle": "Preenchimento superior",
+        "bottomPaddingTitle": "Preenchimento inferior",
         "dividerStyleTitle": "Estilo do separador",
         "dividerColorTitle": "Cor do separador",
         "addItemTitle": "Adicionar Item",

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

@@ -1,3 +1,4 @@
+import type { BrandPageType } from '@brand-page';
 import type { WebsiteSlugCheckResponse } from '@brand-page-maker/models/api.model';
 import type { BrandPageLogoDesignAttributesModel } from './fabric-render-client';
 export interface SaveBrandPageResponse {
@@ -42,20 +43,20 @@ export interface getWebsiteContextualUpgradeResponse {
     showContextualUpgrade: boolean;
 }
 declare const _default: {
-    saveBrandPageAsync: (brandPageType: "default" | "brandSite" | "brandContact", request: any, designDraftToken?: string | undefined) => Promise<SaveBrandPageResponse | null>;
-    setBrandPageSlugAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, options: any) => Promise<PublishBrandPageResponse | null>;
-    createDefaultBrandPage: (brandPageType: "default" | "brandSite" | "brandContact", slug: any, logoDraftToken: any) => Promise<any>;
-    unpublishBrandPageAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<PublishBrandPageResponse | null>;
-    updateBrandPageMetaAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, request: any) => Promise<any>;
-    updateSensitiveContentAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, request: any) => Promise<any>;
-    getStripeOnboardingUrl: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, taxId: any, options?: {}) => Promise<any>;
-    createBrandPageCustomDomainAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, domainName: any, isPurchasedDomain: boolean) => Promise<import("axios").AxiosResponse<any, any>>;
-    deleteBrandPageCustomDomainByCustomDomainIdAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, customDomainId: any) => Promise<void>;
-    getBrandPageCustomDomainConfigAsync: (brandPageType: "default" | "brandSite" | "brandContact") => Promise<any>;
-    updateBrandPageIsCustomDomainEnabledAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, isCustomDomainEnabled: any) => Promise<any>;
-    getBrandPageIsCustomDomainEnabledAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<any>;
-    getBrandPageCustomDomainAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<any>;
-    checkWebsiteSlugAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: string, slug: string) => Promise<WebsiteSlugCheckResponse>;
+    saveBrandPageAsync: (brandPageType: BrandPageType, request: any, designDraftToken?: string) => Promise<SaveBrandPageResponse | null>;
+    setBrandPageSlugAsync: (brandPageType: BrandPageType, designDraftToken: any, options: any) => Promise<PublishBrandPageResponse | null>;
+    createDefaultBrandPage: (brandPageType: BrandPageType, slug: any, logoDraftToken: any) => Promise<any>;
+    unpublishBrandPageAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<PublishBrandPageResponse | null>;
+    updateBrandPageMetaAsync: (brandPageType: BrandPageType, designDraftToken: any, request: any) => Promise<any>;
+    updateSensitiveContentAsync: (brandPageType: BrandPageType, designDraftToken: any, request: any) => Promise<any>;
+    getStripeOnboardingUrl: (brandPageType: BrandPageType, designDraftToken: any, taxId: any, options?: {}) => Promise<any>;
+    createBrandPageCustomDomainAsync: (brandPageType: BrandPageType, designDraftToken: any, domainName: any, isPurchasedDomain: boolean) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+    deleteBrandPageCustomDomainByCustomDomainIdAsync: (brandPageType: BrandPageType, designDraftToken: any, customDomainId: any) => Promise<void>;
+    getBrandPageCustomDomainConfigAsync: (brandPageType: BrandPageType) => Promise<any>;
+    updateBrandPageIsCustomDomainEnabledAsync: (brandPageType: BrandPageType, designDraftToken: any, isCustomDomainEnabled: any) => Promise<any>;
+    getBrandPageIsCustomDomainEnabledAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<any>;
+    getBrandPageCustomDomainAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<any>;
+    checkWebsiteSlugAsync: (brandPageType: BrandPageType, designDraftToken: string, slug: string) => Promise<WebsiteSlugCheckResponse>;
     searchLogoTemplatesAsync: (request: {
         businessName: string;
         query: string;
@@ -64,6 +65,6 @@ declare const _default: {
     }) => Promise<SearchLogoTemplatesResponse | undefined>;
     sendLogoSearchImpressionClickData: (logoToken: string, searchImpressionId: string) => Promise<void>;
     updatePaymentConfigCurrencyAsync: (brandPageToken: string, paymentConfigId: string, newCurrencyId: string) => Promise<any>;
-    getWebsiteContextualUpgradeTestBucketAsync: (brandPageType: "default" | "brandSite" | "brandContact") => Promise<getWebsiteContextualUpgradeResponse | undefined>;
+    getWebsiteContextualUpgradeTestBucketAsync: (brandPageType: BrandPageType) => Promise<getWebsiteContextualUpgradeResponse | undefined>;
 };
 export default _default;

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

@@ -4,6 +4,7 @@ interface DesignTemplateClientOptions {
 interface GetTemplatesAsyncOptions {
     categoryName?: string;
     searchTerm?: string;
+    keywords?: string;
     side?: string;
     logoDraftToken?: string;
     logoVariation?: number;
@@ -15,6 +16,8 @@ interface GetTemplatesAsyncOptions {
     locale?: string;
     logoS3Token?: string;
     logoTemplateToken?: string;
+    pageSection?: string;
+    pageName?: string;
 }
 export declare const getTemplatesEndpoint: (templateTypeName: string) => string;
 export declare const getTemplateEndpoint: (templateToken: any) => string;

package/lib/src/clients/media-client.d.ts

@@ -2,7 +2,7 @@ export default class MediaClient {
     /**
      * @param {MediaClientOptions} options
      */
-    constructor(options: MakerSettings);
+    constructor(options: MediaClientOptions);
     findPaginatedAdminMediaEndpoint: (skip: any, take: any, videoOnly: any) => string;
     uploadAdminMediaEndpoint: () => string;
     userPolicyDataEndpoint: () => string;
@@ -55,7 +55,7 @@ export default class MediaClient {
      * @returns {Promise<MediaDownloadEntity[]>}
      */
     getAllUserAsync(skip: any, take: any, videoOnly: any): Promise<MediaDownloadEntity[]>;
-    updateUserMediaSourceImageUrlByUserMediaTokenAsync(mediaToken: any, sourceImageUrl: any): Promise<import("axios").AxiosResponse<any, any>>;
+    updateUserMediaSourceImageUrlByUserMediaTokenAsync(mediaToken: any, sourceImageUrl: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
     getUserMediaByTokenAsync(mediaToken: any): Promise<any>;
 }
 export type PolicyData = {

package/lib/src/clients/models.d.ts

@@ -4,6 +4,7 @@ export interface Paginated<T> {
     pageSize: number;
     pageCount: number;
     totalResultCount: number;
+    abTestValuesToBePushed?: Record<string, string>;
 }
 export interface DesignTemplate {
     token: string;
@@ -12,6 +13,7 @@ export interface DesignTemplate {
 }
 export interface PaginatedDesignTemplateItem {
     designTemplateToken: string;
+    isPersonalisable?: boolean;
     previewImageUrl?: string;
 }
 export interface DisplayLogoDraftAsset {

package/lib/src/composables/useSnapshot.js

@@ -131,13 +131,17 @@ export function useSnapshot() {
             // the width crisp and let MAX_SNAPSHOT_HEIGHT bound the cost.
             const captureWidth = target.clientWidth || target.offsetWidth || 1;
             const scale = Math.min(1, SNAPSHOT_TARGET_WIDTH / captureWidth);
-            // Pre-fetch blob-backed SVGs from content shape <object> elements so they
-            // can be rendered as <img> in the clone (html2canvas can't reach into the
-            // isolated DOM inside <object>). Background-shape blob <img>s are NOT
-            // converted: html2canvas renders them no differently with or without the
-            // conversion, so it'd just be wasted fetches.
+            // Inline every shape's blob-backed SVG as a data: URI up front. Shapes
+            // (content + background) render their coloured SVG via an <img> whose src
+            // is a `blob:` URL from URL.createObjectURL. The owning component revokes
+            // that blob on re-render (colour/size/imageUrl change) and on unmount —
+            // exactly what an AI "change all my contents" run triggers right before we
+            // capture. html2canvas fetches each <img> src ASYNCHRONOUSLY while
+            // rendering, so a concurrent revoke leaves it fetching a dead blob URL →
+            // the shape 404s and snapshots blank. A data: URI can't be revoked, so
+            // swapping the blob for one in the clone removes the race.
             const blobSvgUris = new Map();
-            const blobSources = Array.from(element.querySelectorAll('.c-shape-object object')).map((o) => o.getAttribute('data'));
+            const blobSources = Array.from(element.querySelectorAll('.c-shape-object img')).map((img) => img.getAttribute('src'));
             for (const src of blobSources) {
                 if (src && src.startsWith('blob:') && !blobSvgUris.has(src)) {
                     try {
@@ -245,19 +249,15 @@ export function useSnapshot() {
                         height: 'auto',
                         overflow: 'visible',
                     });
-                    // Swap content shape <object>s for <img> using the pre-fetched data
-                    // URIs (html2canvas can't render <object> SVGs directly).
+                    // Repoint each shape <img> from its (revocable) blob: src to the
+                    // pre-fetched data: URI so html2canvas never fetches a blob that may
+                    // have been revoked mid-capture.
                     _doc
-                        .querySelectorAll('.c-shape-object object')
-                        .forEach((obj) => {
-                        const dataUrl = obj.getAttribute('data');
-                        if (dataUrl && blobSvgUris.has(dataUrl)) {
-                            const img = _doc.createElement('img');
-                            img.src = blobSvgUris.get(dataUrl);
-                            const style = obj.getAttribute('style');
-                            if (style)
-                                img.setAttribute('style', style);
-                            obj.parentNode?.replaceChild(img, obj);
+                        .querySelectorAll('.c-shape-object img')
+                        .forEach((img) => {
+                        const src = img.getAttribute('src');
+                        if (src && blobSvgUris.has(src)) {
+                            img.src = blobSvgUris.get(src);
                         }
                     });
                     // Replace object-fit images with a background-size div so they