@useinsider/guido 3.15.0-beta.afdb685 → 3.15.0-beta.bc7091e

package/dist/composables/useAllowlist.js

@@ -1,50 +1,68 @@
 import { useAllowlistApi as A } from "../services/allowlistApi.js";
-import { base64EncodeWithSpecialChars as p } from "../utils/base64.js";
-import { useTranslations as h } from "./useTranslations.js";
-import { useUserRole as D } from "./useUserRole.js";
-const f = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, E = /&quot;\/\//gi, i = {
+import { base64EncodeWithSpecialChars as f } from "../utils/base64.js";
+import { useTranslations as D } from "./useTranslations.js";
+import { useUserRole as E } from "./useUserRole.js";
+const _ = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, L = /&quot;\/\//gi, w = "s3-eu-west-1.amazonaws.com", d = [
+  "insider-email",
+  "web-image.useinsider.com",
+  "image.useinsider.com",
+  "panel-assets.useinsider.com",
+  "stripo-editor-image"
+], N = ({ hostname: r, pathname: l }) => {
+  const n = r.toLowerCase();
+  if (n === w) {
+    const i = l.split("/")[1].toLowerCase();
+    return d.includes(i);
+  }
+  return d.some((i) => n === `${i}.${w}`);
+}, m = {
   MANAGE: "journey-builder.domain-allowlist-warning",
   NON_MANAGE: "settings.allow-list-warning-not-admin-architect",
   ADD_BUTTON: "settings.allow-list-warning-add-button"
-}, w = /* @__PURE__ */ new Set(), O = (n) => `/settings?openAddModal=true&type=domain&values=${p(n)}#security`, M = () => {
-  const { checkDomain: n } = A(), { getIsManageUser: l } = D(), a = h(), d = (t, s) => {
-    const c = `${t || ""} ${s || ""}`.replace(E, "https://").match(f) || [], e = /* @__PURE__ */ new Set();
-    return c.forEach((r) => {
-      const g = /^https?:\/\//i.test(r) ? r : `https://${r}`;
+}, g = /* @__PURE__ */ new Set(), O = (r) => `/settings?openAddModal=true&type=domain&values=${f(r)}#security`, C = () => {
+  const { checkDomain: r } = A(), { getIsManageUser: l } = E(), n = D(), i = (t, e) => {
+    const a = `${t || ""} ${e || ""}`.replace(L, "https://").match(_) || [], s = /* @__PURE__ */ new Set();
+    return a.forEach((c) => {
+      const h = /^https?:\/\//i.test(c) ? c : `https://${c}`;
       try {
-        const { hostname: u } = new URL(g);
-        u && e.add(u.replace(/^www\./i, "").toLowerCase());
+        const u = new URL(h);
+        if (N(u))
+          return;
+        u.hostname && s.add(u.hostname.replace(/^www\./i, "").toLowerCase());
       } catch {
       }
-    }), [...e];
-  }, m = async (t) => {
-    if (w.has(t))
+    }), [...s];
+  }, p = async (t) => {
+    if (g.has(t))
       return !0;
     try {
-      const s = await n(t);
-      return s && w.add(t), s;
-    } catch (s) {
-      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, s), !0;
+      const e = await r(t);
+      return e && g.add(t), e;
+    } catch (e) {
+      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, e), !0;
     }
   };
-  return { getBlockedDomains: async (t, s) => {
+  return { getBlockedDomains: async (t, e) => {
     try {
-      const o = d(t, s);
+      const o = i(t, e);
       return o.length ? (await Promise.all(
-        o.map(async (e) => ({ domain: e, allowlisted: await m(e) }))
-      )).filter((e) => !e.allowlisted).map((e) => e.domain) : [];
+        o.map(async (s) => ({ domain: s, allowlisted: await p(s) }))
+      )).filter((s) => !s.allowlisted).map((s) => s.domain) : [];
     } catch (o) {
       return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", o), [];
     }
-  }, resolveToast: async (t) => await l() ? {
-    message: a(i.MANAGE),
-    actionButton: {
-      text: a(i.ADD_BUTTON),
-      onClick: () => window.open(O(t.join(",")), "_blank")
-    }
-  } : { message: a(i.NON_MANAGE) } };
+  }, resolveToast: async (t) => {
+    const e = await l(), o = t.length ? ` (${t.join(", ")})` : "", a = (s) => `${s}${o}`;
+    return e ? {
+      message: a(n(m.MANAGE)),
+      actionButton: {
+        text: n(m.ADD_BUTTON),
+        onClick: () => window.open(O(t.join(",")), "_blank")
+      }
+    } : { message: a(n(m.NON_MANAGE)) };
+  } };
 };
 export {
   O as buildAllowlistSettingsUrl,
-  M as useAllowlist
+  C as useAllowlist
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,13 +1,13 @@
-import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as g } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as R } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as b } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
+import { socialCompilerRules as y } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as H } from "../config/compiler/unsubscribeCompilerRules.js";
 import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
-import { useConfig as k } from "./useConfig.js";
-const y = /* @__PURE__ */ new Set([
+import { useConfig as x } from "./useConfig.js";
+const h = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -18,6 +18,9 @@ const y = /* @__PURE__ */ new Set([
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
+  "replace-s3-path-style-web-image-domain",
+  "replace-s3-path-style-image-domain",
+  "replace-s3-path-style-panel-assets-domain",
   // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
   // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
   // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
@@ -32,21 +35,21 @@ const y = /* @__PURE__ */ new Set([
   "remove-contenteditable"
 ]), M = () => {
   var i, m, r;
-  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
-    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
+  const { compiler: o, isFeatureEnabled: a, partner: n } = x(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
+    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : g,
     ...v,
-    ...x,
-    ...g,
-    ...b,
     ...H,
-    ...n("liquidSyntax") ? C : [],
+    ...R,
+    ...C,
+    ...y,
+    ...a("liquidSyntax") ? b : [],
     ...p.map((e, f) => ({
       ...e,
       priority: e.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
+  ], c = s(l), u = l.filter((e) => h.has(e.id)), d = s(u), t = (r = n.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (e) => c.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
 };
 export {
   M as useHtmlCompiler

package/dist/composables/useHtmlValidator.js

@@ -6,7 +6,7 @@ import { ToasterTypeOptions as c } from "../enums/toaster.js";
 import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as K } from "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as z } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveProductAttrValue as Z } from "../extensions/Blocks/Recommendation/templates/utils.js";
+import { filterToProductAttrValue as Z } from "../extensions/Blocks/Recommendation/utils/compositionKeys.js";
 import { RecommendationRequiredFieldsKey as J } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
 import { useRecommendationStore as Q } from "../stores/recommendation.js";
 import { base64EncodeWithSpecialChars as ee } from "../utils/base64.js";
@@ -15,25 +15,25 @@ import { useHttp as ne } from "./useHttp.js";
 import { useToaster as se } from "./useToaster.js";
 import { useTranslations as re } from "./useTranslations.js";
 const oe = /recommendation-id="(\d+)"/g;
-function ie(n) {
-  return [...n.matchAll(oe)].map((m) => m[1]);
+function ie(s) {
+  return [...s.matchAll(oe)].map((m) => m[1]);
 }
-function ae(n, m) {
-  return m.some((f) => n.startsWith(`${f}_`));
+function ae(s, m) {
+  return m.some((f) => s.startsWith(`${f}_`));
 }
 const ce = /^(\d+)_\d+_(.+)$/;
-function le(n) {
-  const m = n.match(ce);
+function le(s) {
+  const m = s.match(ce);
   return m ? { recoId: m[1], attribute: m[2] } : null;
 }
-function me(n) {
+function me(s) {
   const m = new Set(K);
-  return Object.values(n).forEach((f) => {
-    m.add(Z(f.attributeName, n).toLowerCase());
+  return Object.values(s).forEach((f) => {
+    m.add(Z(f).toLowerCase());
   }), m;
 }
-function ue(n, m, f, o, d) {
-  const u = n.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
+function ue(s, m, f, o, d) {
+  const u = s.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
   const g = new Set(m.map((h) => h.toLowerCase())), E = [];
@@ -51,14 +51,14 @@ function ue(n, m, f, o, d) {
     ae(p, f) || p.includes(".") || E.push(p);
   }), E;
 }
-function de(n) {
-  return (n.replace($, "$1").match(Y) ?? []).filter((o) => {
+function de(s) {
+  return (s.replace($, "$1").match(Y) ?? []).filter((o) => {
     const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
     return U.includes(g) ? !1 : j.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
   });
 }
 const xe = () => {
-  const { showToaster: n } = se(), { post: m } = ne(), { config: f } = V(), o = re(), d = Q(), u = z(), g = te(
+  const { showToaster: s } = se(), { post: m } = ne(), { config: f } = V(), o = re(), d = Q(), u = z(), g = te(
     () => {
       var e, t;
       return ((t = (e = f.value) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) === W.transactional;
@@ -73,59 +73,59 @@ const xe = () => {
     }
     return me(u.filterList);
   }, h = async (e) => {
-    const s = await m(
+    const n = await m(
       "/newsletter/template-library/check-template-html-body",
       { html: ee(e) }
-    ), { status: r, message: a } = s.data;
-    return r || n({
+    ), { status: r, message: a } = n.data;
+    return r || s({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o(P), a === o(X) && n({
+    }), o(P), a === o(X) && s({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
   }, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), S = (e, t) => {
-    const s = e.match(/({%(.*?)%})/g);
+    const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return s !== null && !g.value && s.forEach((a) => {
+    return n !== null && !g.value && n.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
         const [l] = i;
-        p(l) && !t.includes(l) && (n({
+        p(l) && !t.includes(l) && (s({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
-  }, A = async (e, t, s) => {
-    const r = s ? await h(e) : !0;
+  }, A = async (e, t, n) => {
+    const r = n ? await h(e) : !0;
     return S(e, t) && r;
-  }, T = (e) => e.length > 0 ? !0 : (n({
+  }, T = (e) => e.length > 0 ? !0 : (s({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
   }), !1), w = (e) => {
-    const t = (e.match(/{/gm) || []).length, s = (e.match(/}/gm) || []).length;
-    return t > s && n({
+    const t = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
+    return t > n && s({
       type: c.Warning,
       message: o("custom-fields.missing-closing-braces")
-    }), t < s && n({
+    }), t < n && s({
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
-    }), t === s;
+    }), t === n;
   }, R = (e) => {
     const t = de(e).length === 0;
-    return t || n({
+    return t || s({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), t;
-  }, _ = (e, t, s, r) => {
+  }, _ = (e, t, n, r) => {
     if (g.value)
       return !0;
     const a = ue(
       e,
       t,
       ie(e),
-      s,
+      n,
       r
     );
     if (a.length > 0) {
@@ -134,56 +134,56 @@ const xe = () => {
                     ${a.map((l) => `<li>${l}</li>`).join("")}
                 </ul>
             `;
-      return n({
+      return s({
         type: c.Error,
         message: o("custom-fields.invalid-custom-fields") + i
       }), !1;
     }
     return !0;
   }, N = (e) => {
-    const t = e.match(/{%(.*?)%}/g), s = [];
+    const t = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
     if (t && t.forEach((a) => {
       const i = a.match(G), l = a.match(H), C = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== C) && !l && (n({
+      (!i || a !== C) && !l && (s({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
       }), r = !1), i && i.forEach((v) => {
-        v.trim() === "=" && (n({
+        v.trim() === "=" && (s({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
         const I = v.match(/^[a-zA-Z]*$/g);
         I && I.forEach((b) => {
-          y(b) && s.push(b);
+          y(b) && n.push(b);
         });
       });
-    }), s.length) {
-      const a = s.filter((l) => l === "if"), i = s.filter((l) => l === "endif");
-      a.length !== i.length && (n({
+    }), n.length) {
+      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
+      a.length !== i.length && (s({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
       }), r = !1);
     }
     return r;
   }, x = (e) => {
-    const t = (e.match(/{% /gm) || []).length, s = (e.match(/ %}/gm) || []).length, r = t === s;
-    return r || n({
+    const t = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length, r = t === n;
+    return r || s({
       type: c.Warning,
       message: o("custom-conditions.no-space-after-braces")
     }), r;
-  }, O = (e) => (e.match(/({%(.*?)%})/g) || []).filter((s) => s.includes("if")).map((s) => (s.match(/{{.*}}/gm) || []).length).reduce((s, r) => s + r, 0) > 0 ? (n({
+  }, O = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (s({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, k = () => u.hasInvalidBlock() ? (n({
+  }), !1) : !0, k = () => u.hasInvalidBlock() ? (s({
     type: c.Error,
     message: o(J)
-  }), !1) : !0, B = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((s) => s.value === "")) !== void 0 ? (n({
+  }), !1) : !0, B = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
   }), !1) : !0, D = (e) => {
     const t = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(t) === null ? !0 : (n({
+    return e.match(t) === null ? !0 : (s({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
@@ -192,7 +192,7 @@ const xe = () => {
     return Array.from(r).find((i) => {
       var l;
       return !((l = i.id) != null && l.trim());
-    }) ? (n({
+    }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
@@ -201,19 +201,19 @@ const xe = () => {
     return Array.from(r).find((i) => {
       var l;
       return !((l = i.id) != null && l.trim());
-    }) ? (n({
+    }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
-  return { validateHtml: async (e, t, s = !1) => {
+  return { validateHtml: async (e, t, n = !1) => {
     var C, v;
     const r = [
       ...t.map((I) => I.value),
       ...q,
       ...((v = (C = f.value) == null ? void 0 : C.template) == null ? void 0 : v.customFieldAttributes) ?? []
     ], a = M(e), i = await E(a);
-    return await A(e, r, s) && T(e) && w(e) && R(e) && _(e, r, a, i) && N(e) && x(e) && O(e) && k() && B() && D(e) && F(e) && L(e);
+    return await A(e, r, n) && T(e) && w(e) && R(e) && _(e, r, a, i) && N(e) && x(e) && O(e) && k() && B() && D(e) && F(e) && L(e);
   } };
 };
 export {

package/dist/composables/useStripo.js

@@ -16,22 +16,22 @@ import { useEditorStore as b } from "../stores/editor.js";
 import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
 import Z from "../package.json.js";
 let n = null;
-const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+const Ct = () => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = K(), { handleEvent: F } = z(), { handleModuleAdd: M } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var l;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
-    }, document.body.appendChild(e);
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = r, t.onload = () => i(), t.onerror = () => {
+      t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    }, document.body.appendChild(t);
   }), n.catch(() => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const t = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -57,7 +57,6 @@ const Ce = () => {
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
-        keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
@@ -78,38 +77,38 @@ const Ce = () => {
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(e) {
           try {
-            const d = await M();
-            t(d);
+            const d = await T();
+            e(d);
           } catch (d) {
             p(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            e(), d(), x(), I(), o.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+              t.hasChanges = !1;
             }, 1e3);
-          } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+          } catch (e) {
+            p(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(e) {
+          t.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          t.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(e) {
+          t.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          t.hasChanges = !0;
         },
-        onEvent: B,
-        onModuleAdd: F,
+        onEvent: F,
+        onModuleAdd: M,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -125,11 +124,11 @@ const Ce = () => {
     const a = b();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [r, t] = await Promise.all([
+        v(),
+        B()
       ]);
-      a.syncModulesEnabled = e, await _(i, s, o, r, e);
+      a.syncModulesEnabled = t, await _(i, s, o, r, t);
     } catch {
       a.loadingStatus = !1, k({
         type: X.Error,
@@ -146,5 +145,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  Ct as useStripo
 };

package/dist/config/compiler/htmlCompilerRules.js

@@ -122,10 +122,10 @@ const d = [
       ], i = /<head>([\S\s]*)<\/head>/, o = new RegExp(i);
       if (!e.match(o))
         return e;
-      let r = e;
-      return t.forEach((s) => {
-        r = r.replace("</head>", `${s}</head>`);
-      }), r;
+      let s = e;
+      return t.forEach((r) => {
+        s = s.replace("</head>", `${r}</head>`);
+      }), s;
     },
     priority: 30
   },
@@ -147,6 +147,33 @@ const d = [
     replaceAll: !0,
     priority: 41
   },
+  {
+    id: "replace-s3-path-style-web-image-domain",
+    description: "Rewriting path-style S3 asset URLs to the web-image.useinsider.com domain",
+    type: "replace",
+    search: "s3-eu-west-1.amazonaws.com/web-image.useinsider.com",
+    replacement: "web-image.useinsider.com",
+    replaceAll: !0,
+    priority: 42
+  },
+  {
+    id: "replace-s3-path-style-image-domain",
+    description: "Rewriting path-style S3 asset URLs to the image.useinsider.com domain",
+    type: "replace",
+    search: "s3-eu-west-1.amazonaws.com/image.useinsider.com",
+    replacement: "image.useinsider.com",
+    replaceAll: !0,
+    priority: 43
+  },
+  {
+    id: "replace-s3-path-style-panel-assets-domain",
+    description: "Rewriting path-style S3 asset URLs to the panel-assets.useinsider.com domain",
+    type: "replace",
+    search: "s3-eu-west-1.amazonaws.com/panel-assets.useinsider.com",
+    replacement: "panel-assets.useinsider.com",
+    replaceAll: !0,
+    priority: 46
+  },
   {
     id: "convert-rgb-to-hex",
     // SD-142395: rgb()/6-digit hex are verbose; hex/3-digit shorthand is byte-identical
@@ -156,9 +183,9 @@ const d = [
     type: "custom",
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
-      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
-        const [s, a, c] = [Number(o), Number(n), Number(r)];
-        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
+      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, a, s) => {
+        const [r, n, c] = [Number(o), Number(a), Number(s)];
+        return r > 255 || n > 255 || c > 255 ? i : `#${t(r)}${t(n)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44