@useinsider/guido 1.0.3-beta.bd6a5dd → 1.0.3-beta.bdbafd4

package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js

@@ -1,180 +0,0 @@
-const R = {
-  TITLE: "You May Also Like!"
-}, O = `
-    <tr>
-        <td class="spacer" style="height: 20px;"></td>
-    </tr>
-`, w = `
-    <tr>
-        <td>
-            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
-                {-{-PRODUCTS-}-}
-            </table>
-        </td>
-    </tr>
-`, i = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table
-            width="100%"
-            height="100%"
-            cellpadding="0"
-            cellspacing="0"
-            border="0"
-            class="product-card-wrapper">
-            <tr>
-                <td
-                    class="product-attribute-cell"
-                    valign="top">
-                    <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
-                        <tbody>
-                            {-{-PRODUCT_CONTENT-}-}
-                        </tbody>
-                    </table>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, b = [
-  "productImage",
-  "productName",
-  "productOldPrice",
-  "productPrice",
-  "productButton"
-];
-function C() {
-  return [
-    {
-      name: "Product Name",
-      image_url: "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png",
-      price: { USD: 18 },
-      original_price: { USD: 20 },
-      discount: { USD: 2 },
-      url: "https://example.com/product/1",
-      item_id: "1",
-      in_stock: 1,
-      locale: "en",
-      product_attributes: {},
-      category: []
-    },
-    {
-      name: "Belt",
-      image_url: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/09/belt-2.jpg",
-      price: { TRY: 55 },
-      original_price: { TRY: 65 },
-      discount: { TRY: 10 },
-      url: "https://example.com/product/2",
-      item_id: "2",
-      in_stock: 1,
-      locale: "tr",
-      product_attributes: {},
-      category: []
-    },
-    {
-      name: "Beanie",
-      image_url: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/08/beanie-with-logo-1.jpg",
-      price: { TRY: 18 },
-      original_price: { TRY: 20 },
-      discount: { TRY: 2 },
-      url: "https://example.com/product/3",
-      item_id: "3",
-      in_stock: 1,
-      locale: "tr",
-      product_attributes: {},
-      category: []
-    },
-    {
-      name: "Album",
-      image_url: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/12/poster_2_up.jpg",
-      price: { TRY: 15 },
-      original_price: { TRY: 15 },
-      discount: { TRY: 0 },
-      url: "https://example.com/product/4",
-      item_id: "4",
-      in_stock: 1,
-      locale: "tr",
-      product_attributes: {},
-      category: []
-    },
-    {
-      name: "Flying Ninja with a very long product name",
-      image_url: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/09/belt-2.jpg",
-      price: { TRY: 12 },
-      original_price: { TRY: 15 },
-      discount: { TRY: 3 },
-      url: "https://example.com/product/5",
-      item_id: "5",
-      in_stock: 1,
-      locale: "tr",
-      product_attributes: {},
-      category: []
-    },
-    {
-      name: "Single",
-      image_url: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/12/poster_2_up.jpg",
-      price: { TRY: 22555 },
-      original_price: { TRY: 33989 },
-      discount: { TRY: 11434 },
-      url: "https://example.com/product/6",
-      item_id: "6",
-      in_stock: 1,
-      locale: "tr",
-      product_attributes: {},
-      category: []
-    }
-  ];
-}
-function N(p, r, e, l = b) {
-  const n = (100 / r).toFixed(2), a = [];
-  for (let o = 0; o < p.length; o += r)
-    a.push(p.slice(o, o + r));
-  let c = "";
-  return a.forEach((o, _) => {
-    _ > 0 && (c += O);
-    let s = "", u = "", d = "", m = "", g = "";
-    o.forEach((t) => {
-      s += i.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productImage(t)
-      ), u += i.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productName(t)
-      ), d += i.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productPrice(t)
-      ), m += i.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productOldPrice(t)
-      ), g += i.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productButton(t)
-      );
-    });
-    const T = {
-      productImage: s,
-      productName: u,
-      productPrice: d,
-      productOldPrice: m,
-      productButton: g
-    }, h = l.filter((t) => !!T[t]).map((t) => `<tr>${T[t]}</tr>`).join("");
-    c += w.replace("{-{-PRODUCTS-}-}", h);
-  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${n}%`);
-}
-function P(p, r, e, l, n = R.TITLE, a) {
-  const c = N(
-    r,
-    e,
-    l,
-    a
-  );
-  return p.replace("{-{-TITLE-}-}", n).replace("{-{-PRODUCT_ROWS-}-}", c);
-}
-export {
-  R as DEFAULTS,
-  b as DEFAULT_CARD_COMPOSITION,
-  P as generateTemplate,
-  C as getDefaultProducts,
-  N as prepareProductRows,
-  i as productCardWrapper,
-  w as productRow,
-  O as spacer
-};

package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js

@@ -1,28 +0,0 @@
-function l(t) {
-  if (t.length === 0)
-    return "";
-  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), n = o.map((r) => `[${r.attribute}][${r.operatorReplace}][${r.value}]`), [s, ...p] = n;
-  let u = s;
-  for (let r = 0; r < p.length; r++) {
-    const e = o[r + 1].innerGroupOperator;
-    u += `${e}${p[r]}`;
-  }
-  return `(${u})`;
-}
-function m(t) {
-  if (!t || t.length === 0)
-    return "";
-  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), n = Object.keys(o).map(Number).sort((r, e) => r - e), s = n.map((r) => {
-    const e = o[r];
-    return l(e);
-  }), [p, ...u] = s;
-  let i = p;
-  for (let r = 0; r < u.length; r++) {
-    const e = n[r + 1], c = o[e][0].outerGroupOperator;
-    i += `${c}${u[r]}`;
-  }
-  return console.debug("🎉 Complete query generated:", i), i.trim();
-}
-export {
-  m as generateCompleteFilterQuery
-};

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

@@ -1,21 +0,0 @@
-import { IconsRegistry as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class i extends s {
-  registerIconsSvg(C) {
-    C["unsubscribe-icon"] = `
-            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M4.5 9C6.98528 9 9 11.0147 9 13.5C9 15.9853 6.98528 18 4.5 18C2.01472 18 0 15.9853 0 13.5C0
-                11.0147 2.01472 9 4.5 9ZM2.17383 12.5879C2.06286 12.8707 2 13.1778 2 13.5C2 14.8807 3.11929 16 4.5
-                16C4.82196 16 5.12848 15.936 5.41113 15.8252L2.17383 12.5879ZM4.5 11C4.17785 11 3.87068 11.0629 3.58789
-                11.1738L6.8252 14.4111C6.93604 14.1285 7 13.822 7 13.5C7 12.1193 5.88071 11 4.5 11ZM16 0C17.1046 0 18
-                0.895431 18 2L18 12C18 13.1046 17.1046 14 16 14H11C10.4477 14 10 13.5523 10 13C10 12.4477 10.4477 12 11
-                12H16L16 5.93262L9.49609 8.87305C9.35966 8.94801 9.20653 8.99125 9.04883 8.99805C9.03254 8.99891 9.01624
-                8.99895 9 8.99902C8.98344 8.99894 8.9668 8.99894 8.9502 8.99805C8.79257 8.99109 8.63925 8.9481 8.50293
-                8.87305L2 5.93262L2 8C2 8.55229 1.55228 9 1 9C0.447715 9 0 8.55229 0 8L0 2C0 0.895431 0.895431
-                9.69188e-09 2 0L16 0ZM2 3.80664L9 6.96973L16 3.80664V2L2 2L2 3.80664Z" fill="#666666"/>
-            </svg>
-        `;
-  }
-}
-export {
-  i as UnsubscribeIconsRegistry
-};

package/dist/extensions/Blocks/Unsubscribe/styles.css.js

@@ -1,42 +0,0 @@
-const n = `/* Unsubscribe Extension Styles */
-
-.unsubscribe-preview-container {
-    /* Container styling handled by parent classes */
-}
-
-.unsubscribe-preview-header {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 8px;
-}
-
-.unsubscribe-preview-title {
-    font-weight: 500;
-}
-
-.unsubscribe-preview-controls {
-    display: flex;
-    gap: 2px;
-    align-items: center;
-    color: #666;
-}
-
-/* Preview image container and image */
-.unsubscribe-preview-image-container {
-    width: 100%;
-    max-height: 400px;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.unsubscribe-preview-image {
-    object-fit: cover;
-    width: 100%;
-    height: auto;
-}
-`;
-export {
-  n as default
-};

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

@@ -1,10 +0,0 @@
-import { UIElementTagRegistry as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { PREVIEW_UI_ELEMENT_ID as e } from "./elements/preview.js";
-class m extends s {
-  registerUiElements(r) {
-    r[e] = e;
-  }
-}
-export {
-  m as UnsubscribeTagRegistry
-};

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

@@ -1,248 +0,0 @@
-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);
-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);
-  }
-  getContainer() {
-    var e;
-    return (e = document.querySelector("ui-editor")) == null ? void 0 : e.shadowRoot;
-  }
-  onTemplateNodeUpdated(e) {
-    this.currentNode = e;
-  }
-  onDestroy() {
-    this.lastBlockInstanceId = null;
-  }
-  /**
-   * Gets the config block element from the current node.
-   * @returns The config block 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;
-  }
-  /**
-   * 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
-   */
-  getBlockInstanceId(e = "data-block-instance-id") {
-    const n = this.getConfigBlock();
-    return n ? n.getAttribute(e) : 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
-   */
-  handleBlockInstanceChange(e, n, E = "data-block-instance-id") {
-    const o = this.getBlockInstanceId(E);
-    if (!o)
-      return !1;
-    const T = o !== this.lastBlockInstanceId;
-    return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
-  }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
-    return `
-            <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
-                ${$.LABEL.text}="${e}" 
-                ${$.LABEL.name}="${n || `${e} Label`}">
-            </${t.LABEL}>
-        `;
-  }
-  _GuToggle(e) {
-    return `
-            <${t.SWITCHER}
-                ${$.SWITCHER.name}="${e}">
-            </${t.SWITCHER}>
-        `;
-  }
-  _GuSelectItem({ text: e, value: n }) {
-    return `
-            <${t.SELECT_ITEM} 
-                ${$.SELECT_ITEM.text}="${e}" 
-                ${$.SELECT_ITEM.value}="${n}">
-            </${t.SELECT_ITEM}>`;
-  }
-  _GuSelect({ name: e, placeholder: n, options: E, className: o = "es-180w" }) {
-    return `
-            <${t.SELECTPICKER}
-                class="${o}"
-                ${$.SELECTPICKER.name}="${e}"
-                ${$.SELECTPICKER.placeholder}="${n}">
-                    ${E.map((T) => this._GuSelectItem(T)).join("")}
-            </${t.SELECTPICKER}>
-        `;
-  }
-  _GuTextInput({ name: e, placeholder: n, className: E = "", disabled: o = !1 }) {
-    return `
-            <${t.TEXT}
-                class=${E}
-                ${$.TEXT.name}="${e}"
-                placeholder="${n || e}"
-                ${o ? `${$.TEXT.disabled}="true"` : ""}>
-            </${t.TEXT}>
-        `;
-  }
-  _GuCounter({ name: e, maxValue: n, minValue: E = 1, step: o = 1 }) {
-    return `
-            <${t.COUNTER}
-                ${$.COUNTER.name}="${e}"
-                ${$.COUNTER.minValue}="${E}"
-                ${$.COUNTER.maxValue}="${n}"
-                ${$.COUNTER.step}="${o}">
-            </${t.COUNTER}>
-        `;
-  }
-  _GuRadioButtonItem({ text: e, value: n, icon: E }) {
-    return `
-            <${t.RADIO_ITEM}
-                ${$.RADIO_ITEM.value}="${n}"
-                ${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
-                ${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
-            </${t.RADIO_ITEM}>
-        `;
-  }
-  _GuRadioButton({ name: e, buttons: n, id: E = "" }) {
-    return `
-            <${t.RADIO_BUTTONS}
-                ${E ? `id="${E}"` : ""}
-                ${$.RADIO_BUTTONS.name}="${e}">
-                ${n.map((o) => this._GuRadioButtonItem(o)).join("")}
-            </${t.RADIO_BUTTONS}>
-        `;
-  }
-  _GuButton({ name: e, label: n, id: E = "" }) {
-    return `
-            <${t.BUTTON}
-                ${$.BUTTON.name}="${e}"
-                ${E ? `id="${E}"` : ""}
-                ${$.BUTTON.caption}="${n}"}>
-            </${t.BUTTON}>
-        `;
-  }
-  /**
-   *
-   * @param param0
-   * @returns It returns a button with an icon.
-   */
-  _GuIconButton({ name: e, icon: n, className: E = "" }) {
-    return `
-            <${t.BUTTON}
-                class="${E}"
-                ${$.BUTTON.name}="${e}"
-                ${$.BUTTON.icon}="${n}">
-            </${t.BUTTON}>
-        `;
-  }
-  _GuOneColumn(e, n = "") {
-    return `
-            <div class="container one-column ${n}">
-                ${e.join("")}
-            </div>
-        `;
-  }
-  _GuTwoColumns(e, n = "") {
-    return `
-            <div class="container two-columns ${n}">
-                ${e.join("")}
-            </div>
-        `;
-  }
-  /**
-   * Creates an orderable (sortable) list control
-   * @param name - The control name for value binding
-   * @param items - Array of item keys/values
-   * @param itemLabels - Optional array of objects with key and label properties for display
-   * @returns HTML string for the orderable control
-   */
-  _GuOrderable(e, n) {
-    let E = "";
-    n.forEach((T) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
-      E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
-                    ${T.content}
-                </${t.ORDERABLE_ITEM}>
-            `;
-    });
-    const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
-    return `
-            <${t.ORDERABLE} ${o}="${e}">
-                ${E}
-            </${t.ORDERABLE}>
-        `;
-  }
-  _GuNestedControl(e, n) {
-    return `
-            <${t.NESTED_CONTROL} ${$.NESTED_CONTROL.controlId}="${e}">
-                ${n}
-            </${t.NESTED_CONTROL}>
-        `;
-  }
-  _GuExpandable(e, n) {
-    return `
-            <${t.EXPANDABLE}>
-                <${t.EXPANDABLE_HEADER}>
-                    <${t.LABEL} ${$.LABEL.text}="${e}"></${t.LABEL}>
-                </${t.EXPANDABLE_HEADER}>
-                <${t.EXPANDABLE_CONTENT}>
-
-                    ${n}
-
-                </${t.EXPANDABLE_CONTENT}>
-            </${t.EXPANDABLE}>
-        `;
-  }
-  _GuColorPicker(e) {
-    return `
-            <${t.COLOR}
-                ${$.COLOR.name}="${e}">
-            </${t.COLOR}>
-        `;
-  }
-  _GuFontFamily(e, n = "Select Font") {
-    return `
-            <${t.FONT_FAMILY_SELECT}
-                ${$.FONT_FAMILY_SELECT.name}="${e}"
-                ${$.FONT_FAMILY_SELECT.placeholder}="${n}">
-            </${t.FONT_FAMILY_SELECT}>
-        `;
-  }
-  _GuRadioButtons(e, n) {
-    const E = n.map((o) => `
-                <${t.RADIO_ITEM}
-                    ${$.RADIO_ITEM.text}="${o.text}"
-                    ${$.RADIO_ITEM.value}="${o.value}">
-                </${t.RADIO_ITEM}>
-            `).join("");
-    return `
-            <${t.RADIO_BUTTONS}
-                ${$.RADIO_BUTTONS.name}="${e}">
-                ${E}
-            </${t.RADIO_BUTTONS}>
-        `;
-  }
-  _GuCheckbox(e, n) {
-    return `
-            <${t.CHECKBOX}
-                ${$.CHECKBOX.name}="${e}"
-                ${$.CHECKBOX.caption}="${n}">
-            </${t.CHECKBOX}>
-        `;
-  }
-}
-export {
-  _ as CommonControl
-};