@useinsider/guido 1.0.3-beta.c8da346 → 1.0.3-beta.cc03cd5

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,266 +0,0 @@
-import { RecommendationFeedSourceMaps as s, PriceAttributes as l } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as c } from "../../../../services/recommendationApi.js";
-import { defineStore as p } from "pinia";
-import { generateCompleteFilterQuery as m } from "../utils/filterUtil.js";
-const a = c(), d = () => ({
-  recommendationCampaignUrls: {},
-  recommendationProducts: [],
-  recommendationConfigs: {
-    cardsInRow: 3,
-    currencySettings: {
-      name: "USD",
-      value: "USD",
-      symbol: "USD",
-      alignment: "1",
-      decimalCount: "2",
-      decimalSeparator: ",",
-      thousandSeparator: "."
-    },
-    filters: [
-      {
-        type: "standardFilter",
-        attribute: "product_attributes.rating_star",
-        operatorReplace: "=",
-        operator: "=",
-        innerGroupOperator: "*",
-        outerGroupOperator: "*",
-        value: "5",
-        filterGroup: 1,
-        filterNumber: 1,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "gender",
-        operatorReplace: "=",
-        operator: "=",
-        innerGroupOperator: "|",
-        outerGroupOperator: "*",
-        value: "male",
-        filterGroup: 1,
-        filterNumber: 2,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "size",
-        operatorReplace: "=",
-        operator: "=",
-        innerGroupOperator: "*",
-        outerGroupOperator: "*",
-        value: "L",
-        filterGroup: 1,
-        filterNumber: 3,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "price.USD",
-        operatorReplace: ">",
-        operator: ">",
-        innerGroupOperator: "*",
-        outerGroupOperator: "*",
-        value: "20",
-        filterGroup: 2,
-        filterNumber: 1,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "url",
-        operatorReplace: "~",
-        operator: "~",
-        innerGroupOperator: "|",
-        outerGroupOperator: "*",
-        value: "user",
-        filterGroup: 2,
-        filterNumber: 2,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "category",
-        operatorReplace: "!~",
-        operator: "!~",
-        innerGroupOperator: "*",
-        outerGroupOperator: "|",
-        value: "t-shirt",
-        filterGroup: 3,
-        filterNumber: 1,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "omnibus_price.USD",
-        operatorReplace: ">",
-        operator: ">",
-        innerGroupOperator: "*",
-        outerGroupOperator: "|",
-        value: "31",
-        filterGroup: 3,
-        filterNumber: 2,
-        isValid: !0
-      },
-      {
-        type: "standardFilter",
-        attribute: "omnibus_discount.USD",
-        operatorReplace: "<",
-        operator: "%3C",
-        innerGroupOperator: "|",
-        outerGroupOperator: "|",
-        value: "20",
-        filterGroup: 3,
-        filterNumber: 3,
-        isValid: !0
-      }
-    ],
-    productIds: ["22", "12"],
-    id: 1,
-    language: "tr_TR",
-    orientation: "vertical",
-    recommendedProducts: [],
-    sendProductRequestFlag: !1,
-    shuffleProducts: !1,
-    strategy: "mostPopular",
-    textTrimming: !0,
-    unresponsive: !1,
-    size: "9"
-  },
-  activePredictiveAlgorithms: [],
-  languages: {},
-  currencyList: [],
-  filterStatus: !1,
-  filterSelectionDrawerStatus: !1,
-  filterList: {},
-  filterGroup: 1
-}), G = p("recommendationExtension", {
-  state: () => d(),
-  getters: {
-    hasFilters: (e) => !!e.recommendationConfigs.filters.length,
-    getFilterGroupCount: (e) => {
-      const { filters: t } = e.recommendationConfigs;
-      return t.length && t[t.length - 1].filterGroup || 0;
-    },
-    getActivePredictiveAlgorithms: (e) => {
-      const t = [];
-      return e.activePredictiveAlgorithms.forEach((r) => {
-        t.push(...s.filter((i) => i.id === r));
-      }), t.map((r) => ({
-        text: r.name,
-        value: r.key
-      }));
-    },
-    getLanguages: (e) => Object.entries(e.languages).map(([t, r]) => ({
-      text: r,
-      value: t
-    })),
-    getCurrencySymbolList: (e) => e.currencyList.map((t) => ({
-      text: t.text,
-      value: t.text
-    })),
-    getFilterList: (e) => Object.values(e.filterList).map((t) => {
-      const r = t.type === "defaultAttribute", i = l.includes(t.attributeName);
-      let o = r ? t.attributeName : `product_attributes.${t.attributeName}`;
-      return o = i ? `${o}.${e.recommendationConfigs.currencySettings.value}` : o, {
-        text: t.displayName,
-        value: o,
-        type: t.attributeType
-      };
-    }),
-    getSelectedFilterGroup: (e) => (t) => [...e.recommendationConfigs.filters].filter((r) => r.filterGroup === t)
-  },
-  actions: {
-    async fetchRecommendationCreateData() {
-      if (this.activePredictiveAlgorithms.length)
-        return;
-      const {
-        activePredictiveAlgorithms: e,
-        languages: t,
-        currencies: r
-      } = await a.fetchRecommendationCreateData();
-      this.activePredictiveAlgorithms = e, this.languages = t;
-      const [i] = r;
-      this.recommendationConfigs.currencySettings.name = i.text, this.recommendationConfigs.currencySettings.value = i.value, this.currencyList = r, this.filterStatus = !!this.recommendationConfigs.filters.length;
-    },
-    async fetchRecommendationFilters() {
-      const e = await a.fetchRecommendationFilters();
-      this.filterList = e;
-    },
-    addFilterGroup(e) {
-      this.recommendationConfigs.filters.push({
-        type: "standardFilter",
-        attribute: "",
-        operatorReplace: "",
-        operator: "",
-        innerGroupOperator: "",
-        outerGroupOperator: "",
-        value: "",
-        filterNumber: 1,
-        isValid: !0,
-        filterGroup: e
-      });
-    },
-    updateFilter(e) {
-      const t = this.recommendationConfigs.filters.findIndex((r) => r.filterNumber === e.filterNumber && r.filterGroup === e.filterGroup);
-      if (t !== -1) {
-        const r = [...this.recommendationConfigs.filters];
-        r[t] = e, e.value.length && e.operator && e.attribute && e.innerGroupOperator && e.outerGroupOperator ? r[t].isValid = !0 : r[t].isValid = !1, this.$patch({
-          recommendationConfigs: {
-            filters: r
-          }
-        });
-      }
-    },
-    deleteFilter(e) {
-      const t = [...this.recommendationConfigs.filters].findIndex((r) => r.filterNumber === e.filterNumber && r.filterGroup === e.filterGroup);
-      if (t !== -1) {
-        const r = [...this.recommendationConfigs.filters];
-        r.splice(t, 1), this.$patch({
-          recommendationConfigs: {
-            filters: r
-          }
-        });
-      }
-    },
-    addFilter(e) {
-      const t = [...this.recommendationConfigs.filters], r = t.findLastIndex((i) => i.filterGroup === e.filterGroup);
-      r !== -1 ? t.splice(r + 1, 0, {
-        ...e,
-        filterNumber: r + 2
-      }) : t.push({
-        ...e,
-        filterNumber: 1
-      }), this.$patch({
-        recommendationConfigs: {
-          filters: t
-        }
-      });
-    },
-    generateFilterQuery() {
-      return m(this.recommendationConfigs.filters);
-    },
-    async fetchRecommendationProducts() {
-      var i, o, n;
-      const e = this.generateFilterQuery(), t = ((i = s.find((u) => u.key === this.recommendationConfigs.strategy)) == null ? void 0 : i.path) || "", r = await a.fetchRecommendationProducts(
-        t,
-        {
-          // TODO: Here will be optimized and filled carefully
-          locale: this.recommendationConfigs.language,
-          currency: this.recommendationConfigs.currencySettings.value,
-          partnerName: ((n = (o = window.GuidoConfig) == null ? void 0 : o.partner) == null ? void 0 : n.partnerName) || "",
-          productId: this.recommendationConfigs.strategy === "manualMerchandising" ? this.recommendationConfigs.productIds.join(",") : "{itemId}",
-          size: this.recommendationConfigs.size,
-          details: !0,
-          campaignId: "{campaignId}",
-          filter: e
-        }
-      );
-      this.$patch({
-        recommendationProducts: r
-      });
-    }
-  }
-});
-export {
-  G as useRecommendationExtensionStore
-};

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

@@ -1,160 +0,0 @@
-import { BlockType as t, BlockAttr as n } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as o } from "../constants.js";
-import { generateTemplate as l, prepareProductRows as s, spacer as d, DEFAULTS as p, getDefaultProducts as i } from "./templateUtils.js";
-import { DEFAULT_CARD_COMPOSITION as $ } from "./templateUtils.js";
-const g = `
-    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-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>
-                                            <${t.BLOCK_TEXT}
-                                                class="es-p10t es-p10b es-p20l es-p20r"
-                                                align="center">
-                                                <p path="1" style="font-size: 28px; color: #333333;">
-                                                    <strong path="1,0">{-{-TITLE-}-}</strong>
-                                                </p>
-                                            </${t.BLOCK_TEXT}>
-                                        </tbody>
-                                    </table>
-                                </td>
-                            </tr>
-                            ${d}
-                            <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>
-`, a = {
-  productImage: (e) => `
-        <${t.BLOCK_IMAGE}
-            ${n.BLOCK_IMAGE.src}="${e.image_url}"
-            ${n.BLOCK_IMAGE.alt}="${e.name}"
-            ${n.BLOCK_IMAGE.href}="#"
-            class="product-image"
-            align="center"
-            style="max-width: 100%; height: auto; margin: 0 auto;"
-            esd-extension-block-id="${o.IMAGE}">
-        </${t.BLOCK_IMAGE}>
-    `,
-  productName: (e) => `
-        <${t.BLOCK_TEXT}
-            class="product-name"
-            align="center"
-            style="font-size: 16px; color: #333333; font-weight: 600; padding: 15px 10px; text-align: center;"
-            esd-extension-block-id="${o.NAME}">
-            <p path="1" contenteditable="false">
-                <strong path="1,0">${e.name}</strong>
-            </p>
-        </${t.BLOCK_TEXT}>
-    `,
-  productPrice: () => `
-        <${t.BLOCK_TEXT}
-            class="product-price"
-            align="center"
-            style="padding: 10px; text-align: center;"
-            esd-extension-block-id="${o.PRICE}">
-            <p path="1" contenteditable="false">
-                <span class="current-price" style="font-size: 16px; color: #333333; font-weight: bold;">
-                    <strong path="1,0">18,00 TRY</strong>
-                </span>
-            </p>
-        </${t.BLOCK_TEXT}>
-    `,
-  productOldPrice: () => `
-        <${t.BLOCK_TEXT}
-            class="product-old-price"
-            align="center"
-            style="padding: 10px; text-align: center;"
-            esd-extension-block-id="${o.OLD_PRICE}">
-            <p path="1" contenteditable="false">
-                <span class="old-price" style="font-size: 14px; color: #999999; text-decoration: line-through;">
-                    <s path="1,0">20,00 TRY</s>
-                </span>
-            </p>
-        </${t.BLOCK_TEXT}>
-    `,
-  productButton: () => `
-        <${t.BLOCK_BUTTON}
-            ${n.BLOCK_BUTTON.href}="#"
-            class="product-button"
-            align="center"
-            style="padding: 15px 10px 20px 10px; text-align: center;"
-            esd-extension-block-id="${o.BUTTON}">
-            <span class="es-button-border">
-                <a
-                    href="#"
-                    class="es-button buy-button"
-                    target="_blank"
-                    style="
-                        display: inline-block;
-                        width: 90%;
-                        max-width: 150px;
-                        padding: 12px 20px;
-                        background-color: #ffffff;
-                        color: #333333;
-                        text-decoration: none;
-                        border: 2px solid #cccccc;
-                        font-size: 16px;
-                        box-sizing: border-box;
-                    ">
-                    Buy
-                </a>
-            </span>
-        </${t.BLOCK_BUTTON}>
-    `
-};
-function x() {
-  const e = i();
-  return l(
-    g,
-    e,
-    3,
-    a,
-    p.TITLE
-  );
-}
-function f(e, r, c) {
-  return s(
-    e,
-    r,
-    a,
-    c
-  );
-}
-export {
-  p as DEFAULTS,
-  $ as DEFAULT_CARD_COMPOSITION,
-  g as default,
-  i as getDefaultProducts,
-  x as getDefaultTemplate,
-  f as prepareProductRows
-};

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
-};