@designcrowd/library.brand-page 5.19.2 → 6.0.0-undo-redo-1

package/src/brand-page/models/payment.model.ts

@@ -44,7 +44,8 @@ export const isStripePaymentIntent = (
   );
 };
 
-export interface CreateCartResult<T> {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export interface CreateCartResult<T = unknown> {
   cartId: string;
   paymentProviderName: string;
   paymentProviderExternalId: string;

package/src/brand-page/models/shop.model.ts

@@ -1,5 +1,3 @@
-import type { PaymentConfig } from './payment.model';
-
 export interface VariantOptionModel {
   id: string;
   name: string;

package/src/brand-page/models/user-personalisation.model.ts

@@ -84,8 +84,7 @@ export type ContentPersonalisationMapping<T extends Content> = {
     | keyof UserPersonalisationSection
     | keyof UserPersonalisationItem]?: (keyof T)[];
 };
-export interface UserPersonalisationSectionWithIndices
-  extends UserPersonalisationSection {
+export interface UserPersonalisationSectionWithIndices extends UserPersonalisationSection {
   imageIndex: number;
   shapeIndex: number;
   itemTitleIndex: number;

package/src/brand-page/utils/logo.util.test.ts

@@ -12,7 +12,12 @@ import {
   PageHeaderMobile,
   PageStyles,
 } from '../models';
-import type { BrandPageModel, LogoContent, PageModel } from '../models';
+import type {
+  BrandPageModel,
+  BrandPageType,
+  LogoContent,
+  PageModel,
+} from '../models';
 import * as logoUtil from './logo.util';
 
 interface GetLogoVariationIndexFromLogoImageUrlTestCase {
@@ -212,4 +217,52 @@ describe('logo-util', () => {
       logoImage.logoDraftToken,
     );
   });
+
+  describe('getLogoImageFromModel', () => {
+    // Distinct tokens in the content block vs the header so each assertion
+    // proves which location the helper read from.
+    const buildModel = (brandPageType: BrandPageType): BrandPageModel => {
+      const model = createTestBrandPageModel();
+
+      model.brandPageType = brandPageType;
+      (model.pages[0].contents[0] as LogoContent).logoImage = {
+        logoDraftToken: 'content-token',
+        logoVariation: 0,
+        logoLastUpdate: undefined,
+      };
+      model.pageHeaderDesktop.logoImage = {
+        logoDraftToken: 'header-token',
+        logoVariation: 0,
+        logoLastUpdate: undefined,
+      };
+
+      return model;
+    };
+
+    test('reads the header logo for brand-site', () => {
+      const model = buildModel(BRAND_PAGE_TYPES.brandSite);
+
+      expect(logoUtil.getLogoImageFromModel(model)?.logoDraftToken).toBe(
+        'header-token',
+      );
+    });
+
+    test('reads the content-block logo for brand-page', () => {
+      const model = buildModel(BRAND_PAGE_TYPES.default);
+
+      expect(logoUtil.getLogoImageFromModel(model)?.logoDraftToken).toBe(
+        'content-token',
+      );
+    });
+
+    // Regression guard: brand-contact previously fell through to the header
+    // branch (the `=== brandPage` check) and read a stale header logo on undo.
+    test('reads the content-block logo for brand-contact', () => {
+      const model = buildModel(BRAND_PAGE_TYPES.brandContact);
+
+      expect(logoUtil.getLogoImageFromModel(model)?.logoDraftToken).toBe(
+        'content-token',
+      );
+    });
+  });
 });

package/src/brand-page/utils/logo.util.ts

@@ -394,6 +394,29 @@ export const calculateOptimizedLogoDimensions = (
   return { width: currentWidth, height: currentHeight };
 };
 
+/**
+ * Resolves the "current" logo image from a brand-page MODEL (the raw,
+ * deserialized shape — not the live stores, whose contents are wrapped in
+ * `settings.content`).
+ *
+ * Brand-site keeps its logo in the page header; brand-page and brand-contact
+ * keep it as a logo CONTENT block on the home page — the same `isBrandSite ?
+ * header : content` split the logo-settings store getters/setter use. This is
+ * the single source of truth for model-level logo reads: initial load and
+ * history-restore both call it so the two paths can't drift. They previously
+ * hard-coded `=== brandPage`, which silently excluded brand-contact and read a
+ * stale header logo on undo.
+ */
+export const getLogoImageFromModel = (
+  model: BrandPageModel,
+): LogoImageModel | undefined => {
+  if (model.brandPageType === BRAND_PAGE_TYPES.brandSite) {
+    return model.pageHeaderDesktop?.logoImage;
+  }
+
+  return model.pages?.[0]?.contents?.find(isLogoContent)?.logoImage;
+};
+
 export const recalculateLogoContentDimensions = async (
   pageData: any,
   editableLogoVariations: {

package/src/brand-page/utils/migration/migration-01_1.ts

@@ -1,4 +1,4 @@
-import type { BrandPageModel, LogoImageModel } from '../..';
+import type { LogoImageModel } from '../..';
 import type { MigrationData } from '../migration.util';
 
 import { migrateLogoImage } from './logo/logo.migration.util';

package/src/brand-page/utils/migration/migration-02.ts

@@ -3,7 +3,6 @@ import {
   FONT_SIZE_HEADINGS,
   type AboutSectionContent,
   type BannerSectionContent,
-  type BrandPageModel,
   type ButtonContent,
   type ContactFormContent,
   type GlobalTextStyleDeclaration,

package/src/brand-page/utils/migration/migration-03.ts

@@ -2,7 +2,6 @@ import {
   BRAND_PAGE_TYPES,
   type AboutSectionContent,
   type BannerSectionContent,
-  type BrandPageModel,
   type BrandPageType,
   type ButtonContent,
   type ContactFormContent,

package/src/brand-page/utils/migration/migration-04.ts

@@ -1,7 +1,6 @@
 import {
   type AboutSectionContent,
   type BannerSectionContent,
-  type BrandPageModel,
   type ButtonContent,
   type ContactFormContent,
   type Content,

package/src/brand-page/utils/migration/migration-05.ts

@@ -1,8 +1,4 @@
-import {
-  type BrandPageModel,
-  type TextContent,
-  type LogoImageModel,
-} from '../..';
+import { type TextContent, type LogoImageModel } from '../..';
 import type { MigrationData } from '../migration.util';
 import { isTextContent } from '../model.util';
 

package/src/brand-page/utils/migration/migration-05_2.ts

@@ -1,4 +1,4 @@
-import { type BrandPageModel, type ButtonContent } from '../..';
+import { type ButtonContent } from '../..';
 import type { MigrationData } from '../migration.util';
 
 export const migration05_2 = (

package/src/brand-page/utils/migration/migration-08.test.ts

@@ -341,7 +341,7 @@ describe('migration08', () => {
       data: 'test-template-svg-data',
     });
 
-    const result = await migration08(migrationData, {
+    const _result = await migration08(migrationData, {
       isServerRender: false,
       isUserDraft: false,
     });

package/src/brand-page/view-models.ts

@@ -1,5 +1,4 @@
 import type {
-  PageStyles,
   ButtonWithModalContent,
   ProfileContent,
   TextContent,
@@ -32,11 +31,9 @@ import type {
   TextShapeItem,
   TextStyleDeclaration,
   AspectRatio,
-  LogoVariation,
   LogoImageModel,
   LogoTemplateImageModel,
   CookieOptions,
-  SensitiveContent,
   BookingSectionContent,
   MediaTypes,
   TextStyles,
@@ -84,8 +81,7 @@ export interface PageViewModel {
 }
 
 export interface ButtonViewModel
-  extends ContentViewModel,
-    Omit<ButtonWithModalContent, 'type'> {
+  extends ContentViewModel, Omit<ButtonWithModalContent, 'type'> {
   styles: Omit<ButtonStyles, 'templates'>;
   onClicked: (vm: ButtonViewModel) => void;
   buttonLinkType: ButtonLinkType;
@@ -95,7 +91,8 @@ export interface ButtonViewModel
 export type ImageViewModel = ContentViewModel & Omit<ImageContent, 'type'>;
 
 export interface ImageGalleryViewModel
-  extends ContentViewModel,
+  extends
+    ContentViewModel,
     Omit<ImageGalleryContent, 'type' | 'galleryStyles'> {
   styles: GalleryStyles;
 }
@@ -114,14 +111,12 @@ export interface LogoViewModel extends ContentViewModel {
 }
 
 export interface ProfileViewModel
-  extends ContentViewModel,
-    Omit<ProfileContent, 'type'> {
+  extends ContentViewModel, Omit<ProfileContent, 'type'> {
   containerStyle?: BrandPageCssStyle;
 }
 
 export interface ShapesSectionViewModel
-  extends ContentViewModel,
-    Omit<ShapesSectionContent, 'type' | 'items'> {
+  extends ContentViewModel, Omit<ShapesSectionContent, 'type' | 'items'> {
   items: TextShapeItem[];
   isFullWidth: boolean;
 }
@@ -140,41 +135,35 @@ export type VideoViewModel = ContentViewModel &
 export type MapViewModel = ContentViewModel & Omit<MapContent, 'type'>;
 
 export interface MailingListViewModel
-  extends ContentViewModel,
-    Omit<MailingListContent, 'type'> {
+  extends ContentViewModel, Omit<MailingListContent, 'type'> {
   styles: Omit<ButtonStyles, 'templates'>;
 }
 
 export interface SupportMeViewModel
-  extends ContentViewModel,
-    Omit<SupportMeContent, 'type'> {
+  extends ContentViewModel, Omit<SupportMeContent, 'type'> {
   buttonStyles: ButtonStyles;
 }
 
 export interface RequestPaymentViewModel
-  extends ContentViewModel,
-    Omit<RequestPaymentContent, 'type'> {
+  extends ContentViewModel, Omit<RequestPaymentContent, 'type'> {
   buttonStyles: ButtonStyles;
 }
 
 export interface ShopViewModel
-  extends ContentViewModel,
-    Omit<ShopContent, 'type'> {
+  extends ContentViewModel, Omit<ShopContent, 'type'> {
   buttonStyles: ButtonStyles;
   isFullWidth: boolean;
   isShippingEnabled: boolean;
 }
 
 export interface ContactFormViewModel
-  extends ContentViewModel,
-    Omit<ContactFormContent, 'type'> {
+  extends ContentViewModel, Omit<ContactFormContent, 'type'> {
   buttonStyles: ButtonStyles;
   isFullWidth: boolean;
 }
 
 export interface BannerSectionViewModel
-  extends ContentViewModel,
-    Omit<BannerSectionContent, 'type'> {
+  extends ContentViewModel, Omit<BannerSectionContent, 'type'> {
   buttonViewModel: ButtonViewModel;
   isFullWidth: boolean;
   isBigImageType: boolean;
@@ -225,64 +214,57 @@ export interface TextImageSectionViewModel {
 }
 
 export interface TestimonialSectionViewModel
-  extends ContentViewModel,
-    Omit<TestimonialSectionContent, 'type'> {
+  extends ContentViewModel, Omit<TestimonialSectionContent, 'type'> {
   isFullWidth: boolean;
 }
 
 export interface AboutSectionViewModel
-  extends ContentViewModel,
-    Omit<AboutSectionContent, 'type'> {
+  extends ContentViewModel, Omit<AboutSectionContent, 'type'> {
   isFullWidth: boolean;
 }
 
 export interface SocialLinksViewModel
-  extends ContentViewModel,
-    Omit<SocialLinksContent, 'type'> {
+  extends ContentViewModel, Omit<SocialLinksContent, 'type'> {
   isFullWidth: boolean;
 }
 
 export interface DividerSectionViewModel
-  extends ContentViewModel,
-    Omit<DividerSectionContent, 'type'> {
+  extends ContentViewModel, Omit<DividerSectionContent, 'type'> {
   isFullWidth: boolean;
 }
 
 export interface BookingSectionViewModel
-  extends ContentViewModel,
-    Omit<BookingSectionContent, 'type'> {
+  extends ContentViewModel, Omit<BookingSectionContent, 'type'> {
   buttonViewModel: ButtonViewModel;
   isFullWidth: boolean;
 }
 
-export interface PageHeaderViewModel
-  extends Omit<
-    PageHeaderDesktop | PageHeaderMobile,
-    | 'logoImage'
-    | 'logoImageStyle'
-    | 'isLogoOptional'
-    | 'viewport'
-    | 'isLogoVisible'
-    | 'logoTemplateImage'
-    | 'logoImageHeight'
-    | 'logoImageWidth'
-  > {
+export interface PageHeaderViewModel extends Omit<
+  PageHeaderDesktop | PageHeaderMobile,
+  | 'logoImage'
+  | 'logoImageStyle'
+  | 'isLogoOptional'
+  | 'viewport'
+  | 'isLogoVisible'
+  | 'logoTemplateImage'
+  | 'logoImageHeight'
+  | 'logoImageWidth'
+> {
   logo: LogoViewModel;
   pages: PageViewModel[];
 }
 
-export interface PageFooterViewModel
-  extends Omit<
-    PageFooterDesktop | PageFooterMobile,
-    | 'logoImage'
-    | 'logoImageStyle'
-    | 'isLogoOptional'
-    | 'viewport'
-    | 'isLogoVisible'
-    | 'logoTemplateImage'
-    | 'logoImageHeight'
-    | 'logoImageWidth'
-  > {
+export interface PageFooterViewModel extends Omit<
+  PageFooterDesktop | PageFooterMobile,
+  | 'logoImage'
+  | 'logoImageStyle'
+  | 'isLogoOptional'
+  | 'viewport'
+  | 'isLogoVisible'
+  | 'logoTemplateImage'
+  | 'logoImageHeight'
+  | 'logoImageWidth'
+> {
   logo: LogoViewModel;
 }
 

package/src/brand-page-maker/assessors/banner-section-description-visibility.assessor.ts

@@ -48,11 +48,11 @@ export const bannerOverlayOptionsVisibilityAssessor: VisibilityAssessor<
 > = (content) => {
   return Boolean(
     (content.media?.type === 'getty-video' || content.imageUrl) &&
-      [
-        ALIGN_CARD_CENTER_IMAGE,
-        ALIGN_CARD_LEFT_IMAGE,
-        BIG_IMAGE,
-        ALIGN_LEFT_BIG_IMAGE,
-      ].includes(content.displayStyle),
+    [
+      ALIGN_CARD_CENTER_IMAGE,
+      ALIGN_CARD_LEFT_IMAGE,
+      BIG_IMAGE,
+      ALIGN_LEFT_BIG_IMAGE,
+    ].includes(content.displayStyle),
   );
 };

package/src/brand-page-maker/assessors/color-replacement-icon-visibility.assessor.ts

@@ -6,7 +6,7 @@ export const colorReplacementIconVisibilityTypeAssessor: VisibilityAssessor<
 > = (content) => {
   return Boolean(
     content?.colorReplacements &&
-      content?.iconUrl &&
-      content?.mediaType === 'shape',
+    content?.iconUrl &&
+    content?.mediaType === 'shape',
   );
 };

package/src/brand-page-maker/assessors/color-replacement-profile-visibility.assessor.ts

@@ -6,7 +6,7 @@ export const colorReplacementProfileVisibilityTypeAssessor: VisibilityAssessor<
 > = (content) => {
   return Boolean(
     content?.colorReplacements &&
-      content?.avatarImageUrl &&
-      content?.mediaType === 'shape',
+    content?.avatarImageUrl &&
+    content?.mediaType === 'shape',
   );
 };

package/src/brand-page-maker/assessors/color-replacement-visibility.assessor.ts

@@ -10,7 +10,7 @@ export const colorReplacementVisibilityTypeAssessor: VisibilityAssessor<
 > = (content) => {
   return Boolean(
     content?.colorReplacements &&
-      content?.imageUrl &&
-      content?.mediaType === 'shape',
+    content?.imageUrl &&
+    content?.mediaType === 'shape',
   );
 };

package/src/brand-page-maker/assessors/contact-form-visibility.assessor.ts

@@ -15,12 +15,12 @@ export const contactCardDisplayTypeVisibilityAssessor: VisibilityAssessor<
   return (
     Boolean(
       content?.layoutStyle &&
-        [
-          ALIGN_CARD_CENTER_IMAGE,
-          ALIGN_CARD_CENTER,
-          ALIGN_LEFT_FULL_IMAGE,
-          ALIGN_RIGHT_FULL_IMAGE,
-        ].includes(content?.layoutStyle),
+      [
+        ALIGN_CARD_CENTER_IMAGE,
+        ALIGN_CARD_CENTER,
+        ALIGN_LEFT_FULL_IMAGE,
+        ALIGN_RIGHT_FULL_IMAGE,
+      ].includes(content?.layoutStyle),
     ) && context!.isBrandSite
   );
 };
@@ -37,11 +37,11 @@ export const imageUrlVisibilityAssessor: VisibilityAssessor<
   return (
     Boolean(
       content?.layoutStyle &&
-        [
-          ALIGN_CARD_CENTER_IMAGE,
-          ALIGN_LEFT_FULL_IMAGE,
-          ALIGN_RIGHT_FULL_IMAGE,
-        ].includes(content?.layoutStyle),
+      [
+        ALIGN_CARD_CENTER_IMAGE,
+        ALIGN_LEFT_FULL_IMAGE,
+        ALIGN_RIGHT_FULL_IMAGE,
+      ].includes(content?.layoutStyle),
     ) && context!.isBrandSite
   );
 };
@@ -52,9 +52,9 @@ export const contactBackgroundDisplayTypeVisibilityAssessor: VisibilityAssessor<
   return (
     Boolean(
       content?.layoutStyle &&
-        [ALIGN_CARD_CENTER, ALIGN_CENTERED, TEXT_ONLY].includes(
-          content?.layoutStyle,
-        ),
+      [ALIGN_CARD_CENTER, ALIGN_CENTERED, TEXT_ONLY].includes(
+        content?.layoutStyle,
+      ),
     ) && context!.isBrandSite
   );
 };

package/src/brand-page-maker/components/action-bar/ActionBar.mixin.ts

@@ -8,6 +8,7 @@ import { UPGRADE_CTA_LOCATIONS } from './../../composables/useEventTracker';
 import { BRAND_PAGE_TYPES } from '@brand-page/models';
 
 export default defineComponent({
+  emits: ['create-team-cards'],
   setup() {
     const userStore = useBrandPageMakerUserStore();
     const brandPageMakerStore = useBrandPageMakerStore();

package/src/brand-page-maker/components/ai-text-edit/TextBubble.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-v-html -->
 <template>
   <div class="tw-mb-4" :class="containerClass">
     <div class="tw-flex" :class="containerClass">

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts

@@ -47,7 +47,6 @@ import AssetLibraryClient from '../../../clients/asset-library-clients';
 import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 import type { ShopConfigData } from '@brand-page/models/shop.model';
 import { useProductConfigStore } from '@brand-page-maker/stores/product-config/product-config-store';
-import type { UpdateItemValuePayload } from '@shared/content-settings/models';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
 import { commonTr } from '@src/composables/useTranslate';
 import { useSnapshot } from '../../../composables/useSnapshot';
@@ -87,6 +86,7 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ['create-team-cards'],
   setup() {
     const brandPageMakerStore = useBrandPageMakerStore();
     const sideBarStore = useUiSideBarStore();
@@ -291,7 +291,7 @@ export default defineComponent({
 
     // Capture baseline for undo/redo when the feature is active for this
     // session — see useUndoRedoFlag.ts for the gate (LaunchDarkly flag +
-    // brand-site + non-admin maker).
+    // non-admin maker; all three brands).
     if (useUndoRedoFlag().value) {
       useHistoryStore().captureBaseline();
     }

package/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.stories.ts

@@ -5,12 +5,9 @@ import type { Component } from 'vue';
 import MockAdapter from 'axios-mock-adapter';
 import { mockDesignTemplateTypeApi } from '@shared/template-settings/components/TemplatesSettings.test-helper';
 import BrandPageMakerTemplateSettings from './BrandPageMakerTemplateSettings.vue';
-import VueRouter, { createMemoryHistory, createRouter } from 'vue-router';
+import { createMemoryHistory, createRouter } from 'vue-router';
 import { hexToRGB } from '@utils/helpers';
-import {
-  BRAND_PAGE_TEMPLATE_BP_909,
-  LOGO_IMAGE_URL,
-} from '../../../__fixtures__';
+import { BRAND_PAGE_TEMPLATE_BP_909 } from '../../../__fixtures__';
 import { setupStoryPinia } from './__fixtures__/store-fixture';
 import { useUiLogoSettingsStore } from '@shared/logo-settings/store';
 import { useUiStore } from '@brand-page-maker/stores';

package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts

@@ -13,13 +13,8 @@ import type {
   TextContent,
   UserPersonalisation,
   ImageContent,
-  ImageGalleryContent,
   ProfileContent,
-  WebsiteContent,
-  ImagesSectionContent,
   UserPersonalisationContent,
-  EmailContent,
-  PhoneContent,
   ShapesSectionContent,
   BannerSectionContent,
 } from '@brand-page';

package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-payment.ts

@@ -56,14 +56,6 @@ export const brandPagePaymentConfigsResponse: BrandPagePaymentConfig[] = [
   },
 ];
 
-const stripePaymentIntent: StripePaymentIntent = {
-  id: faker.datatype.uuid(),
-  object: 'payment_intent',
-  amount: 500,
-  client_secret: faker.internet.password(),
-  currency: 'USD',
-} as const;
-
 export const brandPageCreateCartResult: CreateCartResult<StripePaymentIntent> =
   {
     cartId: faker.datatype.uuid(),

package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-site-template.examples.ts

@@ -1,5 +1,3 @@
-import type { PageModel } from '@brand-page';
-
 export const BRAND_SITE_TEMPLATE_SAMPLE: any[] = [
   {
     title: 'HOME',

package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-v-html -->
 <template>
   <Page
     data-component="brand-page-maker-page"

package/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.ts

@@ -130,7 +130,7 @@ export default defineComponent({
         mode: BRANDPAGE_SETTINGS_MODES.edit,
       });
     },
-    onDesignSelected(image: UserMediaItemWithDimensions) {
+    onDesignSelected() {
       this.brandPageMakerStore.setMode({ mode: BRANDPAGE_SETTINGS_MODES.edit });
     },
   },

package/src/brand-page-maker/components/color-palette/BpColorPalette.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, type PropType } from 'vue';
+import { ref } from 'vue';
 import type { ColorValue } from 'src/shared/color-picker/models';
 import ClickOutside from 'click-outside-vue3';
 import ColorPicker from './BpColorPicker.vue';
@@ -106,7 +106,6 @@ const emit = defineEmits<{
 const pickerIdRef = ref<HTMLElement>();
 
 const popupTop = ref(0);
-const popupLeft = ref(0);
 
 const vClickOutside = ClickOutside.directive;
 

package/src/brand-page-maker/components/color-picker/components/ColorModeSelect.mixin.ts

@@ -23,6 +23,7 @@ export default defineComponent({
       default: COLOR_PICKER_MODE.SOLID,
     },
   },
+  emits: ['update:modelValue'],
   data() {
     return {
       colorPickerModes: COLOR_PICKER_MODE_OPTIONS,

package/src/brand-page-maker/components/color-picker/components/GradientColorSlider.mixin.ts

@@ -27,6 +27,7 @@ export default defineComponent({
       default: 5,
     },
   },
+  emits: ['update:activeHandlerId'],
   data() {
     return {
       internalActiveHandlerId: 0,

package/src/brand-page-maker/components/color-picker/components/GradientColorSliderHandler.mixin.ts

@@ -18,6 +18,7 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ['on-selected', 'on-position-changed'],
   data() {
     return {
       startPosInPixel,

package/src/brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin.ts

@@ -12,6 +12,7 @@ export default defineComponent({
       default: GRADIENT_COLOR_TYPE.LINEAR,
     },
   },
+  emits: ['update:modelValue'],
   data() {
     return {
       isLinear: true,

package/src/brand-page-maker/components/device/Device.mixin.ts

@@ -18,6 +18,7 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ['toggle-should-play'],
   data() {
     return {
       visible: false,