@useinsider/guido 2.1.0-beta.e13d291 → 2.1.0-beta.e2d48fe

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.52.0" } }, s = {
+const o = { stripo: { version: "2.54.0" } }, s = {
   guido: o
 };
 export {

package/dist/services/recommendationApi.js

@@ -1,7 +1,7 @@
-import { useHttp as a } from "../composables/useHttp.js";
-import { URLS as s } from "../enums/extensions/recommendationBlock.js";
-const u = () => {
-  const { get: o } = a();
+import { useHttp as c } from "../composables/useHttp.js";
+import { URLS as a } from "../enums/extensions/recommendationBlock.js";
+const R = () => {
+  const { get: o } = c();
   return {
     fetchRecommendationCreateData: async () => {
       try {
@@ -18,15 +18,14 @@ const u = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, c) => {
-      var n;
+    fetchRecommendationProducts: async (e, n) => {
       try {
-        const t = decodeURIComponent(new URLSearchParams(Object.entries(c)).toString());
+        const t = decodeURIComponent(new URLSearchParams(Object.entries(n)).toString());
         console.debug("🏁 Recommendation API Query:", t);
         const r = await o(
-          `${s.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${t}`
         );
-        return ((n = r == null ? void 0 : r.data) == null ? void 0 : n.data) ?? [];
+        return (r == null ? void 0 : r.data) ?? [];
       } catch (t) {
         throw console.error("fetchRecommendationProducts error:", t), t;
       }
@@ -34,5 +33,5 @@ const u = () => {
   };
 };
 export {
-  u as useRecommendationApi
+  R as useRecommendationApi
 };

package/dist/src/components/wrappers/WpDrawer.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionStatus: boolean;
     descriptionText: string;
 }>>>, {
-    size: "small" | "medium" | "large";
     className: string;
+    size: "small" | "medium" | "large";
     closeOnOutsideClick: boolean;
     descriptionStatus: boolean;
     descriptionText: string;

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

@@ -23,5 +23,4 @@ export declare class ItemsBlock extends Block {
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): void;
 }

package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.BUTTON_LINK;
 export declare class ButtonLinkControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -2,7 +2,6 @@ import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
 export declare class ItemsBlockCardCompositionControl extends CommonControl {
-    private store;
     private visibilityState;
     getId(): string;
     getTemplate(): string;
@@ -19,10 +18,11 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
      * If itemsType is not BROWSED_ITEMS, show quantity
      * If itemsType is BROWSED_ITEMS, hide quantity
      * and mark it as '0'
+     * @param syncOnly - If true, only sync local state and UI without modifying the document
      */
-    _handleBrowsedItemsQuantity(): void;
-    _applyVisibilityStyles(): void;
-    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
+    _handleBrowsedItemsQuantity(syncOnly?: boolean): void;
+    _applyVisibilityStyles(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateVisibilityAttribute(elementName: string, isVisible: boolean, modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
     _listenToFormUpdates(): void;
     _onProductImageChange(value: boolean): void;
     _onProductNameChange(value: boolean): void;
@@ -37,6 +37,6 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
      *   - When price is hidden, original price cell expands to 100%
      *   - When both are visible, they share 50% each
      */
-    _updatePriceCellWidthsForVerticalLayout(): void;
+    _updatePriceCellWidthsForVerticalLayout(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
     _onProductButtonChange(value: boolean): void;
 }

package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.IMAGE_LINK;
 export declare class ImageLinkControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

package/dist/src/extensions/Blocks/Items/controls/name/trimming.d.ts

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.NAME_TRIMMING;
 export declare class NameTrimmingControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_CURRENCY_LOCATION;
 export declare class PriceCurrencyLocationControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_CURRENCY_SYMBOL;
 export declare class PriceCurrencySymbolControl extends CommonControl {
-    private store;
     private originalPriceContents;
     getId(): string;
     getTemplate(): string;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_FORMATTED_PRICE;
 export declare class PriceFormattedPriceControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_HIDE_DISCOUNT;
 export declare class PriceHideDiscountControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ 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;

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/Recommendation/block.d.ts

@@ -1,10 +1,3 @@
-/**
- * Recommendation Block
- *
- * Main block class for the Recommendation extension.
- * Handles block lifecycle including configuration initialization and migration.
- */
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "recommendation-block";
 export declare class RecommendationBlock extends Block {
@@ -15,31 +8,4 @@ export declare class RecommendationBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    /**
-     * Called when a new block is dropped into the template
-     *
-     * Initializes the block with default configuration stored via node config.
-     * This ensures the configuration persists with the template.
-     * @param node - The newly created block node
-     */
-    onCreated(node: ImmutableHtmlNode): void;
-    /**
-     * Called when the document changes or template is loaded
-     *
-     * Handles migration from legacy templates that don't have node config.
-     * Also handles config version upgrades for future migrations.
-     * @param node - The block node that may need migration
-     */
-    onDocumentChanged(node: ImmutableHtmlNode): void;
-    /**
-     * Migrate configuration from legacy format
-     *
-     * Legacy templates may store configuration in:
-     * - data-attributes (data-layout, data-card-composition, etc.)
-     * - Pinia store (lost on reload - this is what we're fixing)
-     *
-     * This method reads what we can from the DOM and initializes proper node config.
-     * @param node - The block node to migrate
-     */
-    private _migrateFromLegacy;
 }

package/dist/src/extensions/Blocks/Recommendation/{controls/cardComposition/index.d.ts → cardCompositionControl.d.ts}

@@ -1,5 +1,5 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { CommonControl } from '../../../common-control';
+import { CommonControl } from '../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
 export interface CardCompositionItem {
     key: string;
@@ -7,8 +7,6 @@ export interface CardCompositionItem {
     visible: boolean;
 }
 export declare class RecommendationCardCompositionControl extends CommonControl {
-    private store;
-    private unsubscribeOrientation;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
@@ -59,12 +57,10 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     /**
      * Apply the reordered composition to the block's HTML structure
      * Updates the data-card-composition attribute and reorders product attributes
-     * Note: Reordering is only applied for grid layout
      */
     private _applyCompositionToBlock;
     /**
-     * Reorders attribute rows within each product card based on composition order
-     * Targets the tbody inside each product-attribute-cell to preserve card structure
+     * Reorders attribute rows within each product row based on composition order
      */
     private _reorderProductAttributes;
     /**
@@ -73,23 +69,7 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _buildCompositionHtml;
     /**
      * Apply visibility changes to the block's HTML structure
-     * Updates display style and data-visibility attribute for all matching elements
-     * - <tr> elements: use display: none / table-row
-     * - <td> elements: use display: none / table-cell
+     * Updates display style and data-visibility attribute for all matching rows
      */
     private _applyVisibilityToBlock;
-    /**
-     * Gets the current layout orientation from store or DOM
-     */
-    private _getCurrentLayout;
-    /**
-     * Updates orderable state based on layout orientation
-     * Adds/removes disabled class to hide drag icons for list layout
-     */
-    private _updateOrderableState;
-    /**
-     * Subscribe to store orientation changes
-     * Updates orderable state when layout changes via the layout control
-     */
-    private _subscribeToOrientationChanges;
 }

package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts}

@@ -1,3 +1,27 @@
+/**
+ * Attribute type constants used in templates
+ * These are used as keys in ElementRenderer and composition arrays
+ */
+export declare const ATTR_PRODUCT_IMAGE = "productImage";
+export declare const ATTR_PRODUCT_NAME = "productName";
+export declare const ATTR_PRODUCT_PRICE = "productPrice";
+export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
+export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
+export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
+export declare const ATTR_PRODUCT_BUTTON = "productButton";
+/**
+ * Block IDs used in the Recommendation Extension
+ * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
+ */
+export declare enum RecommendationBlockId {
+    BUTTON = "recommendation-block-button",
+    NAME = "recommendation-block-name",
+    PRICE = "recommendation-block-price",
+    OLD_PRICE = "recommendation-block-old-price",
+    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
+    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
+    IMAGE = "recommendation-block-image"
+}
 /**
  * Control IDs used in the Recommendation Extension
  * These IDs are returned by the getId() method of each control

package/dist/src/extensions/Blocks/Recommendation/control.d.ts

@@ -0,0 +1,38 @@
+import { CommonControl } from '../common-control';
+export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
+export declare class RecommendationBlockControl extends CommonControl {
+    private store;
+    private storeUnsubscription;
+    private addFilterListener;
+    private addFilterButton;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): Promise<void>;
+    onDestroy(): void;
+    _setFormValues(): void;
+    _initializeSelectItems(): void;
+    _getAlgorithms(): string;
+    _getLanguages(): string;
+    _getCurrency(): string;
+    _getProductLayout(): string;
+    _getFilterStatus(): string;
+    _getShuffleProducts(): string;
+    _onFilterSelectClick(): void;
+    _onDataChange(item: string, value: string | number | string[]): void;
+    /**
+     * Get the current card composition from block data attribute or use default
+     */
+    _getCardComposition(): string[];
+    _regenerateProductRows(): void;
+    /**
+     * Reapply spacing values after product regeneration
+     * This ensures spacing persists when products are regenerated
+     */
+    _reapplySpacing(): void;
+    _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
+    _onCurrencyConfigChange(item: string, value: string | number): void;
+    _onCurrencyChange(value: string): void;
+    _setProductIdsVisibility(): void;
+    _listenToFormUpdates(): void;
+    _listenStateUpdates(): void;
+}