@useinsider/guido 3.15.0 → 3.16.0-beta.0faee0c

package/dist/extensions/Blocks/Checkbox/constants/selectors.js

@@ -0,0 +1,6 @@
+const c = "checkbox-block", C = "checkbox-block-v2", S = `.${C}`;
+export {
+  S as BLOCK_ROOT_SELECTOR,
+  c as CSS_CLASS_CHECKBOX_BLOCK,
+  C as CSS_CLASS_CHECKBOX_BLOCK_V2
+};

package/dist/extensions/Blocks/Checkbox/controls/blockBackground/index.js

@@ -0,0 +1,10 @@
+import { createBlockBackgroundColorControl as o } from "../../../controlFactories.js";
+import { CheckboxControlId as r } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as C } from "../../constants/selectors.js";
+const k = o(
+  r.BLOCK_BACKGROUND,
+  C
+);
+export {
+  k as CheckboxBlockBackgroundControl
+};

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

@@ -1,9 +1,10 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CheckboxBlock as t } from "./block.js";
-import { CheckboxControl as e } from "./control.js";
-import { CheckboxIconsRegistry as r } from "./iconsRegistry.js";
-import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const d = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+import { CheckboxControl as r } from "./control.js";
+import { CheckboxBlockBackgroundControl as e } from "./controls/blockBackground/index.js";
+import { CheckboxIconsRegistry as i } from "./iconsRegistry.js";
+import { CheckboxBlockSettings as n } from "./settingsPanel.js";
+const C = new o().addBlock(t).withSettingsPanelRegistry(n).addControl(r).addControl(e).withIconsRegistry(i).build();
 export {
-  d as default
+  C as default
 };

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

@@ -1,25 +1,26 @@
-import { SettingsPanelRegistry as C, SettingsPanelTab as t, SettingsTab as e, ContainerControls as n, TextControls as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CHECKBOX_BLOCK_ID as s } from "./block.js";
-import { CHECKBOX_CONTROL_BLOCK_ID as T } from "./control.js";
-class l extends C {
-  registerBlockControls(o) {
-    o[s] = [
-      new t(
-        e.SETTINGS,
+import { SettingsPanelRegistry as r, SettingsPanelTab as o, SettingsTab as t, ContainerControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CHECKBOX_BLOCK_ID as n } from "./block.js";
+import { CheckboxControlId as i } from "./constants/controlIds.js";
+import { CHECKBOX_CONTROL_BLOCK_ID as s } from "./control.js";
+class T extends r {
+  registerBlockControls(e) {
+    e[n] = [
+      new o(
+        t.SETTINGS,
         [
-          T,
-          n.EXTERNAL_INDENTS
+          s,
+          C.EXTERNAL_INDENTS
         ]
       ),
-      new t(
-        e.STYLES,
+      new o(
+        t.STYLES,
         [
-          r.TEXT_BLOCK_BACKGROUND_COLOR
+          i.BLOCK_BACKGROUND
         ]
       )
     ];
   }
 }
 export {
-  l as CheckboxBlockSettings
+  T as CheckboxBlockSettings
 };

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

@@ -1,9 +1,10 @@
 import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CSS_CLASS_CHECKBOX_BLOCK as l, CSS_CLASS_CHECKBOX_BLOCK_V2 as a } from "./constants/selectors.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 checkbox-block-v2 esd-block-checkbox es-p20">
+}, i = `
+    <td align="left" class="${l} ${a} esd-block-checkbox es-p20">
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
                 <tr>
@@ -26,13 +27,13 @@ const e = {
             </tbody>
         </table>
     </td>
-`, o = `
+`, d = `
     <td
         align="left"
         esd-extension-block-id="checkbox-block"
         class="
-            checkbox-block
-            checkbox-block-v2
+            ${l}
+            ${a}
             esd-block-checkbox
             esd-checkbox-block
             esd-extension-block es-p20"
@@ -60,10 +61,10 @@ const e = {
         </table>
     </td>
 `;
-function a() {
-  return l.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
+function n() {
+  return i.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
 }
 export {
-  o as default,
-  a as getDefaultTemplate
+  d as default,
+  n as getDefaultTemplate
 };

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

@@ -1,12 +1,12 @@
-import { BlockId as f } from "../../../enums/block.js";
-import { useOnboardingStore as g } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
-import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as b } from "./template.js";
-import { getItemsBlockContainer as l, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = f.Items;
-class O extends I {
+import { BlockId as g } from "../../../enums/block.js";
+import { useOnboardingStore as y } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
+import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as h } from "./template.js";
+import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const p = g.Items;
+class E extends C {
   getId() {
     return p;
   }
@@ -14,7 +14,7 @@ class O extends I {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return C.CONTAINER;
+    return b.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +23,20 @@ class O extends I {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return y(
+    return I(
       p,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
-    return b({
-      orientation: d.ORIENTATION.VERTICAL,
-      itemsType: d.ITEMS_TYPE.CART_ITEMS,
+    return h({
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: m.productPriceCurrencySymbolControlValue,
-      currencyLocation: m.productPriceCurrencyLocationControlValue,
-      formattedPrice: m.productPriceFormattedControlValue === "1"
+      currencySymbol: d.productPriceCurrencySymbolControlValue,
+      currencyLocation: d.productPriceCurrencyLocationControlValue,
+      formattedPrice: d.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,23 +45,23 @@ class O extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), o = this.api.getDocumentRootCssNode();
-    o.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(o).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const i = l(e);
-    if (!i)
+  onCreated(n) {
+    const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
+    a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = u(n);
+    if (!e)
       return;
-    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
-    if (n != null && n.initialized)
-      if (s)
-        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+    const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
+    if (i != null && i.initialized)
+      if (r)
+        i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
-        const a = this.api.getDocumentModifier();
-        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        const s = this.api.getDocumentModifier();
+        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
-      const a = N();
-      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
+      const s = N(), m = this.api.getDocumentModifier();
+      m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,18 +70,18 @@ class O extends I {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(e) {
-    const t = l(e);
+  onDocumentChanged(n) {
+    const t = u(n);
     if (!t)
       return;
-    const o = t.getNodeConfig();
-    if (o && Object.keys(o).length > 0)
+    const a = t.getNodeConfig();
+    if (a && Object.keys(a).length > 0)
       return;
-    const r = u(e);
-    if (!(r != null && r.initialized))
+    const o = f(n);
+    if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
+    const r = this.api.getDocumentModifier();
+    r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,12 +91,14 @@ class O extends I {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(e, t, o) {
-    const i = h(t.itemsSelectValue, t.type);
-    o.modifyHtml(e).setAttribute("data-type", t.type), o.modifyHtml(e).setAttribute("data-number", i), o.modifyHtml(e).setAttribute("data-nodup", String(t.priceHideDiscount));
+  _stampProductTdDomAttributes(n, t, a, e = !1) {
+    const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
+      e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
+    };
+    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
   p as BLOCK_ID,
-  O as ItemsBlock
+  E as ItemsBlock
 };