@useinsider/guido 1.0.3-beta.901ea7e → 1.0.3-beta.90a7855

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

@@ -1,13 +1,13 @@
-import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { BLOCK_ID as S } from "./block.js";
-import { COMPOSITION_CONTROL_BLOCK_ID as R } from "./controls/cardComposition.js";
+import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { BLOCK_ID as R } from "./block.js";
+import { COMPOSITION_CONTROL_BLOCK_ID as S } from "./controls/cardComposition.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/settingsControl.js";
 import { ItemsBlockId as E, ItemsBlockControlId as I } from "./enums/controlEnums.js";
 class U extends O {
-  registerBlockControls(N) {
-    N[S] = [
+  registerBlockControls(_) {
+    _[R] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           A
         ]
@@ -15,12 +15,12 @@ class U extends O {
       new T(
         "Card Composition",
         [
-          R
+          S
         ]
       ).withLabel("Card Composition")
-    ], N[E.ORIGINAL_PRICE] = [
+    ], _[E.ORIGINAL_PRICE] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.ORIGINAL_PRICE_STYLE,
           I.ORIGINAL_PRICE_ALIGN,
@@ -28,16 +28,16 @@ class U extends O {
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.ORIGINAL_PRICE_COLOR,
           I.ORIGINAL_PRICE_FONT_FAMILY,
           I.ORIGINAL_PRICE_SIZE
         ]
       )
-    ], N[E.PRICE] = [
+    ], _[E.PRICE] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.PRICE_STYLE,
           I.PRICE_ALIGN,
@@ -45,20 +45,21 @@ class U extends O {
           I.PRICE_FORMATTED_PRICE,
           I.PRICE_CURRENCY_SYMBOL,
           I.PRICE_CURRENCY_LOCATION,
+          I.PRICE_ORIENTATION,
           I.PRICE_PADDINGS
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.PRICE_COLOR,
           I.PRICE_FONT_FAMILY,
           I.PRICE_SIZE
         ]
       )
-    ], N[E.NAME] = [
+    ], _[E.NAME] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.NAME_STYLE,
           I.NAME_ALIGN,
@@ -67,23 +68,23 @@ class U extends O {
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.NAME_FONT_FAMILY,
           I.NAME_SIZE,
           I.NAME_COLOR
         ]
       )
-    ], N[E.QUANTITY] = [
+    ], _[E.QUANTITY] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.QUANTITY_FONT_FAMILY,
           I.QUANTITY_STYLE
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.QUANTITY_ALIGN,
           I.QUANTITY_SIZE,
@@ -91,18 +92,18 @@ class U extends O {
           I.QUANTITY_PADDINGS
         ]
       )
-    ], N[E.IMAGE] = [
+    ], _[E.IMAGE] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.IMAGE_LINK,
           I.IMAGE_SIZE,
           I.IMAGE_MARGINS
         ]
       )
-    ], N[E.BUTTON] = [
+    ], _[E.BUTTON] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.BUTTON_LINK,
           I.BUTTON_TEXT,
@@ -112,7 +113,7 @@ class U extends O {
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.BUTTON_COLOR,
           I.BUTTON_FONT_FAMILY,

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -1,4 +1,4 @@
-import { defineStore as s } from "pinia";
+import { defineStore as r } from "pinia";
 import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
 const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "Url}"), i = () => {
   const t = e.cartItemsSelectControlValue;
@@ -13,6 +13,7 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
     currencySymbol: "USD",
     currencyLocation: "0",
     formattedPrice: !0,
+    priceOrientation: "horizontal",
     templateData: {
       imageSrc: "",
       name: "",
@@ -22,7 +23,7 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
       button: ""
     }
   };
-}, a = s("guidoItemsBlock", {
+}, m = r("guidoItemsBlock", {
   state: () => i(),
   actions: {
     setItemsType(t) {
@@ -55,6 +56,9 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
     setFormattedPrice(t) {
       this.formattedPrice = t;
     },
+    setPriceOrientation(t) {
+      this.priceOrientation = t;
+    },
     setTemplateData(t) {
       this.templateData = t;
     },
@@ -67,5 +71,5 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
   }
 });
 export {
-  a as useItemsBlockStore
+  m as useItemsBlockStore
 };

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

@@ -1,23 +1,23 @@
 import { BlockType as l, BlockAttr as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { ItemsBlockId as T } from "./enums/controlEnums.js";
 import { productPairs as i, templateFirstLine as N } from "./enums/productEnums.js";
-import { ItemInCartOptions as P, SETTINGS_ENUMS as O, DefaultConfigValues as f } from "./enums/settingsEnums.js";
+import { ItemInCartOptions as f, SETTINGS_ENUMS as O, DefaultConfigValues as P } from "./enums/settingsEnums.js";
 import B from "./layouts/horizontal.html.js";
 import g from "./layouts/vertical.html.js";
 let [C] = i.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [A] = i.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [p] = i.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [I] = i.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [u] = i.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const F = (a, t) => `
+const h = (a, t) => `
     <${l.BLOCK_IMAGE} 
         ${_.BLOCK_IMAGE.src}="${C}"
         ${_.BLOCK_IMAGE.alt}="${A}"
         ${_.BLOCK_IMAGE.href}="#!"
-        ${_.BLOCK_IMAGE.width}=${f.productImageWidth}
+        ${_.BLOCK_IMAGE.width}=${P.productImageWidth}
         esd-extension-block-id="${T.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
         data-type="${a}" 
         data-number="${t}"
     />
-    `, S = (a) => `
+    `, F = (a) => `
     <${l.BLOCK_TEXT} 
         width="100%" 
         align="center" 
@@ -39,6 +39,8 @@ const F = (a, t) => `
                     word-wrap:break-word; 
                     white-space: nowrap;
                     width: 520px;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
                 "
                 product-attr="name"
                 data-slot-2
@@ -47,13 +49,13 @@ const F = (a, t) => `
             </a>
         </p>
     </${l.BLOCK_TEXT}>
-`, h = (a, t, n, e, c) => {
-  let o = p;
+`, S = (a, t, o, e, c) => {
+  let n = p;
   if (e && e.trim()) {
     const E = `&nbsp;${e.trim()}&nbsp;`;
-    o = (c || "0") === "1" ? `${p}${E}` : `${E}${p}`;
+    n = (c || "0") === "1" ? `${p}${E}` : `${E}${p}`;
   }
-  const r = c === "1" ? "after" : "before", d = `data-formated="${n ? "true" : "false"}"`, s = `data-curency="${r}"`;
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
     <${l.BLOCK_TEXT} 
         esd-extension-block-id="${T.PRICE}"
@@ -71,17 +73,17 @@ const F = (a, t) => `
             ${s}
             ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            ${o}
+            ${n}
         </p>
     </${l.BLOCK_TEXT}>
 `;
-}, L = (a, t, n, e, c) => {
-  let o = I;
+}, L = (a, t, o, e, c) => {
+  let n = I;
   if (e && e.trim()) {
     const E = `&nbsp;${e.trim()}&nbsp;`;
-    o = (c || "0") === "1" ? `${I}${E}` : `${E}${I}`;
+    n = (c || "0") === "1" ? `${I}${E}` : `${E}${I}`;
   }
-  const r = c === "1" ? "after" : "before", d = `data-formated="${n ? "true" : "false"}"`, s = `data-curency="${r}"`;
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
     <${l.BLOCK_TEXT} 
         class="items-block-price"
@@ -100,7 +102,7 @@ const F = (a, t) => `
             ${s}
             ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            <s>${o}</s>
+            <s>${n}</s>
         </p>
     </${l.BLOCK_TEXT}>
 `;
@@ -135,47 +137,47 @@ const F = (a, t) => `
     </${l.BLOCK_BUTTON}>
 `, D = () => `
     <esd-config-block style="display: none;"></esd-config-block>
-`, R = (a, t, n, e, c, o, r, d) => {
-  const $ = `${`data-type="${t}" data-number="${n}"`} data-orientation="${e}"`;
+`, R = (a, t, o, e, c, n, r, d) => {
+  const $ = `${`data-type="${t}" data-number="${o}"`} data-orientation="${e}"`;
   return a.replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
     `<td$1 ${$}>`
-  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", F(t, n)).replace("{-{-PRODUCT_NAME-}-}", S(t)).replace(
+  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", h(t, o)).replace("{-{-PRODUCT_NAME-}-}", F(t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    h(t, n, c, o, r)
-  ).replace(
+    S(t, o, c, n, r)
+  ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
     L(
       t,
-      n,
-      c,
       o,
+      c,
+      n,
       r
     )
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", U(t, n)).replace("{-{-CONFIG_BLOCK-}-}", D());
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", U(t, o)).replace("{-{-CONFIG_BLOCK-}-}", D());
 };
 function G({
   orientation: a,
   itemsType: t = O.ITEMS_TYPE.CART_ITEMS,
-  itemId: n,
+  itemId: o,
   currencySymbol: e,
   currencyLocation: c,
-  formattedPrice: o = !0
+  formattedPrice: n = !0
 }) {
-  const r = P[t].findIndex((s) => s.value === n);
+  const r = f[t].findIndex((s) => s.value === o);
   let d = "1";
   if (r >= 0)
     d = String(r + 1);
-  else if (n) {
-    const s = n.match(/\((\d+)\)/);
+  else if (o) {
+    const s = o.match(/\((\d+)\)/);
     s && s[1] && ([, d] = s);
   }
-  return C = i.PAIRS_FOR_EXTENSION.imageSrc[t].DEFAULT[r >= 0 ? r : 0], A = i.PAIRS_FOR_EXTENSION.name[t].DEFAULT[r >= 0 ? r : 0], p = o ? i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE, I = o ? i.PAIRS_FOR_EXTENSION.originalPrice[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.originalPrice[t].DEFAULT_PRICE, u = i.PAIRS_FOR_EXTENSION.quantity[t].DEFAULT, a === O.ORIENTATION.VERTICAL ? R(
+  return C = i.PAIRS_FOR_EXTENSION.imageSrc[t].DEFAULT[r >= 0 ? r : 0], A = i.PAIRS_FOR_EXTENSION.name[t].DEFAULT[r >= 0 ? r : 0], p = n ? i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE, I = n ? i.PAIRS_FOR_EXTENSION.originalPrice[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.originalPrice[t].DEFAULT_PRICE, u = i.PAIRS_FOR_EXTENSION.quantity[t].DEFAULT, a === O.ORIENTATION.VERTICAL ? R(
     g,
     t,
     d,
     a,
-    o,
+    n,
     e,
     c
   ) : R(
@@ -183,7 +185,7 @@ function G({
     t,
     d,
     a,
-    o,
+    n,
     e,
     c
   );

package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js

@@ -1,67 +1,76 @@
-import { useItemsBlockStore as s } from "../store/items-block.js";
-import { syncAttributeFromConfigBlock as e, createBooleanSyncConfig as i, createStringSyncConfig as r } from "./syncAttributeFromConfigBlock.js";
-function C(t) {
-  const o = s(), n = i(
+import { useItemsBlockStore as e } from "../store/items-block.js";
+import { syncAttributeFromConfigBlock as r, createBooleanSyncConfig as i, createStringSyncConfig as s } from "./syncAttributeFromConfigBlock.js";
+function m(t) {
+  const o = e(), n = i(
     "PRODUCT_NAME_TRIMMING",
     (c) => o.setNameTrimming(c),
     !1
   );
-  e(t, n);
+  r(t, n);
 }
 function f(t) {
-  const o = s(), n = i(
+  const o = e(), n = i(
     "PRODUCT_PRICE_HIDE_DISCOUNT",
     (c) => o.setHideDiscount(c),
     !1
   );
-  e(t, n);
+  r(t, n);
 }
 function R(t) {
-  const o = s(), n = i(
+  const o = e(), n = i(
     "PRODUCT_PRICE_FORMATTED",
     (c) => o.setFormattedPrice(c),
     !0
   );
-  e(t, n);
+  r(t, n);
 }
-function _(t) {
-  const o = s(), n = r(
+function O(t) {
+  const o = e(), n = s(
     "PRODUCT_PRICE_CURRENCY_SYMBOL",
     (c) => o.setCurrencySymbol(c),
     ""
   );
-  e(t, n);
+  r(t, n);
 }
-function y(t) {
-  const o = s(), n = r(
+function _(t) {
+  const o = e(), n = s(
     "PRODUCT_PRICE_CURRENCY_LOCATION",
     (c) => o.setCurrencyLocation(c),
     "0"
   );
-  e(t, n);
+  r(t, n);
 }
-function T(t) {
-  const o = s(), n = r(
+function I(t) {
+  const o = e(), n = s(
     "PRODUCT_BUTTON_LINK",
     (c) => o.setButtonLink(c),
     ""
   );
-  e(t, n);
+  r(t, n);
 }
-function g(t) {
-  const o = s(), n = r(
+function T(t) {
+  const o = e(), n = s(
     "PRODUCT_IMAGE_LINK",
     (c) => o.setImageLink(c),
     ""
   );
-  e(t, n);
+  r(t, n);
+}
+function y(t) {
+  const o = e(), n = s(
+    "PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION",
+    (c) => o.setPriceOrientation(c),
+    "horizontal"
+  );
+  r(t, n);
 }
 export {
-  T as syncButtonLinkFromAttributes,
-  y as syncCurrencyLocationFromAttributes,
-  _ as syncCurrencySymbolFromAttributes,
+  I as syncButtonLinkFromAttributes,
+  _ as syncCurrencyLocationFromAttributes,
+  O as syncCurrencySymbolFromAttributes,
   R as syncFormattedPriceFromAttributes,
   f as syncHideDiscountFromAttributes,
-  g as syncImageLinkFromAttributes,
-  C as syncNameTrimmingFromAttributes
+  T as syncImageLinkFromAttributes,
+  m as syncNameTrimmingFromAttributes,
+  y as syncPriceOrientationFromAttributes
 };

package/dist/extensions/Blocks/Items/utils/updateAttributes.js

@@ -1,44 +1,46 @@
-import { ModificationDescription as D } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ModificationDescription as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { configAttributes as t } from "../enums/productEnums.js";
-import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
-import { useItemsBlockStore as l } from "../store/items-block.js";
-import { getConfigBlock as p } from "./configBlockUtils.js";
-function b(n, c) {
-  const i = p(n);
-  if (!i)
+import { DefaultConfigValues as i } from "../enums/settingsEnums.js";
+import { useItemsBlockStore as s } from "../store/items-block.js";
+import { getConfigBlock as P } from "./configBlockUtils.js";
+function M(n, O) {
+  const e = P(n);
+  if (!e)
     return;
-  const C = l(), {
+  const c = s(), {
     itemsType: r,
-    itemIds: E,
+    itemIds: C,
     orientation: T,
     nameTrimming: _,
-    hideDiscount: O,
-    formattedPrice: m,
-    currencySymbol: R,
-    currencyLocation: N,
+    hideDiscount: E,
+    formattedPrice: R,
+    currencySymbol: N,
+    currencyLocation: m,
+    priceOrientation: I,
     buttonLink: a,
     imageLink: f
-  } = C, u = {
+  } = c, u = {
     "data-source": r,
     [t.TYPE]: r,
-    [t.ITEMS_INDEX_SELECT_CONTROL_VALUE]: E,
+    [t.ITEMS_INDEX_SELECT_CONTROL_VALUE]: C,
     [t.ORIENTATION]: T,
     [t.PRODUCT_NAME_TRIMMING]: _ ? "1" : "0",
-    [t.PRODUCT_PRICE_HIDE_DISCOUNT]: O ? "1" : "0",
-    [t.PRODUCT_PRICE_FORMATTED]: m ? "1" : "0",
-    [t.PRODUCT_PRICE_CURRENCY_SYMBOL]: R || "",
-    [t.PRODUCT_PRICE_CURRENCY_LOCATION]: N || "0",
+    [t.PRODUCT_PRICE_HIDE_DISCOUNT]: E ? "1" : "0",
+    [t.PRODUCT_PRICE_FORMATTED]: R ? "1" : "0",
+    [t.PRODUCT_PRICE_CURRENCY_SYMBOL]: N || "",
+    [t.PRODUCT_PRICE_CURRENCY_LOCATION]: m || "0",
+    [t.PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION]: I || "horizontal",
     [t.PRODUCT_BUTTON_LINK]: a || "",
     [t.PRODUCT_IMAGE_LINK]: f || "",
-    [t.NAME_CONTROL_ENABLED]: e.productNameControlEnabled,
-    [t.QUANTITY_CONTROL_ENABLED]: e.productQuantityControlEnabled,
-    [t.PRICE_CONTROL_OPENED]: e.productPriceControlOpened
+    [t.NAME_CONTROL_ENABLED]: i.productNameControlEnabled,
+    [t.QUANTITY_CONTROL_ENABLED]: i.productQuantityControlEnabled,
+    [t.PRICE_CONTROL_OPENED]: i.productPriceControlOpened
   };
-  let o = c.getDocumentModifier().modifyHtml(i);
-  Object.entries(u).forEach(([I, s]) => {
-    o = o.setAttribute(I, s);
-  }), o.apply(new D("Update config block attributes from control"));
+  let o = O.getDocumentModifier().modifyHtml(e);
+  Object.entries(u).forEach(([D, l]) => {
+    o = o.setAttribute(D, l);
+  }), o.apply(new p("Update config block attributes from control"));
 }
 export {
-  b as updateConfigBlockAttributes
+  M as updateConfigBlockAttributes
 };

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

@@ -1,17 +1,17 @@
-var _ = Object.defineProperty;
-var S = (n, i, e) => i in n ? _(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
-var u = (n, i, e) => S(n, typeof i != "symbol" ? i + "" : i, e);
+var d = Object.defineProperty;
+var _ = (n, i, e) => i in n ? d(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
+var u = (n, i, e) => _(n, typeof i != "symbol" ? i + "" : i, e);
 import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
 import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
-import { Block as d, BlockCompositionType as L, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as h } from "./template.js";
+import { Block as h, BlockCompositionType as S, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as L } from "./template.js";
 import { UNSUBSCRIBE_EVENTS as a, DATA_ATTRIBUTES as o } from "./utils/constants.js";
-import { parsePageList as m } from "./utils/utils.js";
-const v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', T = ".unsubscribe-block-v2", f = "{{ins-unsubscribe-link}}", B = {
+import { parsePageList as p } from "./utils/utils.js";
+const g = "unsubscribe-block", v = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", B = "{{ins-unsubscribe-link}}", T = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class D extends d {
+class R extends h {
   constructor() {
     super();
     u(this, "selectEventListener", null);
@@ -19,13 +19,13 @@ class D extends d {
     u(this, "currentNode");
   }
   getId() {
-    return v;
+    return g;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return L.BLOCK;
+    return S.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -34,13 +34,10 @@ class D extends d {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return h();
-  }
-  onCreated(e) {
-    "getOuterHTML" in e && !e.getOuterHTML() || "getAttribute" in e && e.getAttribute("data-migration") || (this.currentNode = e, this._resetStoreState(), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
+    return L();
   }
   onSelect(e) {
-    this.currentNode = e, this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener();
+    this.currentNode = e, !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
   }
   onDelete(e) {
     this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
@@ -66,7 +63,13 @@ class D extends d {
     this.cancelEventListener && (document.removeEventListener(a.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
   }
   _handleCancel() {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new b("Removed unsubscribe block due to cancel"));
+    try {
+      if (!this.currentNode)
+        return;
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new b("Removed unsubscribe block due to cancel"));
+    } catch (e) {
+      console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
+    }
   }
   _removeEventListeners() {
     this._removeSelectEventListener(), this._removeCancelEventListener();
@@ -74,26 +77,27 @@ class D extends d {
   _updateBlock(e, s) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const t = this.currentNode.querySelector(g);
+    const t = this.currentNode.querySelector(v);
     if (!t)
       return;
     const r = this._getMergeTag(e);
     this.api.getDocumentModifier().modifyHtml(t).setAttribute("href", r).apply(new b(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, s).apply(new b("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return B[e] ?? f;
+    return T[e] ?? B;
   }
   _openDrawer() {
-    try {
-      const e = c();
-      e.typeSelectionDrawerStatus = !0;
-    } catch (e) {
-      console.error("[UnsubscribeBlock] Failed to open drawer:", e);
-    }
+    if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
+      try {
+        const e = c();
+        e.typeSelectionDrawerStatus = !0;
+      } catch (e) {
+        console.error("[UnsubscribeBlock] Failed to open drawer:", e);
+      }
   }
   _checkExistingBlocks() {
     const e = c();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(T).forEach((t) => {
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(f).forEach((t) => {
       if ("getAttribute" in t) {
         const r = t.getAttribute(o.PAGE_TYPE);
         if (r) {
@@ -109,8 +113,8 @@ class D extends d {
     const s = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
     if (!s || !t)
       return;
-    const r = c(), l = Number(s), p = m(t);
-    r.setCollectionWithoutAutoSelection(l), r.loadSelectedTemplates(p);
+    const r = c(), l = Number(s), m = p(t);
+    r.setCollectionWithoutAutoSelection(l), r.loadSelectedTemplates(m);
   }
   _resetStoreState() {
     c().$reset();
@@ -121,11 +125,11 @@ class D extends d {
     const s = e.getAttribute(o.PAGE_LIST);
     if (!s)
       return;
-    const t = c(), r = m(s);
+    const t = c(), r = p(s);
     t.removeUnsubscribePages(r);
   }
 }
 export {
-  v as UNSUBSCRIBE_BLOCK_ID,
-  D as UnsubscribeBlock
+  g as UNSUBSCRIBE_BLOCK_ID,
+  R as UnsubscribeBlock
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-23c413c9],.guido-editor__container[data-v-23c413c9]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-23c413c9]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-98181b5a]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-98181b5a]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-98181b5a]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}