@useinsider/guido 3.12.0-beta.3450e5f → 3.12.0

package/dist/composables/useStripo.js

@@ -1,44 +1,45 @@
-import { useActionsApi as U } from "./useActionsApi.js";
-import { useBlocksConfig as R } from "./useBlocksConfig.js";
-import { useConfig as x } from "./useConfig.js";
-import { useCustomInterfaceAppearance as O } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as q } from "./useFullStoryBridge.js";
-import { useStripoEventHandler as H } from "./useStripoEventHandler.js";
-import { useStripoNotifications as N } from "./useStripoNotifications.js";
-import { useToaster as z } from "./useToaster.js";
-import { localePatch as L } from "../config/i18n/index.js";
-import { en as h } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as $ } from "../enums/toaster.js";
-import { useStripoApi as G } from "../services/stripoApi.js";
-import J from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as X } from "../utils/genericUtil.js";
-import j from "../package.json.js";
-const fo = (C, l) => {
-  const { features: c, template: w, isFeatureEnabled: u } = x(), { handleError: m, showToaster: b } = z(), { getToken: T, getCustomFonts: k, getSyncModulesStatus: B } = G(), { handleEvent: F } = H(), { getStripoBlocksConfig: v } = R(), { getStripoNotifications: V } = N(), _ = async (s, i = [], r = !1) => {
-    var g, S, y;
-    const o = E(), { html: p, css: a } = s, { baseBlocks: t, extensions: d } = await v(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, M = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, P = ((y = w.value) == null ? void 0 : y.forceRecreate) ?? !1;
+import { useActionsApi as x } from "./useActionsApi.js";
+import { useBlocksConfig as O } from "./useBlocksConfig.js";
+import { useConfig as q } from "./useConfig.js";
+import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as L } from "./useFullStoryBridge.js";
+import { useModuleDynamicContentRepair as N } from "./useModuleDynamicContentRepair.js";
+import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
+import { useStripoNotifications as $ } from "./useStripoNotifications.js";
+import { useToaster as G } from "./useToaster.js";
+import { localePatch as J } from "../config/i18n/index.js";
+import { en as E } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as X } from "../enums/toaster.js";
+import { useStripoApi as j } from "../services/stripoApi.js";
+import K from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { buildMergeTagEntries as Q, flattenDynamicContentList as W } from "../utils/genericUtil.js";
+import Y from "../package.json.js";
+const he = (b, l) => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = j(), { handleEvent: F } = z(), { handleModuleAdd: M } = N(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), _ = async (n, i = [], r = !1) => {
+    var S, y, h, C;
+    const e = w(), { html: f, css: a } = n, { baseBlocks: o, extensions: d } = await A(), g = ((S = c.value) == null ? void 0 : S.displayConditions) ?? !0, P = ((y = c.value) == null ? void 0 : y.modulesDisabled) ?? !1, I = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
-        html: p,
+        metadata: b,
+        html: f,
         css: a,
-        forceRecreate: P,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !u("liquidSyntax"),
+        customAppearanceMergetags: !m("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: J,
-        conditionsEnabled: f,
-        customConditionsEnabled: f,
+        customViewStyles: K,
+        conditionsEnabled: g,
+        customConditionsEnabled: g,
         enableXSSSecurity: !0,
-        modulesDisabled: M,
+        modulesDisabled: P,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -48,7 +49,7 @@ const fo = (C, l) => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
-        ...t ? { baseBlocks: t } : {},
+        ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -56,43 +57,45 @@ const fo = (C, l) => {
         },
         mergeTags: [
           {
-            entries: X(
+            entries: Q(
               l.preselectedDynamicContentList,
-              u("liquidSyntax")
+              W((C = u.value) == null ? void 0 : C.dynamicContentList),
+              m("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(t) {
           try {
-            const n = await T();
-            e(n);
-          } catch (n) {
-            m(n, "Failed to refresh token");
+            const s = await T();
+            t(s);
+          } catch (s) {
+            p(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = O(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: D } = U(), { injectFullStory: I } = q();
-            e(), n(), I(), D(), l.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
-              o.hasChanges = !1;
+            const { importCss: t } = H(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: R } = x(), { injectFullStory: U } = L();
+            t(), s(), U(), R(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            m(e, "Failed to load custom interface appearance");
+          } catch (t) {
+            p(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          o.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(e) {
-          o.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          o.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          o.hasChanges = !0;
+          e.hasChanges = !0;
         },
         onEvent: F,
+        onModuleAdd: M,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -100,38 +103,38 @@ const fo = (C, l) => {
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: L
+        localePatch: J
       }
     );
-  }, A = (s) => new Promise((i, r) => {
+  }, D = (n) => new Promise((i, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      Promise.resolve(s()).then(i, r);
+      Promise.resolve(n()).then(i, r);
       return;
     }
-    const o = j.guido, a = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
-      Promise.resolve(s()).then(i, r);
-    }, t.onerror = () => {
+    const e = Y.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
+      Promise.resolve(n()).then(i, r);
+    }, o.onerror = () => {
       r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(t);
+    }, document.body.appendChild(o);
   });
-  return { initPlugin: async (s) => {
-    const i = E();
+  return { initPlugin: async (n) => {
+    const i = w();
     try {
-      await A(async () => {
-        const [r, o] = await Promise.all([
-          k(),
+      await D(async () => {
+        const [r, e] = await Promise.all([
+          v(),
           B()
         ]);
-        i.syncModulesEnabled = o, await _(s, r, o);
+        i.syncModulesEnabled = e, await _(n, r, e);
       });
     } catch {
-      i.loadingStatus = !1, b({
-        type: $.Error,
-        message: h["An error has occurred. Please report the error code to support."],
+      i.loadingStatus = !1, k({
+        type: X.Error,
+        message: E["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: h["Reload page"],
+          text: E["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -139,5 +142,5 @@ const fo = (C, l) => {
   } };
 };
 export {
-  fo as useStripo
+  he as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,13 +1,14 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
 import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateRecommendation as c } from "./recommendationMigrator.js";
+import { migrateSocialIcons as g } from "./socialIconMigrator.js";
 import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const b = async (r, t = {}) => {
-  let m = r;
-  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
+const k = async (o, r = {}) => {
+  let m = o;
+  return m = t(m), m = a(m), m = await n(m), m = i(m), m = c(m, r), m = e(m), m = g(m), m;
 };
 export {
-  b as migrate
+  k as migrate
 };

package/dist/config/migrator/socialIconMigrator.js

@@ -0,0 +1,29 @@
+var u = Object.defineProperty;
+var T = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var s = (e, t, r) => T(e, typeof t != "symbol" ? t + "" : t, r);
+const i = "twitter", E = "xcom", o = "esd-tmp-icon-type", p = new RegExp(i, "i");
+class g {
+  constructor() {
+    s(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(t) {
+    try {
+      if (!p.test(t))
+        return t;
+      const r = this.parser.parseFromString(t, "text/html"), a = r.querySelectorAll(`[${o}]`);
+      let n = !1;
+      return a.forEach((c) => {
+        String(c.getAttribute(o)).toLowerCase() === i && (c.setAttribute(o, E), n = !0);
+      }), n ? r.documentElement.outerHTML : t;
+    } catch (r) {
+      return console.error("SocialIconMigrator failed:", r), t;
+    }
+  }
+}
+function _(e) {
+  return new g().migrate(e);
+}
+export {
+  _ as migrateSocialIcons
+};

package/dist/enums/academy.js

@@ -1,4 +1,4 @@
-const e = "https://academy.insiderone.com/", o = {
+const e = "https://academy.insiderone.com", o = {
   EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
   GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
   AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`

package/dist/enums/date.js

@@ -1,6 +1,5 @@
-const t = "tr-TR", T = "default", L = "UTC";
+const t = "tr-TR", L = "default";
 export {
-  T as DEFAULT,
-  t as DEFAULT_LOCALE,
-  L as DEFAULT_TZ
+  L as DEFAULT,
+  t as DEFAULT_LOCALE
 };

package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js

@@ -1,14 +1,14 @@
-import { ModificationDescription as L, UIElementType as P, UEAttr as D } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { ItemsBlockControlId as R, ItemsBlockId as _ } from "../../enums/controlEnums.js";
-import { productPairs as I } from "../../enums/productEnums.js";
-import { getItemsBlockConfig as d, setItemsBlockConfig as u, escapeReplacement as O } from "../../utils/nodeConfigUtils.js";
-const g = R.PRICE_FORMATTED_PRICE, s = {
+import { ModificationDescription as C, UIElementType as _, UEAttr as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as D } from "../../../common-control.js";
+import { ItemsBlockControlId as R, ItemsBlockId as I } from "../../enums/controlEnums.js";
+import { productPairs as p } from "../../enums/productEnums.js";
+import { getItemsBlockConfig as l, setItemsBlockConfig as h, escapeReplacement as g } from "../../utils/nodeConfigUtils.js";
+const O = R.PRICE_FORMATTED_PRICE, a = {
   FORMATTED_PRICE: "formattedPrice"
 };
-class k extends h {
+class k extends D {
   getId() {
-    return g;
+    return O;
   }
   getTemplate() {
     return `
@@ -18,56 +18,58 @@ class k extends h {
         `;
   }
   onRender() {
-    const t = d(this.currentNode);
-    this.api.updateValues({ [s.FORMATTED_PRICE]: (t == null ? void 0 : t.priceFormatted) ?? !0 }), this.api.onValueChanged(s.FORMATTED_PRICE, (e) => {
-      this._onFormattedPriceChange(e);
+    const e = l(this.currentNode);
+    this.api.updateValues({ [a.FORMATTED_PRICE]: (e == null ? void 0 : e.priceFormatted) ?? !0 }), this.api.onValueChanged(a.FORMATTED_PRICE, (t) => {
+      this._onFormattedPriceChange(t);
     });
   }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
-      const e = d(this.currentNode);
-      this.api.updateValues({ [s.FORMATTED_PRICE]: (e == null ? void 0 : e.priceFormatted) ?? !0 });
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
+      const t = l(this.currentNode);
+      this.api.updateValues({ [a.FORMATTED_PRICE]: (t == null ? void 0 : t.priceFormatted) ?? !0 });
     });
   }
-  _onFormattedPriceChange(t) {
-    if (console.debug("Formatted price changed to: ", t), u(this.currentNode, this.api, { priceFormatted: t }), !this.currentNode)
+  _onFormattedPriceChange(e) {
+    if (console.debug("Formatted price changed to: ", e), !this.currentNode)
       return;
-    const e = d(this.currentNode), n = (e == null ? void 0 : e.type) ?? "CART_ITEMS", i = (e == null ? void 0 : e.priceSinglePrice) ?? !1, r = I.PAIRS_FOR_EXTENSION.price[n], c = I.PAIRS_FOR_EXTENSION.originalPrice[n], [p, m] = t ? [
-      i ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE,
-      i ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED
+    const t = l(this.currentNode), n = (t == null ? void 0 : t.type) ?? "CART_ITEMS", o = (t == null ? void 0 : t.priceSinglePrice) ?? !1, r = p.PAIRS_FOR_EXTENSION.price[n], i = p.PAIRS_FOR_EXTENSION.originalPrice[n], [E, m] = e ? [
+      o ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE,
+      o ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED
     ] : [
-      i ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED,
-      i ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE
-    ], l = i ? c.DEFAULT_SINGLE_PRICE : c.DEFAULT_PRICE, T = i ? c.DEFAULT_SINGLE_PRICE_FORMATTED : c.DEFAULT_PRICE_FORMATTED, [F, A] = t ? [l, T] : [T, l], o = this.currentNode.closest(".items-block"), C = (o == null ? void 0 : o.querySelectorAll(
-      `[esd-extension-block-id="${_.PRICE}"]`
-    )) || [], E = this.api.getDocumentModifier();
-    C.forEach((a) => {
-      this._updatePriceBlock(E, a, p, m);
-    }), ((o == null ? void 0 : o.querySelectorAll(
-      `[esd-extension-block-id="${_.ORIGINAL_PRICE}"]`
-    )) || []).forEach((a) => {
-      this._updatePriceBlock(E, a, F, A);
-    }), E.apply(new L(
-      `Updated price to ${t ? "formatted" : "unformatted"}`
+      o ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED,
+      o ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE
+    ], T = o ? i.DEFAULT_SINGLE_PRICE : i.DEFAULT_PRICE, P = o ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_PRICE_FORMATTED, [F, A] = e ? [T, P] : [P, T], s = this.api.getDocumentModifier();
+    h(this.currentNode, this.api, { priceFormatted: e }, s);
+    const c = this.currentNode.closest(".items-block");
+    ((c == null ? void 0 : c.querySelectorAll(
+      `[esd-extension-block-id="${I.PRICE}"]`
+    )) || []).forEach((d) => {
+      this._updatePriceBlock(s, d, E, m, e);
+    }), ((c == null ? void 0 : c.querySelectorAll(
+      `[esd-extension-block-id="${I.ORIGINAL_PRICE}"]`
+    )) || []).forEach((d) => {
+      this._updatePriceBlock(s, d, F, A, e);
+    }), s.apply(new C(
+      `Updated price to ${e ? "formatted" : "unformatted"}`
     ));
   }
-  _updatePriceBlock(t, e, n, i) {
-    const r = e.getInnerHTML().trim().replace(n, O(i));
-    t.modifyHtml(e).setInnerHtml(r);
+  _updatePriceBlock(e, t, n, o, r) {
+    const i = `data-formated="${r ? "true" : "false"}"`, E = t.getInnerHTML().trim().replace(n, g(o)).replace(/data-formated=(?:"[^"]*"|'[^']*')/g, i);
+    e.modifyHtml(t).setInnerHtml(E);
   }
   _getFormattedPrice() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${P.LABEL}
-                    ${D.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
+                <${_.LABEL}
+                    ${L.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
                 >
-                </${P.LABEL}>
-                ${this._GuToggle(s.FORMATTED_PRICE)}
+                </${_.LABEL}>
+                ${this._GuToggle(a.FORMATTED_PRICE)}
             </div>
         `;
   }
 }
 export {
-  g as CONTROL_BLOCK_ID,
+  O as CONTROL_BLOCK_ID,
   k as PriceFormattedPriceControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .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-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{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-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{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}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .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-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{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-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .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-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{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-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{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}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .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-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{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-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}