@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.
- package/lib/src/{CreatedOnBrandCrowd-de-de-D91N-tbm.js → CreatedOnBrandCrowd-de-de-DVJiCllu.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-BmcF4WYm.js → CreatedOnBrandCrowd-en-us-C0ySCxIL.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-CRAWWkm0.js → CreatedOnBrandCrowd-es-es-Lx2TeOFQ.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-Crg5ty-A.js → CreatedOnBrandCrowd-fr-ca-hnZGTPjT.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-Crg5ty-A.js → CreatedOnBrandCrowd-fr-fr-hnZGTPjT.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-IPV8Z-Ww.js → CreatedOnBrandCrowd-pt-br-DS1LjpsM.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-IPV8Z-Ww.js → CreatedOnBrandCrowd-pt-pt-DS1LjpsM.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-CmljZBtX.js → CreatedOnDcom-de-de-CEb2I9b_.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-B-VY4Bpb.js → CreatedOnDcom-en-us-BV3oETu_.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-BH3XI3P0.js → CreatedOnDcom-es-es-D4Y8_uzV.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-BX8FjPKR.js → CreatedOnDcom-fr-ca-D0zmS934.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-BM-qEmPv.js → CreatedOnDcom-fr-fr-nPvCDeF3.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-DX_aD3XN.js → CreatedOnDcom-pt-br-LnkzeH5-.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-oFipORQP.js → CreatedOnDcom-pt-pt-BlRxxeSh.js} +1 -1
- package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +8 -10
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +13 -10
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +0 -2
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +48 -35
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.d.ts +2 -0
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +17 -18
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +4 -1
- package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +8 -10
- package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +8 -10
- package/lib/src/brand-page-maker/composables/useEventTracker.d.ts +4 -0
- package/lib/src/brand-page-maker/composables/useEventTracker.js +19 -0
- package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts +1 -0
- package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +5 -0
- package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +1 -4
- package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +2 -4
- package/lib/src/brand-page-maker/stores/event-manager/event-manager-store.js +3 -3
- package/lib/src/brand-page-maker/stores/user/user-store.d.ts +8 -10
- package/lib/src/brand-page-maker/stores/user/user-store.js +9 -18
- package/lib/src/brand-page-maker/stores/video/video-store.d.ts +3 -0
- package/lib/src/brand-page-maker/stores/video/video-store.js +22 -0
- package/lib/src/{bundled-translations-CMyG8Azk.js → bundled-translations-EqxiRIwA.js} +13 -13
- package/lib/src/{bundled-translations.de-DE-BJPw07Ba.js → bundled-translations.de-DE-BKqVO-q2.js} +9 -9
- package/lib/src/{bundled-translations.es-ES-DqQ7zLxJ.js → bundled-translations.es-ES-DwKrkWcX.js} +12 -12
- package/lib/src/{bundled-translations.fr-CA-2dy4OokC.js → bundled-translations.fr-CA-BZtZzL79.js} +17 -17
- package/lib/src/{bundled-translations.fr-FR-Bjh3iNSg.js → bundled-translations.fr-FR-NgI1lWQl.js} +29 -29
- package/lib/src/{bundled-translations.pt-BR-BRC_B0LW.js → bundled-translations.pt-BR-DuqcSme7.js} +1 -1
- package/lib/src/{bundled-translations.pt-PT-Ka3E8T1F.js → bundled-translations.pt-PT-DDsgh_7r.js} +17 -17
- package/lib/src/bundles/bundled-translations.de-DE.json +14 -1
- package/lib/src/bundles/bundled-translations.es-ES.json +14 -1
- package/lib/src/bundles/bundled-translations.fr-CA.json +14 -1
- package/lib/src/bundles/bundled-translations.fr-FR.json +14 -1
- package/lib/src/bundles/bundled-translations.json +14 -1
- package/lib/src/bundles/bundled-translations.pt-BR.json +14 -1
- package/lib/src/bundles/bundled-translations.pt-PT.json +14 -1
- package/lib/src/composables/useTranslate.d.ts +1 -1
- package/lib/src/composables/useTranslate.js +1 -1
- package/lib/src/css/library.brand-page-brandCrowd.min.css +23 -20
- package/lib/src/css/library.brand-page-brandPage.min.css +24 -20
- package/lib/src/css/library.brand-page-designCom.min.css +23 -20
- package/lib/src/css/library.brand-page-preview.min.css +23 -20
- package/lib/src/index.mjs +1 -1
- package/lib/src/{lib-R9y_fcgW.js → lib-DAR6PgGS.js} +18252 -18193
- package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts +7 -9
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +4 -1
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +78 -11
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +30 -3
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +3 -0
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +8 -10
- package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js +3 -0
- package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +7 -9
- package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +3 -0
- package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +11 -10
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +1 -1
- package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +4 -1
- package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts +7 -9
- package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +3 -0
- package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +11 -10
- package/lib/src/shared/style-settings/components/StyleSettings.stories.js +8 -5
- package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +7 -0
- package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.js +10 -3
- package/lib/src/shared/template-settings/store/template-settings-store.d.ts +4 -0
- package/lib/src/shared/template-settings/store/template-settings-store.js +4 -0
- package/package.json +2 -2
- package/src/brand-page/components/page/Page.vue +1 -1
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +0 -2
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +53 -35
- package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +19 -18
- package/src/brand-page-maker/composables/useEventTracker.ts +20 -0
- package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +7 -0
- package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +11 -6
- package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +1 -9
- package/src/brand-page-maker/stores/event-manager/event-manager-store.ts +3 -3
- package/src/brand-page-maker/stores/user/user-store.test.ts +2 -2
- package/src/brand-page-maker/stores/user/user-store.ts +17 -19
- package/src/brand-page-maker/stores/video/video-store.ts +30 -0
- package/src/bundles/bundled-translations.de-DE.json +14 -1
- package/src/bundles/bundled-translations.es-ES.json +14 -1
- package/src/bundles/bundled-translations.fr-CA.json +14 -1
- package/src/bundles/bundled-translations.fr-FR.json +14 -1
- package/src/bundles/bundled-translations.json +14 -1
- package/src/bundles/bundled-translations.pt-BR.json +14 -1
- package/src/bundles/bundled-translations.pt-PT.json +14 -1
- package/src/composables/useTranslate.ts +2 -1
- package/src/shared/background-settings/components/BackgroundSettings.vue +7 -5
- package/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue +41 -1
- package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +43 -2
- package/src/shared/content-settings/components/image-field/ImageField.mixin.ts +4 -0
- package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue +6 -5
- package/src/shared/page-settings/store/page-settings-store.test.ts +16 -2
- package/src/shared/style-settings/components/StyleSettings.stories.ts +12 -5
- package/src/shared/template-settings/components/TemplatesSettings.mixin.ts +11 -3
- package/src/shared/template-settings/store/template-settings-store.ts +5 -0
- package/src/shared/video-library/VideoLibrary.vue +6 -13
- package/src/shared/video-library/i18n/video-library.de-DE.json +14 -1
- package/src/shared/video-library/i18n/video-library.es-ES.json +14 -1
- package/src/shared/video-library/i18n/video-library.fr-CA.json +14 -1
- package/src/shared/video-library/i18n/video-library.fr-FR.json +14 -1
- package/src/shared/video-library/i18n/video-library.json +14 -1
- package/src/shared/video-library/i18n/video-library.pt-BR.json +14 -1
- package/src/shared/video-library/i18n/video-library.pt-PT.json +14 -1
|
@@ -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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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,
|
|
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,
|
|
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
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
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,
|
|
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;
|
package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.d.ts
CHANGED
|
@@ -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;
|
package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js
CHANGED
|
@@ -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: [],
|
package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts
CHANGED
|
@@ -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,
|
|
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,
|
|
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
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
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,
|
|
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;
|