@designcrowd/library.brand-page 5.18.1-undo-34 → 5.18.2-ast-padding-1
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-D-2WhY-F.js → CreatedOnBrandCrowd-de-de-GFYl8DtL.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-B7ldKpJK.js → CreatedOnBrandCrowd-en-us-D5CcXf2I.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-BatQY8Tt.js → CreatedOnBrandCrowd-es-es-Cr7J3ooe.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-CFivOJkN.js → CreatedOnBrandCrowd-fr-ca-BC1NFFIW.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-CFivOJkN.js → CreatedOnBrandCrowd-fr-fr-BC1NFFIW.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-wHkXfYLP.js → CreatedOnBrandCrowd-pt-br-BdiCcpwi.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-wHkXfYLP.js → CreatedOnBrandCrowd-pt-pt-BdiCcpwi.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de--HwniV-Y.js → CreatedOnDcom-de-de-d4TmC_lo.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-Bqm5NnRX.js → CreatedOnDcom-en-us-DlvLEF-R.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-COGQIuEn.js → CreatedOnDcom-es-es-BulpVp3k.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-eVDHO7MX.js → CreatedOnDcom-fr-ca-M4xqunZe.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-BhGKbdoG.js → CreatedOnDcom-fr-fr-BFqUXgzb.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-5kDZKPZc.js → CreatedOnDcom-pt-br-CUVcVkV2.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-CnTcVxct.js → CreatedOnDcom-pt-pt-Dc4CZ4xW.js} +1 -1
- package/lib/src/brand-page/components/contact-form/ContactForm.mixin.d.ts +4 -0
- package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js +8 -4
- package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.d.ts +4 -0
- package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.js +4 -0
- package/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts +4 -0
- package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js +4 -1
- package/lib/src/brand-page/components/page/Page.mixin.d.ts +1 -1
- package/lib/src/brand-page/components/page/PageComponent.mixin.d.ts +1 -1
- package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.d.ts +4 -0
- package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.js +4 -0
- package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.d.ts +4 -0
- package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.js +4 -1
- package/lib/src/brand-page/components/video/Video.mixin.d.ts +4 -0
- package/lib/src/brand-page/components/video/Video.mixin.js +4 -0
- package/lib/src/brand-page/constants/misc.constants.d.ts +17 -0
- package/lib/src/brand-page/constants/misc.constants.js +25 -0
- package/lib/src/brand-page/models/content.model.d.ts +2 -0
- package/lib/src/brand-page/utils/content-padding.util.d.ts +13 -0
- package/lib/src/brand-page/utils/content-padding.util.js +10 -0
- package/lib/src/brand-page/utils/index.d.ts +1 -0
- package/lib/src/brand-page/utils/index.js +1 -0
- package/lib/src/brand-page/utils/migration/migration-16.d.ts +2 -0
- package/lib/src/brand-page/utils/migration/migration-16.js +37 -0
- package/lib/src/brand-page/utils/migration.util.js +6 -0
- package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +2 -0
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +14 -7
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +0 -10
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +0 -1
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +17 -24
- package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts +0 -3
- package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.js +0 -11
- package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +2 -7
- package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js +0 -9
- package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +1 -20
- package/lib/src/brand-page-maker/composables/useEventTracker.d.ts +0 -20
- package/lib/src/brand-page-maker/composables/useEventTracker.js +0 -17
- package/lib/src/brand-page-maker/constants/config-settings-constant.js +34 -0
- package/lib/src/brand-page-maker/convertors/banner-align-display-style.convertor.js +56 -2
- package/lib/src/brand-page-maker/convertors/contact-layout-style.convertor.js +6 -1
- package/lib/src/brand-page-maker/models/content-settings.js +30 -2
- package/lib/src/brand-page-maker/stores/ai-checkpoint/ai-checkpoint-store.d.ts +12 -0
- package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +2 -41
- package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +5 -301
- package/lib/src/brand-page-maker/stores/logo-store/logo-store.d.ts +0 -1
- package/lib/src/brand-page-maker/stores/user/user-store.js +0 -1
- package/lib/src/bundled-translations-DYd5oFZv.js +175 -0
- package/lib/src/bundles/bundled-translations.json +3 -3
- package/lib/src/constants/ui.d.ts +0 -1
- package/lib/src/css/library.brand-page-brandCrowd.min.css +167 -160
- package/lib/src/css/library.brand-page-brandPage.min.css +169 -160
- package/lib/src/css/library.brand-page-designCom.min.css +167 -160
- package/lib/src/css/library.brand-page-preview.min.css +167 -160
- package/lib/src/index.mjs +1 -1
- package/lib/src/{lib-B5jbN-ro.js → lib-CRihSxY0.js} +35813 -35783
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +16 -87
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.js +0 -5
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.stories.js +0 -1
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +16 -23
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +12 -16
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +14 -7
- package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.d.ts +0 -3
- package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.js +2 -19
- package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +12 -0
- package/lib/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.js +8 -18
- package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts +0 -64
- package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.js +0 -6
- package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.js +9 -0
- package/lib/src/shared/content-settings/store/content-settings-store.d.ts +12 -0
- package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +0 -19
- package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.js +0 -11
- package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +2 -10
- package/lib/src/shared/logo-settings/store/editable-logo-store.d.ts +1 -5
- package/lib/src/shared/logo-settings/store/editable-logo-store.js +0 -31
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +18 -24
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +16 -10
- package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +2 -23
- package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +0 -16
- package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +2 -23
- package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +0 -16
- package/lib/src/utils/minify-brand-page-metadata.js +11 -1
- package/package.json +2 -2
- package/src/brand-page/components/banner-section/BannerSection.vue +360 -12
- package/src/brand-page/components/banner-section/BannerSection.vue.test.ts +201 -0
- package/src/brand-page/components/booking-section/BookingSection.vue +11 -3
- package/src/brand-page/components/contact-form/ContactForm.mixin.ts +12 -6
- package/src/brand-page/components/contact-form/ContactForm.vue +115 -118
- package/src/brand-page/components/image-gallery/ImageGallery.mixin.ts +5 -0
- package/src/brand-page/components/image-gallery/ImageGallery.vue +1 -1
- package/src/brand-page/components/mailing-list/MailingList.mixin.ts +8 -1
- package/src/brand-page/components/mailing-list/MailingList.vue +1 -1
- package/src/brand-page/components/map/Map.vue +5 -1
- package/src/brand-page/components/payment/request-payment/RequestPayment.mixin.ts +5 -0
- package/src/brand-page/components/payment/request-payment/RequestPayment.vue +1 -0
- package/src/brand-page/components/payment/support-me/SupportMe.mixin.ts +8 -1
- package/src/brand-page/components/payment/support-me/SupportMe.vue +1 -0
- package/src/brand-page/components/placeholder/Placeholder.vue +39 -100
- package/src/brand-page/components/social-links/SocialLinks.vue +7 -3
- package/src/brand-page/components/text/Text.vue +12 -5
- package/src/brand-page/components/text-media-section/TextMediaSection.vue +11 -3
- package/src/brand-page/components/video/Video.mixin.ts +5 -0
- package/src/brand-page/components/video/Video.vue +1 -1
- package/src/brand-page/constants/misc.constants.ts +26 -0
- package/src/brand-page/models/content.model.ts +2 -0
- package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +7 -3
- package/src/brand-page/utils/content-padding.util.test.ts +29 -0
- package/src/brand-page/utils/content-padding.util.ts +13 -0
- package/src/brand-page/utils/index.ts +1 -0
- package/src/brand-page/utils/migration/migration-16.ts +51 -0
- package/src/brand-page/utils/migration.util.test.ts +64 -0
- package/src/brand-page/utils/migration.util.ts +7 -0
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +0 -11
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +3 -2
- package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +0 -1
- package/src/brand-page-maker/components/cookie-collection/CookieSettings.vue +17 -18
- package/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.ts +0 -13
- package/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.vue +3 -26
- package/src/brand-page-maker/components/quick-link-bar/i18n/quick-link-bar.json +1 -3
- package/src/brand-page-maker/components/save-contact/SaveContact.vue +19 -12
- package/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.ts +0 -10
- package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +1 -24
- package/src/brand-page-maker/composables/useEventTracker.ts +0 -29
- package/src/brand-page-maker/constants/config-settings-constant.ts +40 -0
- package/src/brand-page-maker/convertors/banner-align-display-style.convertor.ts +61 -1
- package/src/brand-page-maker/convertors/contact-layout-style.convertor.test.ts +50 -0
- package/src/brand-page-maker/convertors/contact-layout-style.convertor.ts +8 -0
- package/src/brand-page-maker/models/content-settings.ts +32 -2
- package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +0 -335
- package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +4 -364
- package/src/brand-page-maker/stores/logo-store/logo-store.ts +0 -5
- package/src/brand-page-maker/stores/user/user-store.ts +0 -1
- package/src/bundles/bundled-translations.json +3 -3
- package/src/constants/ui.ts +0 -1
- package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts +0 -5
- package/src/shared/content-settings/components/content-settings/ContentSettings.stories.ts +0 -1
- package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -0
- package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.vue +1 -1
- package/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.ts +2 -19
- package/src/shared/content-settings/components/draggable-item-list/DraggableItemList.vue +1 -1
- package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.vue +2 -2
- package/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.ts +10 -26
- package/src/shared/content-settings/components/logo-selection-field/LogoSelection.vue +48 -63
- package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.vue +0 -4
- package/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.ts +0 -7
- package/src/shared/content-settings/components/slider-field/SliderField.mixin.ts +9 -0
- package/src/shared/content-settings/components/text-field/TextField.vue +0 -1
- package/src/shared/content-settings/components/text-image-field/TextImageField.vue +4 -33
- package/src/shared/logo-settings/components/EditLogoSettings.mixin.ts +0 -11
- package/src/shared/logo-settings/store/editable-logo-store.ts +1 -42
- package/src/utils/minify-brand-page-metadata.ts +11 -1
- package/lib/src/brand-page/components/banner-section/BannerSection.mixin.d.ts +0 -103
- package/lib/src/brand-page/components/banner-section/BannerSection.mixin.js +0 -178
- package/lib/src/brand-page-maker/composables/useUndoRedoFlag.d.ts +0 -16
- package/lib/src/brand-page-maker/composables/useUndoRedoFlag.js +0 -22
- package/lib/src/brand-page-maker/stores/history/history-store.d.ts +0 -83
- package/lib/src/brand-page-maker/stores/history/history-store.js +0 -488
- package/lib/src/bundled-translations-DQVbIb4i.js +0 -175
- package/lib/src/metadata-builder/builders/reorder-pages-builder.d.ts +0 -13
- package/lib/src/metadata-builder/builders/reorder-pages-builder.js +0 -49
- package/src/brand-page/components/banner-section/BannerSection.mixin.ts +0 -213
- package/src/brand-page-maker/components/quick-link-bar/RedoButton.vue +0 -66
- package/src/brand-page-maker/components/quick-link-bar/UndoButton.vue +0 -66
- package/src/brand-page-maker/components/quick-link-bar/undo-redo-buttons.test.ts +0 -116
- package/src/brand-page-maker/composables/useUndoRedoFlag.ts +0 -26
- package/src/brand-page-maker/stores/history/history-store.test.ts +0 -1120
- package/src/brand-page-maker/stores/history/history-store.ts +0 -651
- package/src/metadata-builder/builders/reorder-pages-builder.ts +0 -80
|
@@ -152,21 +152,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
152
152
|
hideChangeTemplateConfirmModal(): void;
|
|
153
153
|
onBackgroundChanged(): void;
|
|
154
154
|
onChangeTemplateConfirmModalCancel(): void;
|
|
155
|
-
onChangeTemplateConfirmModalConfirm():
|
|
155
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
156
156
|
onContentChanged(): void;
|
|
157
157
|
onStyleChanged(): void;
|
|
158
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
158
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
159
159
|
setSelectedTabName(payload: any): void;
|
|
160
160
|
showNextNotificationMessage(): Promise<void>;
|
|
161
161
|
updateContent<TContent extends import("@brand-page").Content, P extends {
|
|
162
162
|
id: string;
|
|
163
163
|
content: TContent;
|
|
164
164
|
}>(payload: P): Promise<void>;
|
|
165
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
166
|
-
applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
167
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
168
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
169
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
|
|
170
165
|
export(): import("@brand-page").BrandPageModel;
|
|
171
166
|
setBrandPageType({ brandPageType }: {
|
|
172
167
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -501,6 +496,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
501
496
|
id: string;
|
|
502
497
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
503
498
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
499
|
+
topPadding?: number | undefined;
|
|
500
|
+
bottomPadding?: number | undefined;
|
|
504
501
|
imageUrlOverride?: string | undefined;
|
|
505
502
|
imageUrlsOverride?: string | undefined;
|
|
506
503
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -550,6 +547,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
550
547
|
id: string;
|
|
551
548
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
552
549
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
550
|
+
topPadding?: number | undefined;
|
|
551
|
+
bottomPadding?: number | undefined;
|
|
553
552
|
imageUrlOverride?: string | undefined;
|
|
554
553
|
imageUrlsOverride?: string | undefined;
|
|
555
554
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -599,6 +598,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
599
598
|
id: string;
|
|
600
599
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
601
600
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
601
|
+
topPadding?: number | undefined;
|
|
602
|
+
bottomPadding?: number | undefined;
|
|
602
603
|
imageUrlOverride?: string | undefined;
|
|
603
604
|
imageUrlsOverride?: string | undefined;
|
|
604
605
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -648,6 +649,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
648
649
|
id: string;
|
|
649
650
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
650
651
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
652
|
+
topPadding?: number | undefined;
|
|
653
|
+
bottomPadding?: number | undefined;
|
|
651
654
|
imageUrlOverride?: string | undefined;
|
|
652
655
|
imageUrlsOverride?: string | undefined;
|
|
653
656
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -697,6 +700,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
697
700
|
id: string;
|
|
698
701
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
699
702
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
703
|
+
topPadding?: number | undefined;
|
|
704
|
+
bottomPadding?: number | undefined;
|
|
700
705
|
imageUrlOverride?: string | undefined;
|
|
701
706
|
imageUrlsOverride?: string | undefined;
|
|
702
707
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -746,6 +751,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
746
751
|
id: string;
|
|
747
752
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
748
753
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
754
|
+
topPadding?: number | undefined;
|
|
755
|
+
bottomPadding?: number | undefined;
|
|
749
756
|
imageUrlOverride?: string | undefined;
|
|
750
757
|
imageUrlsOverride?: string | undefined;
|
|
751
758
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -11,8 +11,6 @@ import { navigateToPageByPageId } from '../../routing';
|
|
|
11
11
|
import { useBrandPageContainerStore } from '@brand-page-maker/stores';
|
|
12
12
|
import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
|
|
13
13
|
import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useSnapshotStore, useVideoStore, } from '@brand-page-maker/stores';
|
|
14
|
-
import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
|
|
15
|
-
import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
|
|
16
14
|
import { useUiContentSettingsStore } from '@shared/content-settings/store';
|
|
17
15
|
import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
|
|
18
16
|
import { useUiPageSettingsStore } from '@shared/page-settings/store';
|
|
@@ -191,14 +189,6 @@ export default defineComponent({
|
|
|
191
189
|
}
|
|
192
190
|
// Mark brand page as fully loaded
|
|
193
191
|
this.brandPageMakerStore.setIsBrandPageLoaded(true);
|
|
194
|
-
// Capture baseline for undo/redo when the feature is active for this
|
|
195
|
-
// session. `useUndoRedoFlag` requires both the LaunchDarkly feature
|
|
196
|
-
// (`userStore.features.canUseUndoRedo`) AND the maker being a brand-site
|
|
197
|
-
// — V1 scope is brand-site only; brand-page and brand-contact don't get
|
|
198
|
-
// undo/redo. See useUndoRedoFlag.ts for the rationale.
|
|
199
|
-
if (useUndoRedoFlag().value) {
|
|
200
|
-
useHistoryStore().captureBaseline();
|
|
201
|
-
}
|
|
202
192
|
this.$emit(EVENTS.Initialised);
|
|
203
193
|
},
|
|
204
194
|
mounted() {
|
|
@@ -96,21 +96,16 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
96
96
|
hideChangeTemplateConfirmModal(): void;
|
|
97
97
|
onBackgroundChanged(): void;
|
|
98
98
|
onChangeTemplateConfirmModalCancel(): void;
|
|
99
|
-
onChangeTemplateConfirmModalConfirm():
|
|
99
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
100
100
|
onContentChanged(): void;
|
|
101
101
|
onStyleChanged(): void;
|
|
102
|
-
onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload):
|
|
102
|
+
onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
|
|
103
103
|
setSelectedTabName(payload: any): void;
|
|
104
104
|
showNextNotificationMessage(): Promise<void>;
|
|
105
105
|
updateContent<TContent extends import("../../../lib").Content, P extends {
|
|
106
106
|
id: string;
|
|
107
107
|
content: TContent;
|
|
108
108
|
}>(payload: P): Promise<void>;
|
|
109
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
110
|
-
applyHistorySnapshot(snapshot: import("../../../lib").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
111
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
112
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
113
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../lib").BrandPageModel): void;
|
|
114
109
|
export(): import("../../../lib").BrandPageModel;
|
|
115
110
|
setBrandPageType({ brandPageType }: {
|
|
116
111
|
brandPageType: "default" | "brandSite" | "brandContact";
|
package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts
CHANGED
|
@@ -11,6 +11,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
11
11
|
id: string;
|
|
12
12
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
13
13
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
14
|
+
topPadding?: number | undefined;
|
|
15
|
+
bottomPadding?: number | undefined;
|
|
14
16
|
imageUrlOverride?: string | undefined;
|
|
15
17
|
imageUrlsOverride?: string | undefined;
|
|
16
18
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -90,6 +92,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
90
92
|
id: string;
|
|
91
93
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
92
94
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
95
|
+
topPadding?: number | undefined;
|
|
96
|
+
bottomPadding?: number | undefined;
|
|
93
97
|
imageUrlOverride?: string | undefined;
|
|
94
98
|
imageUrlsOverride?: string | undefined;
|
|
95
99
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -139,6 +143,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
139
143
|
id: string;
|
|
140
144
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
141
145
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
146
|
+
topPadding?: number | undefined;
|
|
147
|
+
bottomPadding?: number | undefined;
|
|
142
148
|
imageUrlOverride?: string | undefined;
|
|
143
149
|
imageUrlsOverride?: string | undefined;
|
|
144
150
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -188,6 +194,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
188
194
|
id: string;
|
|
189
195
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
190
196
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
197
|
+
topPadding?: number | undefined;
|
|
198
|
+
bottomPadding?: number | undefined;
|
|
191
199
|
imageUrlOverride?: string | undefined;
|
|
192
200
|
imageUrlsOverride?: string | undefined;
|
|
193
201
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -237,6 +245,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
237
245
|
id: string;
|
|
238
246
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
239
247
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
248
|
+
topPadding?: number | undefined;
|
|
249
|
+
bottomPadding?: number | undefined;
|
|
240
250
|
imageUrlOverride?: string | undefined;
|
|
241
251
|
imageUrlsOverride?: string | undefined;
|
|
242
252
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -286,6 +296,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
286
296
|
id: string;
|
|
287
297
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
288
298
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
299
|
+
topPadding?: number | undefined;
|
|
300
|
+
bottomPadding?: number | undefined;
|
|
289
301
|
imageUrlOverride?: string | undefined;
|
|
290
302
|
imageUrlsOverride?: string | undefined;
|
|
291
303
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -335,6 +347,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
335
347
|
id: string;
|
|
336
348
|
type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
|
|
337
349
|
personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
|
|
350
|
+
topPadding?: number | undefined;
|
|
351
|
+
bottomPadding?: number | undefined;
|
|
338
352
|
imageUrlOverride?: string | undefined;
|
|
339
353
|
imageUrlsOverride?: string | undefined;
|
|
340
354
|
avatarImageUrlOverride?: string | undefined;
|
|
@@ -602,21 +616,16 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
602
616
|
hideChangeTemplateConfirmModal(): void;
|
|
603
617
|
onBackgroundChanged(): void;
|
|
604
618
|
onChangeTemplateConfirmModalCancel(): void;
|
|
605
|
-
onChangeTemplateConfirmModalConfirm():
|
|
619
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
606
620
|
onContentChanged(): void;
|
|
607
621
|
onStyleChanged(): void;
|
|
608
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
622
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
609
623
|
setSelectedTabName(payload: any): void;
|
|
610
624
|
showNextNotificationMessage(): Promise<void>;
|
|
611
625
|
updateContent<TContent extends Content, P extends {
|
|
612
626
|
id: string;
|
|
613
627
|
content: TContent;
|
|
614
628
|
}>(payload: P): Promise<void>;
|
|
615
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
616
|
-
applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
617
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
618
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
619
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
|
|
620
629
|
export(): import("@brand-page").BrandPageModel;
|
|
621
630
|
setBrandPageType({ brandPageType }: {
|
|
622
631
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -1051,22 +1060,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
1051
1060
|
}>;
|
|
1052
1061
|
eventTracker: {
|
|
1053
1062
|
sendShippingToggleEvent: (isEnabled: boolean) => void;
|
|
1054
|
-
sendUndoEvent: (props: {
|
|
1055
|
-
entries_count: number;
|
|
1056
|
-
actor: string | undefined;
|
|
1057
|
-
}) => void;
|
|
1058
|
-
sendRedoEvent: (props: {
|
|
1059
|
-
entries_count: number;
|
|
1060
|
-
actor: string | undefined;
|
|
1061
|
-
}) => void;
|
|
1062
|
-
sendHistoryCappedEvent: (props: {
|
|
1063
|
-
entries_count: number;
|
|
1064
|
-
size_bytes: number;
|
|
1065
|
-
}) => void;
|
|
1066
|
-
sendHistoryOversizedEvent: (props: {
|
|
1067
|
-
attempted_bytes: number;
|
|
1068
|
-
source: string;
|
|
1069
|
-
}) => void;
|
|
1070
1063
|
sendSaveContactEvent: () => void;
|
|
1071
1064
|
sendStartForFreeEvent: () => void;
|
|
1072
1065
|
sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;
|
|
@@ -1333,8 +1326,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
1333
1326
|
}>, {
|
|
1334
1327
|
viewport: import("@brand-page").ViewportsType;
|
|
1335
1328
|
isMobileDevice: boolean;
|
|
1336
|
-
containerClientWidth: number | undefined;
|
|
1337
1329
|
containerClientHeight: number | undefined;
|
|
1330
|
+
containerClientWidth: number | undefined;
|
|
1338
1331
|
isContentSelected: boolean;
|
|
1339
1332
|
isHeaderSelected: boolean;
|
|
1340
1333
|
isFooterSelected: boolean;
|
|
@@ -102,21 +102,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
102
102
|
hideChangeTemplateConfirmModal(): void;
|
|
103
103
|
onBackgroundChanged(): void;
|
|
104
104
|
onChangeTemplateConfirmModalCancel(): void;
|
|
105
|
-
onChangeTemplateConfirmModalConfirm():
|
|
105
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
106
106
|
onContentChanged(): void;
|
|
107
107
|
onStyleChanged(): void;
|
|
108
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
108
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
109
109
|
setSelectedTabName(payload: any): void;
|
|
110
110
|
showNextNotificationMessage(): Promise<void>;
|
|
111
111
|
updateContent<TContent extends import("../../../brand-page").Content, P extends {
|
|
112
112
|
id: string;
|
|
113
113
|
content: TContent;
|
|
114
114
|
}>(payload: P): Promise<void>;
|
|
115
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
116
|
-
applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
117
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
118
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
119
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
|
|
120
115
|
export(): import("../../../brand-page").BrandPageModel;
|
|
121
116
|
setBrandPageType({ brandPageType }: {
|
|
122
117
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -291,12 +291,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
291
291
|
pushManageWebPageUpdateSensitiveContentClickEvent(): Promise<void>;
|
|
292
292
|
pushManageWebPageUnpublishClickEvent(): Promise<void>;
|
|
293
293
|
}>;
|
|
294
|
-
undoRedoEnabled: import("vue").ComputedRef<boolean>;
|
|
295
294
|
}, {
|
|
296
295
|
copied: boolean;
|
|
297
296
|
}, {
|
|
298
|
-
isPublished(): boolean;
|
|
299
|
-
shouldShowBar(): boolean;
|
|
300
297
|
brandPageUrl(): string;
|
|
301
298
|
copyButtonLabel(): string;
|
|
302
299
|
}, {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { defineComponent } from 'vue';
|
|
2
2
|
import { CUSTOM_DOMAIN_STATUSES } from '@brand-page-maker/constants';
|
|
3
3
|
import { useBrandPageContainerStore, useEventManagerStore, } from '@brand-page-maker/stores';
|
|
4
|
-
import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
|
|
5
4
|
import { quickLinkBarTr } from '@src/composables/useTranslate';
|
|
6
5
|
export default defineComponent({
|
|
7
6
|
props: {
|
|
@@ -18,7 +17,6 @@ export default defineComponent({
|
|
|
18
17
|
return {
|
|
19
18
|
brandPageContainerStore: useBrandPageContainerStore(),
|
|
20
19
|
eventManagerStore: useEventManagerStore(),
|
|
21
|
-
undoRedoEnabled: useUndoRedoFlag(),
|
|
22
20
|
};
|
|
23
21
|
},
|
|
24
22
|
data() {
|
|
@@ -27,15 +25,6 @@ export default defineComponent({
|
|
|
27
25
|
};
|
|
28
26
|
},
|
|
29
27
|
computed: {
|
|
30
|
-
isPublished() {
|
|
31
|
-
return this.brandPageContainerStore.isPublished;
|
|
32
|
-
},
|
|
33
|
-
// Only render the bar when at least one inner cluster has something to
|
|
34
|
-
// show. Otherwise we'd render an empty white strip — e.g. on an
|
|
35
|
-
// unpublished page with the undo flag off.
|
|
36
|
-
shouldShowBar() {
|
|
37
|
-
return Boolean(this.undoRedoEnabled) || this.isPublished;
|
|
38
|
-
},
|
|
39
28
|
brandPageUrl() {
|
|
40
29
|
if (this.brandPageContainerStore.isCustomDomainEnabled &&
|
|
41
30
|
this.brandPageContainerStore.customDomain &&
|
|
@@ -380,21 +380,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
380
380
|
hideChangeTemplateConfirmModal(): void;
|
|
381
381
|
onBackgroundChanged(): void;
|
|
382
382
|
onChangeTemplateConfirmModalCancel(): void;
|
|
383
|
-
onChangeTemplateConfirmModalConfirm():
|
|
383
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
384
384
|
onContentChanged(): void;
|
|
385
385
|
onStyleChanged(): void;
|
|
386
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
386
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
387
387
|
setSelectedTabName(payload: any): void;
|
|
388
388
|
showNextNotificationMessage(): Promise<void>;
|
|
389
389
|
updateContent<TContent extends import("../../../brand-page").Content, P extends {
|
|
390
390
|
id: string;
|
|
391
391
|
content: TContent;
|
|
392
392
|
}>(payload: P): Promise<void>;
|
|
393
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
394
|
-
applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
395
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
396
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
397
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
|
|
398
393
|
export(): import("../../../brand-page").BrandPageModel;
|
|
399
394
|
setBrandPageType({ brandPageType }: {
|
|
400
395
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -381,21 +381,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
381
381
|
hideChangeTemplateConfirmModal(): void;
|
|
382
382
|
onBackgroundChanged(): void;
|
|
383
383
|
onChangeTemplateConfirmModalCancel(): void;
|
|
384
|
-
onChangeTemplateConfirmModalConfirm():
|
|
384
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
385
385
|
onContentChanged(): void;
|
|
386
386
|
onStyleChanged(): void;
|
|
387
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
387
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
388
388
|
setSelectedTabName(payload: any): void;
|
|
389
389
|
showNextNotificationMessage(): Promise<void>;
|
|
390
390
|
updateContent<TContent extends import("../../../brand-page").Content, P extends {
|
|
391
391
|
id: string;
|
|
392
392
|
content: TContent;
|
|
393
393
|
}>(payload: P): Promise<void>;
|
|
394
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
395
|
-
applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
396
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
397
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
398
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
|
|
399
394
|
export(): import("../../../brand-page").BrandPageModel;
|
|
400
395
|
setBrandPageType({ brandPageType }: {
|
|
401
396
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -112,21 +112,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
112
112
|
hideChangeTemplateConfirmModal(): void;
|
|
113
113
|
onBackgroundChanged(): void;
|
|
114
114
|
onChangeTemplateConfirmModalCancel(): void;
|
|
115
|
-
onChangeTemplateConfirmModalConfirm():
|
|
115
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
116
116
|
onContentChanged(): void;
|
|
117
117
|
onStyleChanged(): void;
|
|
118
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
118
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
119
119
|
setSelectedTabName(payload: any): void;
|
|
120
120
|
showNextNotificationMessage(): Promise<void>;
|
|
121
121
|
updateContent<TContent extends import("../../../brand-page").Content, P extends {
|
|
122
122
|
id: string;
|
|
123
123
|
content: TContent;
|
|
124
124
|
}>(payload: P): Promise<void>;
|
|
125
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
126
|
-
applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
127
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
128
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
129
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
|
|
130
125
|
export(): import("../../../brand-page").BrandPageModel;
|
|
131
126
|
setBrandPageType({ brandPageType }: {
|
|
132
127
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -432,21 +432,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
432
432
|
hideChangeTemplateConfirmModal(): void;
|
|
433
433
|
onBackgroundChanged(): void;
|
|
434
434
|
onChangeTemplateConfirmModalCancel(): void;
|
|
435
|
-
onChangeTemplateConfirmModalConfirm():
|
|
435
|
+
onChangeTemplateConfirmModalConfirm(): void;
|
|
436
436
|
onContentChanged(): void;
|
|
437
437
|
onStyleChanged(): void;
|
|
438
|
-
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload):
|
|
438
|
+
onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
|
|
439
439
|
setSelectedTabName(payload: any): void;
|
|
440
440
|
showNextNotificationMessage(): Promise<void>;
|
|
441
441
|
updateContent<TContent extends import("@brand-page").Content, P extends {
|
|
442
442
|
id: string;
|
|
443
443
|
content: TContent;
|
|
444
444
|
}>(payload: P): Promise<void>;
|
|
445
|
-
_captureTemplateSwitchIfEnabled(): void;
|
|
446
|
-
applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
|
|
447
|
-
_syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
|
|
448
|
-
_navigateToActivePage(activePageId?: string | undefined): void;
|
|
449
|
-
_fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
|
|
450
445
|
export(): import("@brand-page").BrandPageModel;
|
|
451
446
|
setBrandPageType({ brandPageType }: {
|
|
452
447
|
brandPageType: "default" | "brandSite" | "brandContact";
|
|
@@ -10,8 +10,6 @@ import { usePageNavigationStore } from '../../../shared/page-navigation/store/pa
|
|
|
10
10
|
import { navigateToPageByPageId } from '../../routing';
|
|
11
11
|
import { useSnapshotStore, useAiWebsiteBuilderThreadStore, useAiCheckpointStore, useBrandPageContainerStore, useUiStore, } from '../../stores';
|
|
12
12
|
import { useBrandPageMakerStore } from '../../stores';
|
|
13
|
-
import { useHistoryStore } from '../../stores/history/history-store';
|
|
14
|
-
import { useUndoRedoFlag } from '../useUndoRedoFlag';
|
|
15
13
|
import { useBrandPageMakerUserStore } from '../../stores/user/user-store';
|
|
16
14
|
import { useAiMetadataBuilder } from './useAiMetadataBuilder';
|
|
17
15
|
import { pickErrorMessage, pickWsErrorMessage, buildSubmitErrorReport, } from './aiErrorCopy';
|
|
@@ -25,8 +23,6 @@ export function useAiWebsiteBuilderChat() {
|
|
|
25
23
|
const aiThreadStore = useAiWebsiteBuilderThreadStore();
|
|
26
24
|
const snapshotStore = useSnapshotStore();
|
|
27
25
|
const brandPageMakerStore = useBrandPageMakerStore();
|
|
28
|
-
const historyStore = useHistoryStore();
|
|
29
|
-
const undoRedoEnabled = useUndoRedoFlag();
|
|
30
26
|
const containerStore = useBrandPageContainerStore();
|
|
31
27
|
const userStore = useBrandPageMakerUserStore();
|
|
32
28
|
const uiStore = useUiStore();
|
|
@@ -302,11 +298,6 @@ export function useAiWebsiteBuilderChat() {
|
|
|
302
298
|
navigateToPageByPageId(pageNavigationStore.activePageId);
|
|
303
299
|
}
|
|
304
300
|
await nextTick();
|
|
305
|
-
// One history entry per AI prompt (US-E1). `captureAiChangeset` cancels
|
|
306
|
-
// the auto-watcher's pending flush so the apply doesn't double-capture.
|
|
307
|
-
if (undoRedoEnabled.value) {
|
|
308
|
-
historyStore.captureAiChangeset();
|
|
309
|
-
}
|
|
310
301
|
// Re-capture snapshot so subsequent messages reflect the updated page
|
|
311
302
|
await snapshotStore.refreshSnapshotAsync();
|
|
312
303
|
return {
|
|
@@ -21,7 +21,6 @@ import { buildInitialMarks, emToPx, isStyleChanged, pxToEm, sanitiseClientSideRT
|
|
|
21
21
|
import { HYPERLINK_TYPE, } from '@brand-page';
|
|
22
22
|
import { letterSpacingValueConvertor, colorConvertor, backgroundColorConvertor, } from '@brand-page-maker/convertors';
|
|
23
23
|
import { useUiContentSettingsStore } from '@shared/content-settings/store';
|
|
24
|
-
import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
|
|
25
24
|
import { AllSelection } from 'prosemirror-state';
|
|
26
25
|
import { MaxLength } from './extensions/MaxLength';
|
|
27
26
|
import { AutoLink } from './extensions/AutoLink';
|
|
@@ -73,10 +72,6 @@ export const useExternalRichTextEditor = () => {
|
|
|
73
72
|
};
|
|
74
73
|
};
|
|
75
74
|
export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDropdownRef, selectedGlobalTextStyles, onSelectTextStyleType, updateRichTextEditor, textStyleTypeOptions, markedText, isHyperlinkPopupOpen, selectedLinkTypeValue) => {
|
|
76
|
-
const historyStore = useHistoryStore();
|
|
77
|
-
// TipTap rehydrates and writes back canonical HTML on mount — fold
|
|
78
|
-
// that into the current head instead of pushing a phantom entry.
|
|
79
|
-
historyStore.mergeNextMutation();
|
|
80
75
|
const editor = new Editor({
|
|
81
76
|
content: model.value ?? '',
|
|
82
77
|
editable: !props.readOnly,
|
|
@@ -234,14 +229,7 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
|
|
|
234
229
|
}
|
|
235
230
|
});
|
|
236
231
|
watch(() => model.value, (newValue) => {
|
|
237
|
-
|
|
238
|
-
// (history undo/redo, template switch, reorder). `!editor.isFocused`
|
|
239
|
-
// distinguishes "external mutation" from "user is typing in me" — the
|
|
240
|
-
// latter would wipe the user's cursor if we called setContent.
|
|
241
|
-
// `updateRichTextEditor.value` is retained as an explicit override for
|
|
242
|
-
// callers (reorder) that need to force a re-seed while focused.
|
|
243
|
-
const isExternalMutation = updateRichTextEditor.value || !editor.isFocused;
|
|
244
|
-
if (isExternalMutation && editor.getHTML() !== newValue) {
|
|
232
|
+
if (updateRichTextEditor.value && editor.getHTML() !== newValue) {
|
|
245
233
|
editor.commands.setContent(newValue, false);
|
|
246
234
|
updateRichTextEditor.value = false;
|
|
247
235
|
//text style type is not switching when reordering
|
|
@@ -268,13 +256,6 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
|
|
|
268
256
|
emit('update:modelValue', sanitizedData.sanitizedHtml);
|
|
269
257
|
});
|
|
270
258
|
editor.on('selectionUpdate', () => {
|
|
271
|
-
// Skip while a history snapshot is being applied — `setContent` fires
|
|
272
|
-
// selectionUpdate before the editor has fully rehydrated, which causes
|
|
273
|
-
// toolbar buttons (alignment, letter-spacing) to flash through bogus
|
|
274
|
-
// active states before settling. The editor emits a final selectionUpdate
|
|
275
|
-
// after apply completes, which lands the correct values (BP-5506).
|
|
276
|
-
if (historyStore.isApplyingSnapshot)
|
|
277
|
-
return;
|
|
278
259
|
const textStyleAttributes = editor.getAttributes('textStyle');
|
|
279
260
|
const highlightAttributes = editor.getAttributes('highlight');
|
|
280
261
|
const focusedAlignment = editor.getAttributes(editor.state.selection.$anchor.node().type.name);
|
|
@@ -55,10 +55,6 @@ export declare const EVENTS: {
|
|
|
55
55
|
WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_HIDE_POPUP: string;
|
|
56
56
|
WEBSITE_MAKER_GETTY_VIDEO: string;
|
|
57
57
|
WEBSITE_MAKER_SHIPPING_TOGGLE: string;
|
|
58
|
-
WEBSITE_MAKER_UNDO: string;
|
|
59
|
-
WEBSITE_MAKER_REDO: string;
|
|
60
|
-
WEBSITE_MAKER_HISTORY_CAPPED: string;
|
|
61
|
-
WEBSITE_MAKER_HISTORY_OVERSIZED: string;
|
|
62
58
|
};
|
|
63
59
|
export declare const SELECT_LOCATIONS: {
|
|
64
60
|
MAKER_PREVIEW: string;
|
|
@@ -111,22 +107,6 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
|
|
|
111
107
|
};
|
|
112
108
|
declare const useEventTracker: () => {
|
|
113
109
|
sendShippingToggleEvent: (isEnabled: boolean) => void;
|
|
114
|
-
sendUndoEvent: (props: {
|
|
115
|
-
entries_count: number;
|
|
116
|
-
actor: string | undefined;
|
|
117
|
-
}) => void;
|
|
118
|
-
sendRedoEvent: (props: {
|
|
119
|
-
entries_count: number;
|
|
120
|
-
actor: string | undefined;
|
|
121
|
-
}) => void;
|
|
122
|
-
sendHistoryCappedEvent: (props: {
|
|
123
|
-
entries_count: number;
|
|
124
|
-
size_bytes: number;
|
|
125
|
-
}) => void;
|
|
126
|
-
sendHistoryOversizedEvent: (props: {
|
|
127
|
-
attempted_bytes: number;
|
|
128
|
-
source: string;
|
|
129
|
-
}) => void;
|
|
130
110
|
sendSaveContactEvent: () => void;
|
|
131
111
|
sendStartForFreeEvent: () => void;
|
|
132
112
|
sendFooterLinkClickEvent: (linkType: 'watermark_logo' | 'create_your_website') => void;
|
|
@@ -36,10 +36,6 @@ export const EVENTS = {
|
|
|
36
36
|
WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_HIDE_POPUP: 'website_maker_digital_business_cards_hide_popup',
|
|
37
37
|
WEBSITE_MAKER_GETTY_VIDEO: 'website_maker_getty_video',
|
|
38
38
|
WEBSITE_MAKER_SHIPPING_TOGGLE: 'website_maker_shipping_toggle',
|
|
39
|
-
WEBSITE_MAKER_UNDO: 'website_maker_undo',
|
|
40
|
-
WEBSITE_MAKER_REDO: 'website_maker_redo',
|
|
41
|
-
WEBSITE_MAKER_HISTORY_CAPPED: 'website_maker_history_capped',
|
|
42
|
-
WEBSITE_MAKER_HISTORY_OVERSIZED: 'website_maker_history_oversized',
|
|
43
39
|
};
|
|
44
40
|
export const SELECT_LOCATIONS = {
|
|
45
41
|
MAKER_PREVIEW: 'maker_preview',
|
|
@@ -325,19 +321,6 @@ const useEventTracker = () => {
|
|
|
325
321
|
is_enabled: isEnabled,
|
|
326
322
|
});
|
|
327
323
|
},
|
|
328
|
-
// Undo / Redo (BP-5506)
|
|
329
|
-
sendUndoEvent: (props) => {
|
|
330
|
-
_publishEvent(EVENTS.WEBSITE_MAKER_UNDO, props);
|
|
331
|
-
},
|
|
332
|
-
sendRedoEvent: (props) => {
|
|
333
|
-
_publishEvent(EVENTS.WEBSITE_MAKER_REDO, props);
|
|
334
|
-
},
|
|
335
|
-
sendHistoryCappedEvent: (props) => {
|
|
336
|
-
_publishEvent(EVENTS.WEBSITE_MAKER_HISTORY_CAPPED, props);
|
|
337
|
-
},
|
|
338
|
-
sendHistoryOversizedEvent: (props) => {
|
|
339
|
-
_publishEvent(EVENTS.WEBSITE_MAKER_HISTORY_OVERSIZED, props);
|
|
340
|
-
},
|
|
341
324
|
};
|
|
342
325
|
};
|
|
343
326
|
export { useEventTracker };
|