@useinsider/guido 2.1.0-beta.71300f0 → 2.1.0-beta.786853a

package/README.md

@@ -122,8 +122,6 @@ const config: GuidoConfigInput = {
       senderName?: string,
       subject?: string,
     },
-    savedModulesFolderName?: string,    // Default: 'savedModules' → sent as guido_{partnerName}_{value}
-    defaultModulesFolderName?: string,  // Default: 'defaultModules' → sent as guido_{value}
   },
 
   // Optional: UI settings
@@ -143,11 +141,6 @@ const config: GuidoConfigInput = {
     modulesDisabled?: boolean,    // Default: false - Disable modules panel
   },
 
-  // Optional: Callbacks
-  callbacks?: {
-    externalValidation?: (data: SavedTemplateDetails) => Promise<boolean>,  // Return false to cancel save
-  },
-
   // Optional: Block configuration
   blocks?: {
     excludeDefaults?: DefaultBlockType[],
@@ -258,44 +251,6 @@ const config: GuidoConfigInput = {
 
 ---
 
-## Module Folder Configuration
-
-Customize the Stripo module folder names for saved and default modules:
-
-```typescript
-const config: GuidoConfigInput = {
-  identity: { templateId: 'tpl-123', userId: 'user-456' },
-  partner: { name: 'acme' },
-  editor: {
-    // Custom folder for user-saved modules
-    // Sent to Stripo as: guido_acme_myCustomModules
-    savedModulesFolderName: 'myCustomModules',
-
-    // Custom folder for default/prebuilt modules
-    // Sent to Stripo as: guido_myPrebuilts
-    defaultModulesFolderName: 'myPrebuilts',
-  },
-};
-```
-
-### Folder Naming Convention
-
-| Config Option | Default Value | Stripo Folder Name |
-|--------------|---------------|-------------------|
-| `savedModulesFolderName` | `'savedModules'` | `guido_{partnerName}_{value}` |
-| `defaultModulesFolderName` | `'defaultModules'` | `guido_{value}` |
-
-**Examples with partner name `acme`:**
-
-| Config Value | Result |
-|--------------|--------|
-| `savedModulesFolderName: 'savedModules'` (default) | `guido_acme_savedModules` |
-| `savedModulesFolderName: 'v2_modules'` | `guido_acme_v2_modules` |
-| `defaultModulesFolderName: 'defaultModules'` (default) | `guido_defaultModules` |
-| `defaultModulesFolderName: 'prebuilts'` | `guido_prebuilts` |
-
----
-
 ## HTML Compiler Rules
 
 Add custom rules to transform HTML during export:

package/dist/@types/config/schemas.js

@@ -1,4 +1,4 @@
-import { object as o, number as p, optional as e, string as t, pipe as u, picklist as n, custom as b, boolean as a, array as c, minLength as d, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -15,12 +15,12 @@ const m = {
   /** Unique identifier for the template being edited */
   templateId: u(
     t(),
-    d(1, "templateId is required")
+    p(1, "templateId is required")
   ),
   /** Unique identifier for the user editing the template */
   userId: u(
     t(),
-    d(1, "userId is required")
+    p(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
@@ -28,7 +28,7 @@ const m = {
   /** Partner/organization name (required) */
   name: u(
     t(),
-    d(1, "partner.name is required")
+    p(1, "partner.name is required")
   ),
   /** Product type identifier */
   productType: e(
@@ -60,21 +60,21 @@ const m = {
       value: t()
     })
   )
-}), f = o({
+}), R = o({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(y),
+    a(y),
     []
   ),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(c(p()), []),
+  selectedUnsubscribePages: e(a(b()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
-  forceRecreate: e(a(), !1)
-}), R = o({
+  forceRecreate: e(c(), !1)
+}), f = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -85,33 +85,29 @@ const m = {
   /** Path to translations object */
   translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
-  migrationDate: e(p(), 1759696858),
+  migrationDate: e(b(), 1759696858),
   /** Email header settings */
-  emailHeader: e(R, { senderName: "", subject: "" }),
-  /** Custom folder name for user-saved modules (sent to Stripo as guido_{partnerName}_{savedModulesFolderName}) */
-  savedModulesFolderName: e(t(), "savedModules"),
-  /** Custom folder name for default/prebuilt modules (sent to Stripo as guido_{defaultModulesFolderName}) */
-  defaultModulesFolderName: e(t(), "defaultModules")
+  emailHeader: e(f, { senderName: "", subject: "" })
 }), I = o({
   /** Whether to show the header bar */
-  showHeader: e(a(), !0),
+  showHeader: e(c(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
 }), T = o({
   /** Enable dynamic content insertion */
-  dynamicContent: e(a(), !0),
+  dynamicContent: e(c(), !0),
   /** Enable save as template functionality */
-  saveAsTemplate: e(a(), !0),
+  saveAsTemplate: e(c(), !0),
   /** Enable version history */
-  versionHistory: e(a(), !0),
+  versionHistory: e(c(), !0),
   /** Enable test message sending */
-  testMessage: e(a(), !0),
+  testMessage: e(c(), !0),
   /** Enable display conditions */
-  displayConditions: e(a(), !0),
+  displayConditions: e(c(), !0),
   /** Enable unsubscribe block */
-  unsubscribe: e(a(), !0),
+  unsubscribe: e(c(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1)
+  modulesDisabled: e(c(), !1)
 }), A = n([
   "amp-accordion",
   "amp-carousel",
@@ -134,15 +130,15 @@ const m = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), N = o({
+]), O = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(A),
+    a(A),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    c(g),
+    a(g),
     []
   )
 }), l = o({
@@ -151,8 +147,8 @@ const m = {
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: p()
-}), M = o({
+  priority: b()
+}), E = o({
   ...l.entries,
   type: r("replace"),
   /** String to search for */
@@ -160,8 +156,8 @@ const m = {
   /** Replacement string */
   replacement: t(),
   /** Replace all occurrences (default: false) */
-  replaceAll: e(a())
-}), O = o({
+  replaceAll: e(c())
+}), N = o({
   ...l.entries,
   type: r("regex"),
   /** Regex pattern string */
@@ -170,36 +166,36 @@ const m = {
   replacement: t(),
   /** Regex flags (e.g., 'gi') */
   flags: e(t())
-}), v = o({
+}), L = o({
   ...l.entries,
   type: r("remove"),
   /** Strings or patterns to remove */
-  targets: c(t())
-}), E = o({
+  targets: a(t())
+}), v = o({
   ...l.entries,
   type: r("custom"),
   /** Custom processor function */
-  processor: b(
+  processor: d(
     (i) => typeof i == "function",
     "processor must be a function"
   )
-}), L = k("type", [
-  M,
-  O,
-  v,
-  E
-]), x = o({
+}), x = k("type", [
+  E,
+  N,
+  L,
+  v
+]), B = o({
   /** Custom compiler rules to apply */
-  customRules: e(c(L), []),
+  customRules: e(a(x), []),
   /** Skip default compiler rules */
-  ignoreDefaultRules: e(a(), !1)
-}), B = o({
+  ignoreDefaultRules: e(c(), !1)
+}), P = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    b(
+    d(
       (i) => typeof i == "function",
       "externalValidation must be a function"
     )
@@ -212,7 +208,7 @@ const m = {
   partner: h,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(f, {}),
+  template: e(R, {}),
   /** Editor settings */
   editor: e(C, {}),
   /** UI configuration */
@@ -220,32 +216,32 @@ const m = {
   /** Feature toggles */
   features: e(T, {}),
   /** Block configuration */
-  blocks: e(N, {}),
+  blocks: e(O, {}),
   /** Compiler configuration */
-  compiler: e(x, {}),
+  compiler: e(B, {}),
   /** Callbacks and event handlers */
-  callbacks: e(B, {})
+  callbacks: e(P, {})
 });
 export {
-  N as BlocksSchema,
-  B as CallbacksSchema,
-  L as CompilerRuleSchema,
-  x as CompilerSchema,
+  O as BlocksSchema,
+  P as CallbacksSchema,
+  x as CompilerRuleSchema,
+  B as CompilerSchema,
   g as CustomBlockTypeSchema,
-  E as CustomRuleSchema,
+  v as CustomRuleSchema,
   A as DefaultBlockTypeSchema,
   y as DynamicContentSchema,
   C as EditorSchema,
-  R as EmailHeaderSchema,
+  f as EmailHeaderSchema,
   T as FeaturesSchema,
   D as GuidoConfigSchema,
   S as IdentitySchema,
   m as MessageType,
   h as PartnerSchema,
   s as ProductType,
-  O as RegexRuleSchema,
-  v as RemoveRuleSchema,
-  M as ReplaceRuleSchema,
-  f as TemplateSchema,
+  N as RegexRuleSchema,
+  L as RemoveRuleSchema,
+  E as ReplaceRuleSchema,
+  R as TemplateSchema,
   I as UISchema
 };

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "d2b19ebc"
+  "890b5336"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,64 +1,54 @@
-import { defineComponent as B, defineAsyncComponent as N, ref as R, computed as P, watch as z, onMounted as K, onUnmounted as j } from "vue";
-import { provideGuidoActions as q } from "../composables/useGuidoActions.js";
-import { usePartner as J } from "../composables/usePartner.js";
-import { useStripo as Q } from "../composables/useStripo.js";
-import { useTimerClone as V } from "../composables/useTimerClone.js";
-import { migrate as U } from "../config/migrator/index.js";
-import X from "./organisms/base/Toaster.vue.js";
-import Y from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Z from "./organisms/header/HeaderWrapper.vue.js";
-import ee from "./organisms/LoadingWrapper.vue.js";
-import oe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import te from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ne } from "../services/stripoApi.js";
-import { useConfigStore as se } from "../stores/config.js";
-import { useDynamicContentStore as re } from "../stores/dynamic-content.js";
-import { useEditorStore as ce } from "../stores/editor.js";
-import { usePreviewStore as ae } from "../stores/preview.js";
-import { useUnsubscribeStore as ie } from "../stores/unsubscribe.js";
-const Me = /* @__PURE__ */ B({
+import { defineComponent as B, defineAsyncComponent as P, ref as N, computed as U, watch as R, onMounted as z, onUnmounted as K } from "vue";
+import { provideGuidoActions as M } from "../composables/useGuidoActions.js";
+import { usePartner as j } from "../composables/usePartner.js";
+import { useStripo as q } from "../composables/useStripo.js";
+import { useTimerClone as J } from "../composables/useTimerClone.js";
+import { migrate as W } from "../config/migrator/index.js";
+import Q from "./organisms/base/Toaster.vue.js";
+import V from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import X from "./organisms/header/HeaderWrapper.vue.js";
+import Y from "./organisms/LoadingWrapper.vue.js";
+import Z from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import $ from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ee } from "../services/stripoApi.js";
+import { useConfigStore as oe } from "../stores/config.js";
+import { useDynamicContentStore as te } from "../stores/dynamic-content.js";
+import { useEditorStore as ne } from "../stores/editor.js";
+import { usePreviewStore as re } from "../stores/preview.js";
+import { useUnsubscribeStore as se } from "../stores/unsubscribe.js";
+const Ee = /* @__PURE__ */ B({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(W, { expose: I, emit: t }) {
-    const p = W, L = N(
+  setup(_, { expose: I, emit: t }) {
+    const l = _, L = P(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), A = N(
+    ), A = P(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), v = R(), a = re(), y = ie(), s = se();
-    s.init(p.config);
-    const i = ce(), G = ae(), r = P(() => i.hasChanges), { isTestPartner: H } = J(), h = () => {
+    ), p = N(), c = te(), u = se(), n = oe();
+    n.init(l.config);
+    const i = ne(), F = re(), r = U(() => i.hasChanges), { isTestPartner: G } = j(), v = () => {
       var e;
-      return (e = v.value) == null ? void 0 : e.handleSave(!0);
-    }, {
-      templateId: d,
-      userId: f,
-      partnerName: m,
+      return (e = p.value) == null ? void 0 : e.handleSave(!0);
+    }, { templateId: a, userId: y, partnerName: h, productType: b, username: f, template: o } = n, s = (o == null ? void 0 : o.html) || "", g = (o == null ? void 0 : o.css) || "", m = (o == null ? void 0 : o.preselectedDynamicContent) || [];
+    i.templateId = a;
+    const { initPlugin: S } = q({
+      emailId: a,
+      userId: y,
+      username: f,
+      partnerName: h,
       productType: b,
-      username: g,
-      template: o,
-      editor: n
-    } = s, c = (o == null ? void 0 : o.html) || "", S = (o == null ? void 0 : o.css) || "", l = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || "savedModules", C = (n == null ? void 0 : n.defaultModulesFolderName) || "defaultModules";
-    i.templateId = d;
-    const { initPlugin: D } = Q({
-      emailId: d,
-      userId: f,
-      username: g,
-      partnerName: m,
-      productType: b,
-      preselectedDynamicContentList: l,
-      savedModulesFolderName: `guido_${m}_${w}`,
-      defaultModulesFolderName: `guido_${C}`,
+      preselectedDynamicContentList: m,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: E } = ne(), { cloneTimersOnSave: k, hasTimerBlocks: F } = V(), O = P(() => {
+    }), { getDefaultTemplate: w } = ee(), { cloneTimersOnSave: C, hasTimerBlocks: D } = J(), H = U(() => {
       var e;
-      return !((e = s.ui) != null && e.showHeader);
+      return !((e = n.ui) != null && e.showHeader);
     });
-    q({
+    M({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -72,49 +62,49 @@ const Me = /* @__PURE__ */ B({
         console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const M = (e) => {
-      console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, T = () => {
+    const E = (e) => {
+      console.debug("dynamic-content:close", e), c.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, k = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    z(() => r.value, () => {
+    R(() => r.value, () => {
       t("on-change", r.value);
     });
-    const u = (e) => {
-      const _ = e, { attribute: $, position: x } = _.detail;
-      console.debug("dynamic-content:open", _.detail), t("dynamic-content:open", $, x);
+    const d = (e) => {
+      const T = e, { attribute: O, position: x } = T.detail;
+      console.debug("dynamic-content:open", T.detail), t("dynamic-content:open", O, x);
     };
-    return K(async () => {
+    return z(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        y.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        u.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: c && await U(c),
-          css: S
+          html: s && await W(s),
+          css: g
         };
-        e.html || (e = await E(), e.html = await U(e.html)), F(e.html) && (e.html = await k(e.html)), await D(e), a.selectedDynamicContentList = l;
+        e.html || (e = await w(), e.html = await W(e.html)), D(e.html) && (e.html = await C(e.html)), await S(e), c.selectedDynamicContentList = m;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
-      document.addEventListener("dynamic-content:open", u);
-    }), j(() => {
-      document.removeEventListener("dynamic-content:open", u);
+      document.addEventListener("dynamic-content:open", d);
+    }), K(() => {
+      document.removeEventListener("dynamic-content:open", d);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      s.reset();
+      n.reset();
     }), I({
       dynamicContent: {
-        insert: M,
-        close: T
+        insert: E,
+        close: k
       },
       hasChanges: r,
-      saveSilent: h
-    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: A, headerWrapperRef: v, dynamicContentStore: a, unsubscribeStore: y, props: p, configStore: s, editorStore: i, previewStore: G, hasChanges: r, isTestPartner: H, saveSilent: h, templateId: d, userId: f, partnerName: m, productType: b, username: g, templateConfig: o, editorConfig: n, html: c, css: S, preselectedDynamicContentList: l, savedModulesFolderName: w, defaultModulesFolderName: C, emit: t, initPlugin: D, getDefaultTemplate: E, cloneTimersOnSave: k, hasTimerBlocks: F, noHeader: O, insertDynamicContent: M, closeDynamicContent: T, handleDynamicContentOpen: u, Toaster: X, FilterSelectionDrawer: Y, HeaderWrapper: Z, LoadingWrapper: ee, SaveAsTemplateDrawer: oe, UnsubscribeWrapper: te };
+      saveSilent: v
+    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: A, headerWrapperRef: p, dynamicContentStore: c, unsubscribeStore: u, props: l, configStore: n, editorStore: i, previewStore: F, hasChanges: r, isTestPartner: G, saveSilent: v, templateId: a, userId: y, partnerName: h, productType: b, username: f, templateConfig: o, html: s, css: g, preselectedDynamicContentList: m, emit: t, initPlugin: S, getDefaultTemplate: w, cloneTimersOnSave: C, hasTimerBlocks: D, noHeader: H, insertDynamicContent: E, closeDynamicContent: k, handleDynamicContentOpen: d, Toaster: Q, FilterSelectionDrawer: V, HeaderWrapper: X, LoadingWrapper: Y, SaveAsTemplateDrawer: Z, UnsubscribeWrapper: $ };
   }
 });
 export {
-  Me as default
+  Ee as default
 };

package/dist/composables/useBlocksConfig.js

@@ -1,4 +1,4 @@
-import { useConfigStore as a } from "../stores/config.js";
+import { useConfigStore as l } from "../stores/config.js";
 const r = {
   "amp-accordion": "ampAccordionEnabled",
   "amp-carousel": "ampCarouselEnabled",
@@ -13,7 +13,7 @@ const r = {
   "text-block": "textEnabled",
   "timer-block": "timerEnabled",
   "video-block": "videoEnabled"
-}, l = {
+}, c = {
   "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
   "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
   "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
@@ -21,40 +21,31 @@ const r = {
   "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
   "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
   "items-block": () => import("../extensions/Blocks/Items/extension.js")
-}, s = (o) => {
-  if (!o || !o.length)
+}, a = (n) => {
+  if (!n || !n.length)
     return {};
-  const t = {};
-  return o.forEach((n) => {
-    const e = r[n];
-    e && (t[e] = !1);
-  }), t;
-}, i = async () => [(await import("../extensions/ModulesTabIcons/extension.js")).default], b = async (o) => {
-  const t = await i();
-  if (!o || !o.length)
-    return t;
-  const n = await Promise.all(
-    o.map(async (e) => {
-      const c = l[e];
-      return c ? (await c()).default : null;
-    })
-  );
-  return [
-    ...t,
-    ...n.filter((e) => e !== null)
-  ];
-}, u = () => {
-  const o = a();
+  const e = {};
+  return n.forEach((o) => {
+    const t = r[o];
+    t && (e[t] = !1);
+  }), e;
+}, i = async (n) => !n || !n.length ? [] : (await Promise.all(
+  n.map(async (o) => {
+    const t = c[o];
+    return t ? (await t()).default : null;
+  })
+)).filter((o) => o !== null), m = () => {
+  const n = l();
   return {
     getStripoBlocksConfig: async () => {
-      const n = o.blocks;
+      const o = n.blocks;
       return {
-        baseBlocks: s(n == null ? void 0 : n.excludeDefaults),
-        extensions: await b(n == null ? void 0 : n.includeCustoms)
+        baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
+        extensions: await i(o == null ? void 0 : o.includeCustoms)
       };
     }
   };
 };
 export {
-  u as useBlocksConfig
+  m as useBlocksConfig
 };

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-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-d2b19ebc]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-d2b19ebc]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-d2b19ebc]{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-17dd4d8b]{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-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}