@useinsider/guido 1.0.3-beta.ea69f4a → 1.0.3-beta.f2389d0

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

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

package/dist/guido.css

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

package/dist/src/composables/useActionsApi.d.ts

@@ -5,5 +5,4 @@ export declare const useActionsApi: () => {
     getTemplateData: () => Promise<TemplateData>;
     activateCustomViewStyles: (isActive?: boolean) => void;
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
-    updateTimerInClonedTemplate: () => Promise<string | null>;
 };

package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+import { ItemsBlockControlId } from '../../enums/controlEnums';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_ORIENTATION;
+export declare class PriceOrientationControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _onPriceOrientationChange(value: string): void;
+    private _updateHorizontalLayout;
+    private _updateVerticalLayout;
+    _getPriceOrientation(): string;
+}

package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts

@@ -44,6 +44,7 @@ export declare enum ItemsBlockControlId {
     PRICE_FORMATTED_PRICE = "items-block-price-formatted-price-control",
     PRICE_CURRENCY_SYMBOL = "items-block-price-currency-symbol-control",
     PRICE_CURRENCY_LOCATION = "items-block-price-currency-location-control",
+    PRICE_ORIENTATION = "items-block-price-orientation-control",
     NAME_ALIGN = "items-block-name-align-control",
     NAME_COLOR = "items-block-name-color-control",
     NAME_SIZE = "items-block-name-size-control",

package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts

@@ -8,6 +8,7 @@ export declare const configAttributes: {
     PRODUCT_PRICE_FORMATTED: string;
     PRODUCT_PRICE_CURRENCY_SYMBOL: string;
     PRODUCT_PRICE_CURRENCY_LOCATION: string;
+    PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: string;
     PRODUCT_BUTTON_LINK: string;
     PRODUCT_IMAGE_LINK: string;
     PRODUCT_NAME_CONTROL_VALUE: string;

package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts

@@ -40,6 +40,7 @@ export declare const DefaultConfigValues: {
     productPriceVisible: string;
     productOriginalPriceVisible: string;
     productButtonVisible: string;
+    productImageWidth: string;
 };
 export declare const ItemInCartOptions: {
     [x: string]: {

package/dist/src/extensions/Blocks/Items/store/items-block.d.ts

@@ -10,6 +10,7 @@ interface ItemsBlockState {
     currencySymbol: string;
     currencyLocation: string;
     formattedPrice: boolean;
+    priceOrientation: 'vertical' | 'horizontal';
     templateData: {
         imageSrc: string;
         name: string;
@@ -30,6 +31,7 @@ export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoI
     setCurrencySymbol(currencySymbol: string): void;
     setCurrencyLocation(currencyLocation: string): void;
     setFormattedPrice(formattedPrice: boolean): void;
+    setPriceOrientation(priceOrientation: "vertical" | "horizontal"): void;
     setTemplateData(templateData: ItemsBlockState["templateData"]): void;
     updateFromAttributes(attributes: {
         itemsType?: string;

package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts

@@ -42,3 +42,9 @@ export declare function syncButtonLinkFromAttributes(currentNode: ImmutableHtmlN
  * @param currentNode - The current node from the control (usually this.currentNode)
  */
 export declare function syncImageLinkFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
+/**
+ * Reads price orientation value from esd-config-block attribute and updates the store.
+ * This makes the price orientation value mutable by syncing it from the DOM.
+ * @param currentNode - The current node from the control (usually this.currentNode)
+ */
+export declare function syncPriceOrientationFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;

package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts

@@ -1,4 +1,4 @@
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import type { ImmutableHtmlElementNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
 export declare class UnsubscribeBlock extends Block {
@@ -12,9 +12,8 @@ export declare class UnsubscribeBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): undefined;
-    onDelete(node: ImmutableHtmlNode): undefined;
+    onSelect(node: ImmutableHtmlElementNode): void;
+    onDelete(node: ImmutableHtmlElementNode): void;
     onDestroy(): void;
     private _setupSelectEventListener;
     private _removeSelectEventListener;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.ea69f4a",
+  "version": "1.0.3-beta.f2389d0",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -41,6 +41,8 @@
     "vue": "2.7.14"
   },
   "devDependencies": {
+    "@commitlint/cli": "20.2.0",
+    "@commitlint/config-conventional": "20.2.0",
     "@cspell/eslint-plugin": "8.17.5",
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",

package/dist/composables/useTimerClone.js

@@ -1,67 +0,0 @@
-import { useToaster as I } from "./useToaster.js";
-const M = () => {
-  const { handleError: d } = I(), a = (n) => /esd-timer-id="(\d+)"/.test(n), c = async (n, s) => {
-    try {
-      console.debug("[TIMER CLONE] Calling Stripo API to clone timers...");
-      const e = await fetch("https://plugins.stripo.email/api/v1/timers/clone", {
-        method: "POST",
-        headers: {
-          "ES-PLUGIN-AUTH": `Bearer ${s}`,
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({ html: n })
-      });
-      if (console.debug("[TIMER CLONE] API response status:", e.status), !e.ok) {
-        const r = await e.text();
-        throw console.debug("[TIMER CLONE] API error:", r), new Error(`Stripo API error: ${e.status} ${e.statusText}`);
-      }
-      const t = await e.json();
-      return console.debug("[TIMER CLONE] Timers cloned successfully. Map:", t.timersMap), console.debug("[TIMER CLONE] Old HTML length:", n.length), console.debug("[TIMER CLONE] New HTML length:", t.html.length), t.html;
-    } catch (e) {
-      return console.debug("[TIMER CLONE] Error:", e), d(e, "Failed to clone timer IDs"), null;
-    }
-  };
-  return {
-    hasTimerBlocks: a,
-    cloneTimersInHtml: c,
-    updateTimersOnLoad: async (n) => {
-      var s, e, t, r, l, u;
-      try {
-        console.debug("[TIMER CLONE] Starting timer update on template load...");
-        const o = (e = (s = window.UIEditor) == null ? void 0 : s.getHtml) == null ? void 0 : e.call(s);
-        if (!o) {
-          console.debug("[TIMER CLONE] No HTML found, skipping timer update");
-          return;
-        }
-        const E = a(o);
-        if (console.debug("[TIMER CLONE] Has timer blocks?", E), !E)
-          return;
-        const T = o.match(/esd-timer-id="(\d+)"/g);
-        console.debug("[TIMER CLONE] Current timer IDs:", T), console.debug("[TIMER CLONE] Getting auth token...");
-        const p = await n();
-        if (!p) {
-          console.debug("[TIMER CLONE] No auth token available, skipping timer update");
-          return;
-        }
-        const i = await c(o, p);
-        if (!i) {
-          console.debug("[TIMER CLONE] API returned no updated HTML");
-          return;
-        }
-        if (i === o) {
-          console.debug("[TIMER CLONE] HTML unchanged, no update needed");
-          return;
-        }
-        const m = i.match(/esd-timer-id="(\d+)"/g);
-        console.debug("[TIMER CLONE] New timer IDs:", m);
-        const g = ((r = (t = window.UIEditor) == null ? void 0 : t.getCss) == null ? void 0 : r.call(t)) || "";
-        console.debug("[TIMER CLONE] Updating editor with new HTML..."), (u = (l = window.StripoEditorApi) == null ? void 0 : l.actionsApi) != null && u.updateHtmlAndCss ? (window.StripoEditorApi.actionsApi.updateHtmlAndCss(i, g), console.debug("[TIMER CLONE] ✅ Editor updated successfully!")) : console.debug("[TIMER CLONE] updateHtmlAndCss method not available");
-      } catch (o) {
-        console.debug("[TIMER CLONE] Error updating timers:", o), d(o, "Failed to update timer blocks");
-      }
-    }
-  };
-};
-export {
-  M as useTimerClone
-};

package/dist/src/composables/useTimerClone.d.ts

@@ -1,5 +0,0 @@
-export declare const useTimerClone: () => {
-    hasTimerBlocks: (html: string) => boolean;
-    cloneTimersInHtml: (html: string, authToken: string) => Promise<string | null>;
-    updateTimersOnLoad: (getToken: () => Promise<string>) => Promise<void>;
-};