@designcrowd/library.brand-page 5.17.1 → 5.17.2-ast-ai-chat

package/lib/src/{CreatedOnBrandCrowd-de-de-C_5IS-8M.js → CreatedOnBrandCrowd-de-de-Bo-6FiPM.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-AHF45w-N.js → CreatedOnBrandCrowd-en-us-DXija3Kw.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-DIxI6MYK.js → CreatedOnBrandCrowd-es-es-Z7_TR4gc.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-IbAHdsh7.js → CreatedOnBrandCrowd-fr-ca-Dw2CnZeq.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-IbAHdsh7.js → CreatedOnBrandCrowd-fr-fr-Dw2CnZeq.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CtQosLjO.js → CreatedOnBrandCrowd-pt-br-BJD6tx6O.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-CtQosLjO.js → CreatedOnBrandCrowd-pt-pt-BJD6tx6O.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BScMGlEE.js";
+import { _ as t } from "./lib-CiFI2RI9.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-CxJyYqpP.js → CreatedOnDcom-de-de-BVYFWAlq.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BScMGlEE.js";
+import { _ as e } from "./lib-CiFI2RI9.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-BJ5u2gon.js → CreatedOnDcom-en-us-Cq4a2-ZM.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BScMGlEE.js";
+import { _ as e } from "./lib-CiFI2RI9.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-Bg4BKaBY.js → CreatedOnDcom-es-es-BteWZWcr.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BScMGlEE.js";
+import { _ as e } from "./lib-CiFI2RI9.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-DbkAcsXq.js → CreatedOnDcom-fr-ca-CjCeMhfR.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BScMGlEE.js";
+import { _ as e } from "./lib-CiFI2RI9.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-StcNnNIh.js → CreatedOnDcom-fr-fr-CvociroH.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BScMGlEE.js";
+import { _ as e } from "./lib-CiFI2RI9.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-CnDqqh4E.js → CreatedOnDcom-pt-br-B4Xv_Wcn.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-BScMGlEE.js";
+import { _ as M } from "./lib-CiFI2RI9.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-BZvaHofH.js → CreatedOnDcom-pt-pt-LkQqhg3u.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-BScMGlEE.js";
+import { _ as M } from "./lib-CiFI2RI9.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

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

@@ -1247,7 +1247,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
 }, {
     mounted: boolean;
-    isBrandPageLoaded: boolean;
     debounceOnResize: DebounceHandle | undefined;
     showSaveSuccessMessage: boolean;
 }, {

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -99,7 +99,6 @@ export default defineComponent({
     data() {
         return {
             mounted: false,
-            isBrandPageLoaded: false,
             debounceOnResize: undefined,
             showSaveSuccessMessage: false,
         };
@@ -180,9 +179,6 @@ export default defineComponent({
             navigateToPageByPageId(this.brandPageViewModel.nav.navItems[0].pageId);
         }
         this.brandPageMakerStore.selectInitialCategories(this.viewModel.initialCategories);
-        // Mark brand page as fully loaded
-        this.isBrandPageLoaded = true;
-        this.brandPageMakerStore.setIsBrandPageLoaded(true);
         // set initial screen size mode
         if (this.isBrandPageOrIsBrandContact) {
             this.brandPageMakerStore.setViewport({ viewport: VIEWPORTS.mobile });
@@ -190,6 +186,8 @@ export default defineComponent({
         else {
             this.setViewportBasedOnDeviceWidth(true);
         }
+        // Mark brand page as fully loaded
+        this.brandPageMakerStore.setIsBrandPageLoaded(true);
         this.$emit(EVENTS.Initialised);
     },
     mounted() {

package/lib/src/brand-page-maker/composables/ai-chat/useAiChat.js

@@ -1,6 +1,7 @@
 import { ref, computed, watch, nextTick, } from 'vue';
 import { getInstance as getAiAssistantClient, AI_ASSISTANT_AGENT_TYPES, buildWebsiteTextElementMessage, } from '../../../clients/ai-assistant-client';
 import { getCurrentLocale } from '../../../composables/useTranslate';
+import { storeToRefs } from 'pinia';
 import { useSnapshotStore, useAiThreadStore } from '../../stores';
 import { useBrandPageMakerStore } from '../../stores';
 import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
@@ -22,24 +23,22 @@ export const createWelcomeMessage = (currentValue) => ({
         : 'What would you like to generate?',
     timestamp: new Date(),
 });
-const aiLogger = new Logger();
 export function useAiChat(options) {
     const aiThreadStore = useAiThreadStore();
     const snapshotStore = useSnapshotStore();
     const brandPageMakerStore = useBrandPageMakerStore();
     const pageSettingsStore = useUiPageSettingsStore();
+    const aiLogger = new Logger(!brandPageMakerStore.isProduction);
     const aiMetadataBuilder = useAiMetadataBuilder(aiLogger);
     const hasStoredMessages = aiThreadStore.messages.length > 0;
-    const threadItems = ref(aiThreadStore.messages.length > 0
-        ? aiThreadStore.messages
-        : [createWelcomeMessage(options?.currentValue || '')]);
+    if (!hasStoredMessages) {
+        aiThreadStore.addThreadItem(createWelcomeMessage(options?.currentValue || ''));
+    }
+    const { messages: threadItems } = storeToRefs(aiThreadStore);
     const isProcessing = ref(false);
     watch(isProcessing, (newValue) => {
         aiThreadStore.isProcessing = newValue;
     });
-    watch(threadItems, (newMessages) => {
-        aiThreadStore.messages = newMessages;
-    }, { deep: true });
     const currentTypingMessageId = ref(null);
     const isStopped = ref(false);
     const generatedText = ref(null);
@@ -245,7 +244,7 @@ export function useAiChat(options) {
                     text: text || '',
                     timestamp: new Date(),
                 };
-            threadItems.value.push(userMessage);
+            aiThreadStore.addThreadItem(userMessage);
             const agentMessageId = (Date.now() + 1).toString();
             currentTypingMessageId.value = agentMessageId;
             const agentMessage = {
@@ -256,7 +255,7 @@ export function useAiChat(options) {
                 isTyping: true,
                 timestamp: new Date(),
             };
-            threadItems.value.push(agentMessage);
+            aiThreadStore.addThreadItem(agentMessage);
             try {
                 aiLogger.log('sendMessageAsync', {
                     messageOptions,

package/lib/src/brand-page-maker/stores/ai-thread/ai-thread-store.d.ts

@@ -1,19 +1,143 @@
+import type { ThreadMessage } from '../../composables/ai-chat/useAiChat';
 export declare const useAiThreadStore: import("pinia").StoreDefinition<"aiThread", Pick<{
     threadId: import("vue").Ref<string | null, string | null>;
     runId: import("vue").Ref<string | null, string | null>;
-    messages: import("vue").Ref<any[], any[]>;
+    messages: import("vue").Ref<({
+        type: "text";
+        text: string;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    } | {
+        type: "image";
+        images: {
+            url: string;
+            alt?: string | undefined;
+        }[];
+        text?: string | undefined;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    })[], ThreadMessage[] | ({
+        type: "text";
+        text: string;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    } | {
+        type: "image";
+        images: {
+            url: string;
+            alt?: string | undefined;
+        }[];
+        text?: string | undefined;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    })[]>;
     isProcessing: import("vue").Ref<boolean, boolean>;
     stopGeneration: import("vue").Ref<(() => void) | null, (() => void) | null>;
+    addThreadItem: (item: ThreadMessage) => void;
 }, "threadId" | "runId" | "messages" | "isProcessing" | "stopGeneration">, Pick<{
     threadId: import("vue").Ref<string | null, string | null>;
     runId: import("vue").Ref<string | null, string | null>;
-    messages: import("vue").Ref<any[], any[]>;
+    messages: import("vue").Ref<({
+        type: "text";
+        text: string;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    } | {
+        type: "image";
+        images: {
+            url: string;
+            alt?: string | undefined;
+        }[];
+        text?: string | undefined;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    })[], ThreadMessage[] | ({
+        type: "text";
+        text: string;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    } | {
+        type: "image";
+        images: {
+            url: string;
+            alt?: string | undefined;
+        }[];
+        text?: string | undefined;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    })[]>;
     isProcessing: import("vue").Ref<boolean, boolean>;
     stopGeneration: import("vue").Ref<(() => void) | null, (() => void) | null>;
+    addThreadItem: (item: ThreadMessage) => void;
 }, never>, Pick<{
     threadId: import("vue").Ref<string | null, string | null>;
     runId: import("vue").Ref<string | null, string | null>;
-    messages: import("vue").Ref<any[], any[]>;
+    messages: import("vue").Ref<({
+        type: "text";
+        text: string;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    } | {
+        type: "image";
+        images: {
+            url: string;
+            alt?: string | undefined;
+        }[];
+        text?: string | undefined;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    })[], ThreadMessage[] | ({
+        type: "text";
+        text: string;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    } | {
+        type: "image";
+        images: {
+            url: string;
+            alt?: string | undefined;
+        }[];
+        text?: string | undefined;
+        id: string;
+        role: "user" | "agent";
+        isTyping?: boolean | undefined;
+        isError?: boolean | undefined;
+        timestamp: Date;
+    })[]>;
     isProcessing: import("vue").Ref<boolean, boolean>;
     stopGeneration: import("vue").Ref<(() => void) | null, (() => void) | null>;
-}, never>>;
+    addThreadItem: (item: ThreadMessage) => void;
+}, "addThreadItem">>;

package/lib/src/brand-page-maker/stores/ai-thread/ai-thread-store.js

@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia';
 import { ref } from 'vue';
+const MAX_THREAD_MESSAGES = 40;
 export const useAiThreadStore = defineStore('aiThread', () => {
     // Single global thread for all fields
     const threadId = ref(null);
@@ -7,11 +8,18 @@ export const useAiThreadStore = defineStore('aiThread', () => {
     const messages = ref([]);
     const isProcessing = ref(false);
     const stopGeneration = ref(null);
+    function addThreadItem(item) {
+        messages.value.push(item);
+        if (messages.value.length > MAX_THREAD_MESSAGES) {
+            messages.value.splice(0, messages.value.length - MAX_THREAD_MESSAGES);
+        }
+    }
     return {
         threadId,
         runId,
         messages,
         isProcessing,
         stopGeneration,
+        addThreadItem,
     };
 });

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -7220,7 +7220,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.c-overlay[data-v-e6d32a3d] {
+.c-overlay[data-v-2bbe6b3e] {
   position: fixed;
   inset: 0px;
   z-index: 40;
@@ -7238,15 +7238,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-overlay--open[data-v-e6d32a3d] {
+.c-overlay--open[data-v-2bbe6b3e] {
   opacity: 0.7;
 }
-.c-overlay--closed[data-v-e6d32a3d] {
+.c-overlay--closed[data-v-2bbe6b3e] {
   pointer-events: none;
   display: none;
   opacity: 0;
 }
-.c-sidebar[data-v-e6d32a3d] {
+.c-sidebar[data-v-2bbe6b3e] {
   position: fixed;
   inset: 0px;
   z-index: 50;
@@ -7265,25 +7265,26 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-width: 66%;
 }
 @media (min-width: 768px) {
-.device--mobile .c-sidebar[data-v-e6d32a3d] {
+.device--mobile .c-sidebar[data-v-2bbe6b3e] {
     width: 66.666667%;
 }
 }
-.c-sidebar--closed[data-v-e6d32a3d] {
+.c-sidebar--closed[data-v-2bbe6b3e] {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
+  visibility: hidden;
 }
-.c-sidebar--open[data-v-e6d32a3d] {
+.c-sidebar--open[data-v-2bbe6b3e] {
   -webkit-transform: translateX(0%);
           transform: translateX(0%);
 }
-.c-chevron-transform[data-v-e6d32a3d] {
+.c-chevron-transform[data-v-2bbe6b3e] {
   -webkit-transition: -webkit-transform 0.3s ease;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
-.c-chevron-expanded[data-v-e6d32a3d] {
+.c-chevron-expanded[data-v-2bbe6b3e] {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
@@ -9153,7 +9154,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
 
-.c-brand-page-maker[data-v-d1c51453] {
+.c-brand-page-maker[data-v-81f37a67] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9163,10 +9164,10 @@ input[type='number'][data-v-b7154ee1] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-d1c51453] {
+.c-brand-page-maker__inner[data-v-81f37a67] {
   height: 100%;
 }
-.c-save-bar[data-v-d1c51453] {
+.c-save-bar[data-v-81f37a67] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9188,7 +9189,7 @@ input[type='number'][data-v-b7154ee1] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-d1c51453] {
+.c-save-bar--visible[data-v-81f37a67] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9198,11 +9199,11 @@ input[type='number'][data-v-b7154ee1] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-d1c51453] {
+.c-brand-page-maker[data-v-81f37a67] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-d1c51453] {
+.c-brand-page-maker__inner[data-v-81f37a67] {
     height: 100%;
 }
 }

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -7540,7 +7540,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.c-overlay[data-v-e6d32a3d] {
+.c-overlay[data-v-2bbe6b3e] {
   position: fixed;
   inset: 0px;
   z-index: 40;
@@ -7558,15 +7558,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-overlay--open[data-v-e6d32a3d] {
+.c-overlay--open[data-v-2bbe6b3e] {
   opacity: 0.7;
 }
-.c-overlay--closed[data-v-e6d32a3d] {
+.c-overlay--closed[data-v-2bbe6b3e] {
   pointer-events: none;
   display: none;
   opacity: 0;
 }
-.c-sidebar[data-v-e6d32a3d] {
+.c-sidebar[data-v-2bbe6b3e] {
   position: fixed;
   inset: 0px;
   z-index: 50;
@@ -7585,25 +7585,26 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-width: 66%;
 }
 @media (min-width: 768px) {
-.device--mobile .c-sidebar[data-v-e6d32a3d] {
+.device--mobile .c-sidebar[data-v-2bbe6b3e] {
     width: 66.666667%;
 }
 }
-.c-sidebar--closed[data-v-e6d32a3d] {
+.c-sidebar--closed[data-v-2bbe6b3e] {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
+  visibility: hidden;
 }
-.c-sidebar--open[data-v-e6d32a3d] {
+.c-sidebar--open[data-v-2bbe6b3e] {
   -webkit-transform: translateX(0%);
           transform: translateX(0%);
 }
-.c-chevron-transform[data-v-e6d32a3d] {
+.c-chevron-transform[data-v-2bbe6b3e] {
   -webkit-transition: -webkit-transform 0.3s ease;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
-.c-chevron-expanded[data-v-e6d32a3d] {
+.c-chevron-expanded[data-v-2bbe6b3e] {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
@@ -9473,7 +9474,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
 
-.c-brand-page-maker[data-v-d1c51453] {
+.c-brand-page-maker[data-v-81f37a67] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9483,10 +9484,10 @@ input[type='number'][data-v-b7154ee1] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-d1c51453] {
+.c-brand-page-maker__inner[data-v-81f37a67] {
   height: 100%;
 }
-.c-save-bar[data-v-d1c51453] {
+.c-save-bar[data-v-81f37a67] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9508,7 +9509,7 @@ input[type='number'][data-v-b7154ee1] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-d1c51453] {
+.c-save-bar--visible[data-v-81f37a67] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9518,11 +9519,11 @@ input[type='number'][data-v-b7154ee1] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-d1c51453] {
+.c-brand-page-maker[data-v-81f37a67] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-d1c51453] {
+.c-brand-page-maker__inner[data-v-81f37a67] {
     height: 100%;
 }
 }