@useinsider/guido 2.1.0-beta.01eaf27 → 2.1.0-beta.04bd1f4

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

@@ -1,18 +1,18 @@
-var h = Object.defineProperty;
-var d = (a, s, e) => s in a ? h(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
-var u = (a, s, e) => d(a, typeof s != "symbol" ? s + "" : s, e);
+var d = Object.defineProperty;
+var h = (a, s, e) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
+var u = (a, s, e) => h(a, typeof s != "symbol" ? s + "" : s, e);
 import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
 import { Control as T, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { DATA_ATTRIBUTES as p } from "./utils/constants.js";
 import { parsePageList as _ } from "./utils/utils.js";
-const g = "ui-elements-unsubscribe", r = {
+const v = "ui-elements-unsubscribe", r = {
   SELECT_BUTTON: "selectTemplateButton",
   PREV_BUTTON: "prevButton",
   NEXT_BUTTON: "nextButton",
   COUNTER_TEXT: "counterText",
   PREVIEW_IMAGE: "previewImage"
 };
-class N extends T {
+class B extends T {
   constructor() {
     super(...arguments);
     u(this, "currentPreviewIndex", 0);
@@ -22,7 +22,7 @@ class N extends T {
     u(this, "lastParsedAttribute");
   }
   getId() {
-    return g;
+    return v;
   }
   getTemplate() {
     return `
@@ -35,7 +35,7 @@ class N extends T {
   onTemplateNodeUpdated(e) {
     if (this.currentNode = e, "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute(p.PAGE_LIST);
-      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updatePreview(), this._updateCounter());
+      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updateCounter(), this._loadAndUpdatePreview());
     }
   }
   onRender() {
@@ -73,6 +73,9 @@ class N extends T {
   _onNextClick() {
     this.currentPreviewIndex < this.totalTemplates - 1 && (this.currentPreviewIndex++, this._updatePreview(), this._updateCounter());
   }
+  async _loadAndUpdatePreview() {
+    await l().fetchTemplates(), this._updatePreview(), this._updateCounter();
+  }
   _updatePreview() {
     var e;
     if ((e = this.currentPages) != null && e.length)
@@ -162,6 +165,6 @@ class N extends T {
   }
 }
 export {
-  g as UNSUBSCRIBE_CONTROL_ID,
-  N as UnsubscribeControl
+  v as UNSUBSCRIBE_CONTROL_ID,
+  B as UnsubscribeControl
 };

package/dist/extensions/Blocks/Unsubscribe/elements/preview.js

@@ -1,12 +1,12 @@
-var r = Object.defineProperty;
-var n = (i, t, e) => t in i ? r(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => n(i, typeof t != "symbol" ? t + "" : t, e);
-import { UIElement as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const E = "unsubscribe-preview", l = "img", c = "Unsubscribe page preview";
-class o extends m {
+var n = Object.defineProperty;
+var m = (s, i, e) => i in s ? n(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var r = (s, i, e) => m(s, typeof i != "symbol" ? i + "" : i, e);
+import { UIElement as l } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const E = "unsubscribe-preview", c = "img", a = "Unsubscribe page preview", g = "is-loaded";
+class d extends l {
   constructor() {
     super(...arguments);
-    s(this, "imgElement");
+    r(this, "imgElement");
   }
   getId() {
     return E;
@@ -14,19 +14,21 @@ class o extends m {
   getTemplate() {
     return `
             <div class="unsubscribe-preview-image-container">
+                <div class="unsubscribe-preview-loader"></div>
                 <img
                     src=""
-                    alt="${c}"
+                    alt="${a}"
                     class="unsubscribe-preview-image"
                 />
             </div>
         `;
   }
   onRender(e) {
-    this.imgElement = e.querySelector(l);
+    this.imgElement = e.querySelector(c);
   }
   setValue(e) {
-    this.imgElement && (this.imgElement.src = e);
+    var t;
+    this.imgElement && (this.imgElement.src = e, (t = this.imgElement.parentElement) == null || t.classList.add(g));
   }
   getValue() {
     var e;
@@ -38,5 +40,5 @@ class o extends m {
 }
 export {
   E as PREVIEW_UI_ELEMENT_ID,
-  o as PreviewUIElement
+  d as PreviewUIElement
 };

package/dist/extensions/Blocks/Unsubscribe/styles.css.js

@@ -29,12 +29,42 @@ const n = `/* Unsubscribe Extension Styles */
     display: flex;
     align-items: center;
     justify-content: center;
+    position: relative;
 }
 
-.unsubscribe-preview-image {
+.unsubscribe-preview-image-container .unsubscribe-preview-image {
     object-fit: cover;
     width: 100%;
     height: auto;
+    display: none;
+}
+
+.unsubscribe-preview-image-container.is-loaded .unsubscribe-preview-image {
+    display: block;
+}
+
+.unsubscribe-preview-image-container.is-loaded .unsubscribe-preview-loader {
+    display: none;
+}
+
+/* Loading shimmer */
+.unsubscribe-preview-loader {
+    width: 100%;
+    height: 200px;
+    border-radius: 4px;
+    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    animation: unsubscribe-shimmer 1.5s infinite;
+}
+
+@keyframes unsubscribe-shimmer {
+    0% {
+        background-position: 200% 0;
+    }
+
+    100% {
+        background-position: -200% 0;
+    }
 }
 `;
 export {

package/dist/extensions/Blocks/common-control.js

@@ -1,5 +1,5 @@
-var I = Object.defineProperty;
-var O = (T, r, e) => r in T ? I(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
+var l = Object.defineProperty;
+var O = (T, r, e) => r in T ? l(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
 var u = (T, r, e) => O(T, typeof r != "symbol" ? r + "" : r, e);
 import { Control as c, UIElementType as n, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 class _ extends c {
@@ -129,6 +129,14 @@ class _ extends c {
             </${n.BUTTON}>
         `;
   }
+  _GuIcon({ src: e, className: t = "" }) {
+    return `
+            <${n.ICON}
+                ${$.ICON.src}="${e}"
+                ${t ? `class="${t}"` : ""}>
+            </${n.ICON}>
+        `;
+  }
   /**
    *
    * @param param0
@@ -167,9 +175,9 @@ class _ extends c {
   _GuOrderable(e, t) {
     let E = "";
     t.forEach((a) => {
-      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      const I = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${n.ORDERABLE_ITEM} ${l}="${a.key}">
+                <${n.ORDERABLE_ITEM} ${I}="${a.key}">
                     ${a.content}
                 </${n.ORDERABLE_ITEM}>
             `;

package/dist/extensions/Blocks/common-icons.js

@@ -0,0 +1,39 @@
+const C = `
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g transform="translate(3, 2.5)">
+        <path d="M6.87812 0.141942C10.7873 -0.580665 14.6797 1.51065 16.201 5.16436C17.7344
+        8.84685 16.432 13.0909 13.0906 15.3015C9.77511 17.4946 5.36819 17.08 2.52785
+        14.3193L2.46105 14.2536C0.882709 12.6854 -0.00259777 10.5591 5.72603e-06
+        8.34301L0.000643642 8.24974C0.0491816 4.30543 2.87651 0.926565 6.78576
+        0.159555L6.87812 0.141942ZM14.5911 5.82406C13.3749 2.90345 10.2486 1.24158 7.12372
+        1.85468C3.99888 2.46779 1.74568 5.18516 1.74194 8.34505C1.73988 10.1027 2.44203
+        11.789 3.69379 13.0328C5.94435 15.269 9.4739 15.617 12.1241 13.8638C14.7742 12.1106
+        15.8071 8.74458 14.5911 5.82406Z" fill="#258DDE"/>
+        <path d="M12.5195 13.5806C12.8537 13.2479 13.3933 13.2417 13.7351 13.5628L13.7512
+        13.5783L17.7437 17.5239C18.0845 17.8607 18.0856 18.4077 17.7461 18.7458C17.4066
+        19.0838 16.8551 19.0849 16.5143 18.7481L12.5218 14.8025L12.5061 14.7866C12.1811
+        14.4487 12.1853 13.9134 12.5195 13.5806Z" fill="#258DDE"/>
+        <path d="M6.71262 5.42913C6.37248 5.09172 5.82105 5.09172 5.48092 5.42913C5.14079
+        5.76655 5.14079 6.3136 5.48092 6.65104L6.71262 5.42913ZM7.80353 8.95504C8.14367
+        9.29246 8.69506 9.29246 9.0352 8.95504C9.37534 8.61762 9.37534 8.07053 9.0352
+        7.73311L7.80353 8.95504ZM9.0352 7.73311C8.69506 7.39569 8.14367 7.39569 7.80353
+        7.73311C7.46339 8.07053 7.46339 8.61762 7.80353 8.95504L9.0352 7.73311ZM10.1261
+        11.259C10.4663 11.5965 11.0176 11.5965 11.3578 11.259C11.6979 10.9216 11.6979
+        10.3745 11.3578 10.0371L10.1261 11.259ZM9.0352 8.95504C9.37534 8.61762 9.37534
+        8.07053 9.0352 7.73311C8.69506 7.39569 8.14367 7.39569 7.80353 7.73311L9.0352
+        8.95504ZM5.48092 10.0371C5.14079 10.3745 5.14079 10.9216 5.48092 11.259C5.82105
+        11.5965 6.37248 11.5965 6.71262 11.259L5.48092 10.0371ZM7.80353 7.73311C7.46339
+        8.07053 7.46339 8.61762 7.80353 8.95504C8.14367 9.29246 8.69506 9.29246 9.0352
+        8.95504L7.80353 7.73311ZM11.3578 6.65104C11.6979 6.3136 11.6979 5.76655 11.3578
+        5.42913C11.0176 5.09172 10.4663 5.09172 10.1261 5.42913L11.3578 6.65104ZM5.48092
+        6.65104L7.80353 8.95504L9.0352 7.73311L6.71262 5.42913L5.48092 6.65104ZM7.80353
+        8.95504L10.1261 11.259L11.3578 10.0371L9.0352 7.73311L7.80353 8.95504ZM7.80353
+        7.73311L5.48092 10.0371L6.71262 11.259L9.0352 8.95504L7.80353 7.73311ZM9.0352
+        8.95504L11.3578 6.65104L10.1261 5.42913L7.80353 7.73311L9.0352 8.95504Z"
+        fill="#258DDE"/>
+      </g>
+    </svg>
+`;
+export {
+  C as MIGRATION_INFO_ICON
+};

package/dist/extensions/Blocks/controlFactories.js

@@ -1,218 +1,250 @@
-import { TextAlignBuiltInControl as l, TextColorBuiltInControl as s, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as B, ButtonBorderRadiusBuiltInControl as T, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as f, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function k(r, t, n) {
-  return class extends l {
+import { TextAlignBuiltInControl as s, TextColorBuiltInControl as l, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as f, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function k(o, n, r) {
+  return class extends s {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function p(r, t, n) {
-  return class extends s {
+function p(o, n, r) {
+  return class extends l {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function F(r, t, n) {
+function F(o, n, r) {
   return class extends u {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function z(r, t, n) {
+function z(o, n, r) {
   return class extends i {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function M(r, t, n) {
+function M(o, n, r) {
   return class extends c {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function P(r, t, n) {
+function P(o, n, r) {
   return class extends d {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function h(r, t, n) {
+function h(o, n, r) {
   return class extends a {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function L(r, t, n) {
+function L(o, n, r) {
   return class extends q {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return [e];
+    getTargetNodes(t) {
+      return [t];
     }
   };
 }
-function R(r, t, n = ".ins-recommendation-product-container") {
+function R(o, n, r = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(r, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function v(r, t, n = ".ins-recommendation-product-container") {
-  return class extends B {
+function v(o, n, r = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function w(r, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function w(o, n, r = ".ins-recommendation-product-container") {
+  return class extends B {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function D(r, t, n = ".ins-recommendation-product-container") {
-  return class extends f {
+function D(o, n, r = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function E(r, t, n = ".ins-recommendation-product-container") {
+function E(o, n, r = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(r, t, n = ".ins-recommendation-product-container") {
+function G(o, n, r = ".ins-recommendation-product-container") {
   return class extends m {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(r, t, n = ".ins-recommendation-product-container") {
+function H(o, n, r = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(r, t, n = ".ins-recommendation-product-container") {
+function J(o, n, r = ".ins-recommendation-product-container") {
   return class extends S {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function K(r, t, n) {
+function K(o, n, r) {
   return class extends N {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function O(r, t, n) {
+function O(o, n, r) {
   return class extends b {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(r, t, n) {
+function Q(o, n, r) {
   return class extends g {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const o = e.closest(n);
-        return o ? o.querySelectorAll(`[esd-extension-block-id="${t}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function U(r, t, n) {
+function U(o, n, r) {
   return class extends x {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const o = e.closest(n);
-        return o ? o.querySelectorAll(`[esd-extension-block-id="${t}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }

package/dist/extensions/ModulesTabIcons/extension.js

@@ -0,0 +1,17 @@
+import { ModuleFolderDefaults as n } from "../../enums/defaults.js";
+import { ExtensionBuilder as t, BlocksPanel as r } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class u extends r {
+  getModulesTabIconName(o) {
+    const { key: e } = o, { SAVED_MODULES: l, DEFAULT_MODULES: s } = n;
+    if (e.includes(l))
+      return "user-profile";
+    if (e.includes(s))
+      return "modules";
+    if (e === "amp_modules")
+      return "mail-template";
+  }
+}
+const c = new t().withBlocksPanel(u).build();
+export {
+  c as default
+};

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-913a3417] .in-progress-wrapper__progress p span:last-child{display:none!important}.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}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.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}.editor-actions[data-v-17dd4d8b]{gap:4px}.header-wrapper[data-v-5df46e7a]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .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-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[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-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-913a3417] .in-progress-wrapper__progress p span:last-child{display:none!important}.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}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.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}.editor-actions[data-v-c2f87f0a]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-16abb398]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-16abb398]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-16abb398]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[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}