@useinsider/guido 1.0.3-beta.cc614d6 → 1.0.3-beta.cdff8ce

package/dist/node_modules/lodash-es/_isKey.js

@@ -0,0 +1,12 @@
+import o from "./isArray.js";
+import n from "./isSymbol.js";
+var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
+function m(r, e) {
+  if (o(r))
+    return !1;
+  var t = typeof r;
+  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
+}
+export {
+  m as default
+};

package/dist/node_modules/lodash-es/_isStrictComparable.js

@@ -0,0 +1,7 @@
+import r from "./isObject.js";
+function o(t) {
+  return t === t && !r(t);
+}
+export {
+  o as default
+};

package/dist/node_modules/lodash-es/_mapToArray.js

@@ -0,0 +1,9 @@
+function o(r) {
+  var e = -1, a = Array(r.size);
+  return r.forEach(function(n, t) {
+    a[++e] = [t, n];
+  }), a;
+}
+export {
+  o as default
+};

package/dist/node_modules/lodash-es/_matchesStrictComparable.js

@@ -0,0 +1,8 @@
+function e(t, r) {
+  return function(n) {
+    return n == null ? !1 : n[t] === r && (r !== void 0 || t in Object(n));
+  };
+}
+export {
+  e as default
+};

package/dist/node_modules/lodash-es/_memoizeCapped.js

@@ -0,0 +1,11 @@
+import c from "./memoize.js";
+var i = 500;
+function m(a) {
+  var e = c(a, function(t) {
+    return r.size === i && r.clear(), t;
+  }), r = e.cache;
+  return e;
+}
+export {
+  m as default
+};

package/dist/node_modules/lodash-es/_nativeKeys.js

@@ -0,0 +1,5 @@
+import e from "./_overArg.js";
+var t = e(Object.keys, Object);
+export {
+  t as default
+};

package/dist/node_modules/lodash-es/_setCacheAdd.js

@@ -0,0 +1,7 @@
+var t = "__lodash_hash_undefined__";
+function a(_) {
+  return this.__data__.set(_, t), this;
+}
+export {
+  a as default
+};

package/dist/node_modules/lodash-es/_setCacheHas.js

@@ -0,0 +1,6 @@
+function t(a) {
+  return this.__data__.has(a);
+}
+export {
+  t as default
+};

package/dist/node_modules/lodash-es/_setToArray.js

@@ -0,0 +1,9 @@
+function t(r) {
+  var e = -1, a = Array(r.size);
+  return r.forEach(function(n) {
+    a[++e] = n;
+  }), a;
+}
+export {
+  t as default
+};

package/dist/node_modules/lodash-es/_stringToPath.js

@@ -0,0 +1,10 @@
+import u from "./_memoizeCapped.js";
+var c = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, d = /\\(\\)?/g, h = u(function(e) {
+  var r = [];
+  return e.charCodeAt(0) === 46 && r.push(""), e.replace(c, function(a, p, o, t) {
+    r.push(o ? t.replace(d, "$1") : p || a);
+  }), r;
+});
+export {
+  h as default
+};

package/dist/node_modules/lodash-es/_toKey.js

@@ -0,0 +1,10 @@
+import i from "./isSymbol.js";
+function o(t) {
+  if (typeof t == "string" || i(t))
+    return t;
+  var r = t + "";
+  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
+}
+export {
+  o as default
+};

package/dist/node_modules/lodash-es/_trimmedEndIndex.js

@@ -0,0 +1,9 @@
+var r = /\s/;
+function a(t) {
+  for (var e = t.length; e-- && r.test(t.charAt(e)); )
+    ;
+  return e;
+}
+export {
+  a as default
+};

package/dist/node_modules/lodash-es/flatMap.js

@@ -0,0 +1,8 @@
+import r from "./_baseFlatten.js";
+import o from "./map.js";
+function m(t, a) {
+  return r(o(t, a));
+}
+export {
+  m as default
+};

package/dist/node_modules/lodash-es/get.js

@@ -0,0 +1,8 @@
+import u from "./_baseGet.js";
+function f(e, r, t) {
+  var n = e == null ? void 0 : u(e, r);
+  return n === void 0 ? t : n;
+}
+export {
+  f as default
+};

package/dist/node_modules/lodash-es/hasIn.js

@@ -0,0 +1,8 @@
+import n from "./_baseHasIn.js";
+import t from "./_hasPath.js";
+function f(a, r) {
+  return a != null && t(a, r, n);
+}
+export {
+  f as default
+};

package/dist/node_modules/lodash-es/isSymbol.js

@@ -0,0 +1,9 @@
+import t from "./_baseGetTag.js";
+import m from "./isObjectLike.js";
+var r = "[object Symbol]";
+function i(o) {
+  return typeof o == "symbol" || m(o) && t(o) == r;
+}
+export {
+  i as default
+};

package/dist/node_modules/lodash-es/keys.js

@@ -0,0 +1,9 @@
+import e from "./_arrayLikeKeys.js";
+import i from "./_baseKeys.js";
+import a from "./isArrayLike.js";
+function f(r) {
+  return a(r) ? e(r) : i(r);
+}
+export {
+  f as default
+};

package/dist/node_modules/lodash-es/keysIn.js

@@ -1,9 +1,9 @@
 import e from "./_arrayLikeKeys.js";
 import i from "./_baseKeysIn.js";
 import a from "./isArrayLike.js";
-function f(r) {
-  return a(r) ? e(r) : i(r);
+function t(r) {
+  return a(r) ? e(r, !0) : i(r);
 }
 export {
-  f as default
+  t as default
 };

package/dist/node_modules/lodash-es/map.js

@@ -0,0 +1,11 @@
+import t from "./_arrayMap.js";
+import o from "./_baseIteratee.js";
+import p from "./_baseMap.js";
+import e from "./isArray.js";
+function n(r, a) {
+  var m = e(r) ? t : p;
+  return m(r, o(a));
+}
+export {
+  n as default
+};

package/dist/node_modules/lodash-es/property.js

@@ -0,0 +1,10 @@
+import o from "./_baseProperty.js";
+import e from "./_basePropertyDeep.js";
+import t from "./_isKey.js";
+import m from "./_toKey.js";
+function s(r) {
+  return t(r) ? o(m(r)) : e(r);
+}
+export {
+  s as default
+};

package/dist/node_modules/lodash-es/range.js

@@ -0,0 +1,5 @@
+import a from "./_createRange.js";
+var r = a();
+export {
+  r as default
+};

package/dist/node_modules/lodash-es/stubArray.js

@@ -0,0 +1,6 @@
+function r() {
+  return [];
+}
+export {
+  r as default
+};

package/dist/node_modules/lodash-es/toFinite.js

@@ -0,0 +1,14 @@
+import n from "./toNumber.js";
+var t = 1 / 0, o = 17976931348623157e292;
+function I(r) {
+  if (!r)
+    return r === 0 ? r : 0;
+  if (r = n(r), r === t || r === -t) {
+    var i = r < 0 ? -1 : 1;
+    return i * o;
+  }
+  return r === r ? r : 0;
+}
+export {
+  I as default
+};

package/dist/node_modules/lodash-es/toNumber.js

@@ -0,0 +1,22 @@
+import n from "./_baseTrim.js";
+import f from "./isObject.js";
+import o from "./isSymbol.js";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
+  }
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
+}
+export {
+  O as default
+};

package/dist/node_modules/lodash-es/toString.js

@@ -0,0 +1,7 @@
+import r from "./_baseToString.js";
+function o(t) {
+  return t == null ? "" : r(t);
+}
+export {
+  o as default
+};

package/dist/package.json.js

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

package/dist/services/recommendationApi.js

@@ -1,19 +1,13 @@
 import { useHttp as c } from "../composables/useHttp.js";
 import { URLS as a } from "../enums/extensions/recommendationBlock.js";
-import { useEditorStore as m } from "../stores/editor.js";
-import { replaceString as s } from "../utils/genericUtil.js";
-const l = () => {
+const R = () => {
   const { get: o } = c();
   return {
     fetchRecommendationCreateData: async () => {
-      const e = m();
       try {
-        return (await o(s(
-          "/newsletter/{id}/recommendations/get-campaign-create-data",
-          { id: e.templateId }
-        ))).data;
-      } catch (t) {
-        throw console.error("fetchUserModalState error:", t), t;
+        return (await o("/newsletter/recommendations/create-data")).data;
+      } catch (e) {
+        throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
@@ -24,20 +18,20 @@ const l = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, t) => {
+    fetchRecommendationProducts: async (e, n) => {
       try {
-        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}`
+        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}`
         );
-        return (n == null ? void 0 : n.data) ?? [];
-      } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        return (r == null ? void 0 : r.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProducts error:", t), t;
       }
     }
   };
 };
 export {
-  l as useRecommendationApi
+  R as useRecommendationApi
 };

package/dist/src/@types/generic.d.ts

@@ -7,6 +7,7 @@ type Features = {
     saveAsTemplate?: boolean;
     versionHistory?: boolean;
     testMessage?: boolean;
+    displayConditions?: boolean;
 };
 type Partner = {
     partnerName: string;

package/dist/src/components/Guido.vue.d.ts

@@ -27,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
     "onboarding:finished": () => void;
+    "test-email:click": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/organisms/onboarding/ItemsOnboarding.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/composables/useGuidoActions.d.ts

@@ -3,9 +3,11 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
+export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
+export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -13,6 +15,7 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
+    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -35,6 +38,11 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
+/**
+ * Hook to use the test email click handler
+ * @returns Test email click function
+ */
+export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -43,4 +51,5 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
+    testEmailClick: TestEmailClickHandler;
 };

package/dist/src/config/compiler/itemsCompilerRules.d.ts

@@ -0,0 +1,2 @@
+import type { CompilerRule } from '@@/Types/html-compiler';
+export declare const itemsCompilerRules: CompilerRule[];

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

@@ -1,2 +1,6 @@
 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,4 +8,5 @@ export declare class CheckboxBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
+    allowInnerBlocksDND(): boolean;
 }

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

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"checkbox-block\"\n        class=\"\n            checkbox-block\n            checkbox-block-v2\n            esd-block-checkbox\n            esd-checkbox-block\n            esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

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

@@ -0,0 +1,27 @@
+import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+export declare const BLOCK_ID = "items-block";
+/**
+ * Items Block extension for Stripo email editor.
+ *
+ * Displays personalized product items (cart items, browsed items, or purchased items)
+ * in a configurable card layout with horizontal or vertical orientation.
+ *
+ * Features:
+ * - Multiple product data sources (cart, browsed, purchased)
+ * - Configurable card composition (image, name, price, quantity, button)
+ * - Orientation control (horizontal/vertical)
+ * - Price formatting and currency display options
+ * - Product name trimming
+ * - Onboarding support
+ */
+export declare class ItemsBlock extends Block {
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+    allowInnerBlocksDND(): boolean;
+    onCreated(node: ImmutableHtmlNode): void;
+    onSelect(node: ImmutableHtmlNode): void;
+}

package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts

@@ -0,0 +1,14 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+import { ItemsBlockControlId } from '../../enums/controlEnums';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.BUTTON_LINK;
+export declare class ButtonLinkControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _listenToFormUpdates(): void;
+    _onLinkChange(value: string): void;
+    _getLink(): string;
+}

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -0,0 +1,33 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
+export declare class ItemsBlockCardCompositionControl extends CommonControl {
+    private store;
+    private visibilityState;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _getToggleContainer({ name, label }: {
+        name: string;
+        label: string;
+    }): string;
+    _initializeToggles(): void;
+    _updateTogglesFromState(): void;
+    _syncVisibilityFromAttributes(): void;
+    /**
+     * If itemsType is not BROWSED_ITEMS, show quantity
+     * If itemsType is BROWSED_ITEMS, hide quantity
+     * and mark it as '0'
+     */
+    _handleBrowsedItemsQuantity(): void;
+    _applyVisibilityStyles(): void;
+    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
+    _listenToFormUpdates(): void;
+    _onProductImageChange(value: boolean): void;
+    _onProductNameChange(value: boolean): void;
+    _onProductQuantityChange(value: boolean): void;
+    _onProductPriceChange(value: boolean): void;
+    _onProductOriginalPriceChange(value: boolean): void;
+    _onProductButtonChange(value: boolean): void;
+}

package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts

@@ -0,0 +1,14 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+import { ItemsBlockControlId } from '../../enums/controlEnums';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.IMAGE_LINK;
+export declare class ImageLinkControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _listenToFormUpdates(): void;
+    _onLinkChange(value: string): void;
+    _getLink(): string;
+}