@useinsider/guido 1.0.3-beta.dbf4a88 → 1.0.3-beta.df46976

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,19 +1,21 @@
-import o from "./OnboardingWrapper.vue2.js";
-import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
+import t from "./OnboardingWrapper.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, t = n._self._setupProxy;
-  return e("div", n._l(t.visibleOnboardings, function(r) {
-    return e(r.component, { key: r.type, tag: "component" });
+  var n = this, e = n._self._c, r = n._self._setupProxy;
+  return e("div", n._l(r.visibleOnboardings, function(o) {
+    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
+      return r.emit("onboarding-finished");
+    } } });
   }), 1);
-}, a = [], p = /* @__PURE__ */ _(
-  o,
+}, _ = [], a = /* @__PURE__ */ i(
+  t,
   s,
-  a,
+  _,
   !1,
   null,
   null
 );
-const m = p.exports;
+const d = a.exports;
 export {
-  m as default
+  d as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,24 +1,25 @@
-import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
-import { usePartner as O } from "../../../composables/usePartner.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { useOnboardingStore as v } from "../../../stores/onboarding.js";
-import { usePreviewStore as l } from "../../../stores/preview.js";
-import y from "./AMPOnboarding.vue.js";
-import S from "./GenericOnboarding.vue.js";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import { usePartner as u } from "../../../composables/usePartner.js";
+import { useEditorStore as v } from "../../../stores/editor.js";
+import { useOnboardingStore as l } from "../../../stores/onboarding.js";
+import { usePreviewStore as y } from "../../../stores/preview.js";
+import S from "./AMPOnboarding.vue.js";
+import h from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import h from "./VersionHistoryOnboarding.vue.js";
-const E = /* @__PURE__ */ g({
+import _ from "./VersionHistoryOnboarding.vue.js";
+const F = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
-  setup(_) {
-    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  emits: ["onboarding-finished"],
+  setup(A, { emit: f }) {
+    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: S },
+      { type: "genericOnboarding", component: h },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: y }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
-    return b(async () => {
+      { type: "versionHistoryOnboarding", component: _ },
+      { type: "ampOnboarding", component: S }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -35,9 +36,9 @@ const E = /* @__PURE__ */ g({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  E as default
+  F as default
 };

package/dist/composables/useStripo.js

@@ -1,28 +1,28 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
+import { useCustomInterfaceAppearance as E } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as S } from "./useStripoEventHandler.js";
 import { useToaster as C } from "./useToaster.js";
 import { displayConditions as y } from "../enums/displayConditions.js";
 import h from "../extensions/Blocks/Checkbox/extension.js";
 import w from "../extensions/Blocks/CouponBlock/extension.js";
 import b from "../extensions/Blocks/RadioButton/extension.js";
-import V from "../extensions/Blocks/Unsubscribe/extension.js";
-import _ from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as k } from "../services/stripoApi.js";
-import B from "../static/styles/customEditorStyle.css.js";
+import _ from "../extensions/Blocks/Recommendation/extension.js";
+import k from "../extensions/Blocks/Unsubscribe/extension.js";
+import B from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as V } from "../services/stripoApi.js";
+import x from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as F } from "../stores/editor.js";
-import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
-import A from "../package.json.js";
-const N = (a) => {
-  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = k(), { handleEvent: p } = E(), l = (r, i = []) => {
-    const t = F(), { html: n, css: c, forceRecreate: s } = r;
+import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
+const G = (s) => {
+  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = V(), { handleEvent: m } = S(), l = (r, i = []) => {
+    const t = F(), { html: e, css: a, forceRecreate: g } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: a,
-        html: n,
-        css: c,
-        forceRecreate: s,
+        metadata: s,
+        html: e,
+        css: a,
+        forceRecreate: g,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -32,7 +32,7 @@ const N = (a) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: B,
+        customViewStyles: x,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -46,21 +46,21 @@ const N = (a) => {
         },
         mergeTags: [
           {
-            entries: x(a.preselectedDynamicContentList)
+            entries: A(s.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
           try {
-            const e = await u();
-            o(e);
-          } catch (e) {
-            d(e, "Failed to refresh token");
+            const n = await c();
+            o(n);
+          } catch (n) {
+            d(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = S(), { activateCustomViewStyles: e } = f();
-            o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+            const { importCss: o } = E(), { activateCustomViewStyles: n } = f();
+            o(), n(), s.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
           } catch (o) {
@@ -79,41 +79,42 @@ const N = (a) => {
         onDataChanged() {
           t.hasChanges = !0;
         },
-        onEvent: p,
+        onEvent: m,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: [
-          _,
+          B,
           h,
           b,
-          V,
+          _,
+          k,
           w
         ]
       }
     );
-  }, g = (r) => new Promise((i, t) => {
-    var e;
+  }, p = (r) => new Promise((i, t) => {
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
     }
-    const n = A.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
-    o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
+    const e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
       r(), i();
-    }, o.onerror = () => {
-      t(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
-    }, document.body.appendChild(o);
+    }, e.onerror = () => {
+      const a = new Error("Failed to load Stripo UIEditor script");
+      t(a);
+    }, document.body.appendChild(e);
   });
   return { initPlugin: async (r) => {
-    await g(async () => {
-      const i = await m();
+    await p(async () => {
+      const i = await u();
       l(r, i);
     });
   } };
 };
 export {
-  N as useStripo
+  G as useStripo
 };

package/dist/enums/date.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_DATE_FORMAT_OPTIONS: {
+    readonly month: "short";
+    readonly day: "numeric";
+    readonly hour: "2-digit";
+    readonly minute: "2-digit";
+    readonly second: "2-digit";
+    readonly hour12: false;
+};
+export declare const DATE_FORMAT_DD_MM_YYYY: {
+    readonly day: "2-digit";
+    readonly month: "2-digit";
+    readonly year: "numeric";
+};

package/dist/enums/date.js

@@ -0,0 +1,16 @@
+const i = {
+  month: "short",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit",
+  hour12: !1
+}, t = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+};
+export {
+  t as DATE_FORMAT_DD_MM_YYYY,
+  i as DEFAULT_DATE_FORMAT_OPTIONS
+};

package/dist/enums/defaults.js

@@ -1,5 +1,6 @@
 const a = {
   translationsPath: "window.trans.en",
+  migrationDate: 1759696858,
   emailHeader: {
     senderName: "",
     subject: ""
@@ -16,7 +17,7 @@ const a = {
 }, t = {
   promotional: 1,
   transactional: 2
-}, e = "email", o = "Guido User", n = t.promotional, s = 2, i = {
+}, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
   email: 60,
   architect: 49
 }, u = [
@@ -56,8 +57,8 @@ export {
   n as DefaultMessageType,
   e as DefaultProductType,
   o as DefaultUsername,
-  s as EditorType,
-  i as ProductIds,
+  i as EditorType,
+  s as ProductIds,
   u as TEST_PARTNER_LIST,
   t as TemplateTypes
 };

package/dist/enums/extensions/recommendationBlock.d.ts

@@ -0,0 +1,16 @@
+import type { TextValueObject } from '@@/Types/generic';
+import type { RecommendationFeedItem } from '@@/Types/recommendation';
+export declare const URLS: {
+    RECOMMENDATION_API_URL: string;
+};
+export declare const RecommendationFeedSourceMaps: RecommendationFeedItem[];
+export declare const PriceAttributes: string[];
+export declare const currencyLocationMaps: TextValueObject[];
+export declare const currencyOperators: TextValueObject[];
+export declare const currencyDecimalCounts: TextValueObject[];
+export declare const operatorOptionsForStrings: TextValueObject[];
+export declare const operatorOptionsForArrayOfStrings: TextValueObject[];
+export declare const operatorOptionsForNumbers: TextValueObject[];
+export declare const operatorOptionsForDates: TextValueObject[];
+export declare const operatorOptionsForBooleans: TextValueObject[];
+export declare const getOperatorOptions: (type?: string) => TextValueObject[];

package/dist/enums/extensions/recommendationBlock.js

@@ -0,0 +1,80 @@
+const s = {
+  RECOMMENDATION_API_URL: "http://recommendationv2.api.useinsider.com"
+}, i = [
+  { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
+  { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
+  { id: 13, key: "userBased", name: "User Based", path: "user-based" },
+  { id: 36, key: "highestDiscounted", name: "Highest Discounted Items", path: "highest-discounted" },
+  { id: 38, key: "manualMerchandising", name: "Manual Merchandising", path: "manual-merchandising" },
+  { id: 39, key: "newArrivals", name: "New Arrivals", path: "new-arrivals" },
+  { id: 40, key: "trendingProducts", name: "Trending Products", path: "trending" },
+  { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
+  { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
+  { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
+], u = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], l = [
+  { text: "after the amount", value: "1" },
+  { text: "before the amount", value: "0" }
+], c = [
+  { text: "dot(.)", value: "." },
+  { text: "comma(,)", value: "," }
+], d = [
+  { text: "0", value: "0" },
+  { text: "1", value: "1" },
+  { text: "2", value: "2" },
+  { text: "3", value: "3" },
+  { text: "4", value: "4" },
+  { text: "5", value: "5" }
+], e = [
+  { text: "is exactly", value: "=" },
+  { text: "contains", value: "~" },
+  { text: "does not contain", value: "!~" },
+  { text: "any of", value: "||" }
+], a = [
+  { text: "is exactly", value: "=" },
+  { text: "is not exactly", value: "!==" },
+  { text: "contains", value: "~" },
+  { text: "does not contain", value: "!~" },
+  { text: "any of", value: "||" }
+], r = [
+  { text: "is equal to", value: "=" },
+  { text: "is greater than", value: ">" },
+  { text: "is less than", value: "<" }
+], o = [
+  { text: "is equal to", value: "=" },
+  { text: "after", value: ">" },
+  { text: "before", value: "<" }
+], n = [
+  { text: "true", value: "==" },
+  { text: "false", value: "!=" }
+], p = (t) => {
+  if (!t)
+    return e;
+  switch (t) {
+    case "Boolean":
+      return n;
+    case "Date":
+      return o;
+    case "Number":
+      return r;
+    case "String":
+      return e;
+    case "Strings":
+      return a;
+    default:
+      return e;
+  }
+};
+export {
+  u as PriceAttributes,
+  i as RecommendationFeedSourceMaps,
+  s as URLS,
+  d as currencyDecimalCounts,
+  l as currencyLocationMaps,
+  c as currencyOperators,
+  p as getOperatorOptions,
+  a as operatorOptionsForArrayOfStrings,
+  n as operatorOptionsForBooleans,
+  o as operatorOptionsForDates,
+  r as operatorOptionsForNumbers,
+  e as operatorOptionsForStrings
+};

package/dist/extensions/Blocks/RadioButton/template.js

@@ -12,12 +12,12 @@ const e = {
                     <td align="left" width="70%" style="vertical-align: top;">
                         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                             <tbody>
-                                    <${t.BLOCK_TEXT}>
-                                        {-{-TITLE-}-}
-                                    </${t.BLOCK_TEXT}>
-                                    <${t.BLOCK_TEXT}>
-                                        {-{-DESCRIPTION-}-}
-                                    </${t.BLOCK_TEXT}>
+                                <${t.BLOCK_TEXT}>
+                                    {-{-TITLE-}-}
+                                </${t.BLOCK_TEXT}>
+                                <${t.BLOCK_TEXT}>
+                                    {-{-DESCRIPTION-}-}
+                                </${t.BLOCK_TEXT}>
                             </tbody>
                         </table>
                     </td>

package/dist/extensions/Blocks/Recommendation/block.d.ts

@@ -0,0 +1,10 @@
+import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
+export declare const BLOCK_ID = "recommendation-block";
+export declare class RecommendationBlock extends Block {
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+}

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

@@ -0,0 +1,27 @@
+import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as o } from "./template.js";
+const n = "recommendation-block";
+class c extends e {
+  getId() {
+    return n;
+  }
+  getIcon() {
+    return "recommendation-icon";
+  }
+  getBlockCompositionType() {
+    return t.CONTAINER;
+  }
+  getName() {
+    return this.api.translate("Recommendation Block");
+  }
+  getDescription() {
+    return this.api.translate("Recommendation Block Title Description");
+  }
+  getTemplate() {
+    return o();
+  }
+}
+export {
+  n as BLOCK_ID,
+  c as RecommendationBlock
+};

package/dist/extensions/Blocks/Recommendation/control.d.ts

@@ -0,0 +1,29 @@
+import { CommonControl } from '../common-control';
+export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
+export declare class RecommendationBlockControl extends CommonControl {
+    private store;
+    private storeUnsubscription;
+    private addFilterListener;
+    private addFilterButton;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): Promise<void>;
+    onDestroy(): void;
+    _setFormValues(): void;
+    _initializeSelectItems(): void;
+    _getAlgorithms(): string;
+    _getLanguages(): string;
+    _getCurrency(): string;
+    _getProductLayout(): string;
+    _getFilterStatus(): string;
+    _getShuffleProducts(): string;
+    _getResponsive(): string;
+    _onFilterChange(value: boolean): void;
+    _onFilterSelectClick(): void;
+    _onDataChange(item: string, value: string | number | string[]): void;
+    _onCurrencyConfigChange(item: string, value: string | number): void;
+    _onCurrencyChange(value: string): void;
+    _setProductIdsVisibility(): void;
+    _listenToFormUpdates(): void;
+    _listenStateUpdates(): void;
+}