@designcrowd/library.brand-page 5.16.35 → 5.16.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-86kFDsjd.js → CreatedOnBrandCrowd-de-de-DVJiCllu.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BhFAL2r4.js → CreatedOnBrandCrowd-en-us-C0ySCxIL.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-spGcLYbG.js → CreatedOnBrandCrowd-es-es-Lx2TeOFQ.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DKe-tShk.js → CreatedOnBrandCrowd-fr-ca-hnZGTPjT.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DKe-tShk.js → CreatedOnBrandCrowd-fr-fr-hnZGTPjT.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-DcT0oRzX.js → CreatedOnBrandCrowd-pt-br-DS1LjpsM.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-DcT0oRzX.js → CreatedOnBrandCrowd-pt-pt-DS1LjpsM.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-BMuHkNH2.js → CreatedOnDcom-de-de-CEb2I9b_.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-h174d2n3.js → CreatedOnDcom-en-us-BV3oETu_.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-B6D1xSPS.js → CreatedOnDcom-es-es-D4Y8_uzV.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-BE0ONxF_.js → CreatedOnDcom-fr-ca-D0zmS934.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-6tXvojla.js → CreatedOnDcom-fr-fr-nPvCDeF3.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-DZYu7pp5.js → CreatedOnDcom-pt-br-LnkzeH5-.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-DrGT23mO.js → CreatedOnDcom-pt-pt-BlRxxeSh.js} +1 -1
  15. package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +8 -10
  16. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +10 -10
  17. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +0 -2
  18. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +47 -35
  19. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +1 -1
  20. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.d.ts +2 -0
  21. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +17 -18
  22. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +4 -1
  23. package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +8 -10
  24. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +1 -1
  25. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +1 -1
  26. package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts +1 -1
  27. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +8 -10
  28. package/lib/src/brand-page-maker/composables/useEventTracker.d.ts +4 -0
  29. package/lib/src/brand-page-maker/composables/useEventTracker.js +19 -0
  30. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +1 -4
  31. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +2 -4
  32. package/lib/src/brand-page-maker/stores/event-manager/event-manager-store.js +3 -3
  33. package/lib/src/brand-page-maker/stores/user/user-store.d.ts +8 -10
  34. package/lib/src/brand-page-maker/stores/user/user-store.js +9 -18
  35. package/lib/src/brand-page-maker/stores/video/video-store.d.ts +3 -0
  36. package/lib/src/brand-page-maker/stores/video/video-store.js +22 -0
  37. package/lib/src/{bundled-translations-CMyG8Azk.js → bundled-translations-EqxiRIwA.js} +13 -13
  38. package/lib/src/{bundled-translations.de-DE-BJPw07Ba.js → bundled-translations.de-DE-BKqVO-q2.js} +9 -9
  39. package/lib/src/{bundled-translations.es-ES-DqQ7zLxJ.js → bundled-translations.es-ES-DwKrkWcX.js} +12 -12
  40. package/lib/src/{bundled-translations.fr-CA-2dy4OokC.js → bundled-translations.fr-CA-BZtZzL79.js} +17 -17
  41. package/lib/src/{bundled-translations.fr-FR-Bjh3iNSg.js → bundled-translations.fr-FR-NgI1lWQl.js} +29 -29
  42. package/lib/src/{bundled-translations.pt-BR-BRC_B0LW.js → bundled-translations.pt-BR-DuqcSme7.js} +1 -1
  43. package/lib/src/{bundled-translations.pt-PT-Ka3E8T1F.js → bundled-translations.pt-PT-DDsgh_7r.js} +17 -17
  44. package/lib/src/bundles/bundled-translations.de-DE.json +14 -1
  45. package/lib/src/bundles/bundled-translations.es-ES.json +14 -1
  46. package/lib/src/bundles/bundled-translations.fr-CA.json +14 -1
  47. package/lib/src/bundles/bundled-translations.fr-FR.json +14 -1
  48. package/lib/src/bundles/bundled-translations.json +14 -1
  49. package/lib/src/bundles/bundled-translations.pt-BR.json +14 -1
  50. package/lib/src/bundles/bundled-translations.pt-PT.json +14 -1
  51. package/lib/src/composables/useTranslate.d.ts +1 -1
  52. package/lib/src/composables/useTranslate.js +1 -1
  53. package/lib/src/css/library.brand-page-brandCrowd.min.css +23 -20
  54. package/lib/src/css/library.brand-page-brandPage.min.css +24 -20
  55. package/lib/src/css/library.brand-page-designCom.min.css +23 -20
  56. package/lib/src/css/library.brand-page-preview.min.css +23 -20
  57. package/lib/src/index.mjs +1 -1
  58. package/lib/src/{lib-WUyXDBI4.js → lib-DAR6PgGS.js} +18241 -18191
  59. package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts +7 -9
  60. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +4 -1
  61. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +78 -11
  62. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +30 -3
  63. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +3 -0
  64. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +8 -10
  65. package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js +3 -0
  66. package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +7 -9
  67. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +3 -0
  68. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
  69. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +11 -10
  70. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +1 -1
  71. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +4 -1
  72. package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts +7 -9
  73. package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +3 -0
  74. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +11 -10
  75. package/lib/src/shared/style-settings/components/StyleSettings.stories.js +8 -5
  76. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +3 -0
  77. package/package.json +2 -2
  78. package/src/brand-page/components/page/Page.vue +1 -1
  79. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +0 -2
  80. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +52 -35
  81. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +19 -18
  82. package/src/brand-page-maker/composables/useEventTracker.ts +20 -0
  83. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +11 -6
  84. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +1 -9
  85. package/src/brand-page-maker/stores/event-manager/event-manager-store.ts +3 -3
  86. package/src/brand-page-maker/stores/user/user-store.test.ts +2 -2
  87. package/src/brand-page-maker/stores/user/user-store.ts +17 -19
  88. package/src/brand-page-maker/stores/video/video-store.ts +30 -0
  89. package/src/bundles/bundled-translations.de-DE.json +14 -1
  90. package/src/bundles/bundled-translations.es-ES.json +14 -1
  91. package/src/bundles/bundled-translations.fr-CA.json +14 -1
  92. package/src/bundles/bundled-translations.fr-FR.json +14 -1
  93. package/src/bundles/bundled-translations.json +14 -1
  94. package/src/bundles/bundled-translations.pt-BR.json +14 -1
  95. package/src/bundles/bundled-translations.pt-PT.json +14 -1
  96. package/src/composables/useTranslate.ts +2 -1
  97. package/src/shared/background-settings/components/BackgroundSettings.vue +7 -5
  98. package/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue +41 -1
  99. package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +43 -2
  100. package/src/shared/content-settings/components/image-field/ImageField.mixin.ts +4 -0
  101. package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue +6 -5
  102. package/src/shared/page-settings/store/page-settings-store.test.ts +16 -2
  103. package/src/shared/style-settings/components/StyleSettings.stories.ts +12 -5
  104. package/src/shared/video-library/VideoLibrary.vue +6 -13
  105. package/src/shared/video-library/i18n/video-library.de-DE.json +14 -1
  106. package/src/shared/video-library/i18n/video-library.es-ES.json +14 -1
  107. package/src/shared/video-library/i18n/video-library.fr-CA.json +14 -1
  108. package/src/shared/video-library/i18n/video-library.fr-FR.json +14 -1
  109. package/src/shared/video-library/i18n/video-library.json +14 -1
  110. package/src/shared/video-library/i18n/video-library.pt-BR.json +14 -1
  111. package/src/shared/video-library/i18n/video-library.pt-PT.json +14 -1
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-WUyXDBI4.js";
2
+ import { _ as t } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-WUyXDBI4.js";
2
+ import { _ as e } from "./lib-DAR6PgGS.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-WUyXDBI4.js";
2
+ import { _ as e } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-WUyXDBI4.js";
2
+ import { _ as e } from "./lib-DAR6PgGS.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-WUyXDBI4.js";
2
+ import { _ as e } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-WUyXDBI4.js";
2
+ import { _ as e } from "./lib-DAR6PgGS.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-WUyXDBI4.js";
2
+ import { _ as M } from "./lib-DAR6PgGS.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-WUyXDBI4.js";
2
+ import { _ as M } from "./lib-DAR6PgGS.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -4,15 +4,13 @@ declare const _default: import("vue").DefineComponent<{}, {
4
4
  isPublished: import("vue").ComputedRef<boolean>;
5
5
  isPublishButtonEnabled: import("vue").ComputedRef<boolean>;
6
6
  userStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
7
- setEmailAddress(payload: string): void;
8
- setFeatures(payload: Partial<import("../../../constants/ui").UIUserFeatures>): void;
9
- setHasBrandPagePremiumSubscription(payload: boolean): void;
10
- setIsAdmin(payload: {
11
- isAdmin: boolean;
12
- }): void;
13
- setBrandPageCommissionPercentage(payload: number): void;
14
- setUserToken(payload: {
15
- userToken: string;
7
+ setUserState(payload: {
8
+ emailAddress?: string | undefined;
9
+ userToken?: string | undefined;
10
+ isAdmin?: boolean | undefined;
11
+ hasPremiumSubscription?: boolean | undefined;
12
+ brandPageCommissionPercentage?: number | undefined;
13
+ features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
16
14
  }): void;
17
15
  }>;
18
16
  brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
@@ -116,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{}, {
116
114
  setBrandPageType({ brandPageType }: {
117
115
  brandPageType: "default" | "brandSite" | "brandContact";
118
116
  }): void;
119
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
117
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
120
118
  initialisePages({ pages, sections, }: {
121
119
  pages: import("../../../brand-page").PageModel[];
122
120
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -159,7 +159,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
159
159
  setBrandPageType({ brandPageType }: {
160
160
  brandPageType: "default" | "brandSite" | "brandContact";
161
161
  }): void;
162
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
162
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
163
163
  initialisePages({ pages, sections, }: {
164
164
  pages: import("../../../brand-page").PageModel[];
165
165
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -192,15 +192,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
192
192
  setSelectedTabName(payload: import("../../../lib").SetSelectedTabNamePayload): void;
193
193
  }>;
194
194
  userStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
195
- setEmailAddress(payload: string): void;
196
- setFeatures(payload: Partial<import("../../../constants/ui").UIUserFeatures>): void;
197
- setHasBrandPagePremiumSubscription(payload: boolean): void;
198
- setIsAdmin(payload: {
199
- isAdmin: boolean;
200
- }): void;
201
- setBrandPageCommissionPercentage(payload: number): void;
202
- setUserToken(payload: {
203
- userToken: string;
195
+ setUserState(payload: {
196
+ emailAddress?: string | undefined;
197
+ userToken?: string | undefined;
198
+ isAdmin?: boolean | undefined;
199
+ hasPremiumSubscription?: boolean | undefined;
200
+ brandPageCommissionPercentage?: number | undefined;
201
+ features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
204
202
  }): void;
205
203
  }>;
206
204
  containerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
@@ -1197,6 +1195,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1197
1195
  videoUrl: string;
1198
1196
  previewImageUrl: string;
1199
1197
  };
1198
+ hasReachedLimitForVideo(): boolean;
1199
+ canAddNewVideo(): boolean;
1200
1200
  }, {
1201
1201
  setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
1202
1202
  setGettyImageKeyPrefix(prefix: string): void;
@@ -140,8 +140,6 @@ export default defineComponent({
140
140
  });
141
141
  await this.brandPageMakerStore.initialise({
142
142
  brandPage,
143
- emailAddress: this.viewModel.emailAddress,
144
- features: this.viewModel.features,
145
143
  logoDraftDesignAttributes: this.viewModel.logoDraftDesignAttributes,
146
144
  unsplashApplicationName: this.viewModel.unsplashApplicationName,
147
145
  templateCategories: this.viewModel.templateCategories,
@@ -179,9 +179,11 @@ const InitialiseMakerStores = (options) => {
179
179
  gettyVideos: [],
180
180
  templateSearchTerm: undefined,
181
181
  });
182
- userStore.setIsAdmin({ isAdmin: options.isAdmin || false });
183
- userStore.setHasBrandPagePremiumSubscription(false);
184
- userStore.setBrandPageCommissionPercentage(0.1);
182
+ userStore.setUserState({
183
+ isAdmin: options.isAdmin,
184
+ hasPremiumSubscription: false,
185
+ brandPageCommissionPercentage: 0.1,
186
+ });
185
187
  };
186
188
  const FABRIC_RENDER_BASE_URL = 'https://localhost:6006/';
187
189
  const SAMPLE_BRAND_PAGE_URL = 'https://brand.page';
@@ -239,12 +241,18 @@ export const SampleDesktopManagePages = () => {
239
241
  InitialiseMakerStores({});
240
242
  const contentSettingsStore = useUiContentSettingsStore();
241
243
  const brandPageMakerStore = useBrandPageMakerStore();
244
+ const userStore = useBrandPageMakerUserStore();
242
245
  contentSettingsStore.pushMode({
243
246
  mode: CONTENT_SETTINGS_MODES.pages,
244
247
  });
245
248
  brandPageMakerStore.setViewport({
246
249
  viewport: VIEWPORTS.desktop,
247
250
  });
251
+ userStore.setUserState({
252
+ features: {
253
+ ...userFeatures,
254
+ },
255
+ });
248
256
  return defineComponent({
249
257
  components: {
250
258
  BrandPageMaker,
@@ -292,10 +300,6 @@ export const SampleDesktopManagePages = () => {
292
300
  isSaving: false,
293
301
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
294
302
  logoVariationImageUrls,
295
- features: {
296
- ...userFeatures,
297
- canAddMoreThanThreePages: true,
298
- },
299
303
  templateCategories: TEMPLATE_CATEGORIES,
300
304
  },
301
305
  };
@@ -314,11 +318,17 @@ export const SampleBanner = () => {
314
318
  const pinia = setupStoryPinia();
315
319
  InitialiseMakerStores({});
316
320
  const brandPageMakerStore = useBrandPageMakerStore();
321
+ const userStore = useBrandPageMakerUserStore();
317
322
  const bannerContent = createInitialBannerSectionContent();
318
323
  bannerContent.description = 'Lorem ipsum dolor sit amet';
319
324
  brandPageMakerStore.setViewport({
320
325
  viewport: VIEWPORTS.desktop,
321
326
  });
327
+ userStore.setUserState({
328
+ features: {
329
+ ...userFeatures,
330
+ },
331
+ });
322
332
  return defineComponent({
323
333
  components: {
324
334
  BrandPageMaker,
@@ -340,10 +350,6 @@ export const SampleBanner = () => {
340
350
  isSaving: false,
341
351
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
342
352
  logoVariationImageUrls,
343
- features: {
344
- ...userFeatures,
345
- canAddMoreThanThreePages: true,
346
- },
347
353
  templateCategories: TEMPLATE_CATEGORIES,
348
354
  },
349
355
  };
@@ -845,6 +851,7 @@ export const SamplePremiumUser = () => {
845
851
  },
846
852
  setup() {
847
853
  const containerStore = useBrandPageContainerStore();
854
+ const userStore = useBrandPageMakerUserStore();
848
855
  const logoStore = useLogoStore();
849
856
  logoStore.initialise({
850
857
  logoTemplateAsset: {
@@ -857,6 +864,17 @@ export const SamplePremiumUser = () => {
857
864
  containerStore.$patch({
858
865
  baseFabricRenderUrl: FABRIC_RENDER_BASE_URL,
859
866
  });
867
+ userStore.setUserState({
868
+ features: {
869
+ ...userFeatures,
870
+ showBrandCrowdLogo: false,
871
+ canAddVideoContents: true,
872
+ canUploadBackgroundImages: true,
873
+ canAddMapContents: true,
874
+ canAddContactFormContents: true,
875
+ canAddLibraryBackgroundImages: true,
876
+ },
877
+ });
860
878
  },
861
879
  data() {
862
880
  return {
@@ -865,16 +883,6 @@ export const SamplePremiumUser = () => {
865
883
  isSaving: false,
866
884
  logoVariationImageUrls,
867
885
  logoDraftDesignAttributes: gradientLogoDesignAttributes,
868
- features: {
869
- ...userFeatures,
870
- showBrandCrowdLogo: false,
871
- canAddVideoContents: true,
872
- canUploadBackgroundImages: true,
873
- canAddMapContents: true,
874
- canAddContactFormContents: true,
875
- canAddLibraryBackgroundImages: true,
876
- canAddMoreThanThreePages: true,
877
- },
878
886
  initialCategories: {},
879
887
  },
880
888
  };
@@ -901,6 +909,7 @@ export const SamplePremiumBContactUser = () => {
901
909
  },
902
910
  setup() {
903
911
  const containerStore = useBrandPageContainerStore();
912
+ const userStore = useBrandPageMakerUserStore();
904
913
  const logoStore = useLogoStore();
905
914
  logoStore.initialise({
906
915
  logoTemplateAsset: {
@@ -913,6 +922,17 @@ export const SamplePremiumBContactUser = () => {
913
922
  containerStore.$patch({
914
923
  baseFabricRenderUrl: FABRIC_RENDER_BASE_URL,
915
924
  });
925
+ userStore.setUserState({
926
+ features: {
927
+ ...userFeatures,
928
+ showBrandCrowdLogo: false,
929
+ canAddVideoContents: true,
930
+ canUploadBackgroundImages: true,
931
+ canAddMapContents: true,
932
+ canAddContactFormContents: true,
933
+ canAddLibraryBackgroundImages: true,
934
+ },
935
+ });
916
936
  },
917
937
  data() {
918
938
  return {
@@ -921,16 +941,6 @@ export const SamplePremiumBContactUser = () => {
921
941
  isSaving: false,
922
942
  logoVariationImageUrls,
923
943
  logoDraftDesignAttributes: gradientLogoDesignAttributes,
924
- features: {
925
- ...userFeatures,
926
- showBrandCrowdLogo: false,
927
- canAddVideoContents: true,
928
- canUploadBackgroundImages: true,
929
- canAddMapContents: true,
930
- canAddContactFormContents: true,
931
- canAddLibraryBackgroundImages: true,
932
- canAddMoreThanThreePages: true,
933
- },
934
944
  initialCategories: {},
935
945
  },
936
946
  };
@@ -1476,6 +1486,7 @@ export const TextStyleOptions = () => {
1476
1486
  InitialiseMakerStores({});
1477
1487
  const imageUrl = 'https://source.unsplash.com/random/400x225?1';
1478
1488
  const brandPageMakerStore = useBrandPageMakerStore();
1489
+ const userStore = useBrandPageMakerUserStore();
1479
1490
  brandPageMakerStore.setSelectedTabName({
1480
1491
  tabName: SIDE_BAR_TAB_NAMES.STYLE_SETTINGS,
1481
1492
  });
@@ -1561,6 +1572,11 @@ export const TextStyleOptions = () => {
1561
1572
  brandPageMakerStore.setViewport({
1562
1573
  viewport: VIEWPORTS.desktop,
1563
1574
  });
1575
+ userStore.setUserState({
1576
+ features: {
1577
+ ...userFeatures,
1578
+ },
1579
+ });
1564
1580
  return defineComponent({
1565
1581
  components: {
1566
1582
  BrandPageMaker,
@@ -1582,10 +1598,6 @@ export const TextStyleOptions = () => {
1582
1598
  isSaving: false,
1583
1599
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
1584
1600
  logoVariationImageUrls,
1585
- features: {
1586
- ...userFeatures,
1587
- canAddMoreThanThreePages: true,
1588
- },
1589
1601
  templateCategories: TEMPLATE_CATEGORIES,
1590
1602
  },
1591
1603
  };
@@ -104,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{}, {
104
104
  setBrandPageType({ brandPageType }: {
105
105
  brandPageType: "default" | "brandSite" | "brandContact";
106
106
  }): void;
107
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
107
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
108
108
  initialisePages({ pages, sections, }: {
109
109
  pages: import("../../../lib").PageModel[];
110
110
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -2,6 +2,7 @@ import type { BrandPageData, UserPersonalisation, UserPersonalisationContent } f
2
2
  import type { InitialisePayload } from '../../../stores';
3
3
  import type { UserFeatures } from '../../../stores';
4
4
  import type { AdminPreviewLogoTemplateModel } from '../../../stores/admin-logo-settings';
5
+ import type { UIUserFeatures } from 'src/constants/ui';
5
6
  export declare const storyEmailAddress = "test@test.com";
6
7
  export declare const userFeatures: UserFeatures;
7
8
  export declare const BRAND_PAGE: BrandPageData;
@@ -1129,6 +1130,7 @@ export declare const brandPageBackgroundGradient: BrandPageData;
1129
1130
  export declare const brandPageBackgroundGradientWithShapes: BrandPageData;
1130
1131
  export declare const brandPageEmpty: BrandPageData;
1131
1132
  export declare const brandPageCustom: BrandPageData;
1133
+ export declare const USER_FEATURES: UIUserFeatures;
1132
1134
  export declare const INITIALISE_PAYLOAD: InitialisePayload;
1133
1135
  export declare const ADMIN_PREVIEW_LOGO_TEMPLATE_MODELS: AdminPreviewLogoTemplateModel[];
1134
1136
  export declare const BRAND_PAGE_PERSONALISED: BrandPageData;
@@ -2010,26 +2010,25 @@ export const brandPageCustom = {
2010
2010
  },
2011
2011
  },
2012
2012
  };
2013
+ export const USER_FEATURES = Object.freeze({
2014
+ showBrandCrowdLogo: true,
2015
+ canAddImageContents: true,
2016
+ canAddVideoContents: false,
2017
+ canAddMapContents: false,
2018
+ canAddLibraryBackgroundImages: true,
2019
+ canAddRequestPaymentContents: true,
2020
+ canAddShopContents: true,
2021
+ canUploadBackgroundImages: false,
2022
+ canAddContactFormContents: true,
2023
+ canUseRichTextEditor: false,
2024
+ canUsePremiumFontFamily: true,
2025
+ maxNumOfPages: UNLIMITED_MAX_NUM_OF_PAGES,
2026
+ canUseGettyVideos: true,
2027
+ canUseGoogleAdsense: false,
2028
+ googleAdsenseEnabled: true,
2029
+ });
2013
2030
  export const INITIALISE_PAYLOAD = Object.freeze({
2014
2031
  brandPage: BRAND_PAGE,
2015
- emailAddress: storyEmailAddress,
2016
- features: {
2017
- showBrandCrowdLogo: true,
2018
- canAddImageContents: true,
2019
- canAddVideoContents: false,
2020
- canAddMapContents: false,
2021
- canAddLibraryBackgroundImages: true,
2022
- canAddRequestPaymentContents: true,
2023
- canAddShopContents: true,
2024
- canUploadBackgroundImages: false,
2025
- canAddContactFormContents: true,
2026
- canUseRichTextEditor: false,
2027
- canUsePremiumFontFamily: true,
2028
- maxNumOfPages: UNLIMITED_MAX_NUM_OF_PAGES,
2029
- canUseGettyVideos: true,
2030
- canUseGoogleAdsense: false,
2031
- googleAdsenseEnabled: true,
2032
- },
2033
2032
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
2034
2033
  backUrl: '',
2035
2034
  logoVariationImageUrls: [],
@@ -610,7 +610,7 @@ declare const _default: import("vue").DefineComponent<{}, {
610
610
  setBrandPageType({ brandPageType }: {
611
611
  brandPageType: "default" | "brandSite" | "brandContact";
612
612
  }): void;
613
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
613
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
614
614
  initialisePages({ pages, sections, }: {
615
615
  pages: import("../../../brand-page").PageModel[];
616
616
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -993,6 +993,9 @@ declare const _default: import("vue").DefineComponent<{}, {
993
993
  setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
994
994
  }>;
995
995
  eventTracker: {
996
+ sendGettyVideoAddEvent: () => void;
997
+ sendGettyVideoReplaceEvent: () => void;
998
+ sendGettyVideoRemoveEvent: () => void;
996
999
  sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
997
1000
  setGlobalEventProps: (props: Omit<import("../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
998
1001
  setUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
110
110
  setBrandPageType({ brandPageType }: {
111
111
  brandPageType: "default" | "brandSite" | "brandContact";
112
112
  }): void;
113
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
113
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
114
114
  initialisePages({ pages, sections, }: {
115
115
  pages: import("../../../brand-page").PageModel[];
116
116
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -137,15 +137,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
137
137
  selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
138
138
  }>;
139
139
  userStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
140
- setEmailAddress(payload: string): void;
141
- setFeatures(payload: Partial<import("../../../constants/ui").UIUserFeatures>): void;
142
- setHasBrandPagePremiumSubscription(payload: boolean): void;
143
- setIsAdmin(payload: {
144
- isAdmin: boolean;
145
- }): void;
146
- setBrandPageCommissionPercentage(payload: number): void;
147
- setUserToken(payload: {
148
- userToken: string;
140
+ setUserState(payload: {
141
+ emailAddress?: string | undefined;
142
+ userToken?: string | undefined;
143
+ isAdmin?: boolean | undefined;
144
+ hasPremiumSubscription?: boolean | undefined;
145
+ brandPageCommissionPercentage?: number | undefined;
146
+ features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
149
147
  }): void;
150
148
  }>;
151
149
  }, {
@@ -354,7 +354,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
354
354
  setBrandPageType({ brandPageType }: {
355
355
  brandPageType: "default" | "brandSite" | "brandContact";
356
356
  }): void;
357
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
357
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
358
358
  initialisePages({ pages, sections, }: {
359
359
  pages: import("../../../brand-page").PageModel[];
360
360
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -355,7 +355,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
355
355
  setBrandPageType({ brandPageType }: {
356
356
  brandPageType: "default" | "brandSite" | "brandContact";
357
357
  }): void;
358
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
358
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
359
359
  initialisePages({ pages, sections, }: {
360
360
  pages: import("../../../brand-page").PageModel[];
361
361
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
120
120
  setBrandPageType({ brandPageType }: {
121
121
  brandPageType: "default" | "brandSite" | "brandContact";
122
122
  }): void;
123
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
123
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
124
124
  initialisePages({ pages, sections, }: {
125
125
  pages: import("../../../brand-page").PageModel[];
126
126
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -71,15 +71,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
71
71
  selectedTab: import("vue").ComputedRef<string>;
72
72
  renderAsImage: import("vue").ComputedRef<boolean>;
73
73
  brandPageMakerUserStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
74
- setEmailAddress(payload: string): void;
75
- setFeatures(payload: Partial<import("../../../constants/ui").UIUserFeatures>): void;
76
- setHasBrandPagePremiumSubscription(payload: boolean): void;
77
- setIsAdmin(payload: {
78
- isAdmin: boolean;
79
- }): void;
80
- setBrandPageCommissionPercentage(payload: number): void;
81
- setUserToken(payload: {
82
- userToken: string;
74
+ setUserState(payload: {
75
+ emailAddress?: string | undefined;
76
+ userToken?: string | undefined;
77
+ isAdmin?: boolean | undefined;
78
+ hasPremiumSubscription?: boolean | undefined;
79
+ brandPageCommissionPercentage?: number | undefined;
80
+ features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
83
81
  }): void;
84
82
  }>;
85
83
  brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
@@ -408,7 +406,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
408
406
  setBrandPageType({ brandPageType }: {
409
407
  brandPageType: "default" | "brandSite" | "brandContact";
410
408
  }): void;
411
- initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
409
+ initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
412
410
  initialisePages({ pages, sections, }: {
413
411
  pages: import("../../../brand-page").PageModel[];
414
412
  sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -51,6 +51,7 @@ export declare const EVENTS: {
51
51
  WEBSITE_START_FOR_FREE: string;
52
52
  WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: string;
53
53
  WEBSITE_MAKER_DOMAIN_UPSELL_MODAL: string;
54
+ WEBSITE_MAKER_GETTY_VIDEO: string;
54
55
  };
55
56
  export declare const SELECT_LOCATIONS: {
56
57
  MAKER_PREVIEW: string;
@@ -108,6 +109,9 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
108
109
  FREEMIUM: string;
109
110
  };
110
111
  declare const useEventTracker: () => {
112
+ sendGettyVideoAddEvent: () => void;
113
+ sendGettyVideoReplaceEvent: () => void;
114
+ sendGettyVideoRemoveEvent: () => void;
111
115
  sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
112
116
  setGlobalEventProps: (props: Omit<BpGlobalEventProps, 'template_category'>) => void;
113
117
  setUpsellBridgeState: (props: BpUpsellEventProps) => void;