@useinsider/guido 1.0.0-beta.e830eab → 1.0.0-beta.e8ee5f5

package/dist/composables/useValidation.d.ts

@@ -0,0 +1,56 @@
+import { type BaseIssue, type BaseSchema, type BaseSchemaAsync } from 'valibot';
+import { type Ref } from 'vue';
+type Base = BaseSchema<unknown, unknown, BaseIssue<unknown>>;
+type BaseAsync = BaseSchemaAsync<unknown, unknown, BaseIssue<unknown>>;
+type MaybeRefOrGetter<T> = T | Ref<T> | (() => T);
+export declare function useValidation<const Schema extends Base = Base>(input: MaybeRefOrGetter<unknown>, schema: Schema): {
+    schema: Schema;
+    validate: () => {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: import("valibot").InferOutput<Schema>;
+        issues: undefined;
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: import("valibot").InferOutput<Schema>;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    };
+};
+export declare function useAsyncValidation<const Schema extends BaseAsync = BaseAsync>(input: MaybeRefOrGetter<unknown>, schema: Schema): {
+    schema: Schema;
+    validate: () => Promise<{
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: import("valibot").InferOutput<Schema>;
+        issues: undefined;
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: import("valibot").InferOutput<Schema>;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    }>;
+};
+export {};

package/dist/composables/useValidation.js

@@ -0,0 +1,19 @@
+import { safeParseAsync as i } from "../node_modules/valibot/dist/index.js";
+import { unref as n } from "vue";
+function c(o, e) {
+  return {
+    schema: e,
+    validate: async () => {
+      var s, t, a;
+      const r = await i(e, n(o), { abortPipeEarly: !0 });
+      return {
+        ...r,
+        error: (s = r.issues) == null ? void 0 : s[0],
+        errorMessage: ((a = (t = r.issues) == null ? void 0 : t[0]) == null ? void 0 : a.message) || ""
+      };
+    }
+  };
+}
+export {
+  c as useAsyncValidation
+};

package/dist/composables/useVersionHistoryApi.js

@@ -1,14 +1,15 @@
-import { useVersionHistoryStore as p } from "../stores/version-history.js";
-import { useToaster as c } from "./useToaster.js";
-const l = () => {
-  const i = p(), { showToaster: s } = c(), t = (e) => {
+import { ToasterTypeOptions as t } from "../enums/toaster.js";
+import { useVersionHistoryStore as c } from "../stores/version-history.js";
+import { useToaster as w } from "./useToaster.js";
+const S = () => {
+  const i = c(), { showToaster: s } = w(), n = (e) => {
     i.$reset(), i.updateState(e);
-  }, n = () => {
+  }, p = () => {
     i.$reset();
   };
   return {
     openVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.openVersionHistory(t, n);
+      window.StripoEditorApi.versionHistoryApi.openVersionHistory(n, p);
     },
     closeVersionHistory: () => {
       window.StripoEditorApi.versionHistoryApi.closeVersionHistory();
@@ -23,7 +24,7 @@ const l = () => {
       window.StripoEditorApi.versionHistoryApi.previewVersion(e, (o) => {
         const r = o instanceof Error ? o.message : String(o);
         s({
-          type: "error",
+          type: t.Alert,
           message: `Error compiling email: ${r}`
         });
       });
@@ -33,14 +34,14 @@ const l = () => {
         e,
         () => {
           s({
-            type: "success",
+            type: t.Success,
             message: `${e} patch restored successfully.`
           });
         },
         (o) => {
           const r = o instanceof Error ? o.message : String(o);
           s({
-            type: "error",
+            type: t.Alert,
             message: `Error compiling email: ${r}`
           });
         }
@@ -49,5 +50,5 @@ const l = () => {
   };
 };
 export {
-  l as useVersionHistoryApi
+  S as useVersionHistoryApi
 };

package/dist/composables/validators/saveAsTemplate.d.ts

@@ -0,0 +1,31 @@
+import type { Ref } from 'vue';
+/**
+ * @description Validates template name with basic checks and availability.
+ * @param name - Input value
+ * @returns Combined validation with name availability check
+ */
+export declare const useTemplateNameValidator: (name: Ref<string>) => {
+    schema: import("valibot").SchemaWithPipeAsync<readonly [import("valibot").StringSchema<undefined>, import("valibot").TrimAction, import("valibot").NonEmptyAction<string, string>, import("valibot").MaxLengthAction<string, 255, string>, import("valibot").CheckActionAsync<string, string>]>;
+    validate: () => Promise<{
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: string;
+        issues: undefined;
+    } | {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: string;
+        issues: [import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string>, ...(import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string>)[]];
+    } | {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string>, ...(import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | import("valibot").CheckIssue<string>)[]];
+    }>;
+};

package/dist/composables/validators/saveAsTemplate.js

@@ -0,0 +1,24 @@
+import { useTemplateLibraryApi as i } from "../../services/templateLibraryApi.js";
+import { pipeAsync as m, checkAsync as s, maxLength as n, nonEmpty as o, trim as c, string as p } from "../../node_modules/valibot/dist/index.js";
+import { useTranslations as l } from "../useTranslations.js";
+import { useAsyncValidation as u } from "../useValidation.js";
+const x = (a) => {
+  const e = l(), { checkTemplateNameAvailability: r } = i(), t = 255;
+  return u(a, m(
+    p(),
+    c(),
+    o(e("whatsapp-business.template-name-required")),
+    n(
+      t,
+      e("validations.enter-up-to-x-characters", {
+        article: "a",
+        field: e("products.template-name"),
+        max: t
+      })
+    ),
+    s(r, e("save-product-card.name-error"))
+  ));
+};
+export {
+  x as useTemplateNameValidator
+};

package/dist/config/compiler/htmlCompilerRules.d.ts

@@ -0,0 +1,2 @@
+import type { CompilerRule } from '@@/Types/html-compiler';
+export declare const defaultHtmlCompilerRules: CompilerRule[];

package/dist/config/compiler/htmlCompilerRules.js

@@ -0,0 +1,145 @@
+const a = [
+  {
+    id: "fix-url-encoding-start",
+    description: "Replace {%22 with %7B%22 to fix URL encoding",
+    type: "replace",
+    search: "{%22",
+    replacement: "%7B%22",
+    replaceAll: !0,
+    priority: 10
+  },
+  {
+    id: "fix-url-encoding-end",
+    description: "Replace %22} with %22%7D to fix URL encoding",
+    type: "replace",
+    search: "%22}",
+    replacement: "%22%7D",
+    replaceAll: !0,
+    priority: 10
+  },
+  {
+    id: "fix-tags-start",
+    description: "Replace %7B%7B with {{ to fix URL encoding",
+    type: "replace",
+    search: "%7B%7B",
+    replacement: "{{",
+    replaceAll: !0,
+    priority: 11
+  },
+  {
+    id: "fix-tags-end",
+    description: "Replace %7D%7D with }} to fix URL encoding",
+    type: "replace",
+    search: "%7D%7D",
+    replacement: "}}",
+    replaceAll: !0,
+    priority: 12
+  },
+  {
+    id: "unescape-inequality-operators-start",
+    description: "Replace &lt; with < to fix URL encoding",
+    type: "replace",
+    search: "&lt;",
+    replacement: "<",
+    replaceAll: !0,
+    priority: 13
+  },
+  {
+    id: "unescape-inequality-operators-end",
+    description: "Replace &gt; with > to fix URL encoding",
+    type: "replace",
+    search: "&gt;",
+    replacement: ">",
+    replaceAll: !0,
+    priority: 14
+  },
+  {
+    id: "remove-apty-iframe",
+    description: "Cleanup Apty Iframe Code",
+    type: "remove",
+    targets: [
+      '<iframe src="about:blank" id="letznav-iframe-script" allowtransparency="true" style="width:1px;height:1px"></iframe>',
+      'src="about:blank" id="letznav-iframe-script" allowtransparency="true" style="width:1px;height:1px"></iframe>'
+    ],
+    priority: 20
+  },
+  {
+    id: "remove-apty-styles",
+    description: "Removing Apty Styles",
+    type: "regex",
+    pattern: '<styles*data-styles="apty_styles"s* type="text/css"s*>((s|.)*?)</style>',
+    replacement: "",
+    flags: "g",
+    priority: 21
+  },
+  {
+    id: "remove-mso-conditions",
+    description: "Removing MSO Conditions",
+    type: "remove",
+    targets: [
+      /<!--\[if\s\(mso 16\)\]>\s*<style\s*\S*>\s*a\s*\{\s*text-decoration\s*:\s*none\s*;*\s*\}\s*<\/style>\s*<!\[endif\]-->/g,
+      /<!--\[if\sgte mso 9\]>\s*<style\s*\S*>\s*sup\s*\{\s*font-size\s*:\s*100%\s*!important\s*;*\s*\}\s*<\/style>\s*<!\[endif\]-->/g,
+      /<!--\[if\sgte mso 9\]>\s*<noscript>\s*<xml>\s*<o:OfficeDocumentSettings>\s*<o:AllowPNG>\s*<\/o:AllowPNG>\s*<o:PixelsPerInch>\d+<\/o:PixelsPerInch>\s*<\/o:OfficeDocumentSettings>\s*<\/xml>\s*<\/noscript>\s*<!\[endif\]-->/g,
+      /<!--\[if mso\]>\s*<xml>\s*<w:WordDocument\s+xmlns:w="urn:schemas-microsoft-com:office:word">\s*<w:DontUseAdvancedTypographyReadingMail><\/w:DontUseAdvancedTypographyReadingMail>\s*<\/w:WordDocument>\s*<\/xml>\s*<!\[endif\]-->/g,
+      /<\!--\[if \!mso\]><\!--\s*\d*\s*-->\s*<\!--\[if \!mso\]><\!--\s*\d*\s*-->\s*<\!--<!\[endif\]-->/g,
+      /<!--\[if\s\!mso\]>\s*<!-- \d -->/g
+    ],
+    priority: 22
+  },
+  {
+    id: "add-mso-conditions",
+    description: "Adding MSO Conditions",
+    type: "custom",
+    processor: (e) => {
+      const t = [
+        `<!--[if gte mso 9]>
+<style>sup {
+    font-size: 100% !important;
+}</style><![endif]-->`,
+        `<!--[if gte mso 9]>
+<noscript>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG></o:AllowPNG>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+</noscript><![endif]-->`,
+        `<!--[if mso]>
+<xml>
+    <w:WordDocument xmlns:w="urn:schemas-microsoft-com:office:word">
+        <w:DontUseAdvancedTypographyReadingMail></w:DontUseAdvancedTypographyReadingMail>
+    </w:WordDocument>
+</xml><![endif]-->`
+      ], s = /<head>([\S\s]*)<\/head>/, o = new RegExp(s);
+      if (!e.match(o))
+        return e;
+      let i = e;
+      return t.forEach((r) => {
+        i = i.replace("</head>", `${r}</head>`);
+      }), i;
+    },
+    priority: 30
+  },
+  {
+    id: "replace-old-image-domain",
+    description: "Replacing old image domains",
+    type: "replace",
+    search: "stripo-editor-image.s3-eu-west-1.amazonaws.com",
+    replacement: "email-static.useinsider.com",
+    replaceAll: !0,
+    priority: 40
+  },
+  {
+    id: "replace-old-v2-image-domain",
+    description: "Replacing old image domains",
+    type: "replace",
+    search: "email.static.useinsider.com",
+    replacement: "email-static.useinsider.com",
+    replaceAll: !0,
+    priority: 41
+  }
+];
+export {
+  a as defaultHtmlCompilerRules
+};

package/dist/enums/defaults.d.ts

@@ -1,4 +1,7 @@
 import type { GuidoConfig } from '@@/Types/generic';
 export declare const DefaultGuidoConfig: GuidoConfig;
-export declare const DefaultProductType = "newsletter";
+export declare const DefaultProductType = "email";
 export declare const DefaultUsername = "Guido User";
+export declare const DefaultMessageType = 1;
+export declare const EditorType: number;
+export declare const ProductIds: Record<string, number>;

package/dist/enums/defaults.js

@@ -1,8 +1,23 @@
-const t = {
-  translationsPath: "window.trans.en"
-}, e = "newsletter", n = "Guido User";
+const e = {
+  translationsPath: "window.trans.en",
+  emailHeader: {
+    senderName: "",
+    subject: ""
+  },
+  features: {
+    dynamicContent: !0,
+    saveAsTemplate: !0,
+    versionHistory: !0
+  }
+}, t = "email", s = "Guido User", a = 1, n = 2, o = {
+  email: 60,
+  architect: 49
+};
 export {
-  t as DefaultGuidoConfig,
-  e as DefaultProductType,
-  n as DefaultUsername
+  e as DefaultGuidoConfig,
+  a as DefaultMessageType,
+  t as DefaultProductType,
+  s as DefaultUsername,
+  n as EditorType,
+  o as ProductIds
 };

package/dist/enums/preview.d.ts

@@ -0,0 +1,13 @@
+export declare const ResponsivePreviewConfig: {
+    DEFAULT_WIDTH: number;
+    MIN_SCALE: number;
+    RESIZE_DEBOUNCE_MS: number;
+};
+export declare const ResponsivePreviewRegex: {
+    INLINE_WIDTH: RegExp;
+    TABLE_WIDTH: RegExp;
+    META_VIEWPORT: RegExp;
+};
+export declare const ResponsivePreviewSelectors: {
+    CONTAINERS: string[];
+};

package/dist/enums/preview.js

@@ -0,0 +1,23 @@
+const e = {
+  DEFAULT_WIDTH: 600,
+  MIN_SCALE: 0.2,
+  RESIZE_DEBOUNCE_MS: 100
+}, i = {
+  INLINE_WIDTH: /width\s*:\s*(\d+(\.\d+)?)px/i,
+  TABLE_WIDTH: /^(\d+(\.\d+)?)(px)?$/i,
+  META_VIEWPORT: /width\s*=\s*device-width/i
+}, n = {
+  CONTAINERS: [
+    ".wrapper",
+    ".container",
+    "#wrapper",
+    "#container",
+    "[data-email-container]",
+    '[role="presentation"]'
+  ]
+};
+export {
+  e as ResponsivePreviewConfig,
+  i as ResponsivePreviewRegex,
+  n as ResponsivePreviewSelectors
+};

package/dist/enums/toaster.d.ts

@@ -0,0 +1,5 @@
+export declare enum ToasterTypeOptions {
+    Success = "success",
+    Warning = "warning",
+    Alert = "alert"
+}

package/dist/enums/toaster.js

@@ -0,0 +1,4 @@
+var c = /* @__PURE__ */ ((r) => (r.Success = "success", r.Warning = "warning", r.Alert = "alert", r))(c || {});
+export {
+  c as ToasterTypeOptions
+};

package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -0,0 +1,6 @@
+import type { DynamicContent } from '@@/Types/generic';
+export declare class ExternalMergeTagsLibrary {
+    selectedDynamicContent: DynamicContent | null;
+    dataSelectCallback: (data: DynamicContent) => void;
+    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
+}

package/dist/extensions/DynamicContent/dynamic-content-modal.js

@@ -0,0 +1,27 @@
+var i = Object.defineProperty;
+var d = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var a = (t, e, n) => d(t, typeof e != "symbol" ? e + "" : e, n);
+class y {
+  constructor() {
+    a(this, "selectedDynamicContent", null);
+    a(this, "dataSelectCallback", () => {
+    });
+  }
+  openMergeTagsLibrary(e, n) {
+    this.dataSelectCallback = n, this.selectedDynamicContent = e;
+    const s = new CustomEvent("dynamic-content:open", {
+      detail: {
+        attribute: e
+      }
+    });
+    document.dispatchEvent(s);
+    const o = (l) => {
+      const c = l.detail;
+      this.selectedDynamicContent = c, c.text && c.value && this.dataSelectCallback(c), document.removeEventListener("dynamic-content:close", o);
+    };
+    document.addEventListener("dynamic-content:close", o);
+  }
+}
+export {
+  y as ExternalMergeTagsLibrary
+};

package/dist/extensions/DynamicContent/dynamic-content.css.js

@@ -0,0 +1,24 @@
+const n = `
+#guido__btn-add-dynamic-content {
+    background-color: transparent;
+}
+
+#guido__btn-add-dynamic-content > button {
+    color: var(--guido-color-primary-500);
+    background-color: transparent;
+    box-shadow: none;
+    padding: 0;
+    border: none;
+}
+
+#guido__btn-add-dynamic-content > button:hover {
+    text-decoration: underline;
+}
+
+.color-primary {
+    color: var(--guido-color-primary-500) !important;
+}
+`;
+export {
+  n as default
+};

package/dist/extensions/DynamicContent/dynamic-content.d.ts

@@ -0,0 +1,16 @@
+import { UIElementType, UIElement, UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
+export declare class DynamicContentTagRegistry extends UIElementTagRegistry {
+    registerUiElements(uiElementsTagsMap: Record<UIElementType, string>): void;
+}
+export declare class DynamicContentUiElementExtension extends UIElement {
+    private mergeTagsButton;
+    private listener;
+    private mergeTagsLibrary;
+    private selectedDynamicContent;
+    getId(): string;
+    onRender(container: HTMLElement): void;
+    onDestroy(): void;
+    _onClick(): void;
+    openMergeTagLibrary(): void;
+    getTemplate(): string;
+}

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -0,0 +1,61 @@
+var o = Object.defineProperty;
+var m = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => m(i, typeof t != "symbol" ? t + "" : t, e);
+import { dynamicContentToMergeTags as l } from "../../utils/genericUtil.js";
+import { d as n } from "../../_virtual/index.js";
+import { ExternalMergeTagsLibrary as g } from "./dynamic-content-modal.js";
+const a = "external-dynamic-content-ui-element", c = "button-add-dynamic-content";
+class p extends n.UIElementTagRegistry {
+  registerUiElements(t) {
+    t[n.UIElementType.MERGETAGS] = a;
+  }
+}
+class u extends n.UIElement {
+  constructor() {
+    super(...arguments);
+    r(this, "mergeTagsButton", null);
+    r(this, "listener", () => {
+    });
+    r(this, "mergeTagsLibrary", null);
+    r(this, "selectedDynamicContent", { value: "", text: "" });
+  }
+  getId() {
+    return a;
+  }
+  onRender(e) {
+    var s;
+    this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
+  }
+  onDestroy() {
+    var e;
+    (e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
+  }
+  _onClick() {
+    this.openMergeTagLibrary();
+  }
+  openMergeTagLibrary() {
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new g()), this.mergeTagsLibrary.openMergeTagsLibrary(
+      this.selectedDynamicContent,
+      (e) => {
+        this.api.onValueChanged(l([e])[0]);
+      }
+    );
+  }
+  getTemplate() {
+    return `
+            <div>
+                <${n.UIElementType.BUTTON} 
+                    id="guido__btn-add-dynamic-content" 
+                    class="btn btn-primary"
+                    ${n.UEAttr.BUTTON.name}="${c}">
+                        <${n.UIElementType.ICON} src="plus" class="icon icon-button color-primary">
+                        </${n.UIElementType.ICON}>
+                        ${this.api.translate("Add Dynamic Content")}
+                </${n.UIElementType.BUTTON}>
+            </div>`;
+  }
+}
+export {
+  p as DynamicContentTagRegistry,
+  u as DynamicContentUiElementExtension
+};

package/dist/extensions/DynamicContent/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

package/dist/extensions/DynamicContent/extension.js

@@ -0,0 +1,11 @@
+import { d as t } from "../../_virtual/index.js";
+import { DynamicContentUiElementExtension as n, DynamicContentTagRegistry as i } from "./dynamic-content.js";
+import e from "./dynamic-content.css.js";
+const s = new t.ExtensionBuilder().addUiElement(n).withStyles(e).withLocalization({
+  en: {
+    "Add Dynamic Content": "Add Dynamic Content"
+  }
+}).withUiElementTagRegistry(i).build();
+export {
+  s as default
+};

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-0e2ff42d]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-0fff376c] .guido__view-option-selection-desktop svg,[data-v-0fff376c] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-0fff376c] .in-segments-wrapper__button_selected,[data-v-0fff376c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-69c35c60],.guido-editor__container[data-v-69c35c60]{width:100%;height:calc(100vh - 75px)}
+.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-421ffc13] .guido__verion-history-view-option-selection-desktop svg,[data-v-421ffc13] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-421ffc13] .in-segments-wrapper__button_selected,[data-v-421ffc13] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-421ffc13] .in-tooltip-wrapper__icon{cursor:pointer}[data-v-aad05c54] .guido__view-option-selection-desktop svg,[data-v-aad05c54] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-aad05c54] .in-segments-wrapper__button_selected,[data-v-aad05c54] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-aad05c54] .in-tooltip-wrapper__icon{cursor:pointer}.guido-editor__wrapper[data-v-84c43576],.guido-editor__container[data-v-84c43576]{width:100%;height:calc(100vh - 75px)}.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}

package/dist/mock/api/default-template.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js

@@ -0,0 +1,51 @@
+import { __exports as e } from "../../../../_virtual/Extension.js";
+var o;
+function m() {
+  if (o) return e;
+  o = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.Extension = void 0;
+  var a = (
+    /** @class */
+    (function() {
+      function t(u, l, i, y, n, p, r, s, h, g, c, f, x, E, d) {
+        i === void 0 && (i = []), n === void 0 && (n = []), r === void 0 && (r = []), s === void 0 && (s = []), this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = u, this.styles = l, this.previewStyles = c, this.uiElements = i, this.uiElementTagRegistry = y, this.controls = n, this.settingsPanelRegistry = p, this.contextActions = r, this.blocks = s, this.externalSmartElementsLibrary = h, this.externalImageLibrary = g, this.externalAiAssistant = f, this.externalDisplayConditionsLibrary = x, this.externalVideoLibrary = E, this.blocksPanel = d, this.id = Math.random().toString(36).substring(2);
+      }
+      return t.prototype.getI18n = function() {
+        return this.i18n;
+      }, t.prototype.getStyles = function() {
+        return this.styles;
+      }, t.prototype.getPreviewStyles = function() {
+        return this.previewStyles;
+      }, t.prototype.getUiElements = function() {
+        return this.uiElements;
+      }, t.prototype.getUiElementTagRegistry = function() {
+        return this.uiElementTagRegistry;
+      }, t.prototype.getControls = function() {
+        return this.controls;
+      }, t.prototype.getSettingsPanelRegistry = function() {
+        return this.settingsPanelRegistry;
+      }, t.prototype.getContextActions = function() {
+        return this.contextActions;
+      }, t.prototype.getBlocks = function() {
+        return this.blocks;
+      }, t.prototype.getId = function() {
+        return this.id;
+      }, t.prototype.getExternalSmartElementsLibrary = function() {
+        return this.externalSmartElementsLibrary;
+      }, t.prototype.getExternalImageLibrary = function() {
+        return this.externalImageLibrary;
+      }, t.prototype.getExternalAiAssistant = function() {
+        return this.externalAiAssistant;
+      }, t.prototype.getExternalDisplayConditionsLibrary = function() {
+        return this.externalDisplayConditionsLibrary;
+      }, t.prototype.getExternalVideoLibrary = function() {
+        return this.externalVideoLibrary;
+      }, t.prototype.getBlocksPanel = function() {
+        return this.blocksPanel;
+      }, t;
+    })()
+  );
+  return e.Extension = a, e;
+}
+export {
+  m as __require
+};