@useinsider/guido 1.0.2-beta.85ea6e2 → 1.0.2-beta.91efff4

package/dist/enums/defaults.js

@@ -1,4 +1,4 @@
-const t = {
+const a = {
   translationsPath: "window.trans.en",
   emailHeader: {
     senderName: "",
@@ -10,10 +10,13 @@ const t = {
     versionHistory: !0
   },
   useHeader: !0
-}, a = "email", e = "Guido User", o = 1, n = 2, i = {
+}, t = {
+  promotional: 1,
+  transactional: 2
+}, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
   email: 60,
   architect: 49
-}, s = [
+}, u = [
   "alfredtesting",
   "electio",
   "eurekatest",
@@ -46,11 +49,12 @@ const t = {
   "stripoeditorlivetest"
 ];
 export {
-  t as DefaultGuidoConfig,
-  o as DefaultMessageType,
-  a as DefaultProductType,
-  e as DefaultUsername,
-  n as EditorType,
-  i as ProductIds,
-  s as TEST_PARTNER_LIST
+  a as DefaultGuidoConfig,
+  n as DefaultMessageType,
+  e as DefaultProductType,
+  o as DefaultUsername,
+  i as EditorType,
+  s as ProductIds,
+  u as TEST_PARTNER_LIST,
+  t as TemplateTypes
 };

package/dist/enums/html-validator.d.ts

@@ -0,0 +1,6 @@
+export declare const CanNotMakeAnyChangesForRunningKey = "newsletter.already-in-progress";
+export declare const CanNotMakeAnyChangesKey = "newsletter.can-not-make-any-changes";
+export declare const CampaignCouldNotBeSavedKey = "newsletter.campaign-could-not-be-saved";
+export declare const DISPLAY_CONDITIONS_REGEX: RegExp;
+export declare const DISPLAY_CONDITIONS_EXCEPTIONS_REGEX: RegExp;
+export declare const REMOVE_CONDITIONS_REGEX: RegExp;

package/dist/enums/html-validator.js

@@ -0,0 +1,7 @@
+const e = "newsletter.already-in-progress", n = "newsletter.campaign-could-not-be-saved", o = / (==|<=|>=|!=|>|<|in) | (if|elif|endif|else|and|or) |("[\S ]+")|('[\S ]+')|([^”\s\n]+)|(({%)|( %}))/gm, a = /{%( )*now( )(".*")( )*%}/gm;
+export {
+  n as CampaignCouldNotBeSavedKey,
+  e as CanNotMakeAnyChangesForRunningKey,
+  a as DISPLAY_CONDITIONS_EXCEPTIONS_REGEX,
+  o as DISPLAY_CONDITIONS_REGEX
+};

package/dist/enums/recommendation.d.ts

@@ -0,0 +1,54 @@
+export declare const DefaultPadding = 20;
+export declare const MinDeviceViewport = 320;
+export declare const VerticalOrientation = "vertical";
+export declare const DUMMY_IMAGE_MAPPINGS: {
+    CART_ABANDONMENT: {
+        ins_apr_img_1: string;
+        ins_apr_img_2: string;
+        ins_apr_img_3: string;
+        ins_apr_img_4: string;
+    };
+    BROWSE_ABANDONMENT: {
+        browsed_item_img_1: string;
+        browsed_item_img_2: string;
+        browsed_item_img_3: string;
+        browsed_item_img_4: string;
+    };
+};
+export declare const ATTRIBUTES: {
+    DISCOUNT: string;
+    OMNIBUS_DISCOUNT: string;
+    OMNIBUS_PRICE: string;
+};
+export declare const CONDITIONS: {
+    IF: {
+        discount: string;
+        omnibus_discount: string;
+        omnibus_price: string;
+    };
+    ELSE: string;
+    END_IF: string;
+};
+export declare const REGEX: {
+    ID: RegExp;
+    ATTRIBUTE_PARAGRAPH: RegExp;
+    ATTRIBUTE_PARAGRAPH_START_TAG: RegExp;
+    COMPOSITION: RegExp;
+    CUSTOM_FIELD: RegExp;
+    CUSTOM_FIELD_INDEXES_PART: RegExp;
+    CUSTOM_FIELD_NAME_PART: RegExp;
+};
+export declare const HTML: {
+    PARAGRAPH_END_TAG: string;
+};
+export declare const CSS: {
+    REGULAR_NAME_HEIGHT: string;
+    TRIMMED_NAME_HEIGHT: string;
+    ELLIPSIS: string;
+    REGULAR_NAME_CONTAINER_HEIGHT: string;
+    TRIMMED_NAME_CONTAINER_CSS: string;
+    RESPONSIVE_NAME_SIZE: string;
+    RESPONSIVE_NAME_HEIGHT: string;
+    RESPONSIVE_NAME_CONTAINER_HEIGHT: string;
+    TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: string;
+};

package/dist/enums/recommendation.js

@@ -0,0 +1,56 @@
+const s = 20, e = 320, t = {
+  CART_ABANDONMENT: {
+    ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
+    ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
+    ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
+    ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
+  },
+  BROWSE_ABANDONMENT: {
+    browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
+    browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
+    browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
+    browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
+  }
+}, i = {
+  DISCOUNT: "discount",
+  OMNIBUS_DISCOUNT: "omnibus_discount",
+  OMNIBUS_PRICE: "omnibus_price"
+}, m = {
+  IF: {
+    discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" %}`,
+    omnibus_discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_DISCOUNT}} != "0%" and {${i.OMNIBUS_DISCOUNT}} != "" %}`,
+    omnibus_price: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_PRICE}} != "" %}`
+  },
+  ELSE: "{% else %}",
+  END_IF: "{% endif %}"
+}, _ = {
+  ID: /ins-recommendation-v3-campaign-id="(.*?)"/gi,
+  ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">[\S\s]*?<\/p>/gm,
+  ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">/gm,
+  COMPOSITION: /composition="true"/gm,
+  CUSTOM_FIELD: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
+  CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/gm,
+  CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
+}, a = {
+  PARAGRAPH_END_TAG: "</p>"
+}, n = {
+  REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
+  TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
+  ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
+  REGULAR_NAME_CONTAINER_HEIGHT: ".ext-product-name.ins-vertical { height:100px!important",
+  TRIMMED_NAME_CONTAINER_CSS: ".ext-product-name.ins-vertical { height:38px!important; padding:0px!important",
+  RESPONSIVE_NAME_SIZE: ".ext-product-name p { height:unset!important; width:100%!important;",
+  RESPONSIVE_NAME_HEIGHT: ".ext-product-name p { height:24px!important;",
+  RESPONSIVE_NAME_CONTAINER_HEIGHT: ".ext-product-name { height:unset!important",
+  TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: ".ext-product-name { height:44px!important; padding:0px!important"
+};
+export {
+  i as ATTRIBUTES,
+  m as CONDITIONS,
+  n as CSS,
+  t as DUMMY_IMAGE_MAPPINGS,
+  s as DefaultPadding,
+  a as HTML,
+  e as MinDeviceViewport,
+  _ as REGEX
+};

package/dist/enums/unsubscribe.d.ts

@@ -0,0 +1,15 @@
+export declare const LINK_TYPES: {
+    UNSUBSCRIBE_LINK_TYPE: number;
+    PREFERENCES_LINK_TYPE: number;
+};
+export declare const LINK_REGEXES: {
+    UNSUBSCRIBE_LINK_REGEX: RegExp;
+    DATA_OGSB_BUTTON_CSS_REGEX: string;
+    GLOBAL_UNSUBSCRIBE_LINK_REGEX: RegExp;
+    PREFERENCES_UNSUBSCRIBE_LINK_REGEX: RegExp;
+};
+export declare const URLS: {
+    UNSUBSCRIBE_URL: string;
+    PREFERENCES_URL: string;
+};
+export declare const INSIDER_ID = "iid";

package/dist/enums/unsubscribe.js

@@ -0,0 +1,17 @@
+const E = {
+  UNSUBSCRIBE_LINK_TYPE: 1,
+  PREFERENCES_LINK_TYPE: 3
+}, s = {
+  UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
+  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
+}, _ = {
+  UNSUBSCRIBE_URL: "https://mail.useinsider.com/user/v1/unsub",
+  PREFERENCES_URL: "https://mail.useinsider.com/user/v1/prefs"
+};
+export {
+  s as LINK_REGEXES,
+  E as LINK_TYPES,
+  _ as URLS
+};

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

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

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

@@ -0,0 +1,39 @@
+import { Block as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import { BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { getDefaultTemplate as r } from "./template.js";
+const e = "checkbox-block";
+class x extends t {
+  getId() {
+    return e;
+  }
+  getIcon() {
+    return "check-circle";
+  }
+  getBlockCompositionType() {
+    return o.BLOCK;
+  }
+  getName() {
+    return this.api.translate("Checkbox block");
+  }
+  getDescription() {
+    return this.api.translate("Checkbox block description");
+  }
+  getTemplate() {
+    return r();
+  }
+}
+export {
+  e as CHECKBOX_BLOCK_ID,
+  x as CheckboxBlock
+};

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

@@ -0,0 +1,22 @@
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+export declare const CHECKBOX_CONTROL_BLOCK_ID = "ui-elements-checkbox";
+interface UnsubOption {
+    name: string;
+    sendGridId: string;
+}
+export declare class CheckboxControl extends Control {
+    private currentNode?;
+    private selectedUnsubGroup?;
+    unsubList: UnsubOption[];
+    getId(): string;
+    _setFormValues(): void;
+    _getLabel(text: string, name?: string): string;
+    _getSelectItem(text: string, value: string): string;
+    _getSelect(): string;
+    getTemplate(): string;
+    _onSelectChange(value: string | number): void;
+    _listenToFormUpdates(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onRender(): Promise<void>;
+}
+export {};

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

@@ -0,0 +1,104 @@
+var E = Object.defineProperty;
+var c = (o, s, t) => s in o ? E(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var a = (o, s, t) => c(o, typeof s != "symbol" ? s + "" : s, t);
+import { useHttp as p } from "../../../composables/useHttp.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import { UEAttr as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
+import { UIElementType as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { Control as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
+import { ModificationDescription as l } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
+const d = "ui-elements-checkbox", n = "select", { get: L } = p();
+class K extends m {
+  constructor() {
+    super(...arguments);
+    a(this, "currentNode");
+    a(this, "selectedUnsubGroup");
+    a(this, "unsubList", []);
+  }
+  getId() {
+    return d;
+  }
+  _setFormValues() {
+    this.api.updateValues({
+      [n]: ""
+    });
+  }
+  _getLabel(t, i = `${Math.random()}`) {
+    return `
+            <${r.LABEL} 
+                ${e.LABEL.text}="${t}" 
+                ${e.LABEL.name}="${i}">
+            </${r.LABEL}>
+        `;
+  }
+  _getSelectItem(t, i) {
+    return `
+            <${r.SELECT_ITEM} 
+                ${e.SELECT_ITEM.text}="${t}" 
+                ${e.SELECT_ITEM.value}="${i}">
+            </${r.SELECT_ITEM}>`;
+  }
+  _getSelect() {
+    return this.unsubList.map((t) => this._getSelectItem(t.name, t.sendGridId)).join("");
+  }
+  getTemplate() {
+    return `
+            <div class="checkbox-controls-container">
+                <div class="checkbox-select-container container two-columns stretch">
+                    <${r.LABEL}
+                        ${e.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
+                        ${e.LABEL.name}="${Math.random()}">
+                    </${r.LABEL}>
+
+                    <${r.SELECTPICKER}
+                        ${e.SELECTPICKER.name}="${n}"
+                        ${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
+                            ${this._getSelect()}
+                    </${r.SELECTPICKER}>
+                </div>
+            </div>
+        `;
+  }
+  _onSelectChange(t) {
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new l(`Updated text to ${t}`));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(n, (t) => this._onSelectChange(t));
+  }
+  onTemplateNodeUpdated(t) {
+    if (this.currentNode = t, "getAttribute" in t) {
+      const i = Number(t.getAttribute("id"));
+      i && (this.selectedUnsubGroup = i, this.api.updateValues({
+        [n]: this.selectedUnsubGroup
+      }));
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+  async onRender() {
+    const t = await L(
+      "/unsubscribe-groups/unsubscribe-list"
+    ), i = t.data.map((u) => ({
+      [e.SELECT_ITEM.text]: u.name,
+      [e.SELECT_ITEM.value]: u.sendGridId
+    }));
+    this.unsubList = t.data, this.api.setUIEAttribute(
+      n,
+      e.SELECTPICKER.items,
+      i
+    ), this._setFormValues(), this._listenToFormUpdates();
+  }
+}
+export {
+  d as CHECKBOX_CONTROL_BLOCK_ID,
+  K as CheckboxControl
+};

package/dist/extensions/Blocks/Checkbox/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

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

@@ -0,0 +1,20 @@
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
+import { CheckboxBlock as t } from "./block.js";
+import { CheckboxControl as r } from "./control.js";
+import { CheckboxBlockSettings as i } from "./settingsPanel.js";
+const g = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(r).build();
+export {
+  g as default
+};

package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts

@@ -0,0 +1,4 @@
+import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
+export declare class CheckboxBlockSettings extends SettingsPanelRegistry {
+    registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
+}

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

@@ -0,0 +1,38 @@
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import { ContainerControls as i, TextControls as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import { SettingsTab as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { SettingsPanelRegistry as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
+import { SettingsPanelTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
+import { CHECKBOX_BLOCK_ID as p } from "./block.js";
+import { CHECKBOX_CONTROL_BLOCK_ID as C } from "./control.js";
+class x extends e {
+  registerBlockControls(r) {
+    r[p] = [
+      new t(
+        o.SETTINGS,
+        [
+          C,
+          i.EXTERNAL_INDENTS
+        ]
+      ),
+      new t(
+        o.STYLES,
+        [
+          m.TEXT_BLOCK_BACKGROUND_COLOR
+        ]
+      )
+    ];
+  }
+}
+export {
+  x as CheckboxBlockSettings
+};

package/dist/extensions/Blocks/Checkbox/template.d.ts

@@ -0,0 +1,6 @@
+declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
+/**
+ * @returns The template for the default checkbox block
+ */
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

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

@@ -0,0 +1,75 @@
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+const e = {
+  TITLE: "Unsubscribe From All Email Lists",
+  DESCRIPTION: "You will still receive important transactional and billing-related emails."
+}, l = `
+    <td align="left" class="checkbox-block-v2 esd-block-checkbox es-p20">
+        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+            <tbody>
+                <tr>
+                    <td align="left" width="39" style="vertical-align: top;">
+                        <input type="checkbox">
+                    </td>
+                    <td align="left" width="816" 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}>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </td>
+`, m = `
+    <td 
+        align="left" 
+        esd-extension-block-id="checkbox-block" 
+        class="checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20"
+    >
+        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+            <tbody>
+            <tr>
+                <td align="left" width="39" style="vertical-align: top">
+                <input type="checkbox">
+                </td>
+                <td align="left" width="816" style="vertical-align: top">
+                <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+                    <tbody>
+                    <tr>
+                        {-{-TITLE-}-}
+                    </tr>
+                    <tr>
+                        {-{-DESCRIPTION-}-}
+                    </tr>
+                    </tbody>
+                </table>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </td>
+`;
+function h() {
+  return l.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
+}
+export {
+  m as default,
+  h as getDefaultTemplate
+};

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

@@ -0,0 +1,11 @@
+import { Block, BlockCompositionType, BlockType } from '@stripoinc/ui-editor-extensions';
+export declare const COUPON_BLOCK_ID = "coupon-block";
+export declare class CouponBlock extends Block {
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getBlockType(): BlockType;
+    getTemplate(): string;
+}

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

@@ -0,0 +1,42 @@
+import { Block as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import { BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import { BlockType as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { getDefaultTemplate as e } from "./template.js";
+const p = "coupon-block";
+class f extends o {
+  getId() {
+    return p;
+  }
+  getIcon() {
+    return "../../../../icons/coupon.svg";
+  }
+  getBlockCompositionType() {
+    return t.BLOCK;
+  }
+  getName() {
+    return this.api.translate("Coupon Block");
+  }
+  getDescription() {
+    return this.api.translate("Coupon lets you add a coupon code to your message design.");
+  }
+  getBlockType() {
+    return r.BLOCK_TEXT;
+  }
+  getTemplate() {
+    return e();
+  }
+}
+export {
+  p as COUPON_BLOCK_ID,
+  f as CouponBlock
+};

package/dist/extensions/Blocks/CouponBlock/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

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

@@ -0,0 +1,19 @@
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
+import { CouponBlock as t } from "./block.js";
+import { CouponBlockSettings as i } from "./settingsPanel.js";
+const x = new o().addBlock(t).withSettingsPanelRegistry(i).build();
+export {
+  x as default
+};

package/dist/extensions/Blocks/CouponBlock/settingsPanel.d.ts

@@ -0,0 +1,4 @@
+import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
+export declare class CouponBlockSettings extends SettingsPanelRegistry {
+    registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
+}