@useinsider/guido 3.2.0-beta.6d12eec → 3.2.0-beta.97c35ff

package/dist/composables/useRecommendation.js

@@ -1,4 +1,4 @@
-import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
 import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
@@ -47,7 +47,7 @@ const N = () => ({
     const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
     if (!r)
       return "";
-    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const { recommendationConfigs: e } = r, l = ((m = g().find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((s) => s.isValid), c = x(f);
     c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");

package/dist/composables/useStripo.js

@@ -1,28 +1,27 @@
-import { useActionsApi as D } from "./useActionsApi.js";
-import { useBlocksConfig as I } from "./useBlocksConfig.js";
-import { useConfig as P } from "./useConfig.js";
-import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
-import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
-import { useToaster as x } from "./useToaster.js";
-import { localePatch as H } from "../config/i18n/index.js";
-import { displayConditions as O } from "../enums/displayConditions.js";
-import { useStripoApi as j } from "../services/stripoApi.js";
-import L from "../static/styles/customEditorStyle.css.js";
+import { useActionsApi as F } from "./useActionsApi.js";
+import { useBlocksConfig as D } from "./useBlocksConfig.js";
+import { useConfig as I } from "./useConfig.js";
+import { useCustomInterfaceAppearance as P } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as U } from "./useStripoEventHandler.js";
+import { useToaster as R } from "./useToaster.js";
+import { localePatch as q } from "../config/i18n/index.js";
+import { getDisplayConditions as x } from "../enums/displayConditions.js";
+import { useStripoApi as H } from "../services/stripoApi.js";
+import O from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as C } from "../stores/editor.js";
-import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
-import z from "../package.json.js";
-const se = (E, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = j(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, n = [], r = !1) => {
-    var g, y, S;
-    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, v = ((y = c.value) == null ? void 0 : y.modulesDisabled) ?? !1, F = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
+import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
+import $ from "../package.json.js";
+const ie = (E, c) => {
+  const { features: l, template: h, isFeatureEnabled: u } = I(), { handleError: m } = R(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = H(), { handleEvent: T } = U(), { getStripoBlocksConfig: V } = D(), _ = async (i, n = [], r = !1) => {
+    var f, y, S;
+    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await V(), g = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, v = ((y = l.value) == null ? void 0 : y.modulesDisabled) ?? !1, M = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: E,
         html: p,
         css: a,
-        forceRecreate: F,
+        forceRecreate: M,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -32,10 +31,10 @@ const se = (E, l) => {
         customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: L,
-        conditionsEnabled: f,
-        customConditionsEnabled: f,
-        conditionCategories: O,
+        customViewStyles: O,
+        conditionsEnabled: g,
+        customConditionsEnabled: g,
+        conditionCategories: x(),
         enableXSSSecurity: !0,
         modulesDisabled: v,
         syncModulesEnabled: r,
@@ -53,8 +52,8 @@ const se = (E, l) => {
         },
         mergeTags: [
           {
-            entries: $(
-              l.preselectedDynamicContentList,
+            entries: L(
+              c.preselectedDynamicContentList,
               u("liquidSyntax")
             )
           }
@@ -69,8 +68,8 @@ const se = (E, l) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = U(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
-            t(), s(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = P(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: A } = F();
+            t(), s(), A(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -89,23 +88,23 @@ const se = (E, l) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: T,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: H
+        localePatch: q
       }
     );
-  }, _ = (i) => new Promise((n, r) => {
+  }, B = (i) => new Promise((n, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), n();
       return;
     }
-    const e = z.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), n();
     }, o.onerror = () => {
@@ -113,15 +112,15 @@ const se = (E, l) => {
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await _(async () => {
+    await B(async () => {
       const n = C(), [r, e] = await Promise.all([
         w(),
         k()
       ]);
-      n.syncModulesEnabled = e, await V(i, r, e);
+      n.syncModulesEnabled = e, await _(i, r, e);
     });
   } };
 };
 export {
-  se as useStripo
+  ie as useStripo
 };

package/dist/enums/displayConditions.js

@@ -1,80 +1,84 @@
-const e = [
-  {
-    category: "Demographics",
-    conditions: [
-      {
-        id: 1,
-        name: "Language",
-        description: "Users who are in the English will see the banner",
-        beforeScript: '{% if language == "en_US" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 2,
-        name: "Country",
-        description: "Only people who live in Australia will see the banner",
-        beforeScript: '{% if country == "Australia" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 3,
-        name: "Country & City",
-        description: "Only people who are located in that country and city",
-        beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 4,
-        name: "Age (Less than operator)",
-        description: "Users whose age is less than 18",
-        beforeScript: "{% if age < 18 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 5,
-        name: "Age (Equal and greater than operator)",
-        description: "Users whose age is equal or greater than 25",
-        beforeScript: "{% if age >= 25 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 6,
-        name: "Age (Greater than & less than operators)",
-        description: "Users whose age is between 18 and 25",
-        beforeScript: "{% if age > 18 and age < 25 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 7,
-        name: "Gender",
-        description: "Users whose gender is Female",
-        beforeScript: '{% if gender == "Female" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 8,
-        name: "State",
-        description: "Users whose state is one of the followings. c_state is a custom attribute. Use this condition if you have the attribute with the same naming. ",
-        beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 9,
-        name: "VIP User",
-        description: "Users who are VIP users for that brand. c_is_vip_user = true. c_is_vip_user is a custom attribute. Use this condition if you have the attribute with the same naming.",
-        beforeScript: "{% if c_is_vip_user %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 10,
-        name: "Membership Type",
-        description: "Users who belong to gold or silver membership type. c_is_gold_member = true, c_is_silver_member = true. These are custom attributes. Use this condition if you have the attribute with the same naming.",
-        beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
-        afterScript: "{% endif %}"
-      }
-    ]
-  }
-];
+import { useTranslations as i } from "../composables/useTranslations.js";
+const t = () => {
+  const e = i();
+  return [
+    {
+      category: e("journey-builder.demographics"),
+      conditions: [
+        {
+          id: 1,
+          name: e("condition.language"),
+          description: e("journey-builder.display-condition-language-description"),
+          beforeScript: '{% if language == "en_US" %}',
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 2,
+          name: e("condition.country"),
+          description: e("journey-builder.display-condition-country-description"),
+          beforeScript: '{% if country == "Australia" %}',
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 3,
+          name: e("stripo-editor.country-and-city"),
+          description: e("journey-builder.display-condition-country-city-description"),
+          beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 4,
+          name: e("stripo-editor.age-less-than-operator"),
+          description: e("journey-builder.display-condition-age-less-than"),
+          beforeScript: "{% if age < 18 %}",
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 5,
+          name: e("stripo-editor.age-equal-greater-operator"),
+          description: e("journey-builder.display-condition-age-equal-greater"),
+          beforeScript: "{% if age >= 25 %}",
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 6,
+          name: e("stripo-editor.age-greater-less-operators"),
+          description: e("journey-builder.display-condition-age-between"),
+          beforeScript: "{% if age > 18 and age < 25 %}",
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 7,
+          name: e("condition.gender"),
+          description: e("journey-builder.display-condition-gender-female"),
+          beforeScript: '{% if gender == "Female" %}',
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 8,
+          name: e("journey-builder.state"),
+          description: e("stripo-editor.state-description"),
+          beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 9,
+          name: e("journey-builder.vip-user"),
+          description: e("stripo-editor.vip-user-description"),
+          beforeScript: "{% if c_is_vip_user %}",
+          afterScript: "{% endif %}"
+        },
+        {
+          id: 10,
+          name: e("journey-builder.membership-type"),
+          description: e("stripo-editor.membership-type-description"),
+          beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
+          afterScript: "{% endif %}"
+        }
+      ]
+    }
+  ];
+};
 export {
-  e as displayConditions
+  t as getDisplayConditions
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,43 +1,97 @@
-const s = {
+import { useTranslations as a } from "../../composables/useTranslations.js";
+const u = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, i = {
+}, l = {
   CLIENT_ID: "clientId"
-}, u = [
-  { 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" }
-], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
+}, c = () => {
+  const e = a();
+  return [
+    {
+      id: 11,
+      key: "similarViewed",
+      name: e("action-builder.similar-viewed"),
+      path: "viewed-together"
+    },
+    {
+      id: 12,
+      key: "similarBought",
+      name: e("action-builder.similar-bought"),
+      path: "purchased-together"
+    },
+    {
+      id: 13,
+      key: "userBased",
+      name: e("action-builder.user-based"),
+      path: "user-based"
+    },
+    {
+      id: 36,
+      key: "highestDiscounted",
+      name: e("journey-builder.highest-discounted-items"),
+      path: "highest-discounted"
+    },
+    {
+      id: 38,
+      key: "manualMerchandising",
+      name: e("action-builder.manual-merchandising"),
+      path: "manual-merchandising"
+    },
+    {
+      id: 39,
+      key: "newArrivals",
+      name: e("action-builder.new-arrivals"),
+      path: "new-arrivals"
+    },
+    {
+      id: 40,
+      key: "trendingProducts",
+      name: e("journey-builder.trending-products"),
+      path: "trending"
+    },
+    {
+      id: 46,
+      key: "mostValuableOfPartner",
+      name: e("journey-builder.most-valuable-products"),
+      path: "most-valuable"
+    },
+    {
+      id: 61,
+      key: "mostPopular",
+      name: e("journey-builder.most-popular-items"),
+      path: "most-popular"
+    },
+    {
+      id: 62,
+      key: "mostPurchased",
+      name: e("action-builder.most-purchased"),
+      path: "top-sellers"
+    }
+  ];
+}, d = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], m = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], d = [
+], p = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], p = [
+], v = [
   { 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 = [
+], t = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], a = [
+], r = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], r = [
+], n = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
@@ -45,39 +99,39 @@ const s = {
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], n = [
+], s = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], m = (t) => {
-  if (!t)
-    return e;
-  switch (t) {
+], h = (e) => {
+  if (!e)
+    return t;
+  switch (e) {
     case "Boolean":
-      return n;
+      return s;
     case "Date":
       return o;
     case "Number":
-      return r;
+      return n;
     case "String":
-      return e;
+      return t;
     case "Strings":
-      return a;
+      return r;
     default:
-      return e;
+      return t;
   }
 };
 export {
-  l as PriceAttributes,
-  i as QUERY_PARAMS,
-  u as RecommendationFeedSourceMaps,
-  s as URLS,
-  p as currencyDecimalCounts,
-  c as currencyLocationMaps,
-  d as currencyOperators,
-  m as getOperatorOptions,
-  a as operatorOptionsForArrayOfStrings,
-  n as operatorOptionsForBooleans,
+  d as PriceAttributes,
+  l as QUERY_PARAMS,
+  u as URLS,
+  v as currencyDecimalCounts,
+  m as currencyLocationMaps,
+  p as currencyOperators,
+  h as getOperatorOptions,
+  c as getRecommendationFeedSourceMaps,
+  r as operatorOptionsForArrayOfStrings,
+  s as operatorOptionsForBooleans,
   o as operatorOptionsForDates,
-  r as operatorOptionsForNumbers,
-  e as operatorOptionsForStrings
+  n as operatorOptionsForNumbers,
+  t as operatorOptionsForStrings
 };

package/dist/enums/unsubscribe.js

@@ -8,22 +8,22 @@ const _ = {
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, n = R(), r = {
+}, n = R(), t = {
   UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
-}, B = "iid", i = {
-  name: "Global Unsubscribe",
-  sendGridId: "G"
-}, C = "/email/unsubscribe-pages", E = {
+}, i = "iid", S = "G", B = () => ({
+  name: e()("onboarding-center.email-subscribers-global-unsub-card-title"),
+  sendGridId: S
+}), C = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, U = {
+}, c = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, t = {
+}, U = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -33,7 +33,7 @@ const _ = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, c = () => {
+}, o = () => {
   const s = e();
   return {
     [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
@@ -42,21 +42,22 @@ const _ = {
     [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
     [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, o = {
+}, u = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  i as DEFAULT_UNSUBSCRIBE_GROUP,
-  B as INSIDER_ID,
+  S as DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID,
+  i as INSIDER_ID,
   I as LINK_REGEXES,
   _ as LINK_TYPES,
-  o as MERGE_TAGS,
+  u as MERGE_TAGS,
   E as PAGE_TYPES,
-  t as TYPE_COLLECTIONS,
+  U as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
-  r as URLS,
-  c as getTypeTranslations
+  c as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  t as URLS,
+  B as getDefaultUnsubscribeGroup,
+  o as getTypeTranslations
 };

package/dist/extensions/Blocks/Checkbox/control.js

@@ -1,11 +1,11 @@
-var d = Object.defineProperty;
-var l = (r, n, e) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
-var o = (r, n, e) => l(r, typeof n != "symbol" ? n + "" : n, e);
-import { useHttp as L } from "../../../composables/useHttp.js";
-import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
-import { Control as h, UIElementType as i, UEAttr as t, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const m = "ui-elements-checkbox", u = "select", { get: C } = L();
-class S extends h {
+var E = Object.defineProperty;
+var d = (i, n, e) => n in i ? E(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
+var o = (i, n, e) => d(i, typeof n != "symbol" ? n + "" : n, e);
+import { useHttp as l } from "../../../composables/useHttp.js";
+import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as h } from "../../../enums/unsubscribe.js";
+import { Control as p, UIElementType as r, UEAttr as t, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const b = "ui-elements-checkbox", u = "select", { get: C } = l();
+class I extends p {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class S extends h {
     o(this, "unsubList", []);
   }
   getId() {
-    return m;
+    return b;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const e = this.currentNode.getAttribute("id");
       if (e) {
-        const s = e === c.sendGridId ? e : Number(e);
+        const s = e === h ? e : Number(e);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -29,18 +29,18 @@ class S extends h {
   }
   _getLabel(e, s = `${Math.random()}`) {
     return `
-            <${i.LABEL} 
+            <${r.LABEL} 
                 ${t.LABEL.text}="${e}" 
                 ${t.LABEL.name}="${s}">
-            </${i.LABEL}>
+            </${r.LABEL}>
         `;
   }
   _getSelectItem(e, s) {
     return `
-            <${i.SELECT_ITEM} 
+            <${r.SELECT_ITEM} 
                 ${t.SELECT_ITEM.text}="${e}" 
                 ${t.SELECT_ITEM.value}="${s}">
-            </${i.SELECT_ITEM}>`;
+            </${r.SELECT_ITEM}>`;
   }
   _getSelect() {
     return this.unsubList.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("");
@@ -49,22 +49,22 @@ class S extends h {
     return `
             <div class="checkbox-controls-container">
                 <div class="checkbox-select-container container two-columns stretch">
-                    <${i.LABEL}
+                    <${r.LABEL}
                         ${t.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
                         ${t.LABEL.name}="${Math.random()}">
-                    </${i.LABEL}>
+                    </${r.LABEL}>
 
-                    <${i.SELECTPICKER}
+                    <${r.SELECTPICKER}
                         ${t.SELECTPICKER.name}="${u}"
                         ${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
-                    </${i.SELECTPICKER}>
+                    </${r.SELECTPICKER}>
                 </div>
             </div>
         `;
   }
   _onSelectChange(e) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new p(`Updated text to ${e}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new m(`Updated text to ${e}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (e) => this._onSelectChange(e));
@@ -76,18 +76,18 @@ class S extends h {
   async onRender() {
     const e = await C(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [c, ...e.data], E = s.map((a) => ({
+    ), s = [L(), ...e.data], c = s.map((a) => ({
       [t.SELECT_ITEM.text]: a.name,
       [t.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       t.SELECTPICKER.items,
-      E
+      c
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  m as CHECKBOX_CONTROL_BLOCK_ID,
-  S as CheckboxControl
+  b as CHECKBOX_CONTROL_BLOCK_ID,
+  I as CheckboxControl
 };

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

@@ -1,11 +1,11 @@
-var d = Object.defineProperty;
-var l = (r, n, t) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var o = (r, n, t) => l(r, typeof n != "symbol" ? n + "" : n, t);
-import { useHttp as L } from "../../../composables/useHttp.js";
-import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
-import { Control as p, UIElementType as i, UEAttr as e, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const m = "ui-elements-radio-button", u = "select", { get: $ } = L();
-class S extends p {
+var E = Object.defineProperty;
+var d = (r, n, t) => n in r ? E(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var o = (r, n, t) => d(r, typeof n != "symbol" ? n + "" : n, t);
+import { useHttp as l } from "../../../composables/useHttp.js";
+import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as p } from "../../../enums/unsubscribe.js";
+import { Control as h, UIElementType as i, UEAttr as e, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const b = "ui-elements-radio-button", u = "select", { get: $ } = l();
+class I extends h {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class S extends p {
     o(this, "unsubList", []);
   }
   getId() {
-    return m;
+    return b;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute("id");
       if (t) {
-        const s = t === c.sendGridId ? t : Number(t);
+        const s = t === p ? t : Number(t);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -64,7 +64,7 @@ class S extends p {
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new h(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new m(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (t) => this._onSelectChange(t));
@@ -76,18 +76,18 @@ class S extends p {
   async onRender() {
     const t = await $(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [c, ...t.data], E = s.map((a) => ({
+    ), s = [L(), ...t.data], c = s.map((a) => ({
       [e.SELECT_ITEM.text]: a.name,
       [e.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       e.SELECTPICKER.items,
-      E
+      c
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  m as CONTROL_BLOCK_ID,
-  S as RadioButtonControl
+  b as CONTROL_BLOCK_ID,
+  I as RadioButtonControl
 };

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

@@ -1,4 +1,4 @@
-import { RecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as k } from "../../../../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as k } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as C } from "../../../../stores/config.js";
 import { defineStore as G } from "pinia";
@@ -115,7 +115,7 @@ const v = () => ({
     getActivePredictiveAlgorithms: (t) => {
       const r = [];
       return t.activePredictiveAlgorithms.filter((e) => !w.includes(e)).forEach((e) => {
-        r.push(...g.filter((n) => n.id === e));
+        r.push(...g().filter((n) => n.id === e));
       }), r.map((e) => ({
         text: e.name,
         value: e.key
@@ -375,7 +375,7 @@ const v = () => ({
     },
     async _doFetchProducts() {
       var p;
-      const t = this.currentRecommendationId, r = this.blockStates[t], { recommendationConfigs: e } = r, n = e.filters.filter((a) => a.isValid), c = b(n), i = ((p = g.find((a) => a.key === e.strategy)) == null ? void 0 : p.path) || "", o = C(), s = {
+      const t = this.currentRecommendationId, r = this.blockStates[t], { recommendationConfigs: e } = r, n = e.filters.filter((a) => a.isValid), c = b(n), i = ((p = g().find((a) => a.key === e.strategy)) == null ? void 0 : p.path) || "", o = C(), s = {
         locale: e.language,
         currency: e.currencySettings.value,
         partnerName: o.partnerName,

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

@@ -1,2 +1,6 @@
 import type { ConditionCategories } from '@@/Types/condition-categories';
-export declare const displayConditions: ConditionCategories;
+/**
+ * Get display conditions lazily so translations resolve at access time.
+ * Must be called within a Vue component context or after Pinia is initialized.
+ */
+export declare const getDisplayConditions: () => ConditionCategories;

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

@@ -6,7 +6,11 @@ export declare const URLS: {
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;
 };
-export declare const RecommendationFeedSourceMaps: RecommendationFeedItem[];
+/**
+ * Get recommendation feed source maps lazily so translated names resolve at access time.
+ * Must be called within a Vue component context or after Pinia is initialized.
+ */
+export declare const getRecommendationFeedSourceMaps: () => RecommendationFeedItem[];
 export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];
 export declare const currencyOperators: TextValueObject[];

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

@@ -13,9 +13,14 @@ export declare const URLS: {
     PREFERENCES_URL: string;
 };
 export declare const INSIDER_ID = "iid";
-export declare const DEFAULT_UNSUBSCRIBE_GROUP: {
-    readonly name: "Global Unsubscribe";
-    readonly sendGridId: "G";
+export declare const DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID = "G";
+/**
+ * Get the default unsubscribe group lazily so the translated name resolves at access time.
+ * Must be called within a Vue component context or after Pinia is initialized.
+ */
+export declare const getDefaultUnsubscribeGroup: () => {
+    name: string;
+    sendGridId: string;
 };
 export declare const UNSUBSCRIBE_PAGES_LINK = "/email/unsubscribe-pages";
 export declare const PAGE_TYPES: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.6d12eec",
+  "version": "3.2.0-beta.97c35ff",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/composables/useFullStoryBridge.js

@@ -1,34 +0,0 @@
-const f = (r, t) => {
-  const e = window[r];
-  return typeof e == "string" ? e : t;
-}, m = (r) => {
-  const t = ((e, s, n) => {
-    if (t.q) {
-      t.q.push([e, s, n]);
-      return;
-    }
-    t._api(e, s, n);
-  });
-  return t.q = [], t.identify = (e, s, n) => {
-    t("user", { uid: e }, n), s && t("user", s, n);
-  }, t.setUserVars = (e, s) => t("user", e, s), t.event = (e, s, n) => t("event", { n: e, p: s }, n), t.anonymize = () => t.identify(!1), t.shutdown = () => t("rec", !1), t.restart = () => t("rec", !0), t.log = (e, s) => t("log", [e, s]), t.consent = (e) => t("consent", e ?? !0), t.identifyAccount = (e, s) => t("account", { ...s ?? {}, acctId: e }), t.clearUserCookie = () => {
-  }, t.setVars = (e, s) => t("setVars", [e, s]), t._w = { XMLHttpRequest: r.XMLHttpRequest, fetch: r.fetch }, t._v = "1.3.0", t;
-}, F = () => ({ injectFullStory: async () => {
-  var d;
-  const t = f("_fs_org", "");
-  if (!t)
-    return;
-  const e = document.querySelector("ui-editor"), s = (d = e == null ? void 0 : e.shadowRoot) == null ? void 0 : d.querySelector("iframe"), n = s == null ? void 0 : s.contentWindow, i = s == null ? void 0 : s.contentDocument;
-  if (!n || !i)
-    return;
-  const h = f("_fs_host", "fullstory.com"), l = f("_fs_script", "edge.fullstory.com/s/fs.js"), u = f("_fs_namespace", "FS");
-  if (n[u])
-    return;
-  const a = window.fetch.bind(window), y = typeof n.fetch == "function" ? n.fetch.bind(n) : a, w = (o, p) => (typeof o == "string" || o instanceof URL ? String(o) : o.url).includes("fullstory.com") ? a(o, p) : y(o, p);
-  n.fetch = w, n._fs_run_in_iframe = !0, n._fs_host = h, n._fs_script = l, n._fs_org = t, n._fs_namespace = u, n[u] = m(n);
-  const g = await (await a(`https://${l}`)).text(), _ = URL.createObjectURL(new Blob([g], { type: "text/javascript" })), c = i.createElement("script");
-  c.src = _, c.crossOrigin = "anonymous", c.onload = () => URL.revokeObjectURL(_), i.head.appendChild(c);
-} });
-export {
-  F as useFullStoryBridge
-};

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

@@ -1,11 +0,0 @@
-/**
- * Bridges FullStory from the parent window into the Stripo editor iframe.
- *
- * Stripo's iframe CSP allowlists neither inline FS snippets nor the
- * edge.fullstory.com origin, so we: fetch fs.js in the parent context,
- * hand the iframe a blob: URL (blob: is in script-src), and proxy the
- * iframe's fetch through the parent so beacons bypass connect-src.
- */
-export declare const useFullStoryBridge: () => {
-    injectFullStory: () => Promise<void>;
-};