@useinsider/guido 1.0.3-beta.2cf8046 → 1.0.3-beta.2dd7b80

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.47.0" } }, s = {
+const o = { stripo: { version: "2.46.0" } }, s = {
   guido: o
 };
 export {

package/dist/services/recommendationApi.js

@@ -1,13 +1,19 @@
 import { useHttp as c } from "../composables/useHttp.js";
 import { URLS as a } from "../enums/extensions/recommendationBlock.js";
-const R = () => {
+import { useEditorStore as m } from "../stores/editor.js";
+import { replaceString as s } from "../utils/genericUtil.js";
+const l = () => {
   const { get: o } = c();
   return {
     fetchRecommendationCreateData: async () => {
+      const e = m();
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
-      } catch (e) {
-        throw console.error("fetchUserModalState error:", e), e;
+        return (await o(s(
+          "/newsletter/{id}/recommendations/get-campaign-create-data",
+          { id: e.templateId }
+        ))).data;
+      } catch (t) {
+        throw console.error("fetchUserModalState error:", t), t;
       }
     },
     fetchRecommendationFilters: async () => {
@@ -18,20 +24,20 @@ const R = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
+    fetchRecommendationProducts: async (e, t) => {
       try {
-        const t = decodeURIComponent(new URLSearchParams(Object.entries(n)).toString());
-        console.debug("🏁 Recommendation API Query:", t);
-        const r = await o(
-          `${a.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+        const r = decodeURIComponent(new URLSearchParams(Object.entries(t)).toString());
+        console.debug("🏁 Recommendation API Query:", r);
+        const n = await o(
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${r}`
         );
-        return (r == null ? void 0 : r.data) ?? [];
-      } catch (t) {
-        throw console.error("fetchRecommendationProducts error:", t), t;
+        return (n == null ? void 0 : n.data) ?? [];
+      } catch (r) {
+        throw console.error("fetchRecommendationProducts error:", r), r;
       }
     }
   };
 };
 export {
-  R as useRecommendationApi
+  l as useRecommendationApi
 };

package/dist/src/enums/onboarding.d.ts

@@ -1,6 +1,2 @@
 export declare const SERVICE_HOVER_SELECTORS: string[];
-export declare const UI_EDITOR_SELECTOR = "ui-editor";
-export declare const CARD_COMPOSITION_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Card Composition\"]";
-export declare const SETTINGS_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Settings\"]";
-export declare const RIBBON_SELECTOR = ".in-ribbons-wrapper";
 export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

package/dist/src/extensions/Blocks/Checkbox/block.d.ts

@@ -8,5 +8,4 @@ export declare class CheckboxBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    allowInnerBlocksDND(): boolean;
 }

package/dist/src/extensions/Blocks/RadioButton/block.d.ts

@@ -8,5 +8,4 @@ export declare class RadioButtonCustomBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    allowInnerBlocksDND(): boolean;
 }

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -1,10 +1,8 @@
-import { TextValueObject } from '@@/Types/generic';
-import { Control, ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 interface TextInputProps {
     name: string;
     placeholder?: string;
     className?: string;
-    disabled?: boolean;
 }
 interface LabelProps {
     text: string;
@@ -19,7 +17,10 @@ interface IconButtonProps {
 interface SelectProps {
     name: string;
     placeholder: string;
-    options: TextValueObject[];
+    options: {
+        text: string;
+        value: string;
+    }[];
     className?: string;
 }
 interface CounterProps {
@@ -28,15 +29,6 @@ interface CounterProps {
     minValue?: number;
     step?: number;
 }
-interface RadioButtonProps {
-    name: string;
-    buttons: {
-        text?: string;
-        value: string;
-        icon?: string;
-    }[];
-    id?: string;
-}
 interface ButtonProps {
     name: string;
     label: string;
@@ -48,33 +40,11 @@ interface ButtonProps {
  */
 export declare abstract class CommonControl extends Control {
     currentNode?: ImmutableHtmlNode;
-    protected lastBlockInstanceId: string | null;
     abstract getId(): string;
     abstract getTemplate(): string;
     abstract onRender(): Promise<void> | void;
     getContainer(): ShadowRoot;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    onDestroy(): void;
-    /**
-     * Gets the config block element from the current node.
-     * @returns The config block element or null if not found
-     */
-    protected getConfigBlock(): ImmutableHtmlElementNode | null;
-    /**
-     * Gets the current block instance ID from the config block.
-     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
-     * @returns The block instance ID or null if not found
-     */
-    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
-    /**
-     * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync attributes when switching between block instances.
-     * @param syncFunction - Function to call when block instance changes (to sync from attributes)
-     * @param updateUI - Function to call to update the UI (called both on change and when same block)
-     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
-     * @returns true if block instance changed, false otherwise
-     */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
     _GuLabel({ text, name, position }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
@@ -82,14 +52,8 @@ export declare abstract class CommonControl extends Control {
         value: string;
     }): string;
     _GuSelect({ name, placeholder, options, className }: SelectProps): string;
-    _GuTextInput({ name, placeholder, className, disabled }: TextInputProps): string;
+    _GuTextInput({ name, placeholder, className }: TextInputProps): string;
     _GuCounter({ name, maxValue, minValue, step }: CounterProps): string;
-    _GuRadioButtonItem({ text, value, icon }: {
-        text?: string;
-        value: string;
-        icon?: string;
-    }): string;
-    _GuRadioButton({ name, buttons, id }: RadioButtonProps): string;
     _GuButton({ name, label, id }: ButtonProps): string;
     /**
      *
@@ -97,8 +61,7 @@ export declare abstract class CommonControl extends Control {
      * @returns It returns a button with an icon.
      */
     _GuIconButton({ name, icon, className }: IconButtonProps): string;
-    _GuOneColumn(children: string[], className?: string): string;
-    _GuTwoColumns(children: string[], className?: string): string;
+    _GuTwoColumns(children: string[]): string;
     /**
      * Creates an orderable (sortable) list control
      * @param name - The control name for value binding

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

@@ -107,27 +107,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -136,7 +115,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -268,27 +246,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -297,7 +254,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -409,27 +365,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -438,7 +373,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -566,27 +500,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -595,7 +508,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -723,27 +635,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -752,7 +643,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -880,27 +770,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -909,7 +778,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1037,184 +905,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-        };
-        userModalState: {
-            Guido?: {
-                newVersionPopup?: boolean | undefined;
-                genericOnboarding?: boolean | undefined;
-                textBlockOnboarding?: boolean | undefined;
-                versionHistoryOnboarding?: boolean | undefined;
-                ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
-            } | undefined;
-        };
-        isFetched: boolean;
-    } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
-        classes: string;
-        position: string;
-        left?: string | undefined;
-        right?: string | undefined;
-        top?: string | undefined;
-        bottom?: string | undefined;
-        title: string;
-        description: string;
-        imageSource: string;
-        backButtonClick: () => void;
-        nextButtonType: string;
-        nextButtonText: string;
-        nextButtonClick: () => void;
-        backButtonType?: string | undefined;
-        backButtonText?: string | undefined;
-    };
-    getItemsCurrentCard: (state: {
-        onboardings: {
-            newVersionPopup: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            genericOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            textBlockOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            versionHistoryOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            ampOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1223,7 +913,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1351,27 +1040,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1380,7 +1048,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1388,7 +1055,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
 }, {
     closeOtherOnboardings(exceptType: OnboardingType): void;
     start(type: OnboardingType): void;
-    startOnboarding(type: OnboardingType): void;
     close(type: OnboardingType): Promise<void>;
     next(type: OnboardingType): void;
     previous(type: OnboardingType): void;

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/static/styles/customEditorStyle.css.js

@@ -18,7 +18,7 @@ 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;