@useinsider/guido 1.0.3-beta.ce3ed00 → 1.0.3-beta.cedc8cb

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

@@ -1,152 +0,0 @@
-import { prepareProductRows as n } from "./templateUtils.js";
-import { DEFAULTS as i, getDefaultProducts as p } from "./templateUtils.js";
-const a = `
-    <td
-        align="left"
-        esd-extension-block-id="recommendation-block"
-        esd-handler-name="esd-extension-RecommendationBlock"
-        class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20"
-    >
-        <table width="100%" cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td align="center">
-                    <table
-                        class="container"
-                        width="100%"
-                        cellpadding="0"
-                        cellspacing="0"
-                        border="0">
-                        <tbody>
-                            <tr>
-                                <td>
-                                    <table
-                                        width="100%"
-                                        cellpadding="0"
-                                        cellspacing="0"
-                                        border="0">
-                                        <tbody>
-                                            <tr>
-                                                {-{-TITLE-}-}
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td class="spacer" style="height: 20px;"></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <table
-                                        class="ins-recommendation-product-container"
-                                        width="100%"
-                                        cellpadding="0"
-                                        cellspacing="0"
-                                        border="0"
-                                    >
-                                        {-{-PRODUCT_ROWS-}-}
-                                    </table>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, l = {
-  productImage: (t) => `
-        <tr>
-            <td
-                class="esd-block-image product-image"
-                esd-extension-block-id="recommendation-block-image"
-                align="center"
-                style="font-size: 0px;">
-                <a target="_blank" href="${t.url}">
-                    <img
-                        src="${t.image_url}"
-                        alt="${t.name}"
-                        width="120"
-                        style="display: block; max-width: 100%; height: auto;"
-                        class="adapt-img">
-                </a>
-            </td>
-        </tr>
-    `,
-  productName: (t) => `
-        <tr>
-            <td
-                class="esd-block-text product-name"
-                esd-extension-block-id="recommendation-block-name"
-                align="center">
-                <p
-                    path="1"
-                    contenteditable="false"
-                    style="font-size: 16px; color: #333333; font-weight: 600; text-align: center;">
-                    <strong path="1,0">${t.name}</strong>
-                </p>
-            </td>
-        </tr>
-    `,
-  productPrice: () => `
-        <tr>
-            <td
-                class="esd-block-text product-price"
-                esd-extension-block-id="recommendation-block-price"
-                align="center">
-                <p
-                    path="1"
-                    contenteditable="false"
-                    style="font-size: 16px; color: #333333; font-weight: bold; text-align: center;">
-                    <strong path="1,0">18,00 TRY</strong>
-                </p>
-            </td>
-        </tr>
-    `,
-  productOldPrice: () => `
-        <tr>
-            <td
-                class="esd-block-text product-old-price"
-                esd-extension-block-id="recommendation-block-old-price"
-                align="center">
-                <p
-                    path="1"
-                    contenteditable="false"
-                    style="font-size: 14px; color: #999999; text-decoration: line-through; text-align: center;">
-                    <s path="1,0">20,00 TRY</s>
-                </p>
-            </td>
-        </tr>
-    `,
-  productButton: (t) => `
-        <tr>
-            <td
-                class="esd-block-button product-button"
-                esd-extension-block-id="recommendation-block-button"
-                align="center">
-                <span class="es-button-border" style="display: block;">
-                    <a
-                        href="${t.url}"
-                        target="_blank"
-                        class="es-button">
-                        {-{-PRODUCT_BUTTON_TEXT-}-}
-                    </a>
-                </span>
-            </td>
-        </tr>
-    `
-};
-function d(t, e, o) {
-  return n(
-    t,
-    e,
-    l,
-    o
-  );
-}
-export {
-  i as DEFAULTS,
-  a as default,
-  p as getDefaultProducts,
-  d as prepareProductRows
-};

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/controlFactories.js

@@ -1,223 +0,0 @@
-import { TextAlignBuiltInControl as r, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as c, TextFontFamilyBuiltInControl as u, ButtonBackgroundColorBuiltInControl as i, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as m, ButtonMarginsBuiltInControl as T, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as f } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function q(e, t, n) {
-  return class extends r {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function N(e, t, n = ".ins-recommendation-product-container") {
-  return class extends l {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function $(e, t, n = ".ins-recommendation-product-container") {
-  return class extends s {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function p(e, t, n = ".ins-recommendation-product-container") {
-  return class extends c {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function F(e, t, n = ".ins-recommendation-product-container") {
-  return class extends u {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function z(e, t, n = ".ins-recommendation-product-container") {
-  return class extends i {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function M(e, t, n = ".ins-recommendation-product-container") {
-  return class extends d {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function P(e, t, n = ".ins-recommendation-product-container") {
-  return class extends x {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function R(e, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function h(e, t, n = ".ins-recommendation-product-container") {
-  return class extends C {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function j(e, t, n = ".ins-recommendation-product-container") {
-  return class extends B {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function v(e, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function w(e, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function D(e, t, n = ".ins-recommendation-product-container") {
-  return class extends S {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function E(e, t, n = ".ins-recommendation-product-container") {
-  return class extends y {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function G(e, t, n = ".ins-recommendation-product-container") {
-  return class extends A {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function H(e, t, n) {
-  return class extends k {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function J(e, t, n) {
-  return class extends f {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function K(e, t, n) {
-  return class extends a {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function L(e, t, n) {
-  return class extends g {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-export {
-  P as createButtonAlignControl,
-  h as createButtonBorderControl,
-  j as createButtonBorderRadiusControl,
-  R as createButtonColorControl,
-  J as createButtonFitToContainerControl,
-  v as createButtonFontFamilyControl,
-  w as createButtonMarginsControl,
-  D as createButtonPaddingsControl,
-  E as createButtonTextControl,
-  G as createButtonTextSizeControl,
-  H as createButtonTextStyleAndFontColorControl,
-  L as createImageMarginsControl,
-  K as createImageSizeControl,
-  M as createPaddingsControl,
-  q as createTextAlignControl,
-  z as createTextBackgroundColorControl,
-  N as createTextColorControl,
-  F as createTextFontFamilyControl,
-  $ as createTextSizeControl,
-  p as createTextStyleControl
-};

package/dist/package.json.js

@@ -1,7 +0,0 @@
-const o = { stripo: { version: "2.42.0" } }, s = {
-  guido: o
-};
-export {
-  s as default,
-  o as guido
-};

package/dist/src/components/organisms/onboarding/NewVersionPopup.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "onboarding-finished": () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/components/organisms/onboarding/OnboardingWrapper.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "onboarding-finished": () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,11 +0,0 @@
-import type { Extension } from '@stripoinc/ui-editor-extensions';
-/**
- * Composable for managing Guido blocks configuration
- * Converts GuidoConfig blocks settings to Stripo-compatible format
- */
-export declare const useBlocksConfig: () => {
-    getStripoBlocksConfig: () => Promise<{
-        baseBlocks: Record<string, boolean>;
-        extensions: Extension[];
-    }>;
-};

package/dist/src/config/migrator/recommendationMigrator.d.ts

@@ -1 +0,0 @@
-export declare function migrateRecommendation(html: string): string;

package/dist/src/enums/date.d.ts

@@ -1,4 +0,0 @@
-export declare const DEFAULT_LOCALE = "tr-TR";
-export declare const DEFAULT = "default";
-export declare const DEFAULT_TZ = "UTC";
-export declare const FORMAT_MAPPING: Record<string, string>;

package/dist/src/enums/onboarding.d.ts

@@ -1,2 +0,0 @@
-export declare const SERVICE_HOVER_SELECTORS: string[];
-export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

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

@@ -1,12 +0,0 @@
-import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-export declare const BLOCK_ID = "items-block";
-export declare class ItemsBlock extends Block {
-    getId(): string;
-    getIcon(): string;
-    getBlockCompositionType(): BlockCompositionType;
-    getName(): string;
-    getDescription(): string;
-    getTemplate(): string;
-    allowInnerBlocksDND(): boolean;
-    onCreated(node: ImmutableHtmlNode): void;
-}

package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts

@@ -1,14 +0,0 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { CommonControl } from '../../../common-control';
-import { ItemsBlockControlId } from '../../enums/controlEnums';
-export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.BUTTON_LINK;
-export declare class ButtonLinkControl extends CommonControl {
-    private store;
-    getId(): string;
-    getTemplate(): string;
-    onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _listenToFormUpdates(): void;
-    _onLinkChange(value: string): void;
-    _getLink(): string;
-}

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -1,20 +0,0 @@
-import { CommonControl } from '../../common-control';
-export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
-export declare class ItemsBlockCardCompositionControl extends CommonControl {
-    getId(): string;
-    getTemplate(): string;
-    onRender(): void;
-    onDestroy(): void;
-    _getToggleContainer({ name, label }: {
-        name: string;
-        label: string;
-    }): string;
-    _initializeToggles(): void;
-    _listenToFormUpdates(): void;
-    _onProductImageChange(value: string): void;
-    _onProductNameChange(value: string): void;
-    _onProductQuantityChange(value: string): void;
-    _onProductPriceChange(value: string): void;
-    _onProductOriginalPriceChange(value: string): void;
-    _onProductButtonChange(value: string): void;
-}

package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts

@@ -1,14 +0,0 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { CommonControl } from '../../../common-control';
-import { ItemsBlockControlId } from '../../enums/controlEnums';
-export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.IMAGE_LINK;
-export declare class ImageLinkControl extends CommonControl {
-    private store;
-    getId(): string;
-    getTemplate(): string;
-    onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _listenToFormUpdates(): void;
-    _onLinkChange(value: string): void;
-    _getLink(): string;
-}