@designcrowd/library.brand-page 5.16.20 → 5.16.21-ast-bug-1

package/lib/src/{CreatedOnBrandCrowd-de-de-J__RLFLg.js → CreatedOnBrandCrowd-de-de-YThQBD-l.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-C_StRJjo.js → CreatedOnBrandCrowd-en-us-kFcZdEBB.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-ykBdLbIt.js → CreatedOnBrandCrowd-es-es-cKwAIBgT.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Ben4lUb4.js → CreatedOnBrandCrowd-fr-ca-_BKLPTq0.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Ben4lUb4.js → CreatedOnBrandCrowd-fr-fr-_BKLPTq0.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DE7Ub3nU.js → CreatedOnBrandCrowd-pt-br-BNz5Tkgw.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DE7Ub3nU.js → CreatedOnBrandCrowd-pt-pt-BNz5Tkgw.js}

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

package/lib/src/{CreatedOnDcom-de-de-Di4nyRvm.js → CreatedOnDcom-de-de-BnY0hTSp.js}

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

package/lib/src/{CreatedOnDcom-en-us-DhKIp5pO.js → CreatedOnDcom-en-us-GgxQkuyj.js}

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

package/lib/src/{CreatedOnDcom-es-es-CN2W2-do.js → CreatedOnDcom-es-es-NooYJ0jd.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-C9BMeD0q.js → CreatedOnDcom-fr-ca-CGn4nF7g.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BEDq3Dtj.js → CreatedOnDcom-fr-fr-BgL6GNTZ.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DayjxD6x.js → CreatedOnDcom-pt-br-CiodT6rH.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-E7OAm5qD.js → CreatedOnDcom-pt-pt-CuJQEuls.js}

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

package/lib/src/brand-page/components/page-header/PageHeader.mixin.js

@@ -27,12 +27,11 @@ export default defineComponent({
     },
     computed: {
         containerCss() {
-            const backgroundStyle = this.viewModel.backgroundColorEnabled
-                ? this.viewModel.backgroundStyle
-                : null;
-            return Object.assign({}, backgroundStyle, this.viewModel.style, {
+            return {
+                ...this.viewModel.backgroundStyle,
+                ...this.viewModel.style,
                 padding: '1.5rem 0', // var(--page-padding) 0
-            });
+            };
         },
         showNav() {
             return this.viewModel.pages.length > 1;

package/lib/src/brand-page/models/index.d.ts

@@ -461,7 +461,6 @@ export declare abstract class AbstractPageHeaderStyles {
     backgroundStyle: BrandPageCssStyle;
     style: BrandPageCssStyle;
     viewport: ViewportsType;
-    backgroundColorEnabled?: boolean;
     protected constructor(options?: AbstractPageHeaderStylesType);
 }
 export declare class PageHeaderDesktop extends AbstractPageHeaderStyles {

package/lib/src/brand-page/models/index.js

@@ -199,7 +199,6 @@ export class AbstractPageHeaderStyles {
     backgroundStyle;
     style;
     viewport;
-    backgroundColorEnabled;
     constructor(options = {}) {
         if (typeof options.viewport === 'undefined') {
             throw new Error('"viewport" is required');
@@ -227,10 +226,6 @@ export class AbstractPageHeaderStyles {
         this.logoVariation = options.logoVariation || 0;
         this.style = options.style || {};
         this.backgroundStyle = options.backgroundStyle || {};
-        this.backgroundColorEnabled =
-            typeof options.backgroundColorEnabled === 'undefined'
-                ? true
-                : options.backgroundColorEnabled;
     }
 }
 export class PageHeaderDesktop extends AbstractPageHeaderStyles {

package/lib/src/brand-page/utils/migration/migration-11.d.ts

@@ -0,0 +1,8 @@
+import type { MigrationData } from '../migration.util';
+/**
+ * Migration 11: Remove backgroundColorEnabled flag from headers
+ *
+ * For headers where backgroundColorEnabled was false, set backgroundStyle.backgroundColor to transparent.
+ * Then remove the backgroundColorEnabled property from all headers.
+ */
+export declare const migration11: (migrationResult: MigrationData) => Promise<MigrationData>;

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

@@ -0,0 +1,36 @@
+/**
+ * Migration 11: Remove backgroundColorEnabled flag from headers
+ *
+ * For headers where backgroundColorEnabled was false, set backgroundStyle.backgroundColor to transparent.
+ * Then remove the backgroundColorEnabled property from all headers.
+ */
+export const migration11 = async (migrationResult) => {
+    const { brandPageModel } = migrationResult;
+    // Migrate page header desktop
+    if (brandPageModel.pageHeaderDesktop) {
+        const header = brandPageModel.pageHeaderDesktop;
+        if (header.backgroundColorEnabled === false) {
+            // Set transparent background
+            if (!header.backgroundStyle) {
+                header.backgroundStyle = {};
+            }
+            header.backgroundStyle.backgroundColor = 'transparent';
+        }
+        // Remove the property
+        delete header.backgroundColorEnabled;
+    }
+    // Migrate page header mobile
+    if (brandPageModel.pageHeaderMobile) {
+        const header = brandPageModel.pageHeaderMobile;
+        if (header.backgroundColorEnabled === false) {
+            // Set transparent background
+            if (!header.backgroundStyle) {
+                header.backgroundStyle = {};
+            }
+            header.backgroundStyle.backgroundColor = 'transparent';
+        }
+        // Remove the property
+        delete header.backgroundColorEnabled;
+    }
+    return migrationResult;
+};

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

@@ -13,6 +13,7 @@ import { migration07 } from './migration/migration-07';
 import { migration08 } from './migration/migration-08';
 import { migration09 } from './migration/migration-09';
 import { migration10 } from './migration/migration-10';
+import { migration11 } from './migration/migration-11';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -80,6 +81,11 @@ const MIGRATION_TABLE = [
         migrateFn: migration10,
         description: 'Migrating promptText to title for mailing list content',
     },
+    {
+        version: 11,
+        migrateFn: migration11,
+        description: 'Remove backgroundColorEnabled flag from page headers',
+    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

package/lib/src/brand-page/utils/vcard.util.d.ts

@@ -1,13 +1,13 @@
-import type { ProfileContent, BrandPageModel } from '../models';
-export declare const findProfileContent: (brandPageData?: BrandPageModel | {
-    pages?: any[];
-}) => ProfileContent | undefined;
-export declare const hasProfileContent: (brandPageData?: BrandPageModel | {
-    pages?: any[];
+import type { PageViewModel, ProfileViewModel } from '../view-models';
+export declare const findProfileContent: (brandPageData?: {
+    pages?: PageViewModel[];
+}) => ProfileViewModel | undefined;
+export declare const hasProfileContent: (brandPageData?: {
+    pages?: PageViewModel[];
 }) => boolean;
-export declare const generateVCard: (brandPageData: BrandPageModel | {
-    pages?: any[];
+export declare const generateVCard: (brandPageData: {
+    pages?: PageViewModel[];
 }) => string;
-export declare const saveContact: (brandPageData: BrandPageModel | {
-    pages?: any[];
+export declare const saveContact: (brandPageData: {
+    pages?: PageViewModel[];
 }) => void;

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

@@ -1,5 +1,6 @@
 import { isValidUrl } from '../../helpers/url.helper';
 import { getPlainTextFromRTE } from '../../brand-page-maker/utils/rich-text-editor.util';
+import { isEmail, isTel } from '../../utils/validator.util';
 // Constants
 const HTML_ENTITIES = {
     ' ': ' ',
@@ -97,19 +98,23 @@ const addUrlEntry = (url, type, vcardLines, addedEntries) => {
         addedEntries.add(key);
     }
 };
-const processContactUrl = (url, iconType, vcardLines, addedEntries) => {
-    if (url.startsWith('tel:')) {
+const processContactUrl = (url, iconType, vcardLines, addedEntries, role) => {
+    // Check type first
+    // or Check if value is email or phone number - social links does not save as tel: or mailto:
+    if (role === 'email' || isEmail(url)) {
+        addEmailEntry(url, vcardLines, addedEntries);
+    }
+    else if (role === 'phone' || isTel(url)) {
+        addPhoneEntry(url, vcardLines, addedEntries);
+    }
+    // Then check URL value patterns
+    else if (url.startsWith('tel:')) {
         addPhoneEntry(url.replace('tel:', ''), vcardLines, addedEntries);
     }
     else if (url.startsWith('mailto:')) {
         addEmailEntry(url.replace('mailto:', ''), vcardLines, addedEntries);
     }
-    else if (iconType === 'email') {
-        addEmailEntry(url, vcardLines, addedEntries);
-    }
-    else if (iconType === 'phone') {
-        addPhoneEntry(url, vcardLines, addedEntries);
-    }
+    // Finally use iconType as fallback
     else {
         addUrlEntry(url, SOCIAL_TYPE_MAP[iconType], vcardLines, addedEntries);
     }
@@ -119,7 +124,8 @@ const processButton = (button, vcardLines, addedEntries) => {
         return;
     const url = button.url.trim();
     const iconType = button.iconUrl?.toLowerCase() || '';
-    processContactUrl(url, iconType, vcardLines, addedEntries);
+    const role = button.role?.toLowerCase() || '';
+    processContactUrl(url, iconType, vcardLines, addedEntries, role);
 };
 const processSocialLinks = (socialLinksContent, vcardLines, addedEntries) => {
     if (!socialLinksContent.links?.length)

package/lib/src/brand-page/utils/view-model.util.js

@@ -659,7 +659,6 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLo
             }),
         style: pageHeader.style,
         backgroundStyle: pageHeader.backgroundStyle,
-        backgroundColorEnabled: pageHeader.backgroundColorEnabled,
     };
 };
 export const mapToPageFooterViewModel = (pageFooter, pageStyles, useOldLogoRenderSize = false) => {

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -931,7 +931,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
             sectionName: "footer" | "header" | "pages";
-            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
             value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts

@@ -941,7 +941,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
             sectionName: "footer" | "header" | "pages";
-            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
             value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;

package/lib/src/index.mjs

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