@designcrowd/library.brand-page 6.2.5 → 6.2.6

package/lib/src/{CreatedOnBrandCrowd-de-de-CkJM0rEy.js → CreatedOnBrandCrowd-de-de-DpeSEnwP.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-CKOotMQK.js → CreatedOnBrandCrowd-en-us-CxYv3NzT.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-mrDI8AaY.js → CreatedOnBrandCrowd-es-es-CzQ1HRHw.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DtmVXezM.js → CreatedOnBrandCrowd-fr-ca-J77YZaT1.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DtmVXezM.js → CreatedOnBrandCrowd-fr-fr-J77YZaT1.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-C8Cy74df.js → CreatedOnBrandCrowd-pt-br-1vh4Smqt.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-C8Cy74df.js → CreatedOnBrandCrowd-pt-pt-1vh4Smqt.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib--ZDYWLFf.js";
+import { _ as t } from "./lib-CyVd3FMn.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-FVl5OqQM.js → CreatedOnDcom-de-de-CXX6W_29.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib--ZDYWLFf.js";
+import { _ as e } from "./lib-CyVd3FMn.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-e0s7gZGG.js → CreatedOnDcom-en-us-D78BmX6f.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib--ZDYWLFf.js";
+import { _ as e } from "./lib-CyVd3FMn.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-BXMekiTg.js → CreatedOnDcom-es-es-FfbPM2vD.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib--ZDYWLFf.js";
+import { _ as e } from "./lib-CyVd3FMn.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-74Vm0wzS.js → CreatedOnDcom-fr-ca-C6L60rxJ.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib--ZDYWLFf.js";
+import { _ as e } from "./lib-CyVd3FMn.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-C6TT73Rw.js → CreatedOnDcom-fr-fr-BEDnW9w-.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib--ZDYWLFf.js";
+import { _ as e } from "./lib-CyVd3FMn.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-Drg2eaLk.js → CreatedOnDcom-pt-br-CZXVvc1n.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib--ZDYWLFf.js";
+import { _ as M } from "./lib-CyVd3FMn.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-BgsEIMfv.js → CreatedOnDcom-pt-pt-IQq744nb.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib--ZDYWLFf.js";
+import { _ as M } from "./lib-CyVd3FMn.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/utils/logo.util.js

@@ -254,7 +254,7 @@ export const recalculateLogoContentDimensions = async (pageData, editableLogoVar
         // For post-purchase or fallback, fetch from Fabric
         if (!logoData || logoData.width <= 0 || logoData.height <= 0) {
             logoData =
-                await FabricRenderClient.getInstance().getLogoSvgUrlByLogoImageAsync(logoImage);
+                await FabricRenderClient.getInstance().getLogoDimensionsByLogoImageAsync(logoImage);
         }
         if (!logoData || logoData.width <= 0 || logoData.height <= 0) {
             return;
@@ -279,7 +279,7 @@ export const recalculateHeaderLogoSizes = async (pageSettingsStore, logoSettings
         const logoImageHeight = pageSettingsStore.sections.header.desktop.logoImageHeight;
         const logoVariation = pageSettingsStore.sections.header.desktop.logoVariation;
         const logoPrePurchase = editableLogoVariations.find((logo) => logo.variationId === logoVariation);
-        const logoPostPurchase = await FabricRenderClient.getInstance().getLogoSvgUrlByLogoImageAsync(logoSettingsStore.selectedLogoImage);
+        const logoPostPurchase = await FabricRenderClient.getInstance().getLogoDimensionsByLogoImageAsync(logoSettingsStore.selectedLogoImage);
         const logo = isPrePurchase ? logoPrePurchase : logoPostPurchase;
         if (logo && (logoImageHeight || forceRecalculate)) {
             const optimalSize = getOptimalLogoSize(brandPageType, logo.width, logo.height);

package/lib/src/brand-page/utils/migration/migration-07.js

@@ -20,10 +20,11 @@ export const migration07 = async (migrationResult, options) => {
             { name: 'pageFooterMobile', config: brandPageModel.pageFooterMobile },
         ].filter((section) => section.config);
         // Fetch logo data for all sections in parallel
+        // Size-only lookups, by recorded exception: 0031-released-logo-size-migrations-may-use-a-size-only-address.md
         const logoDataPromises = sections.map(async (section) => {
             const logoData = section.config?.logoTemplateImage?.logoTemplateToken
-                ? await fabricClient.getLogoSvgUrlByLogoTemplateImageAsync(section.config.logoTemplateImage)
-                : await fabricClient.getLogoSvgUrlByLogoImageAsync(section.config.logoImage);
+                ? await fabricClient.getLogoDimensionsByLogoTemplateImageAsync(section.config.logoTemplateImage)
+                : await fabricClient.getLogoDimensionsByLogoImageAsync(section.config.logoImage);
             return {
                 sectionName: section.name,
                 logoData,

package/lib/src/brand-page/utils/migration/migration-08.js

@@ -22,13 +22,14 @@ export const migration08 = async (migrationResult, options) => {
                 }
             });
         });
+        // Size-only lookups, by recorded exception: 0031-released-logo-size-migrations-may-use-a-size-only-address.md
         const logoDataPromises = logoContents.map(async ({ content }) => {
             if (content.logoTemplateImage?.logoTemplateToken) {
-                const logoData = await fabricClient.getLogoSvgUrlByLogoTemplateImageAsync(content.logoTemplateImage);
+                const logoData = await fabricClient.getLogoDimensionsByLogoTemplateImageAsync(content.logoTemplateImage);
                 return { content, logoData };
             }
             if (content.logoImage?.logoDraftToken) {
-                const logoData = await fabricClient.getLogoSvgUrlByLogoImageAsync({
+                const logoData = await fabricClient.getLogoDimensionsByLogoImageAsync({
                     logoDraftToken: content.logoImage.logoDraftToken,
                     logoVariation: content.logoImage.logoVariation,
                 });

package/lib/src/clients/fabric-render-client.d.ts

@@ -121,5 +121,25 @@ export declare class FabricRenderClient {
         width: number;
         height: number;
     } | undefined>;
+    getLogoDimensionsByLogoTemplateImageAsync(logoTemplateImage: {
+        logoTemplateToken: string;
+        logoTemplateText: string;
+        logoTemplateVersion: number;
+        layout?: string;
+    }): Promise<{
+        width: number;
+        height: number;
+    } | undefined>;
+    getLogoDimensionsByLogoImageAsync(logoImage: {
+        logoDraftToken: string;
+        logoVariation: number;
+        logoLastUpdate?: string;
+    }): Promise<{
+        width: number;
+        height: number;
+    } | undefined>;
+    private getLogoTemplateDimensionsUrl;
+    private getLogoDraftDimensionsUrl;
+    private fetchLogoDimensionsAsync;
 }
 export {};

package/lib/src/clients/fabric-render-client.js

@@ -141,4 +141,47 @@ export class FabricRenderClient {
         const { data, width, height } = await response.json();
         return { data, width, height };
     }
+    // Released migrations 07/08 call the two size methods: 0031-released-logo-size-migrations-may-use-a-size-only-address.md
+    async getLogoDimensionsByLogoTemplateImageAsync(logoTemplateImage) {
+        return this.fetchLogoDimensionsAsync(this.getLogoTemplateDimensionsUrl(logoTemplateImage));
+    }
+    async getLogoDimensionsByLogoImageAsync(logoImage) {
+        return this.fetchLogoDimensionsAsync(this.getLogoDraftDimensionsUrl(logoImage));
+    }
+    // Each brand-page address has a size-only companion at `/dimensions`, which reads only what these two builders send.
+    // extract if this grows: this repeats getLogoTemplateUrlByLogoTemplateImage's query.
+    getLogoTemplateDimensionsUrl(logoTemplateImage) {
+        const url = `${this.baseUrl}/asset/logotemplate/brand-page/${logoTemplateImage.logoTemplateToken}/dimensions?dimensionsType=preview_image_transparent_no_buffer&logoTemplateVersion=${logoTemplateImage.logoTemplateVersion}&text=${encodeURIComponent(logoTemplateImage.logoTemplateText)}`;
+        return logoTemplateImage.layout
+            ? `${url}&layout=${logoTemplateImage.layout}`
+            : url;
+    }
+    getLogoDraftDimensionsUrl(logoImage) {
+        if (!logoImage.logoDraftToken) {
+            console.warn('getLogoDraftDimensionsUrl: invalid logo draft token');
+            return undefined;
+        }
+        const definition = LogoVariationDefinitions[typeof logoImage.logoVariation === 'number'
+            ? logoImage.logoVariation
+            : 0];
+        if (!definition) {
+            return undefined;
+        }
+        const variationQuery = Object.entries(definition)
+            .map(([key, value]) => `${key}=${value}`)
+            .join('&');
+        return `${this.baseUrl}/asset/logodraft/brand-page/${logoImage.logoDraftToken}/dimensions?v=${logoImage.logoLastUpdate || ''}&${variationQuery}`;
+    }
+    // extract if this grows: the four logo JSON fetches repeat this shape.
+    async fetchLogoDimensionsAsync(url) {
+        if (!url) {
+            return undefined;
+        }
+        const response = await fetch(url);
+        if (response.status !== 200) {
+            return undefined;
+        }
+        const { width, height } = await response.json();
+        return { width, height };
+    }
 }

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, g as t, B as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as c, t as b, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ca, am as ba, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as cE, bc as bE, bd as FE, be as gE, bf as BE, bg as YE, bh as dE, bi as UE, bj as uE, bk as pE, bl as HE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as c_, c2 as b_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as d_, c8 as U_, c9 as u_, ca as p_, cb as H_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT, cE as AT, cF as OT } from "./lib--ZDYWLFf.js";
+import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, g as t, B as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as c, t as b, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ca, am as ba, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as cE, bc as bE, bd as FE, be as gE, bf as BE, bg as YE, bh as dE, bi as UE, bj as uE, bk as pE, bl as HE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as c_, c2 as b_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as d_, c8 as U_, c9 as u_, ca as p_, cb as H_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT, cE as AT, cF as OT } from "./lib-CyVd3FMn.js";
 import { U as CT, u as DT } from "./useEventTracker-DwPTmzpa.js";
 import "vue";
 import "vue-cropperjs";