@designcrowd/library.brand-page 5.19.2 → 6.0.0

package/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.vue

@@ -178,11 +178,7 @@ import {
   Loader,
 } from '@designcrowd/fe-shared-lib';
 import UseExistingDomainModalMixin from './UseExistingDomainModal.mixin.ts';
-import {
-  tr,
-  commonTr,
-  existingDomainModalTr,
-} from '@src/composables/useTranslate';
+import { commonTr, existingDomainModalTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/brand-page-maker/components/shop/AddOrEditProductContainer.vue

@@ -172,7 +172,7 @@ const enableNotes = computed(() => productSettingStore.productEnableNotes);
 const hasVariants = computed(() => productSettingStore.productHasVariants);
 const currencySymbol = computed(() => shopConfigStore.currencySymbol);
 
-const emit = defineEmits(['update:modelValue']);
+defineEmits(['update:modelValue']);
 
 const onImageUpload = () => {
   productSettingStore.setImageUpload(true);

package/src/brand-page-maker/components/shop/ReplaceImageSettingsForShop.vue

@@ -25,7 +25,7 @@ import {
 import type { UserMediaItemWithDimensions } from 'src/shared/my-uploads/models';
 const productSettingStore = useProductConfigStore();
 
-const emit = defineEmits(['on-close', 'on-save']);
+defineEmits(['on-close', 'on-save']);
 
 const onBack = () => {
   productSettingStore.setImageUpload(false);

package/src/brand-page-maker/components/social-share/SocialShare.vue

@@ -55,7 +55,7 @@
   <!-- End Loader Overlay -->
 </template>
 <script>
-import { Button, Loader, TextInput } from '@designcrowd/fe-shared-lib';
+import { Loader, TextInput } from '@designcrowd/fe-shared-lib';
 import SocialShareMixin from './SocialShare.mixin';
 import ImageField from '@shared/content-settings/components/image-field/ImageField.vue';
 import { socialShareTr, commonTr } from '@src/composables/useTranslate';

package/src/brand-page-maker/components/video-play/VideoPlayButton.vue

@@ -28,5 +28,5 @@ interface Props {
   iconColor?: string;
 }
 
-const props = defineProps<Props>();
+defineProps<Props>();
 </script>

package/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.ts

@@ -1,4 +1,4 @@
-import { ref, computed, watch, nextTick, onUnmounted } from 'vue';
+import { ref, computed, watch, nextTick } from 'vue';
 import type { BrandPageModel } from '../../../brand-page/models';
 import {
   getInstance as getAiAssistantClient,

package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts

@@ -628,15 +628,15 @@ export const useRichTextEditor = (
       );
       fontSettings.selectedTextColor = hasLogoColorVar(globalStyles.color ?? '')
         ? '#000000'
-        : globalStyles?.color ?? '#000000';
+        : (globalStyles?.color ?? '#000000');
       fontSettings.selectedBackgroundColor = hasLogoColorVar(
         globalStyles?.backgroundColor ?? '',
       )
         ? 'transparent'
-        : globalStyles?.backgroundColor ?? 'transparent';
+        : (globalStyles?.backgroundColor ?? 'transparent');
       lineHeight.value = globalStyles?.lineHeight?.includes('em')
         ? emToPx(globalStyles?.lineHeight ?? '1em')
-        : globalStyles?.lineHeight ?? '1';
+        : (globalStyles?.lineHeight ?? '1');
       letterSpacing.value = letterSpacingValueConvertor.convert(
         globalStyles ?? {},
       );
@@ -658,15 +658,15 @@ export const useRichTextEditor = (
         props.styles?.color ?? '#000000',
       )
         ? '#000000'
-        : props.styles?.color ?? '#000000';
+        : (props.styles?.color ?? '#000000');
       fontSettings.selectedBackgroundColor = hasLogoColorVar(
         props.styles?.backgroundColor ?? '',
       )
         ? 'transparent'
-        : props.styles?.backgroundColor ?? 'transparent';
+        : (props.styles?.backgroundColor ?? 'transparent');
       lineHeight.value = props.styles?.lineHeight?.includes('em')
         ? emToPx(props.styles?.lineHeight ?? '1em')
-        : props.styles?.lineHeight ?? '1';
+        : (props.styles?.lineHeight ?? '1');
       letterSpacing.value = letterSpacingValueConvertor.convert(
         props.styles ?? {},
       );

package/src/brand-page-maker/constants/config-settings-constant.ts

@@ -446,9 +446,9 @@ const shopReplaceImageSettings =
     titleReplace: contentSettingsTr(`imageReplaceTitle`),
     contentMediaFieldName: MediaFieldNames.requestPaymentConfig,
     setContentMedia: (
-      content: ShopContent,
-      value: SetContentMediaPayload,
-      index?: number,
+      _content: ShopContent,
+      _value: SetContentMediaPayload,
+      _index?: number,
     ) => '',
     openByDefault: false,
     mediaType: null,

package/src/brand-page-maker/convertors/text-image-display-style.convertor.ts

@@ -11,7 +11,7 @@ import {
 import type { ImagesSectionContent, MediaType } from '@brand-page';
 
 export const getTextMediaOptionsConverterByMediaType = (
-  mediaType: MediaType,
+  _mediaType: MediaType,
 ): ValueConvertor<
   string | null,
   ButtonGroupConfig,

package/src/brand-page-maker/models/button-styles-config.ts

@@ -15,8 +15,10 @@ export const ButtonStyleConfigOptions = [
 
 export type ButtonStyleConfigOption = (typeof ButtonStyleConfigOptions)[number];
 
-export interface ButtonStyleConfig
-  extends Omit<ButtonStyles, 'style' | 'template' | 'selectedButtonStyleId'> {
+export interface ButtonStyleConfig extends Omit<
+  ButtonStyles,
+  'style' | 'template' | 'selectedButtonStyleId'
+> {
   readonly id: string;
   readonly hasShadow: boolean;
   readonly hasSoftShadow?: boolean;

package/src/brand-page-maker/models/content-settings-configs.ts

@@ -156,8 +156,10 @@ export interface ContentSettingsField<TContent> {
   styleName?: string;
 }
 
-export interface ContentSettingsMultiField<TContent, TField>
-  extends Omit<ContentSettingsField<TContent>, 'type' | 'role'> {
+export interface ContentSettingsMultiField<TContent, TField> extends Omit<
+  ContentSettingsField<TContent>,
+  'type' | 'role'
+> {
   type: ItemMultiFieldType;
   role: 'multi';
   fields?: {

package/src/brand-page-maker/models/navigation-style-configs.ts

@@ -14,7 +14,7 @@ import type {
 import type { PageSection } from '@shared/page-settings/models';
 import { PAGE_SECTIONS } from '@shared/page-settings/models';
 import type { ButtonGroupOption } from './button-group.model';
-import { tr, commonTr, modelsTr } from '@src/composables/useTranslate';
+import { commonTr, modelsTr } from '@src/composables/useTranslate';
 
 export const NavigationStyleConfigOptions = {
   defaultBorderColor: 'defaultBorderColor',
@@ -46,11 +46,10 @@ export const NAVIGATION_STYLE_CONFIG_OPTION_TITLES = (): Record<
   subNavBackgroundColor: modelsTr('subNavBackgroundColor'),
 });
 
-export interface NavigationStyleConfig
-  extends Omit<
-    NavigationDesktop | NavigationMobile,
-    'isLogoVisible' | 'hamburgerMenuStyle' | 'viewport'
-  > {
+export interface NavigationStyleConfig extends Omit<
+  NavigationDesktop | NavigationMobile,
+  'isLogoVisible' | 'hamburgerMenuStyle' | 'viewport'
+> {
   buttonGroupOption: ButtonGroupOption;
   options: NavigationStyleConfigOption[];
 }

package/src/brand-page-maker/stores/admin-logo-settings/admin-logo-settings-store.ts

@@ -2,7 +2,6 @@ import {
   EMPTY_LOGO_IMAGE_MODEL,
   type FabricLogoTheme,
   type LogoContent,
-  type LogoImageModel,
   type LogoTemplateImageModel,
   type LogoTheme,
 } from '@brand-page';

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

@@ -21,7 +21,6 @@ import {
   BRAND_PAGE_TYPES,
   SENSITIVE_CONTENT_TYPES,
   getAbTestResults,
-  getValueType,
   type AbTest,
   type LogoContent,
 } from '@brand-page';
@@ -34,7 +33,6 @@ import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-  EVENTS,
 } from '@brand-page-maker/composables/useEventTracker';
 import { navigationTr } from '@src/composables/useTranslate';
 import type { WebsiteSlugCheckResponse } from '@brand-page-maker/models/api.model';
@@ -451,7 +449,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
 
     async publishBrandPage({ shouldPublish, slug }) {
       const brandPageMakerStore = useBrandPageMakerStore();
-      const eventTracker = useEventTracker();
+      const _eventTracker = useEventTracker();
 
       if (!this.designDraftToken) {
         throw new Error(
@@ -558,7 +556,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       isPurchasedDomain,
     }) {
       const brandPageMakerStore = useBrandPageMakerStore();
-      const eventTracker = useEventTracker();
+      const _eventTracker = useEventTracker();
 
       if (!this.designDraftToken) {
         throw new Error(
@@ -892,7 +890,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
     ) {
       const userStore = useBrandPageMakerUserStore();
       const brandPageMakerStore = useBrandPageMakerStore();
-      const eventTracker = useEventTracker();
+      const _eventTracker = useEventTracker();
 
       if (userStore.isAdmin) {
         throw new Error('save brand page is not allowed in admin mode');

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

@@ -2,7 +2,6 @@ import { vi } from 'vitest';
 import {
   BRAND_PAGE,
   INITIALISE_PAYLOAD,
-  USER_FEATURES,
   userFeatures,
 } from '../../components/brand-page-maker/__fixtures__';
 import {
@@ -44,6 +43,7 @@ import { useUiBackgroundSettingsStore } from '@shared/background-settings/store'
 import { useBrandPageMakerUserStore } from '../user';
 import { useBrandPageContainerStore } from '../brandpage-container';
 import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
+import { usePageNavigationStore } from '@shared/page-navigation/store/page-navigation-store';
 import {
   CONTENT_SETTINGS_MODES,
   useUiContentSettingsStore,
@@ -54,8 +54,6 @@ import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
 import { PAGE_SECTIONS } from '@shared/page-settings/models';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { setLocaleAsync } from '@src/composables/useTranslate';
-import { usePageNavigationStore } from '@shared/page-navigation/store/page-navigation-store';
-import type { NavModel } from '@brand-page/models';
 
 const createInitialisePayload = () => {
   const initialisePayload = {

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

@@ -23,14 +23,12 @@ import {
   CONTENT_TYPES,
   NavigationDesktop,
   NavigationMobile,
-  NavModel,
 } from '@brand-page';
 import type {
   DesignTemplateType,
   InitialCategories,
   TemplateCategory,
 } from '@shared/template-settings/models';
-import type { UserFeatures } from '../user';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
 import { toRaw } from 'vue';
@@ -1238,7 +1236,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
       industry,
       layout,
       logoVariationImageUrls,
-      shopConfigData,
+      shopConfigData: _shopConfigData,
       isServerRenderOverride = false,
     }: InitialisePayload) {
       const brandPageContainerStore = useBrandPageContainerStore();
@@ -1250,7 +1248,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
       const backgroundSettingsStore = useUiBackgroundSettingsStore();
       const styleSettingsStore = useUiStyleSettingsStore();
       const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
-      const sideBarStore = useUiSideBarStore();
+      const _sideBarStore = useUiSideBarStore();
 
       navigationStyleSettingsStore.initialise({ reset: false });
 

package/src/brand-page-maker/utils/content-settings.util.ts

@@ -7,7 +7,7 @@ import type {
   ContentSettingsConfig,
   CreateInitialContentOptions,
 } from '../models';
-import { SENSITIVE_CONTENT_TYPES, type Content } from '@brand-page';
+import { type Content } from '@brand-page';
 import { RESERVED_FIELD_NAMES } from '@shared/content-settings/constants';
 import { CONTENT_SETTINGS_CONFIGS } from '../constants';
 import type { UIUserFeatures } from '@src/constants/ui';

package/src/brand-page-maker/utils/rich-text-editor.util.ts

@@ -431,7 +431,7 @@ const transformRTEField = (
   if (textStyleType && (textStyleType === type || uiStyleSettingsStore)) {
     let globalContentStyle = uiStyleSettingsStore
       ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType].style
-      : newStyle ?? ({} as TextStyleDeclaration);
+      : (newStyle ?? ({} as TextStyleDeclaration));
 
     globalContentStyle = {
       ...globalContentStyle,
@@ -549,7 +549,7 @@ export const transformToRTE = (
                 ? uiStyleSettingsStore.textStyles.textStyleOptions[
                     textItemStyleType
                   ].style
-                : newStyle ?? ({} as TextStyleDeclaration);
+                : (newStyle ?? ({} as TextStyleDeclaration));
 
               globalContentStyle = {
                 ...globalContentStyle,
@@ -593,7 +593,7 @@ export const transformToRTE = (
             let globalContentStyle = uiStyleSettingsStore
               ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType]
                   .style
-              : newStyle ?? ({} as TextStyleDeclaration);
+              : (newStyle ?? ({} as TextStyleDeclaration));
 
             globalContentStyle = {
               ...globalContentStyle,
@@ -647,7 +647,7 @@ export const switchAllContentToRTE = (
 
         if (textContent.textItems && textContent.textItems.length > 0) {
           for (const [
-            itemIndex,
+            _itemIndex,
             textItemContent,
           ] of textContent.textItems.entries()) {
             const textItemStyleType = textItemContent.textStyle.textStyleType;

package/src/lib.ts

@@ -96,6 +96,7 @@ export {
   useEventManagerStore,
   useLocalisedRouteStore,
   useVideoStore,
+  useRouteStore,
 } from './brand-page-maker/stores';
 export { useShopConfigStore } from './shared/ecommerce-settings/store/shop-settings-store';
 

package/src/metadata-builder/builders/section-builders/image-gallery-builder.ts

@@ -46,7 +46,7 @@ const mergeGalleryImages = (
     const existing = content.images?.[index];
     const imageUrl = isValidUrl(img.image_url)
       ? img.image_url!
-      : existing?.imageUrl ?? '';
+      : (existing?.imageUrl ?? '');
 
     return {
       ...(existing || {}),

package/src/metadata-builder/builders/section-builders/images-section-builder.ts

@@ -80,7 +80,7 @@ const mergeImageItems = (
       ...(existing || {}),
       imageUrl: isValidUrl(item.image_url)
         ? item.image_url!
-        : existing?.imageUrl ?? '',
+        : (existing?.imageUrl ?? ''),
       imageTitle: existing?.imageTitle ?? '',
       width: existing?.width ?? 0,
       height: existing?.height ?? 0,

package/src/metadata-builder/builders/section-builders/testimonial-section-builder.ts

@@ -128,7 +128,7 @@ const mergeTestimonialItemsAsync = async (
         ? 'shape'
         : item.avatar_image_url
           ? 'image'
-          : existing?.mediaType ?? 'image';
+          : (existing?.mediaType ?? 'image');
 
       return {
         ...(existing || {}),

package/src/metadata-builder/builders/section-builders/text-section-builder.ts

@@ -128,7 +128,7 @@ const mergeTextItems = (
     ) as TextStyleDeclaration;
 
     const resolved = item.text !== undefined ? resolveText(item.text) : null;
-    const text = resolved ? resolved.html : existing?.text ?? '';
+    const text = resolved ? resolved.html : (existing?.text ?? '');
 
     return {
       text,

package/src/metadata-builder/builders/shape-color-utils.ts

@@ -68,8 +68,8 @@ export const applyColorThemeToReplacements = (
     replacementColor:
       replacements.length === 1
         ? colorTheme
-        : getNewColorBasedOnTargetColorTheme(
+        : (getNewColorBasedOnTargetColorTheme(
             r.originalColor,
             colorTheme,
-          )?.toString() ?? colorTheme,
+          )?.toString() ?? colorTheme),
   }));

package/src/plugins/google-maps-plugin/google-maps-plugin.ts

@@ -31,10 +31,10 @@ export interface AddressDetails {
 export class GoogleMapsPlugin {
   private initialised = false;
   private initialising = false;
-  private readonly _options: GoogleMapsPluginOptions;
+  private readonly options: GoogleMapsPluginOptions;
 
   constructor(options: GoogleMapsPluginOptions) {
-    this._options = options;
+    this.options = options;
   }
 
   private async initialise(): Promise<void> {
@@ -111,7 +111,7 @@ export class GoogleMapsPlugin {
     const { PlaceAutocompleteElement } = await this.getPlacesLibrary();
 
     return new PlaceAutocompleteElement({
-      requestedLanguage: this._options.locale,
+      requestedLanguage: this.options.locale,
       ...options,
     });
   }
@@ -149,17 +149,17 @@ export class GoogleMapsPlugin {
   }
 
   private getGoogleScriptUrl(): string {
-    const baseUrl = `https://maps.googleapis.com/maps/api/js?key=${this._options.apiKey}&libraries=places&loading=async`;
+    const baseUrl = `https://maps.googleapis.com/maps/api/js?key=${this.options.apiKey}&libraries=places&loading=async`;
 
-    return this._options.locale
-      ? `${baseUrl}&language=${this._options.locale}`
+    return this.options.locale
+      ? `${baseUrl}&language=${this.options.locale}`
       : baseUrl;
   }
 
   getEmbedGoogleMapsSrc(options: GetEmbedGoogleMapsOptions): string {
     const mapMode = options.mapMode || MAP_MODE_PLACE;
-    const locale = options.locale || this._options.locale;
-    const baseUrl = `https://www.google.com/maps/embed/v1/${mapMode}?key=${this._options.apiKey}&q=${options.query}`;
+    const locale = options.locale || this.options.locale;
+    const baseUrl = `https://www.google.com/maps/embed/v1/${mapMode}?key=${this.options.apiKey}&q=${options.query}`;
 
     return locale ? `${baseUrl}&language=${locale}` : baseUrl;
   }

package/src/shared/background-settings/components/BackgroundSettings.vue

@@ -174,7 +174,7 @@ const isPersonalisationEnabled = computed(
 );
 const isDesignCom = computed(() => containerStore.isDesignCom);
 
-const emit = defineEmits(['on-intent-image-replace']);
+defineEmits(['on-intent-image-replace']);
 
 const shapeTabs = [
   backgroundSettingsTr(`background`),

package/src/shared/background-settings/components/background-color/BackgroundColorSettings.vue

@@ -22,7 +22,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { computed, type PropType } from 'vue';
+import { computed } from 'vue';
 import { HelloBar } from '@designcrowd/fe-shared-lib';
 import { useUiBackgroundSettingsStore } from '../../store';
 import ColorField from '../../../content-settings/components/color-field/ColorField.vue';

package/src/shared/color-picker/components/ColorPicker.mixin.ts

@@ -3,15 +3,9 @@ import { Icon } from '@designcrowd/fe-shared-lib';
 import ColorPickerSwatch from './ColorPickerSwatch.vue';
 import type { ColorValue, ColorGroupItem, ColorGroup } from '../models';
 import { DEFAULT_COLORS, DEFAULT_GRADIENT_COLORS } from '../constants';
-import {
-  RGBAtoHex,
-  hexToRGB,
-  arrayToLinearGradient,
-  isRgbColor,
-} from '@utils/helpers';
+import { RGBAtoHex, arrayToLinearGradient, isRgbColor } from '@utils/helpers';
 import { normalizeColorToHex, colorsMatch } from '@brand-page/utils/style.util';
 import { colorPickerTr } from '@src/composables/useTranslate';
-import { useUiStyleSettingsStore } from '../../style-settings/store';
 
 // Simple session storage for newColors (persists during browser session, clears on refresh)
 let sessionNewColors: ColorGroupItem[] = [];
@@ -53,6 +47,7 @@ export default defineComponent({
       default: () => false,
     },
   },
+  emits: ['on-color-select'],
   data() {
     const groups: ColorGroup[] = [];
     const newColors: ColorGroupItem[] = [];

package/src/shared/color-picker/components/ColorPickerSwatch.mixin.ts

@@ -7,6 +7,7 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ['click'],
   data() {
     const styles: BrandPageCssStyle = this.color.styles;
 

package/src/shared/common/NumberInput.vue

@@ -53,6 +53,7 @@ export default {
       default: 1,
     },
   },
+  emits: ['update:model-value'],
   data() {
     return {
       priceValue: this.modelValue,

package/src/shared/common/SideBarSettingsHeader.vue

@@ -33,9 +33,9 @@
 </template>
 <script setup lang="ts">
 import { Button } from '@designcrowd/fe-shared-lib';
-import { tr, commonTr } from '@src/composables/useTranslate';
+import { commonTr } from '@src/composables/useTranslate';
 
-const props = defineProps({
+defineProps({
   showBackButton: {
     type: Boolean,
     required: false,

package/src/shared/confirm-modal/ConfirmModal.mixin.ts

@@ -14,6 +14,7 @@ export default defineComponent({
       required: false,
     },
   },
+  emits: ['confirm', 'cancel'],
   setup() {
     const containerStore = useBrandPageContainerStore();
 

package/src/shared/content-settings/components/booking-url-field/BookingUrlField.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-v-html -->
 <template>
   <div data-component="booking-url-field">
     <div

package/src/shared/content-settings/components/button-configuration-field/ButtonConfigurationField.vue

@@ -137,6 +137,7 @@ const props = withDefaults(defineProps<Props>(), {
   titleLength: MAX_TITLE_LENGTH,
   descriptionLength: MAX_DESCRIPTION_LENGTH,
   isAdmin: false,
+  pages: undefined,
 });
 
 const pageSettingsStore = useUiPageSettingsStore();

package/src/shared/content-settings/components/color-field/ColorField.vue

@@ -70,14 +70,7 @@
 </template>
 
 <script setup lang="ts">
-import {
-  ref,
-  computed,
-  watch,
-  onMounted,
-  onBeforeMount,
-  type PropType,
-} from 'vue';
+import { ref, computed, watch, onMounted, onBeforeMount } from 'vue';
 import { Toggle } from '@designcrowd/fe-shared-lib';
 import {
   addTransparentAlphaChannelToHex,
@@ -320,8 +313,8 @@ onBeforeMount(() => {
 onMounted(() => {
   const toggleState = Boolean(
     color.value &&
-      typeof color.value === 'string' &&
-      !isHexTransparent(color.value),
+    typeof color.value === 'string' &&
+    !isHexTransparent(color.value),
   );
 
   emit('on-toggle-state-change', toggleState);

package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts

@@ -17,7 +17,6 @@ import {
 import { SIDE_BAR_CONTENT_ID } from '../../constants';
 import type { ComponentPublicInstance } from '@vue/runtime-core';
 import {
-  EVENTS,
   SELECT_LOCATIONS,
   useEventTracker,
 } from '@brand-page-maker/composables/useEventTracker';
@@ -37,6 +36,7 @@ interface CategoryTab {
 }
 
 export default defineComponent({
+  emits: ['capture-preview-snapshot'],
   setup() {
     const brandPageMakerStore = useBrandPageMakerStore();
     const contentSettingsStore = useUiContentSettingsStore();

package/src/shared/content-settings/components/content-settings/ContentSettingsLockedButton.vue

@@ -41,6 +41,7 @@ export default {
       required: true,
     },
   },
+  emits: ['on-click'],
   methods: {
     onClick(ev) {
       this.$emit('on-click', ev);

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.ts

@@ -49,6 +49,11 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: [
+    'on-delete',
+    'capture-snapshot-before-modal',
+    'capture-preview-snapshot',
+  ],
   setup() {
     const contentSettingsStore = useUiContentSettingsStore();
     const sideBarStore = useUiSideBarStore();

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts

@@ -16,7 +16,6 @@ import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
 import { ITEM_FIELD_TYPES, type ItemFieldType } from '@brand-page-maker/models';
 import { useUiPageSettingsStore } from '../../../page-settings/store';
 import { PAGE_SECTIONS } from '../../../page-settings/models';
-import { commonTr } from '@src/composables/useTranslate';
 import {
   getPlainTextFromRTE,
   replaceTextInRTE,
@@ -26,19 +25,6 @@ import {
 import { isDefaultContentText } from '@shared/content-settings/utils';
 import { useUiLogoSettingsStore } from '../../../logo-settings/store';
 
-const RTE_DISALLOWED_STYLE_FIELD_NAMES = [
-  'descriptionStyle',
-  'titleStyle',
-  'textStyle',
-  'paragraphStyle',
-];
-const AI_ALLOWED_SECTION_TYPES = [
-  'banner-section',
-  'text',
-  'about-section',
-  'testimonials-section',
-];
-const AI_ALLOWED_FIELD_NAMES = ['description', 'title', 'text', 'paragraph'];
 const RTE_DISALLOWED_FIELD_NAMES = ['buttonText'];
 
 export default defineComponent({
@@ -62,6 +48,7 @@ export default defineComponent({
       default: undefined,
     },
   },
+  emits: ['capture-preview-snapshot'],
   setup() {
     const contentSettingsStore = useUiContentSettingsStore();
     const brandPageMakerStore = useBrandPageMakerStore();