@useinsider/guido 1.0.3-beta.8feea14 → 1.0.3-beta.901ea7e

package/dist/src/stores/unsubscribe.d.ts

@@ -0,0 +1,256 @@
+import type { UnsubscribePage } from '@@/Types/unsubscribe';
+interface StoreState {
+    templates: UnsubscribePage[];
+    selectedTemplates: Record<number, number>;
+    selectedUnsubscribePages: number[];
+    selectedCollectionType: number;
+    activeType: number;
+    pageSelectionUpdateStatus: boolean;
+    pageSelectionDrawerStatus: boolean;
+    typeSelectionDrawerStatus: boolean;
+    isGlobalUnsubscribeDisabled: boolean;
+    isSubscriptionPreferencesCenterDisabled: boolean;
+}
+export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
+    getSelectedCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => number[];
+    getSelectedTemplateByActiveType: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => number;
+    getTemplatesByActiveType: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
+        id: number;
+        name: string;
+        type: number;
+        isVisible: number;
+        html: string;
+        originalHtml: string;
+        css: string;
+        thumbnail: string;
+        createdAt: string;
+        updatedAt: string;
+        status: number;
+    }[];
+    getThumbnailByTemplateId: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => (id: number) => string;
+    getSelectedUnsubscribePagesByCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => (collectionType: number) => number[];
+    isActiveTypeFirstInCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    isActiveTypeLastInCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    hasTemplatesByCollectionType: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => Record<number, boolean>;
+    unsubscribePagesStatus: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+}, {
+    $reset(): void;
+    fetchTemplates(): Promise<void>;
+    setCollection(collectionType: number): void;
+    setCollectionWithoutAutoSelection(collectionType: number): void;
+    setSelectedTemplate(template: number): void;
+    setNextType(): void;
+    setPreviousType(): void;
+    loadSelectedTemplates(templates: number[]): void;
+    getSelectedTemplatesByCollection(type: number): number[];
+    addUnsubscribePages(pageIds: number[]): void;
+    removeUnsubscribePages(pageIds: number[]): void;
+}>;
+export {};

package/dist/{stores → src/stores}/version-history.d.ts

@@ -2,7 +2,7 @@ import type { VersionHistoryState } from '@@/Types/version-history-api';
 export interface StoreState extends VersionHistoryState {
     editorVisualMode: 'desktop' | 'mobile';
 }
-export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"versionHistory", StoreState, {
+export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"guidoVersionHistory", StoreState, {
     hasPreviousPatch: (state: {
         editorVisualMode: "desktop" | "mobile";
         previousPatch: {

package/dist/src/utils/dateUtil.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Locale List:
+ * en-US -> MM/DD/YYYY
+ * en-GB -> DD/MM/YYYY
+ * tr-TR -> DD.MM.YYYY
+ */
+export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
+export declare const locale: () => string;
+export declare const localTz: string;
+export declare const timezone: () => string;
+export declare const hour12: () => boolean;
+export declare const dateFormat: () => string;
+/**
+ * @example 04/22/2024
+ * @param date - The date or timestamp input
+ * @param specificLocale - Locale to use for formatting
+ * @param tz - Timezone [window.l10n.timezone]
+ * @returns Formatted date string
+ */
+export declare const formatShortDate: (date: string | number | Date, specificLocale?: string, tz?: string) => string;
+export declare const formatPatchDate: (timestamp: number) => string;
+export declare const isAfterDate: (timestamp: number) => boolean;

package/dist/src/utils/environmentUtil.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Gets the appropriate environment prefix by parsing from current hostname
+ * Extracts environment prefix from domains by splitting hostname
+ */
+export declare const getEnvironmentPrefix: () => string;

package/dist/{utils → src/utils}/genericUtil.d.ts

@@ -1,4 +1,5 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
+export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[]) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**
@@ -6,3 +7,4 @@ export declare const getCsrfToken: () => string;
  */
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
+export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;

package/dist/src/utils/pairProductVariables.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Transforms product-related HTML elements from default/dummy values to template variables.
+ * This method is called before saving email templates to ensure product data is properly templated.
+ * @param html - The HTML string containing product elements
+ * @returns The transformed HTML with template variables
+ */
+export declare function pairProductVariables(html: string): string;

package/dist/static/styles/components/narrow-panel.css.js

@@ -32,6 +32,16 @@ ue-stripe-thumb:hover:not(.disabled),
     padding: 0 16px 16px;
     grid-row-gap: 16px;
 }
+
+/* TODO: will be removed after we find another way to hide stripo custom modules */
+#moduleTab_tab1,
+button[aria-label="Default Modules"],
+button[aria-controls="moduleTab_tab1_content"],
+#moduleTab_tab2,
+button[aria-label="Pre-Built AMP"],
+button[aria-controls="moduleTab_tab2_content"] {
+    display: none !important;
+}
 `;
 export {
   o as default

package/dist/static/styles/customEditorStyle.css.js

@@ -18,6 +18,11 @@ const n = `.esd-x,
     border-radius: 0;
     box-shadow: none;
 }
+.ins-product-cart ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+    display: none !important;
+}
 `;
 export {
   n as default

package/dist/stores/config.js

@@ -0,0 +1,17 @@
+import { DefaultGuidoConfig as i } from "../enums/defaults.js";
+import { defineStore as e } from "pinia";
+const n = e("guidoConfig", {
+  state: () => ({
+    guidoConfig: i,
+    templateConfig: {}
+  }),
+  getters: {
+    getVariationId: (t) => {
+      var o;
+      return ((o = t.templateConfig) == null ? void 0 : o.variationId) ?? "";
+    }
+  }
+});
+export {
+  n as useConfigStore
+};

package/dist/stores/dynamic-content.js

@@ -1,8 +1,8 @@
 import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
 import { defineStore as a } from "pinia";
-const s = a("dynamicContent", {
+const s = a("guidoDynamicContent", {
   state: () => ({
-    selectedDynamicContent: { text: "", value: "", fallback: "" },
+    selectedDynamicContent: { text: "", value: "" },
     selectedDynamicContentList: []
   }),
   actions: {

package/dist/stores/editor.js

@@ -1,5 +1,5 @@
 import { defineStore as e } from "pinia";
-const o = e("editor", {
+const o = e("guidoEditor", {
   state: () => ({
     loadingStatus: !0,
     isCodeEditorOpen: !1,
@@ -8,7 +8,8 @@ const o = e("editor", {
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
     hasChanges: !1,
-    isStripoInitialized: !1
+    isStripoInitialized: !1,
+    templateId: ""
   }),
   getters: {
     // Middle Slot

package/dist/stores/onboarding.js

@@ -1,59 +1,67 @@
-import { useOnboardingApi as t } from "../services/onboardingApi.js";
-import { defineStore as s } from "pinia";
-const e = () => ({
+import { useOnboardingApi as r } from "../services/onboardingApi.js";
+import { defineStore as e } from "pinia";
+const t = () => ({
   cardIndex: 0,
   isActive: !1,
   config: []
 }), a = () => ({
   onboardings: {
-    newVersionPopup: e(),
-    genericOnboarding: e(),
-    textBlockOnboarding: e(),
-    versionHistoryOnboarding: e(),
-    ampOnboarding: e()
+    newVersionPopup: t(),
+    genericOnboarding: t(),
+    textBlockOnboarding: t(),
+    versionHistoryOnboarding: t(),
+    ampOnboarding: t(),
+    itemsOnboarding: t()
   },
   userModalState: {},
   isFetched: !1
-}), g = s("onboarding", {
+}), c = e("guidoOnboarding", {
   state: () => a(),
   getters: {
-    getOnboarding: (n) => (o) => n.onboardings[o],
-    isActive: (n) => (o) => n.onboardings[o].isActive,
-    getCurrentCard: (n) => (o) => {
-      const i = n.onboardings[o];
-      return i.config[i.cardIndex];
+    getOnboarding: (n) => (i) => n.onboardings[i],
+    isActive: (n) => (i) => n.onboardings[i].isActive,
+    getCurrentCard: (n) => (i) => {
+      const o = n.onboardings[i];
+      return o.config[o.cardIndex];
     },
     getGenericCurrentCard: (n) => {
-      const { genericOnboarding: o } = n.onboardings;
-      return o.config[o.cardIndex];
+      const { genericOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
     },
     getTextBlockCurrentCard: (n) => {
-      const { textBlockOnboarding: o } = n.onboardings;
-      return o.config[o.cardIndex];
+      const { textBlockOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
     },
     getVersionHistoryCurrentCard: (n) => {
-      const { versionHistoryOnboarding: o } = n.onboardings;
-      return o.config[o.cardIndex];
+      const { versionHistoryOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
     },
     getAmpCurrentCard: (n) => {
-      const { ampOnboarding: o } = n.onboardings;
-      return o.config[o.cardIndex];
+      const { ampOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
     },
-    shouldShowOnboarding: (n) => (o) => {
-      const i = n.userModalState.Guido;
-      return o === "newVersionPopup" && (i != null && i.genericOnboarding) ? !1 : i ? !i[o] : !0;
+    getItemsCurrentCard: (n) => {
+      const { itemsOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
+    },
+    shouldShowOnboarding: (n) => (i) => {
+      const o = n.userModalState.Guido;
+      return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
     }
   },
   actions: {
     closeOtherOnboardings(n) {
-      Object.keys(this.onboardings).forEach((o) => {
-        const i = o;
-        i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
+      Object.keys(this.onboardings).forEach((i) => {
+        const o = i;
+        o !== n && this.onboardings[o].isActive && (this.onboardings[o].isActive = !1, this.onboardings[o].cardIndex = 0, this.onboardings[o].config = []);
       });
     },
     start(n) {
       this.closeOtherOnboardings(n), this.onboardings[n].cardIndex = 0, this.onboardings[n].isActive = !0;
     },
+    startOnboarding(n) {
+      this.shouldShowOnboarding(n) && !this.isActive(n) && this.start(n);
+    },
     async close(n) {
       await this.setUserModalState(n, "true", "Guido"), this.onboardings[n].isActive = !1, this.onboardings[n].cardIndex = 0, this.onboardings[n].config = [];
     },
@@ -63,8 +71,8 @@ const e = () => ({
     previous(n) {
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
-    setConfig(n, o) {
-      this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
+    setConfig(n, i) {
+      this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
     },
     async onDiscoverNowClicked() {
       await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
@@ -81,15 +89,15 @@ const e = () => ({
     async fetchUserModalState() {
       if (this.isFetched)
         return;
-      const { fetchUserModalState: n } = t(), o = await n();
-      this.userModalState = o, this.isFetched = !0;
+      const { fetchUserModalState: n } = r(), i = await n();
+      this.userModalState = i, this.isFetched = !0;
     },
-    async setUserModalState(n, o, i) {
-      const { setUserModalState: r } = t();
-      await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
+    async setUserModalState(n, i, o) {
+      const { setUserModalState: s } = r();
+      await s(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });
 export {
-  g as useOnboardingStore
+  c as useOnboardingStore
 };

package/dist/stores/preview.js

@@ -6,7 +6,7 @@ const s = () => ({
   templateHtml: "",
   isLoaded: !1,
   isAMPErrorModalVisible: !1
-}), a = e("preview", {
+}), a = e("guidoPreview", {
   state: () => s(),
   getters: {
     isAMPModeEnabled: (t) => t.emailFormat === "AMP",

package/dist/stores/recommendation.js

@@ -1,8 +1,8 @@
 import { defineStore as e } from "pinia";
-const t = () => ({
+const o = () => ({
   recommendationConfigs: []
-}), n = e("recommendation", {
-  state: () => t()
+}), n = e("guidoRecommendation", {
+  state: () => o()
 });
 export {
   n as useRecommendationStore

package/dist/stores/save-as-template.js

@@ -17,7 +17,7 @@ const r = () => ({
     editor: 2,
     message: 1
   }
-}), n = i("saveAsTemplate", {
+}), g = i("guidoSaveAsTemplate", {
   state: () => r(),
   getters: {
     getTemplateName: (e) => e.templateName.trim(),
@@ -44,5 +44,5 @@ const r = () => ({
   }
 });
 export {
-  n as useSaveAsTemplateStore
+  g as useSaveAsTemplateStore
 };

package/dist/stores/toaster.js

@@ -8,7 +8,7 @@ const a = () => ({
   withIcon: !0,
   withoutLeftMargin: !1,
   actionButton: void 0
-}), u = i("toaster", {
+}), u = i("guidoToaster", {
   state: () => a(),
   getters: {
     shouldAutoHide: (t) => t.status && !!t.text