@designcrowd/library.brand-page 5.14.9 → 5.14.10

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -214,7 +214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -379,7 +379,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -4640,7 +4640,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -4071,7 +4071,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -376,7 +376,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts

@@ -207,7 +207,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -784,7 +784,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(): Promise<void>;
+        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.14.9",
+  "version": "5.14.10",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page-maker/composables/useEventTracker.ts

@@ -69,6 +69,8 @@ export const UPGRADE_CTA_LOCATIONS = {
   ADD_CONTENT: 'add_content',
   EDITOR_PUBLISH_TOP: 'editor_publish_top',
   EDITOR_PUBLISH_BOTTOM: 'editor_publish_bottom',
+  SLUG_CHANGE_MAKER_SIDEBAR_SETTINGS: 'slug_change_maker_sidebar_settings',
+  SLUG_CHANGE_MANAGE_PAGE: 'slug_change_manage_page',
 };
 
 export const TRIGGER_TYPE = {

package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts

@@ -1020,8 +1020,15 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       }
 
       if (!response.canPublish) {
-        this.setIsPublishUpgradeModal(true);
+        const eventTracker = useEventTracker();
+
+        eventTracker.setUpsellBridgeState({
+          cta_location: eventButtonLocation,
+          trigger_type: TRIGGER_TYPE.AUTOMATIC,
+          content_type: null,
+        });
 
+        this.setIsPublishUpgradeModal(true);
         await this.showUpgradeModalAndSaveAsync();
 
         return;
@@ -1097,9 +1104,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       });
     },
 
-    async showBrandPageSlugEditModal() {
+    async showBrandPageSlugEditModal(eventButtonLocation: string) {
       await this.startBrandPageSlugEditMode();
-      await this.showPublishModal();
+      await this.showPublishModal(eventButtonLocation);
     },
 
     async showUpgradeModalAndSaveAsync() {

package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts

@@ -96,6 +96,7 @@ import type { ShopConfigData } from '../../../brand-page/models/shop.model';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { useConsent } from '../../../brand-page/composables/consent.composable';
 import { commonTr, errorTr } from '../../../composables/useTranslate';
+import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
 
 export interface NotificationMessage {
   type: 'success' | 'warning' | 'error';
@@ -1043,7 +1044,9 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
     async showBrandPageSlugEditModal() {
       const brandPageContainerStore = useBrandPageContainerStore();
 
-      await brandPageContainerStore.showBrandPageSlugEditModal();
+      await brandPageContainerStore.showBrandPageSlugEditModal(
+        UPGRADE_CTA_LOCATIONS.SLUG_CHANGE_MAKER_SIDEBAR_SETTINGS,
+      );
     },
     async updateBrandPageSettings(
       payload: UpdateBrandPageSettingsPayload,