@designcrowd/library.brand-page 6.0.3 → 6.0.4

package/src/metadata-builder/parsers/section-tool-arguments.ts

@@ -142,10 +142,15 @@ export interface ProfileSectionArguments {
 }
 
 export interface TextSectionItem {
-  /** 0-based index of existing item to update in-place */
-  item_index?: number;
-  /** 0-based position to insert a new item at */
-  insert_at?: number;
+  /** Stable id of the existing item to update or move. Omit to ADD a new item. */
+  item_id?: string;
+  /**
+   * Id of an existing item to position this item before (insert for new items,
+   * move for existing ones). Use "__end__" for the end of the list. Omit to
+   * leave an existing item in place / append a new item. Mirrors the
+   * section-level move_before_content_id.
+   */
+  move_before_item_id?: string;
   text?: RichTextField;
   text_style?: TextStyleArguments;
 }
@@ -159,10 +164,8 @@ export interface TextSectionArguments {
   /** Multiple text items (BrandSite) */
   items?: TextSectionItem[];
   _replace_items?: boolean;
-  /** 0-based indices of items to remove */
-  _remove_item_indices?: number[];
-  /** New order as array of current 0-based indices */
-  _reorder_items?: number[];
+  /** Stable ids of items to remove. Order-independent (no index shifting). */
+  _remove_item_ids?: string[];
   background_color?: string | null;
 }
 
@@ -172,10 +175,15 @@ export interface ImageSectionArguments {
 }
 
 export interface ImageGalleryItem {
-  /** 0-based index of existing item to update in-place */
-  item_index?: number;
-  /** 0-based position to insert a new item at */
-  insert_at?: number;
+  /** Stable id of the existing item to update or move. Omit to ADD a new item. */
+  item_id?: string;
+  /**
+   * Id of an existing item to position this item before (insert for new items,
+   * move for existing ones). Use "__end__" for the end of the list. Omit to
+   * leave an existing item in place / append a new item. Mirrors the
+   * section-level move_before_content_id.
+   */
+  move_before_item_id?: string;
   image_url?: string;
   caption?: string;
 }
@@ -185,10 +193,8 @@ export interface ImageGallerySectionArguments {
   gallery_type?: 'grid' | 'carousel' | 'masonry';
   is_full_width?: boolean;
   _replace_items?: boolean;
-  /** 0-based indices of items to remove */
-  _remove_item_indices?: number[];
-  /** New order as array of current 0-based indices */
-  _reorder_items?: number[];
+  /** Stable ids of items to remove. Order-independent (no index shifting). */
+  _remove_item_ids?: string[];
 }
 
 export interface GeneralLinkSectionArguments {
@@ -256,10 +262,15 @@ export interface TiktokSectionArguments {
 }
 
 export interface SocialLink {
-  /** 0-based index of existing item to update in-place */
-  item_index?: number;
-  /** 0-based position to insert a new item at */
-  insert_at?: number;
+  /** Stable id of the existing item to update or move. Omit to ADD a new item. */
+  item_id?: string;
+  /**
+   * Id of an existing item to position this item before (insert for new items,
+   * move for existing ones). Use "__end__" for the end of the list. Omit to
+   * leave an existing item in place / append a new item. Mirrors the
+   * section-level move_before_content_id.
+   */
+  move_before_item_id?: string;
   platform?:
     | 'facebook'
     | 'x'
@@ -280,10 +291,8 @@ export interface SocialLinksSectionArguments {
   /** Style for the icon container background (used when icon_style is 'square' or 'circle'). */
   icon_background_style?: TextStyleArguments;
   _replace_items?: boolean;
-  /** 0-based indices of items to remove */
-  _remove_item_indices?: number[];
-  /** New order as array of current 0-based indices */
-  _reorder_items?: number[];
+  /** Stable ids of items to remove. Order-independent (no index shifting). */
+  _remove_item_ids?: string[];
 }
 
 export interface MailingListSectionArguments {
@@ -371,10 +380,15 @@ export interface AboutSectionArguments {
 }
 
 export interface ImagesSectionItem {
-  /** 0-based index of existing item to update in-place */
-  item_index?: number;
-  /** 0-based position to insert a new item at */
-  insert_at?: number;
+  /** Stable id of the existing item to update or move. Omit to ADD a new item. */
+  item_id?: string;
+  /**
+   * Id of an existing item to position this item before (insert for new items,
+   * move for existing ones). Use "__end__" for the end of the list. Omit to
+   * leave an existing item in place / append a new item. Mirrors the
+   * section-level move_before_content_id.
+   */
+  move_before_item_id?: string;
   image_url?: string;
   heading?: string;
   text?: string;
@@ -393,10 +407,8 @@ export interface ImagesSectionArguments {
     | 'center-card-aligned-image'
     | 'alternate-image';
   _replace_items?: boolean;
-  /** 0-based indices of items to remove */
-  _remove_item_indices?: number[];
-  /** New order as array of current 0-based indices */
-  _reorder_items?: number[];
+  /** Stable ids of items to remove. Order-independent (no index shifting). */
+  _remove_item_ids?: string[];
   title_style?: TextStyleArguments;
   description_style?: TextStyleArguments;
   heading_style?: TextStyleArguments;
@@ -409,10 +421,15 @@ export interface ImagesSectionArguments {
 }
 
 export interface TestimonialItem {
-  /** 0-based index of existing item to update in-place */
-  item_index?: number;
-  /** 0-based position to insert a new item at */
-  insert_at?: number;
+  /** Stable id of the existing item to update or move. Omit to ADD a new item. */
+  item_id?: string;
+  /**
+   * Id of an existing item to position this item before (insert for new items,
+   * move for existing ones). Use "__end__" for the end of the list. Omit to
+   * leave an existing item in place / append a new item. Mirrors the
+   * section-level move_before_content_id.
+   */
+  move_before_item_id?: string;
   testimonial?: string;
   name?: string;
   position?: string;
@@ -426,10 +443,8 @@ export interface TestimonialSectionArguments {
   items?: TestimonialItem[];
   display_style?: 'centered' | 'big-image' | 'columns';
   _replace_items?: boolean;
-  /** 0-based indices of items to remove */
-  _remove_item_indices?: number[];
-  /** New order as array of current 0-based indices */
-  _reorder_items?: number[];
+  /** Stable ids of items to remove. Order-independent (no index shifting). */
+  _remove_item_ids?: string[];
   title_style?: TextStyleArguments;
   testimonial_style?: TextStyleArguments;
   name_style?: TextStyleArguments;
@@ -439,10 +454,15 @@ export interface TestimonialSectionArguments {
 }
 
 export interface ShapesSectionItem {
-  /** 0-based index of existing item to update in-place */
-  item_index?: number;
-  /** 0-based position to insert a new item at */
-  insert_at?: number;
+  /** Stable id of the existing item to update or move. Omit to ADD a new item. */
+  item_id?: string;
+  /**
+   * Id of an existing item to position this item before (insert for new items,
+   * move for existing ones). Use "__end__" for the end of the list. Omit to
+   * leave an existing item in place / append a new item. Mirrors the
+   * section-level move_before_content_id.
+   */
+  move_before_item_id?: string;
   icon_image_url?: string;
   shape_url?: string;
   color_theme?: string;
@@ -462,10 +482,8 @@ export interface ShapesSectionArguments {
     | 'center-card-aligned-image'
     | 'alternate-image';
   _replace_items?: boolean;
-  /** 0-based indices of items to remove */
-  _remove_item_indices?: number[];
-  /** New order as array of current 0-based indices */
-  _reorder_items?: number[];
+  /** Stable ids of items to remove. Order-independent (no index shifting). */
+  _remove_item_ids?: string[];
   title_style?: TextStyleArguments;
   description_style?: TextStyleArguments;
   heading_style?: TextStyleArguments;

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);
 
-defineEmits(['on-intent-image-replace']);
+const emit = 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 } from 'vue';
+import { computed, type PropType } 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,9 +3,15 @@ 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, arrayToLinearGradient, isRgbColor } from '@utils/helpers';
+import {
+  RGBAtoHex,
+  hexToRGB,
+  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[] = [];
@@ -47,7 +53,6 @@ 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,7 +7,6 @@ export default defineComponent({
       required: true,
     },
   },
-  emits: ['click'],
   data() {
     const styles: BrandPageCssStyle = this.color.styles;
 

package/src/shared/common/NumberInput.vue

@@ -53,7 +53,6 @@ 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 { commonTr } from '@src/composables/useTranslate';
+import { tr, commonTr } from '@src/composables/useTranslate';
 
-defineProps({
+const props = defineProps({
   showBackButton: {
     type: Boolean,
     required: false,

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

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

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

@@ -1,4 +1,3 @@
-<!-- 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,7 +137,6 @@ 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,7 +70,14 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted, onBeforeMount } from 'vue';
+import {
+  ref,
+  computed,
+  watch,
+  onMounted,
+  onBeforeMount,
+  type PropType,
+} from 'vue';
 import { Toggle } from '@designcrowd/fe-shared-lib';
 import {
   addTransparentAlphaChannelToHex,
@@ -313,8 +320,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,6 +17,7 @@ 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';
@@ -36,7 +37,6 @@ 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,7 +41,6 @@ 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,11 +49,6 @@ 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,6 +16,7 @@ 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,
@@ -25,6 +26,19 @@ 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({
@@ -48,7 +62,6 @@ export default defineComponent({
       default: undefined,
     },
   },
-  emits: ['capture-preview-snapshot'],
   setup() {
     const contentSettingsStore = useUiContentSettingsStore();
     const brandPageMakerStore = useBrandPageMakerStore();

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

@@ -25,18 +25,20 @@ import {
   type PersonalisationRole,
 } from '@brand-page';
 import { buildRelativePathFromParams } from '@brand-page/utils/route.util';
-import { isRTEManagedStyleField } from '@brand-page-maker/utils';
+import {
+  switchAllContentToRTE,
+  isRTEManagedStyleField,
+} from '@brand-page-maker/utils';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
 import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { useUiStyleSettingsStore } from '@shared/style-settings/store';
 
 export default defineComponent({
-  emits: ['capture-preview-snapshot'],
   setup() {
     const contentSettingsStore = useUiContentSettingsStore();
     const brandPageMakerStore = useBrandPageMakerStore();
-    const _pageSettingsStore = useUiPageSettingsStore();
-    const _styleSettingsStore = useUiStyleSettingsStore();
+    const pageSettingsStore = useUiPageSettingsStore();
+    const styleSettingsStore = useUiStyleSettingsStore();
 
     const userStore = useBrandPageMakerUserStore();
     const uiStore = useUiStore();

package/src/shared/content-settings/components/icon-library/IconLibrary.mixin.ts

@@ -6,7 +6,6 @@ export default defineComponent({
   components: {
     Icon,
   },
-  emits: ['on-select-image'],
   data() {
     return {
       orderedIcons: BRAND_PAGE_ICONS,

package/src/shared/content-settings/components/items-field/ItemsField.mixin.ts

@@ -30,7 +30,7 @@ export default defineComponent({
       default: false,
     },
   },
-  emits: ['items-change', 'items-delete', 'itemsEdit'],
+  emits: ['items-change', 'items-delete'],
   data: () => ({
     itemStates: {} as Record<number, ItemFieldState>,
   }),

package/src/shared/content-settings/components/logo-selection-field/LogoSelectionField.vue

@@ -133,7 +133,7 @@ const onLogoVersionSelected = async (
   const logoDraftAsset = logoStore.getLogoDraftAssetByToken(
     selectedLogoVersion.token,
   );
-  const _brandPageMakerStore = useBrandPageMakerStore();
+  const brandPageMakerStore = useBrandPageMakerStore();
   const uiStore = useUiStore();
   const pageSettingsStore = useUiPageSettingsStore();
 

package/src/shared/content-settings/components/logo-size-field/LogoSizeSliderField.vue

@@ -27,7 +27,7 @@ const props = defineProps<Props>();
 
 const emit = defineEmits(['update:model-value']);
 
-const _data = reactive<Data>({
+const data = reactive<Data>({
   suffix: null,
 });
 

package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.vue

@@ -71,7 +71,7 @@ const addPageButtonVariant = computed((): string => {
   return canAddPages.value ? 'outline' : 'primary';
 });
 
-const _selectedPageName = computed((): string => {
+const selectedPageName = computed((): string => {
   return selectedPage.value;
 });
 

package/src/shared/content-settings/components/personalisation-role-field/PersonalisationRoleField.vue

@@ -23,12 +23,12 @@
         None
       </DropdownItem>
       <DropdownItem
-        v-for="dValue of data.dropdownValues"
-        :key="dValue"
+        v-for="value of data.dropdownValues"
+        :key="value"
         class="tw-text-black tw-break-all tw-capitalize"
-        @click="onSelectPersonalisationRole(dValue as PersonalisationRole)"
+        @click="onSelectPersonalisationRole(value as PersonalisationRole)"
       >
-        {{ dValue }}
+        {{ value }}
       </DropdownItem>
     </Dropdown>
   </div>

package/src/shared/content-settings/components/text-image-field/TextImageField.vue

@@ -278,8 +278,14 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, computed, watch, onMounted } from 'vue';
-import { Button, TextInput, Icon, Toggle } from '@designcrowd/fe-shared-lib';
+import { ref, computed, watch, onMounted, type PropType } from 'vue';
+import {
+  Button,
+  TextInput,
+  Icon,
+  ButtonGroup,
+  Toggle,
+} from '@designcrowd/fe-shared-lib';
 import ImageField from '../image-field/ImageField.vue';
 import ItemsField from '../items-field/ItemsField.vue';
 import ColorReplacementsField from '../color-replacements-field/ColorReplacementsField.vue';

package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.ts

@@ -19,7 +19,7 @@ import type { UpdateItemValuePayload } from '../../models';
 import cloneDeep from 'lodash.clonedeep';
 import { decodeHtmlEntities, escapeContentText } from '@brand-page/utils';
 import { useSnapshotStore } from '@brand-page-maker/stores';
-import { getPlainTextFromRTE } from '@brand-page-maker/utils';
+import { getPlainTextFromRTE, replaceTextInRTE } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '../../utils';
 
 const DEBOUNCE_IN_MS = 250;

package/src/shared/content-settings/models.ts

@@ -43,9 +43,8 @@ export interface Tab {
   active: boolean;
 }
 
-export interface ContentReplaceImageSettings<
-  TContent,
-> extends ReplaceImageSettingsBase {
+export interface ContentReplaceImageSettings<TContent>
+  extends ReplaceImageSettingsBase {
   setContentMedia: (
     content: TContent,
     value: SetContentMediaPayload,

package/src/shared/content-settings/utils.ts

@@ -1,4 +1,5 @@
 import type { Field, UpdateItemValuePayload } from './models';
+import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
 import type {
   ContentSettingsConfig,
   ContentSettingsMultiField,

package/src/shared/dropzone-image-uploader/components/DropzoneImageUploader.vue

@@ -114,7 +114,6 @@ const props = defineProps({
     type: Function as PropType<() => Promise<DropzoneOptions>>,
     required: true,
   },
-  // eslint-disable-next-line vue/require-default-prop
   accept: {
     type: Function as PropType<
       (file: DropzoneFile, done: (error?: string | Error) => void) => void

package/src/shared/ecommerce-settings/store/cart-store.test.ts

@@ -1,5 +1,5 @@
 import { setActivePinia, createPinia } from 'pinia';
-import { describe, beforeEach, it, expect } from 'vitest';
+import { describe, beforeEach, it, expect, vi } from 'vitest';
 import { useCartStore } from './cart-settings-store';
 import { useShopConfigStore } from './shop-settings-store';
 

package/src/shared/font-family-selector/FontFamilySelector.mixin.ts

@@ -15,7 +15,6 @@ export default defineComponent({
       required: true,
     },
   },
-  emits: ['on-select'],
   data() {
     return {
       fontFamilyCategories: Object.values(FONT_FAMILY_CATEGORIES()),

package/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.ts

@@ -14,7 +14,6 @@ export default defineComponent({
       default: undefined,
     },
   },
-  emits: ['gallery-type-selected'],
   methods: {
     onGalleryTypeClick(galleryType: GalleryType) {
       this.$emit('gallery-type-selected', galleryType);

package/src/shared/logo-settings/components/EditLogoSettings.mixin.ts

@@ -190,7 +190,7 @@ export default defineComponent({
             y1: 0,
             y2: 1,
           },
-          colorStops: newColor.colors.map((c, _i) => {
+          colorStops: newColor.colors.map((c, i) => {
             return {
               color: c.color,
               offset: c.pos / 100,

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

@@ -6,6 +6,7 @@ import {
   useLogoStore,
 } from '@brand-page-maker/stores';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
+import type { ContentItem } from '@shared/content-settings/models';
 import type { CreateWebsiteByoUploadResult } from '@shared/website-byo-upload/WebsiteByoUploadModels';
 
 export interface Tab {

package/src/shared/logo-settings/components/LogoSettingsHeader.mixin.ts

@@ -2,7 +2,6 @@ import { defineComponent } from 'vue';
 import { useUiLogoSettingsStore } from '../store';
 
 export default defineComponent({
-  emits: ['on-back'],
   setup() {
     const logoSettingsStore = useUiLogoSettingsStore();