@useinsider/guido 1.0.3-beta.bd9b940 → 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,184 +0,0 @@
-var u = Object.defineProperty;
-var C = (o, n, E) => n in o ? u(o, n, { enumerable: !0, configurable: !0, writable: !0, value: E }) : o[n] = E;
-var a = (o, n, E) => C(o, typeof n != "symbol" ? n + "" : n, E);
-import { Control as R, UIElementType as $, UEAttr as e } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class N extends R {
-  constructor() {
-    super(...arguments);
-    a(this, "currentNode");
-  }
-  getContainer() {
-    var E;
-    return (E = document.querySelector("ui-editor")) == null ? void 0 : E.shadowRoot;
-  }
-  onTemplateNodeUpdated(E) {
-    this.currentNode = E;
-  }
-  _GuLabel({ text: E, name: t = "", position: T = "top" }) {
-    return `
-            <${$.LABEL} 
-                style="${T === "top" ? "margin-bottom: 8px;" : ""}"
-                ${e.LABEL.text}="${E}" 
-                ${e.LABEL.name}="${t || `${E} Label`}">
-            </${$.LABEL}>
-        `;
-  }
-  _GuToggle(E) {
-    return `
-            <${$.SWITCHER}
-                ${e.SWITCHER.name}="${E}">
-            </${$.SWITCHER}>
-        `;
-  }
-  _GuSelectItem({ text: E, value: t }) {
-    return `
-            <${$.SELECT_ITEM} 
-                ${e.SELECT_ITEM.text}="${E}" 
-                ${e.SELECT_ITEM.value}="${t}">
-            </${$.SELECT_ITEM}>`;
-  }
-  _GuSelect({ name: E, placeholder: t, options: T, className: r = "es-180w" }) {
-    return `
-            <${$.SELECTPICKER}
-                class="${r}"
-                ${e.SELECTPICKER.name}="${E}"
-                ${e.SELECTPICKER.placeholder}="${t}">
-                    ${T.map((O) => this._GuSelectItem(O)).join("")}
-            </${$.SELECTPICKER}>
-        `;
-  }
-  _GuTextInput({ name: E, placeholder: t, className: T = "" }) {
-    return `
-            <${$.TEXT}
-                class=${T}
-                ${e.TEXT.name}="${E}"
-                placeholder="${t || E}">
-            </${$.TEXT}>
-        `;
-  }
-  _GuCounter({ name: E, maxValue: t, minValue: T = 1, step: r = 1 }) {
-    return `
-            <${$.COUNTER}
-                ${e.COUNTER.name}="${E}"
-                ${e.COUNTER.minValue}="${T}"
-                ${e.COUNTER.maxValue}="${t}"
-                ${e.COUNTER.step}="${r}">
-            </${$.COUNTER}>
-        `;
-  }
-  _GuButton({ name: E, label: t, id: T = "" }) {
-    return `
-            <${$.BUTTON}
-                ${e.BUTTON.name}="${E}"
-                ${T ? `id="${T}"` : ""}
-                ${e.BUTTON.caption}="${t}"}>
-            </${$.BUTTON}>
-        `;
-  }
-  /**
-   *
-   * @param param0
-   * @returns It returns a button with an icon.
-   */
-  _GuIconButton({ name: E, icon: t, className: T = "" }) {
-    return `
-            <${$.BUTTON}
-                class="${T}"
-                ${e.BUTTON.name}="${E}"
-                ${e.BUTTON.icon}="${t}">
-            </${$.BUTTON}>
-        `;
-  }
-  _GuTwoColumns(E) {
-    return `
-            <div class="checkbox-select-container container two-columns">
-                ${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, t) {
-    let T = "";
-    t.forEach((O) => {
-      const L = e.ORDERABLE_ITEM && "name" in e.ORDERABLE_ITEM ? e.ORDERABLE_ITEM.name : "name";
-      T += `
-                <${$.ORDERABLE_ITEM} ${L}="${O.key}">
-                    ${O.content}
-                </${$.ORDERABLE_ITEM}>
-            `;
-    });
-    const r = e.ORDERABLE && "name" in e.ORDERABLE ? e.ORDERABLE.name : "name";
-    return `
-            <${$.ORDERABLE} ${r}="${E}">
-                ${T}
-            </${$.ORDERABLE}>
-        `;
-  }
-  _GuNestedControl(E, t) {
-    return `
-            <${$.NESTED_CONTROL} ${e.NESTED_CONTROL.controlId}="${E}">
-                ${t}
-            </${$.NESTED_CONTROL}>
-        `;
-  }
-  _GuExpandable(E, t) {
-    return `
-            <${$.EXPANDABLE}>
-                <${$.EXPANDABLE_HEADER}>
-                    <${$.LABEL} ${e.LABEL.text}="${E}"></${$.LABEL}>
-                </${$.EXPANDABLE_HEADER}>
-                <${$.EXPANDABLE_CONTENT}>
-
-                    ${t}
-
-                </${$.EXPANDABLE_CONTENT}>
-            </${$.EXPANDABLE}>
-        `;
-  }
-  _GuColorPicker(E) {
-    return `
-            <${$.COLOR}
-                ${e.COLOR.name}="${E}">
-            </${$.COLOR}>
-        `;
-  }
-  _GuFontFamily(E, t = "Select Font") {
-    return `
-            <${$.FONT_FAMILY_SELECT}
-                ${e.FONT_FAMILY_SELECT.name}="${E}"
-                ${e.FONT_FAMILY_SELECT.placeholder}="${t}">
-            </${$.FONT_FAMILY_SELECT}>
-        `;
-  }
-  _GuRadioButtons(E, t) {
-    const T = t.map((r) => `
-                <${$.RADIO_ITEM}
-                    ${e.RADIO_ITEM.text}="${r.text}"
-                    ${e.RADIO_ITEM.value}="${r.value}">
-                </${$.RADIO_ITEM}>
-            `).join("");
-    return `
-            <${$.RADIO_BUTTONS}
-                ${e.RADIO_BUTTONS.name}="${E}">
-                ${T}
-            </${$.RADIO_BUTTONS}>
-        `;
-  }
-  _GuCheckbox(E, t) {
-    return `
-            <${$.CHECKBOX}
-                ${e.CHECKBOX.name}="${E}"
-                ${e.CHECKBOX.caption}="${t}">
-            </${$.CHECKBOX}>
-        `;
-  }
-}
-export {
-  N as CommonControl
-};