@designcrowd/library.brand-page 6.0.3 → 6.0.4

package/lib/src/plugins/google-maps-plugin/google-maps-plugin.js

@@ -12,9 +12,9 @@ export const PLACE_ID_QUERY_PREFIX = 'place_id:';
 export class GoogleMapsPlugin {
     initialised = false;
     initialising = false;
-    options;
+    _options;
     constructor(options) {
-        this.options = options;
+        this._options = options;
     }
     async initialise() {
         if (this.initialised || this.initialising) {
@@ -71,7 +71,7 @@ export class GoogleMapsPlugin {
     async createPlaceAutocompleteElement(options) {
         const { PlaceAutocompleteElement } = await this.getPlacesLibrary();
         return new PlaceAutocompleteElement({
-            requestedLanguage: this.options.locale,
+            requestedLanguage: this._options.locale,
             ...options,
         });
     }
@@ -97,15 +97,15 @@ export class GoogleMapsPlugin {
         return scriptElement;
     }
     getGoogleScriptUrl() {
-        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}`
+        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}`
             : baseUrl;
     }
     getEmbedGoogleMapsSrc(options) {
         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/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts

@@ -148,7 +148,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 wordBreak?: string | undefined;
             };
         }[];
-        personalisationRole?: import("../../../../brand-page").PersonalisationRole | undefined;
+        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
         media?: {
             type: import("../../../../brand-page").MediaTypes;
         } | undefined;
@@ -200,12 +200,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string;
-            userToken?: string;
-            isAdmin?: boolean;
-            hasPremiumSubscription?: boolean;
-            brandPageCommissionPercentage?: number;
-            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     backgroundSettingsStore: import("pinia").Store<"uiBackgroundSettings", import("../../store").BackgroundSettingsState, {
@@ -213,11 +213,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {
         onBackgroundChanged(): void;
         setBackgroundStyle({ backgroundStyle, }: {
-            backgroundStyle: import("../../../../brand-page").BackgroundStyle;
+            backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;
         }): void;
         setBackgroundShapes(payload: import("../../../../brand-page").BackgroundShape[]): void;
         setBackgroundPersonalisationRole(payload: {
-            personalisationRole: import("../../../../brand-page").PersonalisationRole | undefined;
+            personalisationRole: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
         }): void;
         setBackgroundShapeStyle(payload: BrandPageCssStyle): void;
         setPrimaryBackgroundShapeStyle(payload: BrandPageCssStyle): void;
@@ -226,9 +226,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addBackgroundShape({ shapeUrl, width, height, aspectRatio, }: {
             shapeUrl: string;
-            width?: number;
-            height?: number;
-            aspectRatio?: number;
+            width?: number | undefined;
+            height?: number | undefined;
+            aspectRatio?: number | undefined;
         }): void;
         deleteBackgroundShape({ shapeIndex }: {
             shapeIndex: number;
@@ -243,7 +243,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBackgroundShapeSettings(payload: import("../../background-settings-models").SetBackgroundShapeSettingsPayload): void;
         setRecommendedLogoColors(payload: import("../../background-settings-models").SetRecommendedLogoColorsPayload): void;
         setBackgroundMode(payload: {
-            backgroundMode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            backgroundMode: "images" | "edit";
         }): void;
         setBackgroundMedia(payload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         removeBackgroundVideo(): void;

package/lib/src/shared/background-settings/store/background-settings-store.d.ts

@@ -29,9 +29,9 @@ export declare const useUiBackgroundSettingsStore: import("pinia").StoreDefiniti
     }): void;
     addBackgroundShape({ shapeUrl, width, height, aspectRatio, }: {
         shapeUrl: string;
-        width?: number;
-        height?: number;
-        aspectRatio?: number;
+        width?: number | undefined;
+        height?: number | undefined;
+        aspectRatio?: number | undefined;
     }): void;
     deleteBackgroundShape({ shapeIndex }: {
         shapeIndex: number;

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

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     deselectAllColors(): void;
     onV2ColorPickerChanged(): void;
     dispatch(color: ColorValue): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-color-select"[], "on-color-select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     customGroups: {
         type: ArrayConstructor;
         required: false;
@@ -83,9 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => boolean;
     };
-}>> & Readonly<{
-    "onOn-color-select"?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     size: string;
     customGroups: unknown[];
     isNewColor: boolean;

package/lib/src/shared/color-picker/components/ColorPicker.mixin.js

@@ -2,9 +2,10 @@ import { defineComponent } from 'vue';
 import { Icon } from '@designcrowd/fe-shared-lib';
 import ColorPickerSwatch from './ColorPickerSwatch.vue';
 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 = [];
 export default defineComponent({
@@ -44,7 +45,6 @@ export default defineComponent({
             default: () => false,
         },
     },
-    emits: ['on-color-select'],
     data() {
         const groups = [];
         const newColors = [];

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

@@ -9,12 +9,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isTransparent(): boolean;
 }, {
     onClick(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: ObjectConstructor;
         required: true;
     };
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/color-picker/components/ColorPickerSwatch.mixin.js

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

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {
     onCancel(): void;
     onConfirm(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,10 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
         required: false;
     };
-}>> & Readonly<{
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     description: string;
     visible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/shared/confirm-modal/ConfirmModal.mixin.js

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

package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="types/lodash-shims" />
 import type { DebounceHandle } from 'lodash.debounce';
 import type { PropType } from 'vue';
 import type { ContentItemFieldSettings } from '../models';