@useinsider/guido 2.0.0 → 2.1.0-beta.3c29284

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

@@ -0,0 +1,176 @@
+import { ModificationDescription as b } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.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));
+}
+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: i.cartItemsSelectControlValue,
+    orientation: n.ORIENTATION.VERTICAL,
+    nameTrimming: i.productNameTrimmingControlValue === "1",
+    priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
+    priceFormatted: i.productPriceFormattedControlValue === "1",
+    priceSinglePrice: !1,
+    priceCurrencySymbol: i.productPriceCurrencySymbolControlValue,
+    priceCurrencyLocation: i.productPriceCurrencyLocationControlValue,
+    priceOrientation: "horizontal",
+    quantityControlEnabled: i.productQuantityControlEnabled === "1",
+    buttonLink: i.productButtonLinkControlValue,
+    imageLink: i.productImageLinkControlValue,
+    buttonLabel: "Buy",
+    buttonFullWidth: !0,
+    // Default to full width (es-fw class)
+    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 s(o) {
+  if (!o)
+    return null;
+  const t = o.closest(".items-block-v2");
+  return t || o.closest(".esd-cart-items-block");
+}
+function m(o) {
+  return o ? {
+    CartItems: n.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: n.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: n.ITEMS_TYPE.PURCHASED_ITEMS,
+    // Also handle already correct formats
+    CART_ITEMS: n.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: n.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
+  }[o] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
+}
+function I(o, t) {
+  if (!o)
+    return i.cartItemsSelectControlValue;
+  if (o.includes("{{"))
+    return o;
+  if (/^\d+$/.test(o)) {
+    const e = parseInt(o) - 1, r = g[t];
+    if (r && r[e])
+      return r[e].value;
+  }
+  return i.cartItemsSelectControlValue;
+}
+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", 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: r(
+      t.getAttribute("data-block-instance-id"),
+      d()
+    ),
+    source: u,
+    type: u,
+    itemsSelectValue: p,
+    orientation: t.getAttribute("data-card_orientation_control_value") || n.ORIENTATION.VERTICAL,
+    nameTrimming: e(
+      t.getAttribute("data-product_name_control_trim"),
+      !0
+    ),
+    priceHideDiscount: e(
+      t.getAttribute("data-product_price_control_nodup"),
+      !0
+    ),
+    priceFormatted: e(
+      t.getAttribute("data-product_price_control_formated"),
+      !0
+    ),
+    priceSinglePrice: e(
+      t.getAttribute("data-product_price_control_single_price"),
+      !1
+    ),
+    priceCurrencySymbol: r(
+      t.getAttribute("data-product_price_currency_symbol"),
+      i.productPriceCurrencySymbolControlValue
+    ),
+    priceCurrencyLocation: r(
+      t.getAttribute("data-product_price_currency_location"),
+      i.productPriceCurrencyLocationControlValue
+    ),
+    priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
+    quantityControlEnabled: e(
+      t.getAttribute("data-product_quantity_control_enabled"),
+      !0
+    ),
+    buttonLink: r(
+      t.getAttribute("data-product_button_link"),
+      i.productButtonLinkControlValue
+    ),
+    imageLink: r(
+      t.getAttribute("data-product_image_link"),
+      i.productImageLinkControlValue
+    ),
+    buttonLabel: r(
+      t.getAttribute("data-product_button_control_label"),
+      "Buy"
+    ),
+    buttonFullWidth: e(
+      t.getAttribute("data-product_button_control_atw"),
+      !0
+      // Default to full width
+    ),
+    imageVisible: e(
+      t.getAttribute("data-product_image_control_enabled"),
+      !0
+    ),
+    nameVisible: e(
+      t.getAttribute("data-product_name_control_enabled"),
+      !0
+    ),
+    quantityVisible: e(
+      t.getAttribute("data-product_quantity_control_enabled"),
+      !0
+    ),
+    priceVisible: e(
+      t.getAttribute("data-product_price_control_enabled"),
+      !0
+    ),
+    originalPriceVisible: e(
+      t.getAttribute("data-product_original_price_control_enabled"),
+      !0
+    ),
+    buttonVisible: e(
+      t.getAttribute("data-product_button_control_enabled"),
+      !0
+    )
+  };
+}
+function y(o) {
+  const t = s(o);
+  if (!t)
+    return null;
+  const e = t.getNodeConfig();
+  if (e && e.initialized)
+    return e;
+  const r = C(t);
+  return r || null;
+}
+function A(o, t, e) {
+  const r = s(o);
+  if (!r)
+    return;
+  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,
+  S as getDefaultItemsBlockConfig,
+  y as getItemsBlockConfig,
+  s as getItemsBlockContainer,
+  A as setItemsBlockConfig
+};

package/dist/extensions/Blocks/Recommendation/control.js

@@ -289,7 +289,7 @@ class b extends g {
       t.CURRENCY_DECIMAL_COUNT
     ].forEach((i) => {
       this.api.onValueChanged(i, (a) => this._onCurrencyConfigChange(i, a));
-    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, i.toString())), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.api.onValueChanged(t.RESPONSIVE, (i) => this._onDataChange(t.RESPONSIVE, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
+    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, String(i))), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.api.onValueChanged(t.RESPONSIVE, (i) => this._onDataChange(t.RESPONSIVE, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
   }
   _listenStateUpdates() {
     this.storeUnsubscription = this.store.$subscribe((e) => {

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 = (a, r, e) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
-var l = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
+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;
@@ -19,43 +19,41 @@ class _ extends O {
     this.lastBlockInstanceId = null;
   }
   /**
-   * Gets the config block element from the current node.
-   * @returns The config block element or null if not found
+   * Gets the Items block container element from the current node.
+   * @returns The container element or null if not found
    */
-  getConfigBlock() {
-    if (!this.currentNode)
-      return null;
-    const e = this.currentNode.closest(".items-block-v2");
-    return e ? e.querySelector("esd-config-block") : null;
+  getItemsBlockContainer() {
+    return this.currentNode ? this.currentNode.closest(".items-block-v2") : 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')
+   * Gets the current block instance ID from the node config (Stripo V2).
    * @returns The block instance ID or null if not found
    */
-  getBlockInstanceId(e = "data-block-instance-id") {
-    const n = this.getConfigBlock();
-    return n ? n.getAttribute(e) : null;
+  getBlockInstanceId() {
+    const e = this.getItemsBlockContainer();
+    if (!e)
+      return null;
+    const n = e.getNodeConfig();
+    return n && typeof n.blockInstanceId == "string" ? n.blockInstanceId : 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)
+   * This is a helper method for controls that need to sync config when switching between block instances.
+   * Uses Stripo V2 nodeConfig API for block instance tracking.
+   * @param syncFunction - Function to call when block instance changes (to sync from node config)
    * @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
    */
-  handleBlockInstanceChange(e, n, E = "data-block-instance-id") {
-    const o = this.getBlockInstanceId(E);
-    if (!o)
+  handleBlockInstanceChange(e, n) {
+    const E = this.getBlockInstanceId();
+    if (!E)
       return !1;
-    const T = o !== this.lastBlockInstanceId;
-    return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
+    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}>
@@ -81,7 +79,7 @@ class _ extends O {
                 class="${o}"
                 ${$.SELECTPICKER.name}="${e}"
                 ${$.SELECTPICKER.placeholder}="${n}">
-                    ${E.map((T) => this._GuSelectItem(T)).join("")}
+                    ${E.map((a) => this._GuSelectItem(a)).join("")}
             </${t.SELECTPICKER}>
         `;
   }
@@ -169,11 +167,11 @@ class _ extends O {
    */
   _GuOrderable(e, n) {
     let E = "";
-    n.forEach((T) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+    n.forEach((a) => {
+      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
-                    ${T.content}
+                <${t.ORDERABLE_ITEM} ${l}="${a.key}">
+                    ${a.content}
                 </${t.ORDERABLE_ITEM}>
             `;
     });