@designcrowd/library.brand-page 5.16.34 → 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 (119) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-D91N-tbm.js → CreatedOnBrandCrowd-de-de-DVJiCllu.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BmcF4WYm.js → CreatedOnBrandCrowd-en-us-C0ySCxIL.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-CRAWWkm0.js → CreatedOnBrandCrowd-es-es-Lx2TeOFQ.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-Crg5ty-A.js → CreatedOnBrandCrowd-fr-ca-hnZGTPjT.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-Crg5ty-A.js → CreatedOnBrandCrowd-fr-fr-hnZGTPjT.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-IPV8Z-Ww.js → CreatedOnBrandCrowd-pt-br-DS1LjpsM.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-IPV8Z-Ww.js → CreatedOnBrandCrowd-pt-pt-DS1LjpsM.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CmljZBtX.js → CreatedOnDcom-de-de-CEb2I9b_.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-B-VY4Bpb.js → CreatedOnDcom-en-us-BV3oETu_.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-BH3XI3P0.js → CreatedOnDcom-es-es-D4Y8_uzV.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-BX8FjPKR.js → CreatedOnDcom-fr-ca-D0zmS934.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BM-qEmPv.js → CreatedOnDcom-fr-fr-nPvCDeF3.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-DX_aD3XN.js → CreatedOnDcom-pt-br-LnkzeH5-.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-oFipORQP.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 +13 -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 +48 -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-container/brand-page-container-store.d.ts +1 -0
  31. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +5 -0
  32. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +1 -4
  33. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +2 -4
  34. package/lib/src/brand-page-maker/stores/event-manager/event-manager-store.js +3 -3
  35. package/lib/src/brand-page-maker/stores/user/user-store.d.ts +8 -10
  36. package/lib/src/brand-page-maker/stores/user/user-store.js +9 -18
  37. package/lib/src/brand-page-maker/stores/video/video-store.d.ts +3 -0
  38. package/lib/src/brand-page-maker/stores/video/video-store.js +22 -0
  39. package/lib/src/{bundled-translations-CMyG8Azk.js → bundled-translations-EqxiRIwA.js} +13 -13
  40. package/lib/src/{bundled-translations.de-DE-BJPw07Ba.js → bundled-translations.de-DE-BKqVO-q2.js} +9 -9
  41. package/lib/src/{bundled-translations.es-ES-DqQ7zLxJ.js → bundled-translations.es-ES-DwKrkWcX.js} +12 -12
  42. package/lib/src/{bundled-translations.fr-CA-2dy4OokC.js → bundled-translations.fr-CA-BZtZzL79.js} +17 -17
  43. package/lib/src/{bundled-translations.fr-FR-Bjh3iNSg.js → bundled-translations.fr-FR-NgI1lWQl.js} +29 -29
  44. package/lib/src/{bundled-translations.pt-BR-BRC_B0LW.js → bundled-translations.pt-BR-DuqcSme7.js} +1 -1
  45. package/lib/src/{bundled-translations.pt-PT-Ka3E8T1F.js → bundled-translations.pt-PT-DDsgh_7r.js} +17 -17
  46. package/lib/src/bundles/bundled-translations.de-DE.json +14 -1
  47. package/lib/src/bundles/bundled-translations.es-ES.json +14 -1
  48. package/lib/src/bundles/bundled-translations.fr-CA.json +14 -1
  49. package/lib/src/bundles/bundled-translations.fr-FR.json +14 -1
  50. package/lib/src/bundles/bundled-translations.json +14 -1
  51. package/lib/src/bundles/bundled-translations.pt-BR.json +14 -1
  52. package/lib/src/bundles/bundled-translations.pt-PT.json +14 -1
  53. package/lib/src/composables/useTranslate.d.ts +1 -1
  54. package/lib/src/composables/useTranslate.js +1 -1
  55. package/lib/src/css/library.brand-page-brandCrowd.min.css +23 -20
  56. package/lib/src/css/library.brand-page-brandPage.min.css +24 -20
  57. package/lib/src/css/library.brand-page-designCom.min.css +23 -20
  58. package/lib/src/css/library.brand-page-preview.min.css +23 -20
  59. package/lib/src/index.mjs +1 -1
  60. package/lib/src/{lib-R9y_fcgW.js → lib-DAR6PgGS.js} +18252 -18193
  61. package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts +7 -9
  62. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +4 -1
  63. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +78 -11
  64. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +30 -3
  65. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +3 -0
  66. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +8 -10
  67. package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js +3 -0
  68. package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +7 -9
  69. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +3 -0
  70. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
  71. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +11 -10
  72. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +1 -1
  73. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +4 -1
  74. package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts +7 -9
  75. package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +3 -0
  76. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +11 -10
  77. package/lib/src/shared/style-settings/components/StyleSettings.stories.js +8 -5
  78. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +7 -0
  79. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.js +10 -3
  80. package/lib/src/shared/template-settings/store/template-settings-store.d.ts +4 -0
  81. package/lib/src/shared/template-settings/store/template-settings-store.js +4 -0
  82. package/package.json +2 -2
  83. package/src/brand-page/components/page/Page.vue +1 -1
  84. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +0 -2
  85. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +53 -35
  86. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +19 -18
  87. package/src/brand-page-maker/composables/useEventTracker.ts +20 -0
  88. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +7 -0
  89. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +11 -6
  90. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +1 -9
  91. package/src/brand-page-maker/stores/event-manager/event-manager-store.ts +3 -3
  92. package/src/brand-page-maker/stores/user/user-store.test.ts +2 -2
  93. package/src/brand-page-maker/stores/user/user-store.ts +17 -19
  94. package/src/brand-page-maker/stores/video/video-store.ts +30 -0
  95. package/src/bundles/bundled-translations.de-DE.json +14 -1
  96. package/src/bundles/bundled-translations.es-ES.json +14 -1
  97. package/src/bundles/bundled-translations.fr-CA.json +14 -1
  98. package/src/bundles/bundled-translations.fr-FR.json +14 -1
  99. package/src/bundles/bundled-translations.json +14 -1
  100. package/src/bundles/bundled-translations.pt-BR.json +14 -1
  101. package/src/bundles/bundled-translations.pt-PT.json +14 -1
  102. package/src/composables/useTranslate.ts +2 -1
  103. package/src/shared/background-settings/components/BackgroundSettings.vue +7 -5
  104. package/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue +41 -1
  105. package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +43 -2
  106. package/src/shared/content-settings/components/image-field/ImageField.mixin.ts +4 -0
  107. package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue +6 -5
  108. package/src/shared/page-settings/store/page-settings-store.test.ts +16 -2
  109. package/src/shared/style-settings/components/StyleSettings.stories.ts +12 -5
  110. package/src/shared/template-settings/components/TemplatesSettings.mixin.ts +11 -3
  111. package/src/shared/template-settings/store/template-settings-store.ts +5 -0
  112. package/src/shared/video-library/VideoLibrary.vue +6 -13
  113. package/src/shared/video-library/i18n/video-library.de-DE.json +14 -1
  114. package/src/shared/video-library/i18n/video-library.es-ES.json +14 -1
  115. package/src/shared/video-library/i18n/video-library.fr-CA.json +14 -1
  116. package/src/shared/video-library/i18n/video-library.fr-FR.json +14 -1
  117. package/src/shared/video-library/i18n/video-library.json +14 -1
  118. package/src/shared/video-library/i18n/video-library.pt-BR.json +14 -1
  119. 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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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-R9y_fcgW.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, {
@@ -1031,6 +1029,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1031
1029
  selectInitialTemplateCategory(payload: {
1032
1030
  selectedCategory: string;
1033
1031
  }): void;
1032
+ setInitialSearchTerm(payload: {
1033
+ initialSearchTerm: string;
1034
+ }): void;
1034
1035
  clearTemplates(): void;
1035
1036
  getTemplateByTemplateId(id: string): import("../../../shared/template-settings/models").TemplateSettingsTemplate | undefined;
1036
1037
  setupLogoChangeWatcher(): void;
@@ -1194,6 +1195,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1194
1195
  videoUrl: string;
1195
1196
  previewImageUrl: string;
1196
1197
  };
1198
+ hasReachedLimitForVideo(): boolean;
1199
+ canAddNewVideo(): boolean;
1197
1200
  }, {
1198
1201
  setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
1199
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,
@@ -177,10 +177,13 @@ const InitialiseMakerStores = (options) => {
177
177
  contextualUpgradeType: undefined,
178
178
  isContextualUpgradeModalVisible: false,
179
179
  gettyVideos: [],
180
+ templateSearchTerm: undefined,
181
+ });
182
+ userStore.setUserState({
183
+ isAdmin: options.isAdmin,
184
+ hasPremiumSubscription: false,
185
+ brandPageCommissionPercentage: 0.1,
180
186
  });
181
- userStore.setIsAdmin({ isAdmin: options.isAdmin || false });
182
- userStore.setHasBrandPagePremiumSubscription(false);
183
- userStore.setBrandPageCommissionPercentage(0.1);
184
187
  };
185
188
  const FABRIC_RENDER_BASE_URL = 'https://localhost:6006/';
186
189
  const SAMPLE_BRAND_PAGE_URL = 'https://brand.page';
@@ -238,12 +241,18 @@ export const SampleDesktopManagePages = () => {
238
241
  InitialiseMakerStores({});
239
242
  const contentSettingsStore = useUiContentSettingsStore();
240
243
  const brandPageMakerStore = useBrandPageMakerStore();
244
+ const userStore = useBrandPageMakerUserStore();
241
245
  contentSettingsStore.pushMode({
242
246
  mode: CONTENT_SETTINGS_MODES.pages,
243
247
  });
244
248
  brandPageMakerStore.setViewport({
245
249
  viewport: VIEWPORTS.desktop,
246
250
  });
251
+ userStore.setUserState({
252
+ features: {
253
+ ...userFeatures,
254
+ },
255
+ });
247
256
  return defineComponent({
248
257
  components: {
249
258
  BrandPageMaker,
@@ -291,10 +300,6 @@ export const SampleDesktopManagePages = () => {
291
300
  isSaving: false,
292
301
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
293
302
  logoVariationImageUrls,
294
- features: {
295
- ...userFeatures,
296
- canAddMoreThanThreePages: true,
297
- },
298
303
  templateCategories: TEMPLATE_CATEGORIES,
299
304
  },
300
305
  };
@@ -313,11 +318,17 @@ export const SampleBanner = () => {
313
318
  const pinia = setupStoryPinia();
314
319
  InitialiseMakerStores({});
315
320
  const brandPageMakerStore = useBrandPageMakerStore();
321
+ const userStore = useBrandPageMakerUserStore();
316
322
  const bannerContent = createInitialBannerSectionContent();
317
323
  bannerContent.description = 'Lorem ipsum dolor sit amet';
318
324
  brandPageMakerStore.setViewport({
319
325
  viewport: VIEWPORTS.desktop,
320
326
  });
327
+ userStore.setUserState({
328
+ features: {
329
+ ...userFeatures,
330
+ },
331
+ });
321
332
  return defineComponent({
322
333
  components: {
323
334
  BrandPageMaker,
@@ -339,10 +350,6 @@ export const SampleBanner = () => {
339
350
  isSaving: false,
340
351
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
341
352
  logoVariationImageUrls,
342
- features: {
343
- ...userFeatures,
344
- canAddMoreThanThreePages: true,
345
- },
346
353
  templateCategories: TEMPLATE_CATEGORIES,
347
354
  },
348
355
  };
@@ -844,6 +851,7 @@ export const SamplePremiumUser = () => {
844
851
  },
845
852
  setup() {
846
853
  const containerStore = useBrandPageContainerStore();
854
+ const userStore = useBrandPageMakerUserStore();
847
855
  const logoStore = useLogoStore();
848
856
  logoStore.initialise({
849
857
  logoTemplateAsset: {
@@ -856,6 +864,17 @@ export const SamplePremiumUser = () => {
856
864
  containerStore.$patch({
857
865
  baseFabricRenderUrl: FABRIC_RENDER_BASE_URL,
858
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
+ });
859
878
  },
860
879
  data() {
861
880
  return {
@@ -864,16 +883,6 @@ export const SamplePremiumUser = () => {
864
883
  isSaving: false,
865
884
  logoVariationImageUrls,
866
885
  logoDraftDesignAttributes: gradientLogoDesignAttributes,
867
- features: {
868
- ...userFeatures,
869
- showBrandCrowdLogo: false,
870
- canAddVideoContents: true,
871
- canUploadBackgroundImages: true,
872
- canAddMapContents: true,
873
- canAddContactFormContents: true,
874
- canAddLibraryBackgroundImages: true,
875
- canAddMoreThanThreePages: true,
876
- },
877
886
  initialCategories: {},
878
887
  },
879
888
  };
@@ -900,6 +909,7 @@ export const SamplePremiumBContactUser = () => {
900
909
  },
901
910
  setup() {
902
911
  const containerStore = useBrandPageContainerStore();
912
+ const userStore = useBrandPageMakerUserStore();
903
913
  const logoStore = useLogoStore();
904
914
  logoStore.initialise({
905
915
  logoTemplateAsset: {
@@ -912,6 +922,17 @@ export const SamplePremiumBContactUser = () => {
912
922
  containerStore.$patch({
913
923
  baseFabricRenderUrl: FABRIC_RENDER_BASE_URL,
914
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
+ });
915
936
  },
916
937
  data() {
917
938
  return {
@@ -920,16 +941,6 @@ export const SamplePremiumBContactUser = () => {
920
941
  isSaving: false,
921
942
  logoVariationImageUrls,
922
943
  logoDraftDesignAttributes: gradientLogoDesignAttributes,
923
- features: {
924
- ...userFeatures,
925
- showBrandCrowdLogo: false,
926
- canAddVideoContents: true,
927
- canUploadBackgroundImages: true,
928
- canAddMapContents: true,
929
- canAddContactFormContents: true,
930
- canAddLibraryBackgroundImages: true,
931
- canAddMoreThanThreePages: true,
932
- },
933
944
  initialCategories: {},
934
945
  },
935
946
  };
@@ -1475,6 +1486,7 @@ export const TextStyleOptions = () => {
1475
1486
  InitialiseMakerStores({});
1476
1487
  const imageUrl = 'https://source.unsplash.com/random/400x225?1';
1477
1488
  const brandPageMakerStore = useBrandPageMakerStore();
1489
+ const userStore = useBrandPageMakerUserStore();
1478
1490
  brandPageMakerStore.setSelectedTabName({
1479
1491
  tabName: SIDE_BAR_TAB_NAMES.STYLE_SETTINGS,
1480
1492
  });
@@ -1560,6 +1572,11 @@ export const TextStyleOptions = () => {
1560
1572
  brandPageMakerStore.setViewport({
1561
1573
  viewport: VIEWPORTS.desktop,
1562
1574
  });
1575
+ userStore.setUserState({
1576
+ features: {
1577
+ ...userFeatures,
1578
+ },
1579
+ });
1563
1580
  return defineComponent({
1564
1581
  components: {
1565
1582
  BrandPageMaker,
@@ -1581,10 +1598,6 @@ export const TextStyleOptions = () => {
1581
1598
  isSaving: false,
1582
1599
  logoDraftDesignAttributes: simpleLogoDesignAttributes,
1583
1600
  logoVariationImageUrls,
1584
- features: {
1585
- ...userFeatures,
1586
- canAddMoreThanThreePages: true,
1587
- },
1588
1601
  templateCategories: TEMPLATE_CATEGORIES,
1589
1602
  },
1590
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;