@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.
- package/lib/src/{CreatedOnBrandCrowd-de-de-86kFDsjd.js → CreatedOnBrandCrowd-de-de-DVJiCllu.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-BhFAL2r4.js → CreatedOnBrandCrowd-en-us-C0ySCxIL.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-spGcLYbG.js → CreatedOnBrandCrowd-es-es-Lx2TeOFQ.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-DKe-tShk.js → CreatedOnBrandCrowd-fr-ca-hnZGTPjT.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-DKe-tShk.js → CreatedOnBrandCrowd-fr-fr-hnZGTPjT.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-DcT0oRzX.js → CreatedOnBrandCrowd-pt-br-DS1LjpsM.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-DcT0oRzX.js → CreatedOnBrandCrowd-pt-pt-DS1LjpsM.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-BMuHkNH2.js → CreatedOnDcom-de-de-CEb2I9b_.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-h174d2n3.js → CreatedOnDcom-en-us-BV3oETu_.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-B6D1xSPS.js → CreatedOnDcom-es-es-D4Y8_uzV.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-BE0ONxF_.js → CreatedOnDcom-fr-ca-D0zmS934.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-6tXvojla.js → CreatedOnDcom-fr-fr-nPvCDeF3.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-DZYu7pp5.js → CreatedOnDcom-pt-br-LnkzeH5-.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-DrGT23mO.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 +10 -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 +47 -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-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-WUyXDBI4.js → lib-DAR6PgGS.js} +18241 -18191
- 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 +3 -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 +52 -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-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/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, {
|
|
@@ -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.
|
|
183
|
-
|
|
184
|
-
|
|
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,
|
|
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;
|