@useinsider/guido 2.0.0-beta.5ccd854 → 2.0.0-beta.689d09e

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

@@ -1,5 +1,5 @@
-import { ModificationDescription as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DefaultConfigValues as e, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
+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";
 function d() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
@@ -9,36 +9,39 @@ function f() {
     blockInstanceId: d(),
     source: n.ITEMS_TYPE.CART_ITEMS,
     type: n.ITEMS_TYPE.CART_ITEMS,
-    itemsSelectValue: e.cartItemsSelectControlValue,
+    itemsSelectValue: r.cartItemsSelectControlValue,
     orientation: n.ORIENTATION.VERTICAL,
-    nameTrimming: e.productNameTrimmingControlValue === "1",
-    nameControlEnabled: e.productNameControlEnabled === "1",
-    priceHideDiscount: e.productPriceHideDiscountControlValue === "1",
-    priceFormatted: e.productPriceFormattedControlValue === "1",
-    priceCurrencySymbol: e.productPriceCurrencySymbolControlValue,
-    priceCurrencyLocation: e.productPriceCurrencyLocationControlValue,
-    priceControlOpened: e.productPriceControlOpened === "1",
+    nameTrimming: r.productNameTrimmingControlValue === "1",
+    nameControlEnabled: r.productNameControlEnabled === "1",
+    priceHideDiscount: r.productPriceHideDiscountControlValue === "1",
+    priceFormatted: r.productPriceFormattedControlValue === "1",
+    priceSinglePrice: !1,
+    priceCurrencySymbol: r.productPriceCurrencySymbolControlValue,
+    priceCurrencyLocation: r.productPriceCurrencyLocationControlValue,
+    priceControlOpened: r.productPriceControlOpened === "1",
     priceOrientation: "horizontal",
-    quantityControlEnabled: e.productQuantityControlEnabled === "1",
-    buttonLink: e.productButtonLinkControlValue,
-    imageLink: e.productImageLinkControlValue,
+    quantityControlEnabled: r.productQuantityControlEnabled === "1",
+    buttonLink: r.productButtonLinkControlValue,
+    imageLink: r.productImageLinkControlValue,
     buttonLabel: "Buy",
-    imageVisible: e.productImageVisible === "1",
-    nameVisible: e.productNameVisible === "1",
-    quantityVisible: e.productQuantityVisible === "1",
-    priceVisible: e.productPriceVisible === "1",
-    originalPriceVisible: e.productOriginalPriceVisible === "1",
-    buttonVisible: e.productButtonVisible === "1"
+    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"
   };
 }
-function s(r) {
-  if (!r)
+function p(o) {
+  if (!o)
     return null;
-  const t = r.closest(".items-block-v2");
-  return t || r.closest(".esd-cart-items-block");
+  const t = o.closest(".items-block-v2");
+  return t || o.closest(".esd-cart-items-block");
 }
-function m(r) {
-  return r ? {
+function m(o) {
+  return o ? {
     CartItems: n.ITEMS_TYPE.CART_ITEMS,
     BrowsedItems: n.ITEMS_TYPE.BROWSED_ITEMS,
     PurchasedItems: n.ITEMS_TYPE.PURCHASED_ITEMS,
@@ -46,127 +49,136 @@ function m(r) {
     CART_ITEMS: n.ITEMS_TYPE.CART_ITEMS,
     BROWSED_ITEMS: n.ITEMS_TYPE.BROWSED_ITEMS,
     PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
-  }[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
+  }[o] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
 }
-function C(r, t) {
-  if (!r)
-    return e.cartItemsSelectControlValue;
-  if (r.includes("{{"))
-    return r;
-  if (/^\d+$/.test(r)) {
-    const i = parseInt(r) - 1, o = g[t];
-    if (o && o[i])
-      return o[i].value;
+function C(o, t) {
+  if (!o)
+    return r.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;
   }
-  return e.cartItemsSelectControlValue;
+  return r.cartItemsSelectControlValue;
 }
-function I(r) {
-  const t = r.querySelector("esd-config-block");
+function I(o) {
+  const t = o.querySelector("esd-config-block");
   if (!t)
     return null;
-  const i = (c, a) => c == null ? a : c === "1" || c === "true", o = (c, a) => c || a, l = t.getAttribute("data-type"), u = m(l), p = t.getAttribute("data-cart_items_select_control_value"), b = C(p, u);
+  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);
   return {
-    initialized: i(t.getAttribute("data-initialized"), !1),
-    blockInstanceId: o(
+    initialized: e(t.getAttribute("data-initialized"), !1),
+    blockInstanceId: i(
       t.getAttribute("data-block-instance-id"),
       d()
     ),
     source: u,
     type: u,
-    itemsSelectValue: b,
+    itemsSelectValue: _,
     orientation: t.getAttribute("data-card_orientation_control_value") || n.ORIENTATION.VERTICAL,
-    nameTrimming: i(
-      t.getAttribute("data-product_name_trimming"),
+    nameTrimming: e(
+      t.getAttribute("data-product_name_control_trim"),
       !0
     ),
-    nameControlEnabled: i(
+    nameControlEnabled: e(
       t.getAttribute("data-product_name_control_enabled"),
       !0
     ),
-    priceHideDiscount: i(
-      t.getAttribute("data-product_price_hide_discount"),
+    priceHideDiscount: e(
+      t.getAttribute("data-product_price_control_nodup"),
       !0
     ),
-    priceFormatted: i(
-      t.getAttribute("data-product_price_formatted"),
+    priceFormatted: e(
+      t.getAttribute("data-product_price_control_formated"),
       !0
     ),
-    priceCurrencySymbol: o(
+    priceSinglePrice: e(
+      t.getAttribute("data-product_price_control_single_price"),
+      !1
+    ),
+    priceCurrencySymbol: i(
       t.getAttribute("data-product_price_currency_symbol"),
-      e.productPriceCurrencySymbolControlValue
+      r.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: o(
+    priceCurrencyLocation: i(
       t.getAttribute("data-product_price_currency_location"),
-      e.productPriceCurrencyLocationControlValue
+      r.productPriceCurrencyLocationControlValue
     ),
-    priceControlOpened: i(
+    priceControlOpened: e(
       t.getAttribute("data-product_price_control_opened"),
       !0
     ),
     priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
-    quantityControlEnabled: i(
+    quantityControlEnabled: e(
       t.getAttribute("data-product_quantity_control_enabled"),
       !0
     ),
-    buttonLink: o(
+    buttonLink: i(
       t.getAttribute("data-product_button_link"),
-      e.productButtonLinkControlValue
+      r.productButtonLinkControlValue
     ),
-    imageLink: o(
+    imageLink: i(
       t.getAttribute("data-product_image_link"),
-      e.productImageLinkControlValue
+      r.productImageLinkControlValue
     ),
-    buttonLabel: o(
+    buttonLabel: i(
       t.getAttribute("data-product_button_control_label"),
       "Buy"
     ),
-    imageVisible: i(
-      t.getAttribute("data-product_image_visible"),
+    buttonFullWidth: e(
+      t.getAttribute("data-product_button_control_atw"),
       !0
+      // Default to full width
     ),
-    nameVisible: i(
-      t.getAttribute("data-product_name_visible"),
+    imageVisible: e(
+      t.getAttribute("data-product_image_control_enabled"),
       !0
     ),
-    quantityVisible: i(
+    nameVisible: e(
+      t.getAttribute("data-product_name_control_enabled"),
+      !0
+    ),
+    quantityVisible: e(
       t.getAttribute("data-product_quantity_visible"),
       !0
     ),
-    priceVisible: i(
+    priceVisible: e(
       t.getAttribute("data-product_price_visible"),
       !0
     ),
-    originalPriceVisible: i(
+    originalPriceVisible: e(
       t.getAttribute("data-product_original_price_control_enabled"),
       !0
     ),
-    buttonVisible: i(
+    buttonVisible: e(
       t.getAttribute("data-product_button_visible"),
       !0
     )
   };
 }
-function S(r) {
-  const t = s(r);
+function S(o) {
+  const t = p(o);
   if (!t)
     return null;
-  const i = t.getNodeConfig();
-  if (i && i.initialized)
-    return i;
-  const o = I(t);
-  return o || null;
+  const e = t.getNodeConfig();
+  if (e && e.initialized)
+    return e;
+  const i = I(t);
+  return i || null;
 }
-function y(r, t, i) {
-  const o = s(r);
-  if (!o)
+function A(o, t, e) {
+  const i = p(o);
+  if (!i)
     return;
-  const u = { ...o.getNodeConfig() || {}, ...i };
-  t.getDocumentModifier().modifyHtml(o).setNodeConfig(u).apply(new _("Update Items block configuration"));
+  const u = { ...i.getNodeConfig() || {}, ...e };
+  t.getDocumentModifier().modifyHtml(i).setNodeConfig(u).apply(new b("Update Items block configuration"));
 }
 export {
   d as generateBlockInstanceId,
   f as getDefaultItemsBlockConfig,
   S as getItemsBlockConfig,
-  s as getItemsBlockContainer,
-  y as setItemsBlockConfig
+  p as getItemsBlockContainer,
+  A as setItemsBlockConfig
 };

package/dist/extensions/Blocks/Unsubscribe/extension.js

@@ -1,21 +1,21 @@
 import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UnsubscribeBlock as i } from "./block.js";
 import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as o } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
-import { SettingsPanel as s } from "./settingsPanel.js";
+import { PreviewUIElement as s } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
+import { SettingsPanel as r } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
-const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
+const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe Block",
-    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
+    "Unsubscribe Block": "Unsubscribe",
+    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
+}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
 export {
-  f as default
+  g as default
 };

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

@@ -1,12 +1,12 @@
-var c = Object.defineProperty;
-var I = (T, r, e) => r in T ? c(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
-var l = (T, r, e) => I(T, typeof r != "symbol" ? r + "" : r, e);
-import { Control as s, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class B extends s {
+var I = Object.defineProperty;
+var c = (T, r, e) => r in T ? I(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
+var u = (T, r, e) => c(T, typeof r != "symbol" ? r + "" : r, e);
+import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class _ extends O {
   constructor() {
     super(...arguments);
-    l(this, "currentNode");
-    l(this, "lastBlockInstanceId", null);
+    u(this, "currentNode");
+    u(this, "lastBlockInstanceId", null);
   }
   getContainer() {
     var e;
@@ -26,16 +26,7 @@ class B extends s {
     return this.currentNode ? this.currentNode.closest(".items-block-v2") : null;
   }
   /**
-   * Gets the config block element from the current node (legacy support).
-   * @deprecated Use getNodeConfig() from nodeConfigUtils instead for Stripo V2
-   * @returns The config block element or null if not found
-   */
-  getConfigBlock() {
-    const e = this.getItemsBlockContainer();
-    return e ? e.querySelector("esd-config-block") : null;
-  }
-  /**
-   * Gets the current block instance ID from the node config (Stripo V2) or legacy config block.
+   * Gets the current block instance ID from the node config (Stripo V2).
    * @returns The block instance ID or null if not found
    */
   getBlockInstanceId() {
@@ -43,10 +34,7 @@ class B extends s {
     if (!e)
       return null;
     const n = e.getNodeConfig();
-    if (n && typeof n.blockInstanceId == "string")
-      return n.blockInstanceId;
-    const o = this.getConfigBlock();
-    return o ? o.getAttribute("data-block-instance-id") : null;
+    return n && typeof n.blockInstanceId == "string" ? n.blockInstanceId : null;
   }
   /**
    * Handles block instance change detection and syncing.
@@ -57,16 +45,16 @@ class B extends s {
    * @returns true if block instance changed, false otherwise
    */
   handleBlockInstanceChange(e, n) {
-    const o = this.getBlockInstanceId();
-    if (!o)
+    const E = this.getBlockInstanceId();
+    if (!E)
       return !1;
-    const E = o !== this.lastBlockInstanceId;
-    return E ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), E;
+    const o = E !== this.lastBlockInstanceId;
+    return o ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = E) : n(), o;
   }
-  _GuLabel({ text: e, name: n = "", position: o = "top" }) {
+  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
     return `
             <${t.LABEL} 
-                style="${o === "top" ? "margin-bottom: 8px;" : ""}"
+                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>
@@ -86,59 +74,59 @@ class B extends s {
                 ${$.SELECT_ITEM.value}="${n}">
             </${t.SELECT_ITEM}>`;
   }
-  _GuSelect({ name: e, placeholder: n, options: o, className: E = "es-180w" }) {
+  _GuSelect({ name: e, placeholder: n, options: E, className: o = "es-180w" }) {
     return `
             <${t.SELECTPICKER}
-                class="${E}"
+                class="${o}"
                 ${$.SELECTPICKER.name}="${e}"
                 ${$.SELECTPICKER.placeholder}="${n}">
-                    ${o.map((a) => this._GuSelectItem(a)).join("")}
+                    ${E.map((a) => this._GuSelectItem(a)).join("")}
             </${t.SELECTPICKER}>
         `;
   }
-  _GuTextInput({ name: e, placeholder: n, className: o = "", disabled: E = !1 }) {
+  _GuTextInput({ name: e, placeholder: n, className: E = "", disabled: o = !1 }) {
     return `
             <${t.TEXT}
-                class=${o}
+                class=${E}
                 ${$.TEXT.name}="${e}"
                 placeholder="${n || e}"
-                ${E ? `${$.TEXT.disabled}="true"` : ""}>
+                ${o ? `${$.TEXT.disabled}="true"` : ""}>
             </${t.TEXT}>
         `;
   }
-  _GuCounter({ name: e, maxValue: n, minValue: o = 1, step: E = 1 }) {
+  _GuCounter({ name: e, maxValue: n, minValue: E = 1, step: o = 1 }) {
     return `
             <${t.COUNTER}
                 ${$.COUNTER.name}="${e}"
-                ${$.COUNTER.minValue}="${o}"
+                ${$.COUNTER.minValue}="${E}"
                 ${$.COUNTER.maxValue}="${n}"
-                ${$.COUNTER.step}="${E}">
+                ${$.COUNTER.step}="${o}">
             </${t.COUNTER}>
         `;
   }
-  _GuRadioButtonItem({ text: e, value: n, icon: o }) {
+  _GuRadioButtonItem({ text: e, value: n, icon: E }) {
     return `
             <${t.RADIO_ITEM}
                 ${$.RADIO_ITEM.value}="${n}"
                 ${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
-                ${o ? `${$.RADIO_ITEM.icon}="${o}"` : ""}>
+                ${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
             </${t.RADIO_ITEM}>
         `;
   }
-  _GuRadioButton({ name: e, buttons: n, id: o = "" }) {
+  _GuRadioButton({ name: e, buttons: n, id: E = "" }) {
     return `
             <${t.RADIO_BUTTONS}
-                ${o ? `id="${o}"` : ""}
+                ${E ? `id="${E}"` : ""}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${n.map((E) => this._GuRadioButtonItem(E)).join("")}
+                ${n.map((o) => this._GuRadioButtonItem(o)).join("")}
             </${t.RADIO_BUTTONS}>
         `;
   }
-  _GuButton({ name: e, label: n, id: o = "" }) {
+  _GuButton({ name: e, label: n, id: E = "" }) {
     return `
             <${t.BUTTON}
                 ${$.BUTTON.name}="${e}"
-                ${o ? `id="${o}"` : ""}
+                ${E ? `id="${E}"` : ""}
                 ${$.BUTTON.caption}="${n}"}>
             </${t.BUTTON}>
         `;
@@ -148,10 +136,10 @@ class B extends s {
    * @param param0
    * @returns It returns a button with an icon.
    */
-  _GuIconButton({ name: e, icon: n, className: o = "" }) {
+  _GuIconButton({ name: e, icon: n, className: E = "" }) {
     return `
             <${t.BUTTON}
-                class="${o}"
+                class="${E}"
                 ${$.BUTTON.name}="${e}"
                 ${$.BUTTON.icon}="${n}">
             </${t.BUTTON}>
@@ -179,19 +167,19 @@ class B extends s {
    * @returns HTML string for the orderable control
    */
   _GuOrderable(e, n) {
-    let o = "";
+    let E = "";
     n.forEach((a) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
-      o += `
-                <${t.ORDERABLE_ITEM} ${u}="${a.key}">
+      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      E += `
+                <${t.ORDERABLE_ITEM} ${l}="${a.key}">
                     ${a.content}
                 </${t.ORDERABLE_ITEM}>
             `;
     });
-    const E = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
+    const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
     return `
-            <${t.ORDERABLE} ${E}="${e}">
-                ${o}
+            <${t.ORDERABLE} ${o}="${e}">
+                ${E}
             </${t.ORDERABLE}>
         `;
   }
@@ -232,16 +220,16 @@ class B extends s {
         `;
   }
   _GuRadioButtons(e, n) {
-    const o = n.map((E) => `
+    const E = n.map((o) => `
                 <${t.RADIO_ITEM}
-                    ${$.RADIO_ITEM.text}="${E.text}"
-                    ${$.RADIO_ITEM.value}="${E.value}">
+                    ${$.RADIO_ITEM.text}="${o.text}"
+                    ${$.RADIO_ITEM.value}="${o.value}">
                 </${t.RADIO_ITEM}>
             `).join("");
     return `
             <${t.RADIO_BUTTONS}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${o}
+                ${E}
             </${t.RADIO_BUTTONS}>
         `;
   }
@@ -255,5 +243,5 @@ class B extends s {
   }
 }
 export {
-  B as CommonControl
+  _ as CommonControl
 };