@useinsider/guido 2.1.0-beta.bc18abc → 2.1.0-beta.da327fa

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

@@ -3,15 +3,10 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_SINGLE_PRICE;
 export declare class PriceSinglePriceControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    /**
-     * Syncs single price state from nodeConfig.
-     */
-    private _syncSinglePriceFromNodeConfig;
     _onSinglePriceChange(value: boolean): void;
     private _updatePriceBlock;
     _getSinglePrice(): string;

package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts

@@ -3,12 +3,10 @@ import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const CONTROL_BLOCK_ID = "ui-elements-items-block";
 export declare class ItemsBlockControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    onDestroy(): void;
     _getItemsType(): string;
     _getOrientation(): string;
     _getItemInCart(): string;
@@ -18,7 +16,7 @@ export declare class ItemsBlockControl extends CommonControl {
     _initializeSelectItems(): void;
     _listenToFormUpdates(): void;
     _renderTemplate(): void;
-    _getTemplateData(): {
+    _getTemplateData(itemsTypeOverride?: ProductType, itemIdOverride?: string): {
         imageSrc: string;
         name: string;
         price: string;
@@ -26,15 +24,15 @@ export declare class ItemsBlockControl extends CommonControl {
         quantity: string;
         button: string;
     };
-    _updateImageSrc(imageSrc: string): void;
-    _updateName(name: string): void;
-    _updatePrice(price: string): void;
-    _updateOriginalPrice(originalPrice: string): void;
-    _updateQuantity(quantity: string): void;
-    _reOrderTemplate(): void;
-    _updateDataTypeAttributes(itemsType: ProductType): void;
-    _updateDataNumberAttributes(itemId: string): void;
-    _reFillTemplate(): void;
+    _updateImageSrc(imageSrc: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateName(name: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updatePrice(price: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateOriginalPrice(originalPrice: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateQuantity(quantity: string, itemsTypeOverride: ProductType | undefined, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _reOrderTemplate(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateDataTypeAttributes(itemsType: ProductType, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateDataNumberAttributes(itemId: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _reFillTemplate(itemsType?: ProductType): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;
     private _escapeRegex;

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

@@ -66,8 +66,9 @@ export declare function getItemsBlockConfig(currentNode: ImmutableHtmlNode | und
  * @param currentNode - The current node from the control
  * @param api - The API object (ControlApi or BlockApi)
  * @param config - The configuration to set (partial update supported)
+ * @param modifier - Optional document modifier for batching updates
  */
-export declare function setItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined, api: ControlApi | BlockApi, config: Partial<ItemsBlockConfig>): void;
+export declare function setItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined, api: ControlApi | BlockApi, config: Partial<ItemsBlockConfig>, modifier?: ReturnType<typeof api.getDocumentModifier>): void;
 /**
  * Gets the block instance ID from the node config.
  * @param currentNode - The current node from the control

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -66,14 +66,13 @@ export declare abstract class CommonControl extends Control {
      */
     protected getBlockInstanceId(): string | null;
     /**
-     * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync config when switching between block instances.
+     * Handles block instance change detection and UI updates.
+     * This is a helper method for controls that need to update UI when switching between block instances.
      * Uses Stripo V2 nodeConfig API for block instance tracking.
-     * @param syncFunction - Function to call when block instance changes (to sync from node config)
-     * @param updateUI - Function to call to update the UI (called both on change and when same block)
+     * @param updateUI - Function to call to update the UI (called on every update)
      * @returns true if block instance changed, false otherwise
      */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
+    protected handleBlockInstanceChange(updateUI: () => void): boolean;
     _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.bc18abc",
+  "version": "2.1.0-beta.da327fa",
   "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",

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -1,79 +0,0 @@
-import { defineStore as s } from "pinia";
-import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
-const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "Url}"), i = () => {
-  const t = e.cartItemsSelectControlValue;
-  return {
-    itemsType: e.itemsType,
-    itemIds: t,
-    imageLink: n(t),
-    buttonLink: r(t),
-    orientation: e.cardOrientationControlValue,
-    nameTrimming: !0,
-    hideDiscount: !0,
-    currencySymbol: "USD",
-    currencyLocation: "0",
-    formattedPrice: !0,
-    singlePrice: !1,
-    priceOrientation: "vertical",
-    templateData: {
-      imageSrc: "",
-      name: "",
-      price: "",
-      originalPrice: "",
-      quantity: "",
-      button: ""
-    }
-  };
-}, m = s("guidoItemsBlock", {
-  state: () => i(),
-  actions: {
-    setItemsType(t) {
-      this.itemsType = t;
-    },
-    setItemIds(t) {
-      this.itemIds = t, this.imageLink = n(t), this.buttonLink = r(t);
-    },
-    setImageLink(t) {
-      this.imageLink = t;
-    },
-    setButtonLink(t) {
-      this.buttonLink = t;
-    },
-    setOrientation(t) {
-      this.orientation = t;
-    },
-    setNameTrimming(t) {
-      this.nameTrimming = t;
-    },
-    setHideDiscount(t) {
-      this.hideDiscount = t;
-    },
-    setCurrencySymbol(t) {
-      this.currencySymbol = t;
-    },
-    setCurrencyLocation(t) {
-      this.currencyLocation = t;
-    },
-    setFormattedPrice(t) {
-      this.formattedPrice = t;
-    },
-    setSinglePrice(t) {
-      this.singlePrice = t;
-    },
-    setPriceOrientation(t) {
-      this.priceOrientation = t;
-    },
-    setTemplateData(t) {
-      this.templateData = t;
-    },
-    updateFromAttributes(t) {
-      t.itemsType && (this.itemsType = t.itemsType), t.itemIds && this.setItemIds(t.itemIds), t.orientation && (this.orientation = t.orientation);
-    },
-    reset() {
-      Object.assign(this, i());
-    }
-  }
-});
-export {
-  m as useItemsBlockStore
-};

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

@@ -1,45 +0,0 @@
-import type { OrientationType, ProductType } from '@@/Types/extensions/items';
-interface ItemsBlockState {
-    itemsType: ProductType;
-    itemIds: string;
-    imageLink: string;
-    buttonLink: string;
-    orientation: OrientationType;
-    nameTrimming: boolean;
-    hideDiscount: boolean;
-    currencySymbol: string;
-    currencyLocation: string;
-    formattedPrice: boolean;
-    singlePrice: boolean;
-    priceOrientation: 'vertical' | 'horizontal';
-    templateData: {
-        imageSrc: string;
-        name: string;
-        price: string;
-        originalPrice: string;
-        quantity: string;
-        button: string;
-    };
-}
-export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoItemsBlock", ItemsBlockState, {}, {
-    setItemsType(itemsType: ProductType): void;
-    setItemIds(itemIds: string): void;
-    setImageLink(imageLink: string): void;
-    setButtonLink(buttonLink: string): void;
-    setOrientation(orientation: OrientationType): void;
-    setNameTrimming(nameTrimming: boolean): void;
-    setHideDiscount(hideDiscount: boolean): void;
-    setCurrencySymbol(currencySymbol: string): void;
-    setCurrencyLocation(currencyLocation: string): void;
-    setFormattedPrice(formattedPrice: boolean): void;
-    setSinglePrice(singlePrice: boolean): void;
-    setPriceOrientation(priceOrientation: "vertical" | "horizontal"): void;
-    setTemplateData(templateData: ItemsBlockState["templateData"]): void;
-    updateFromAttributes(attributes: {
-        itemsType?: string;
-        itemIds?: string;
-        orientation?: string;
-    }): void;
-    reset(): void;
-}>;
-export {};