@useinsider/guido 2.0.0-beta.a3f32aa → 2.0.0-beta.a716078

package/dist/composables/useStripo.js

@@ -1,26 +1,26 @@
-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 _ } from "./useActionsApi.js";
+import { useBlocksConfig as B } from "./useBlocksConfig.js";
+import { useConfig as v } from "./useConfig.js";
+import { useCustomInterfaceAppearance as A } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as F } from "./useStripoEventHandler.js";
+import { useToaster as D } from "./useToaster.js";
+import { displayConditions as I } from "../enums/displayConditions.js";
+import { useStripoApi as M } from "../services/stripoApi.js";
+import U from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as P } from "../stores/editor.js";
+import { dynamicContentToMergeTags as R } from "../utils/genericUtil.js";
+import H from "../package.json.js";
+const W = (c) => {
+  const { features: l, template: y } = v(), { handleError: u } = D(), { getToken: C, getCustomFonts: S } = M(), { handleEvent: E } = F(), { getStripoBlocksConfig: h } = B(), w = async (i, n = []) => {
+    var m, g, f;
+    const o = P(), { html: r, css: p } = i, { baseBlocks: s, extensions: t } = await h(), a = ((m = l.value) == null ? void 0 : m.displayConditions) ?? !0, k = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, T = ((f = y.value) == null ? void 0 : f.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: c,
-        html: n,
-        css: u,
-        forceRecreate: a,
+        html: r,
+        css: p,
+        forceRecreate: T,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -30,87 +30,88 @@ const N = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: F,
-        conditionsEnabled: p,
-        customConditionsEnabled: p,
-        conditionCategories: A,
+        customViewStyles: U,
+        conditionsEnabled: a,
+        customConditionsEnabled: a,
+        conditionCategories: I,
         enableXSSSecurity: !0,
+        modulesDisabled: k,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...t ? { baseBlocks: t } : {},
+        ...s ? { baseBlocks: s } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: M(c.preselectedDynamicContentList)
+            entries: R(c.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(e) {
           try {
-            const s = await f();
-            o(s);
-          } catch (s) {
-            l(s, "Failed to refresh token");
+            const d = await C();
+            e(d);
+          } catch (d) {
+            u(d, "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 } = A(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: V } = _();
+            e(), d(), V(), 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: E,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: d
+        extensions: t
       }
     );
-  }, h = (i) => new Promise((r, e) => {
-    var d;
+  }, b = (i) => new Promise((n, o) => {
+    var a;
     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");
-    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
-      i(), r();
+    const r = H.guido, s = `https://email-static.useinsider.com/guido/${(a = r == null ? void 0 : r.stripo) == null ? void 0 : a.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = s, t.onload = () => {
+      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: ${s}`));
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
-    await h(async () => {
-      const r = await y();
-      await E(i, r);
+    await b(async () => {
+      const n = await S();
+      await w(i, n);
     });
   } };
 };
 export {
-  N as useStripo
+  W 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
 };

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

@@ -1,21 +1,21 @@
 import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UnsubscribeBlock as i } from "./block.js";
 import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as s } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
-import { SettingsPanel as r } from "./settingsPanel.js";
+import { PreviewUIElement as o } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
+import { SettingsPanel as s } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
-const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
+const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe",
-    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
+    "Unsubscribe Block": "Unsubscribe Block",
+    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
+}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
 export {
-  g as default
+  f as default
 };