@useinsider/guido 2.0.0-beta.9b144a9 → 2.0.0-beta.cf2fe38

package/dist/@types/config/schemas.js

@@ -1,4 +1,4 @@
-import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as d, variant as S } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as b, variant as S } from "../../node_modules/valibot/dist/index.js";
 const i = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -103,7 +103,9 @@ const i = {
   /** Enable display conditions */
   displayConditions: e(c(), !0),
   /** Enable unsubscribe block */
-  unsubscribe: e(c(), !0)
+  unsubscribe: e(c(), !0),
+  /** Disable modules panel in the editor */
+  modulesDisabled: e(c(), !1)
 }), f = n([
   "amp-accordion",
   "amp-carousel",
@@ -171,8 +173,8 @@ const i = {
   ...l.entries,
   type: r("custom"),
   /** Custom processor function */
-  processor: d(
-    (b) => typeof b == "function",
+  processor: b(
+    (d) => typeof d == "function",
     "processor must be a function"
   )
 }), B = S("type", [

package/dist/composables/useStripo.js

@@ -1,25 +1,25 @@
-import { useActionsApi as b } from "./useActionsApi.js";
-import { useBlocksConfig as k } from "./useBlocksConfig.js";
-import { useConfig as T } from "./useConfig.js";
-import { useCustomInterfaceAppearance as V } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as _ } from "./useStripoEventHandler.js";
-import { useToaster as B } from "./useToaster.js";
-import { displayConditions as A } from "../enums/displayConditions.js";
-import { useStripoApi as v } from "../services/stripoApi.js";
-import F from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as I } from "../stores/editor.js";
-import { dynamicContentToMergeTags as M } from "../utils/genericUtil.js";
-import U from "../package.json.js";
-const N = (c) => {
-  const { features: g } = T(), { handleError: l } = B(), { getToken: f, getCustomFonts: y } = v(), { handleEvent: S } = _(), { getStripoBlocksConfig: C } = k(), E = async (i, r = []) => {
-    var m;
-    const e = I(), { html: n, css: u, forceRecreate: a } = i, { baseBlocks: t, extensions: d } = await C(), p = ((m = g.value) == null ? void 0 : m.displayConditions) ?? !0;
+import { useActionsApi as T } from "./useActionsApi.js";
+import { useBlocksConfig as V } from "./useBlocksConfig.js";
+import { useConfig as _ } from "./useConfig.js";
+import { useCustomInterfaceAppearance as B } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as v } from "./useStripoEventHandler.js";
+import { useToaster as A } from "./useToaster.js";
+import { displayConditions as F } from "../enums/displayConditions.js";
+import { useStripoApi as D } from "../services/stripoApi.js";
+import I from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as M } from "../stores/editor.js";
+import { dynamicContentToMergeTags as U } from "../utils/genericUtil.js";
+import P from "../package.json.js";
+const K = (c) => {
+  const { features: l } = _(), { handleError: u } = A(), { getToken: y, getCustomFonts: S } = D(), { handleEvent: C } = v(), { getStripoBlocksConfig: E } = V(), h = async (i, n = []) => {
+    var g, f;
+    const o = M(), { html: r, css: p, forceRecreate: a } = i, { baseBlocks: t, extensions: d } = await E(), m = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, b = ((f = l.value) == null ? void 0 : f.modulesDisabled) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: c,
-        html: n,
-        css: u,
+        html: r,
+        css: p,
         forceRecreate: a,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
@@ -30,11 +30,12 @@ const N = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: F,
-        conditionsEnabled: p,
-        customConditionsEnabled: p,
-        conditionCategories: A,
+        customViewStyles: I,
+        conditionsEnabled: m,
+        customConditionsEnabled: m,
+        conditionCategories: F,
         enableXSSSecurity: !0,
+        modulesDisabled: b,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -45,44 +46,44 @@ const N = (c) => {
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: M(c.preselectedDynamicContentList)
+            entries: U(c.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(e) {
           try {
-            const s = await f();
-            o(s);
+            const s = await y();
+            e(s);
           } catch (s) {
-            l(s, "Failed to refresh token");
+            u(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = V(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: w } = b();
-            o(), s(), w(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = B(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: k } = T();
+            e(), s(), k(), c.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
             }, 1e3);
-          } catch (o) {
-            l(o, "Failed to load custom interface appearance");
+          } catch (e) {
+            u(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(e) {
+          o.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          o.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(e) {
+          o.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          o.hasChanges = !0;
         },
-        onEvent: S,
+        onEvent: C,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
@@ -91,26 +92,26 @@ const N = (c) => {
         extensions: d
       }
     );
-  }, h = (i) => new Promise((r, e) => {
+  }, w = (i) => new Promise((n, o) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      i(), n();
       return;
     }
-    const n = U.guido, a = `https://email-static.useinsider.com/guido/${(d = n == null ? void 0 : n.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
+    const r = P.guido, a = `https://email-static.useinsider.com/guido/${(d = r == null ? void 0 : r.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
     t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
-      i(), r();
+      i(), n();
     }, t.onerror = () => {
-      e(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      o(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
-    await h(async () => {
-      const r = await y();
-      await E(i, r);
+    await w(async () => {
+      const n = await S();
+      await h(i, n);
     });
   } };
 };
 export {
-  N as useStripo
+  K as useStripo
 };

package/dist/extensions/Blocks/CouponBlock/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((c) => (c.TEXT_ALIGN = "coupon-block-text-align-control", c.TEXT_COLOR = "coupon-block-text-color-control", c.TEXT_SIZE = "coupon-block-text-size-control", c.TEXT_STYLE = "coupon-block-text-style-control", c.TEXT_FONT_FAMILY = "coupon-block-text-font-family-control", c.TEXT_BACKGROUND = "coupon-block-text-background-control", c.TEXT_PADDINGS = "coupon-block-text-paddings-control", c.TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control", c))(t || {});
+export {
+  t as CouponControlId
+};

package/dist/extensions/Blocks/CouponBlock/controls/index.js

@@ -0,0 +1,29 @@
+import { createTextAlignControl as t, createTextColorControl as e, createTextSizeControl as n, createTextStyleControl as r, createTextFontFamilyControl as T, createTextBackgroundColorControl as l, createPaddingsControl as C, createTextLineSpacingControl as c } from "../../controlFactories.js";
+import { CouponControlId as o } from "../constants.js";
+const i = t(
+  o.TEXT_ALIGN
+), E = e(
+  o.TEXT_COLOR
+), s = n(
+  o.TEXT_SIZE
+), S = r(
+  o.TEXT_STYLE
+), _ = T(
+  o.TEXT_FONT_FAMILY
+), g = l(
+  o.TEXT_BACKGROUND
+), X = C(
+  o.TEXT_PADDINGS
+), d = c(
+  o.TEXT_LINE_SPACING
+);
+export {
+  i as TextAlignControl,
+  g as TextBackgroundControl,
+  E as TextColorControl,
+  _ as TextFontFamilyControl,
+  d as TextLineSpacingControl,
+  X as TextPaddingsControl,
+  s as TextSizeControl,
+  S as TextStyleControl
+};

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -1,8 +1,9 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CouponBlock as t } from "./block.js";
-import { CouponIconsRegistry as i } from "./iconsRegistry.js";
-import { CouponBlockSettings as n } from "./settingsPanel.js";
-const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+import { TextAlignControl as n, TextColorControl as r, TextSizeControl as l, TextStyleControl as d, TextFontFamilyControl as e, TextBackgroundControl as i, TextPaddingsControl as C, TextLineSpacingControl as a } from "./controls/index.js";
+import { CouponIconsRegistry as s } from "./iconsRegistry.js";
+import { CouponBlockSettings as m } from "./settingsPanel.js";
+const u = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(n).addControl(r).addControl(l).addControl(d).addControl(e).addControl(i).addControl(C).addControl(a).withIconsRegistry(s).build();
 export {
-  p as default
+  u as default
 };

package/dist/extensions/Blocks/CouponBlock/settingsPanel.js

@@ -1,24 +1,30 @@
-import { SettingsPanelRegistry as T, SettingsPanelTab as o, SettingsTab as O, TextControls as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as N } from "./block.js";
-class _ extends T {
+import { SettingsPanelRegistry as n, SettingsPanelTab as o, SettingsTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as E } from "./block.js";
+import { CouponControlId as T } from "./constants.js";
+class i extends n {
   registerBlockControls(e) {
-    e[N] = [
+    e[E] = [
       new o(
-        O.SETTINGS,
+        t.SETTINGS,
         [
-          t.FONT_FAMILY,
-          t.FONT_SIZE,
-          t.FORMAT,
-          t.FONT_COLOR,
-          t.TEXT_BLOCK_BACKGROUND_COLOR,
-          t.ALIGN,
-          t.LINE_HEIGHT,
-          t.INTERNAL_INDENTS
+          T.TEXT_STYLE,
+          T.TEXT_ALIGN,
+          T.TEXT_PADDINGS
+        ]
+      ),
+      new o(
+        t.STYLES,
+        [
+          T.TEXT_BACKGROUND,
+          T.TEXT_FONT_FAMILY,
+          T.TEXT_LINE_SPACING,
+          T.TEXT_SIZE,
+          T.TEXT_COLOR
         ]
       )
     ];
   }
 }
 export {
-  _ as CouponBlockSettings
+  i as CouponBlockSettings
 };

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

@@ -1,18 +1,29 @@
-const o = `
-    <td class="coupon-block ins-coupon-code esd-block-text coupon-block-v2">
-        <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
-    </td>`, e = `
-    <td 
-        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block" 
-        esd-extension-block-id="coupon-block"
+import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+const t = `
+    <${o.BLOCK_TEXT}
+        class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
+        align="center"
+        esd-extension-block-id="${e}">
+        <p
+            path="1"
+            contenteditable="false"
+            style="font-size: 16px; color: #333333;">
+            <strong path="1,0">{@COUPON_CODE}</strong>
+        </p>
+    </${o.BLOCK_TEXT}>
+    `, l = `
+    <td
+        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
+        esd-extension-block-id="${e}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function t() {
-  return o;
+function s() {
+  return t;
 }
 export {
-  e as default,
-  t as getDefaultTemplate
+  l as default,
+  s as getDefaultTemplate
 };