@useinsider/guido 2.0.0-beta.e68b206 → 2.0.0-beta.e980c5b

package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js

@@ -1,40 +1,39 @@
 import { ModificationDescription as b } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DefaultConfigValues as r, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
+import { DefaultConfigValues as i, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
 function d() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function f() {
+const E = (o) => o.replace(/\$/g, "$$$$");
+function S() {
   return {
     initialized: !0,
     blockInstanceId: d(),
     source: n.ITEMS_TYPE.CART_ITEMS,
     type: n.ITEMS_TYPE.CART_ITEMS,
-    itemsSelectValue: r.cartItemsSelectControlValue,
+    itemsSelectValue: i.cartItemsSelectControlValue,
     orientation: n.ORIENTATION.VERTICAL,
-    nameTrimming: r.productNameTrimmingControlValue === "1",
-    nameControlEnabled: r.productNameControlEnabled === "1",
-    priceHideDiscount: r.productPriceHideDiscountControlValue === "1",
-    priceFormatted: r.productPriceFormattedControlValue === "1",
+    nameTrimming: i.productNameTrimmingControlValue === "1",
+    priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
+    priceFormatted: i.productPriceFormattedControlValue === "1",
     priceSinglePrice: !1,
-    priceCurrencySymbol: r.productPriceCurrencySymbolControlValue,
-    priceCurrencyLocation: r.productPriceCurrencyLocationControlValue,
-    priceControlOpened: r.productPriceControlOpened === "1",
+    priceCurrencySymbol: i.productPriceCurrencySymbolControlValue,
+    priceCurrencyLocation: i.productPriceCurrencyLocationControlValue,
     priceOrientation: "horizontal",
-    quantityControlEnabled: r.productQuantityControlEnabled === "1",
-    buttonLink: r.productButtonLinkControlValue,
-    imageLink: r.productImageLinkControlValue,
+    quantityControlEnabled: i.productQuantityControlEnabled === "1",
+    buttonLink: i.productButtonLinkControlValue,
+    imageLink: i.productImageLinkControlValue,
     buttonLabel: "Buy",
     buttonFullWidth: !0,
     // Default to full width (es-fw class)
-    imageVisible: r.productImageVisible === "1",
-    nameVisible: r.productNameVisible === "1",
-    quantityVisible: r.productQuantityVisible === "1",
-    priceVisible: r.productPriceVisible === "1",
-    originalPriceVisible: r.productOriginalPriceVisible === "1",
-    buttonVisible: r.productButtonVisible === "1"
+    imageVisible: i.productImageVisible === "1",
+    nameVisible: i.productNameVisible === "1",
+    quantityVisible: i.productQuantityVisible === "1",
+    priceVisible: i.productPriceVisible === "1",
+    originalPriceVisible: i.productOriginalPriceVisible === "1",
+    buttonVisible: i.productButtonVisible === "1"
   };
 }
-function p(o) {
+function s(o) {
   if (!o)
     return null;
   const t = o.closest(".items-block-v2");
@@ -51,41 +50,37 @@ function m(o) {
     PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
   }[o] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
 }
-function C(o, t) {
+function I(o, t) {
   if (!o)
-    return r.cartItemsSelectControlValue;
+    return i.cartItemsSelectControlValue;
   if (o.includes("{{"))
     return o;
   if (/^\d+$/.test(o)) {
-    const e = parseInt(o) - 1, i = g[t];
-    if (i && i[e])
-      return i[e].value;
+    const e = parseInt(o) - 1, r = g[t];
+    if (r && r[e])
+      return r[e].value;
   }
-  return r.cartItemsSelectControlValue;
+  return i.cartItemsSelectControlValue;
 }
-function I(o) {
+function C(o) {
   const t = o.querySelector("esd-config-block");
   if (!t)
     return null;
-  const e = (c, a) => c == null ? a : c === "1" || c === "true", i = (c, a) => c || a, l = t.getAttribute("data-type"), u = m(l), s = t.getAttribute("data-cart_items_select_control_value"), _ = C(s, u);
+  const e = (c, a) => c == null ? a : c === "1" || c === "true", r = (c, a) => c || a, l = t.getAttribute("data-type"), u = m(l), _ = t.getAttribute("data-cart_items_select_control_value"), p = I(_, u);
   return {
     initialized: e(t.getAttribute("data-initialized"), !1),
-    blockInstanceId: i(
+    blockInstanceId: r(
       t.getAttribute("data-block-instance-id"),
       d()
     ),
     source: u,
     type: u,
-    itemsSelectValue: _,
+    itemsSelectValue: p,
     orientation: t.getAttribute("data-card_orientation_control_value") || n.ORIENTATION.VERTICAL,
     nameTrimming: e(
       t.getAttribute("data-product_name_control_trim"),
       !0
     ),
-    nameControlEnabled: e(
-      t.getAttribute("data-product_name_control_enabled"),
-      !0
-    ),
     priceHideDiscount: e(
       t.getAttribute("data-product_price_control_nodup"),
       !0
@@ -98,32 +93,28 @@ function I(o) {
       t.getAttribute("data-product_price_control_single_price"),
       !1
     ),
-    priceCurrencySymbol: i(
+    priceCurrencySymbol: r(
       t.getAttribute("data-product_price_currency_symbol"),
-      r.productPriceCurrencySymbolControlValue
+      i.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: i(
+    priceCurrencyLocation: r(
       t.getAttribute("data-product_price_currency_location"),
-      r.productPriceCurrencyLocationControlValue
-    ),
-    priceControlOpened: e(
-      t.getAttribute("data-product_price_control_opened"),
-      !0
+      i.productPriceCurrencyLocationControlValue
     ),
     priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
     quantityControlEnabled: e(
       t.getAttribute("data-product_quantity_control_enabled"),
       !0
     ),
-    buttonLink: i(
+    buttonLink: r(
       t.getAttribute("data-product_button_link"),
-      r.productButtonLinkControlValue
+      i.productButtonLinkControlValue
     ),
-    imageLink: i(
+    imageLink: r(
       t.getAttribute("data-product_image_link"),
-      r.productImageLinkControlValue
+      i.productImageLinkControlValue
     ),
-    buttonLabel: i(
+    buttonLabel: r(
       t.getAttribute("data-product_button_control_label"),
       "Buy"
     ),
@@ -141,11 +132,11 @@ function I(o) {
       !0
     ),
     quantityVisible: e(
-      t.getAttribute("data-product_quantity_visible"),
+      t.getAttribute("data-product_quantity_control_enabled"),
       !0
     ),
     priceVisible: e(
-      t.getAttribute("data-product_price_visible"),
+      t.getAttribute("data-product_price_control_enabled"),
       !0
     ),
     originalPriceVisible: e(
@@ -153,32 +144,33 @@ function I(o) {
       !0
     ),
     buttonVisible: e(
-      t.getAttribute("data-product_button_visible"),
+      t.getAttribute("data-product_button_control_enabled"),
       !0
     )
   };
 }
-function S(o) {
-  const t = p(o);
+function y(o) {
+  const t = s(o);
   if (!t)
     return null;
   const e = t.getNodeConfig();
   if (e && e.initialized)
     return e;
-  const i = I(t);
-  return i || null;
+  const r = C(t);
+  return r || null;
 }
 function A(o, t, e) {
-  const i = p(o);
-  if (!i)
+  const r = s(o);
+  if (!r)
     return;
-  const u = { ...i.getNodeConfig() || {}, ...e };
-  t.getDocumentModifier().modifyHtml(i).setNodeConfig(u).apply(new b("Update Items block configuration"));
+  const u = { ...r.getNodeConfig() || {}, ...e };
+  t.getDocumentModifier().modifyHtml(r).setNodeConfig(u).apply(new b("Update Items block configuration"));
 }
 export {
+  E as escapeReplacement,
   d as generateBlockInstanceId,
-  f as getDefaultItemsBlockConfig,
-  S as getItemsBlockConfig,
-  p as getItemsBlockContainer,
+  S as getDefaultItemsBlockConfig,
+  y as getItemsBlockConfig,
+  s as getItemsBlockContainer,
   A as setItemsBlockConfig
 };

package/dist/extensions/Blocks/common-control.js

@@ -51,10 +51,9 @@ class _ extends O {
     const o = E !== this.lastBlockInstanceId;
     return o ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = E) : n(), o;
   }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
+  _GuLabel({ text: e, name: n = "" }) {
     return `
             <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-3bf5c743] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-3bf5c743] .in-button-v2__wrapper{line-height:0}[data-v-5196584c] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

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

@@ -7,4 +7,5 @@ export declare const useActionsApi: () => {
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
     updateTimerInClonedTemplate: () => Promise<string | null>;
     updateHtmlAndCss: (html: string, css: string) => void;
+    editorSave: () => void;
 };

package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts

@@ -29,11 +29,9 @@ export declare const DefaultConfigValues: {
     productPriceCurrencyLocationControlValue: string;
     productButtonLinkControlValue: string;
     productImageLinkControlValue: string;
-    productNameControlEnabled: string;
     productQuantityControlOpened: string;
     productNameControlTrim: string;
     productQuantityControlEnabled: string;
-    productPriceControlOpened: string;
     productImageVisible: string;
     productNameVisible: string;
     productQuantityVisible: string;

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

@@ -1,4 +1,4 @@
-import type { ItemsBlockConfig } from './utils/nodeConfigUtils';
+import { type ItemsBlockConfig } from './utils/nodeConfigUtils';
 declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
 type OrientationType = 'vertical' | 'horizontal';

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -12,13 +12,11 @@ export interface ItemsBlockConfig {
     itemsSelectValue: string;
     orientation: OrientationType;
     nameTrimming: boolean;
-    nameControlEnabled: boolean;
     priceHideDiscount: boolean;
     priceFormatted: boolean;
     priceSinglePrice: boolean;
     priceCurrencySymbol: string;
     priceCurrencyLocation: string;
-    priceControlOpened: boolean;
     priceOrientation: 'vertical' | 'horizontal';
     quantityControlEnabled: boolean;
     buttonLink: string;
@@ -37,6 +35,11 @@ export interface ItemsBlockConfig {
  * Generates a unique block instance ID.
  */
 export declare function generateBlockInstanceId(): string;
+/**
+ * Escapes $ characters in a string for safe use in String.replace/replaceAll.
+ * Prevents currency symbols like "$", "R$", "HK$" from being interpreted as special replacement patterns.
+ */
+export declare const escapeReplacement: (str: string) => string;
 /**
  * Returns default ItemsBlockConfig values.
  * These are used when initializing a new block or when migrating from legacy format.

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

@@ -74,7 +74,7 @@ export declare abstract class CommonControl extends Control {
      * @returns true if block instance changed, false otherwise
      */
     protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
-    _GuLabel({ text, name, position }: LabelProps): string;
+    _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
         text: string;

package/dist/utils/templatePreparation.js

@@ -1,29 +1,29 @@
-import { useActionsApi as S } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as b } from "../composables/useHtmlCompiler.js";
-import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../stores/unsubscribe.js";
-const z = () => {
-  const i = f(), t = C(), { getCompiledEmail: o, getTemplateData: s } = S(), { compileHtml: n } = b();
+import { useActionsApi as b } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
+import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as T } from "../stores/unsubscribe.js";
+const P = () => {
+  const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await o({
+      const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: l, syncModulesIds: p = [] } = await s(), { compiledHtml: u, stats: e, appliedRules: d } = n(a), g = i.getSelectedDynamicContentList;
-      return console.debug("HTML Compilation Stats:", {
+      }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
+      return n(), console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
         reduction: `${e.reductionPercentage.toFixed(2)}%`,
-        appliedRules: d,
+        appliedRules: g,
         executionTime: `${e.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: u,
-        rawHtml: c,
-        css: l,
+        dynamicContentList: S,
+        compiledHtml: d,
+        rawHtml: l,
+        css: p,
         ampHtml: m,
-        ampErrors: r,
-        modules: p,
+        ampErrors: c,
+        modules: u,
         recommendation: {
           campaignUrls: {},
           configs: {}
@@ -37,5 +37,5 @@ const z = () => {
   };
 };
 export {
-  z as useTemplatePreparation
+  P as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.e68b206",
+  "version": "2.0.0-beta.e980c5b",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",