zakeke-configurator-react 0.1.366 → 0.1.367

package/dist/declarations/composer/Module/src/environment.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="../../../../../../../typescript_definitions/declarations/All.d.ts" />
 import { FocusAttributesEventListener } from '@zakeke/zakeke-3d-core';
+import _ from 'lodash';
 import { EventMessage, ExtensionFields, NftForm, NftSettings, OnBeforeSendDataToParent, SceneAnimationsConfig, TryOnMode, TryOnProvidersTypesMapping, VisibleEventMessage } from '.';
 import { PlatformAttributeSelection } from './integrations/Integration';
 import { BootParameters, Camera, Composition, FontFamily, Group, ImageMacroCategory, Item, Product, ProductQuantityRule, SellerSettings, Settings, Template, TemplateMacroCategory, TryOnGenericFineTuningSettings, TryOnProduct, TryOnSeller, AIPresetCategory, AIPreset, AIProductStagingRule, AIProductStagingOptions, AIProductStagingResult, AIVirtualTryOnOptions, AIVirtualTryOnResult, AIVirtualModelRule } from './models';
@@ -203,6 +204,7 @@ export declare class ZakekeEnvironment {
         size: number;
     }) => void;
     renderDesign: () => Promise<void>;
+    debouncedRefresh: _.DebouncedFunc<() => Promise<void>>;
     private debouncedChange;
     restoreLastCameraLocation: () => void;
     private buildRecapProps;

package/dist/declarations/composer/Module/src/integrations/Integration.d.ts

@@ -1,24 +1,24 @@
-import { Item } from "..";
-import { DesignPriceCalculatorRuleBased } from "../../../../libs/pricingRuleBase/DesignPriceCalculatorRuleBased";
-export declare class PlatformAttributeSelection {
-    attributeCode: string;
-    optionCode: string;
-    attributeLabel: string;
-    optionLabel: string;
-    attributeIsEnabled: boolean;
-    optionIsEnabled: boolean;
-    constructor(attributeCode: string, optionCode: string, attributeLabel: string, optionLabel: string, attributeIsEnabled: boolean, optionIsEnabled: boolean);
-}
-export interface Integration {
-    addToCart(composition: any, design: any, model: any, attributes: PlatformAttributeSelection[], designItems: Item[], quantity: number, additionalProperties: Record<string, any>, shopifyNFTPrice: number): void;
-    getPrice(composition: any, design: any, model: any, attributes: PlatformAttributeSelection[], compositionPrice: number, isCustomPricingConfiguratorEnabled: boolean, isCustomPricingRuleBasedEnabled: boolean, quantity: number, shopifyNFTPrice: number): Promise<number | {
-        price: number;
-        isOutOfStock: boolean;
-    }>;
-    getSharedCompositionUrl(compositionDocID: string): Promise<{
-        url: string;
-    }>;
-    setPricingCalculator(pricingCalculator: DesignPriceCalculatorRuleBased): void;
-    close(): void;
-    setPricingCalculator(pricingCalculator: DesignPriceCalculatorRuleBased): void;
-}
+import { Item } from "..";
+import { DesignPriceCalculatorRuleBased } from "../../../../libs/pricingRuleBase/DesignPriceCalculatorRuleBased";
+export declare class PlatformAttributeSelection {
+    attributeCode: string;
+    optionCode: string;
+    attributeLabel: string;
+    optionLabel: string;
+    attributeIsEnabled: boolean;
+    optionIsEnabled: boolean;
+    constructor(attributeCode: string, optionCode: string, attributeLabel: string, optionLabel: string, attributeIsEnabled: boolean, optionIsEnabled: boolean);
+}
+export interface Integration {
+    addToCart(composition: any, design: any, model: any, attributes: PlatformAttributeSelection[], designItems: Item[], quantity: number, additionalProperties: Record<string, any>, shopifyNFTPrice: number): void;
+    getPrice(composition: any, design: any, model: any, attributes: PlatformAttributeSelection[], compositionPrice: number, isCustomPricingConfiguratorEnabled: boolean, isCustomPricingRuleBasedEnabled: boolean, quantity: number, shopifyNFTPrice: number): Promise<number | {
+        price: number;
+        isOutOfStock: boolean;
+    }>;
+    getSharedCompositionUrl(compositionDocID: string): Promise<{
+        url: string;
+    }>;
+    setPricingCalculator(pricingCalculator: DesignPriceCalculatorRuleBased): void;
+    close(): void;
+    setPricingCalculator(pricingCalculator: DesignPriceCalculatorRuleBased): void;
+}

package/dist/declarations/composer/Module/src/integrations/generic.d.ts

@@ -1,16 +1,16 @@
-import { DesignPriceCalculatorRuleBased } from '../../../../libs/pricingRuleBase/DesignPriceCalculatorRuleBased';
-import { Item } from '../models';
-import { Integration, PlatformAttributeSelection } from './Integration';
-export default class MerchantIntegrationGeneric implements Integration {
-    private readonly callbacks;
-    private messageIds;
-    private pricingCalculator;
-    constructor();
-    addToCart(composition: any, design: any, model: any, attributes: PlatformAttributeSelection[], designItems: Item[], quantity: number, additionalProperties: any, shopifyNFTPrice: number): void;
-    getPrice(composition: any, design: any, model: any, attributes: any, compositionPrice: any, isCustomPricingConfiguratorEnabled: any, isCustomPricingRuleBasedEnabled: any, quantity: number): Promise<number>;
-    getSharedCompositionUrl(compositionDocID: string): Promise<{
-        url: string;
-    }>;
-    close(): void;
-    setPricingCalculator(pricingCalculator: DesignPriceCalculatorRuleBased): void;
-}
+import { DesignPriceCalculatorRuleBased } from '../../../../libs/pricingRuleBase/DesignPriceCalculatorRuleBased';
+import { Item } from '../models';
+import { Integration, PlatformAttributeSelection } from './Integration';
+export default class MerchantIntegrationGeneric implements Integration {
+    private readonly callbacks;
+    private messageIds;
+    private pricingCalculator;
+    constructor();
+    addToCart(composition: any, design: any, model: any, attributes: PlatformAttributeSelection[], designItems: Item[], quantity: number, additionalProperties: any, shopifyNFTPrice: number): void;
+    getPrice(composition: any, design: any, model: any, attributes: any, compositionPrice: any, isCustomPricingConfiguratorEnabled: any, isCustomPricingRuleBasedEnabled: any, quantity: number): Promise<number>;
+    getSharedCompositionUrl(compositionDocID: string): Promise<{
+        url: string;
+    }>;
+    close(): void;
+    setPricingCalculator(pricingCalculator: DesignPriceCalculatorRuleBased): void;
+}

package/dist/index.js

@@ -21648,6 +21648,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /// <reference path="../../../typescript_definitions/declarations/All.d.ts" />
 
+console.log('[MODULE BUILD MARKER] v=debouncedRefresh-50ms-diagnostic-2');
 
 
 
@@ -22942,6 +22943,13 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         }
       }, _callee18);
     })));
+    // Debounced 2D texture refresh. Replaces the 3D-core-side item listeners
+    // (MeshDesignManager addItem*/addImageLoaded) that were disabled because they
+    // updated too aggressively. Call after any 2D item mutation in this class so
+    // rapid bursts (drag color picker, typing in text, batch ops) coalesce into one refresh.
+    _defineProperty(this, "debouncedRefresh", (0,lodash__WEBPACK_IMPORTED_MODULE_1__.debounce)(function () {
+      return _this.renderDesign();
+    }, 50));
     _defineProperty(this, "debouncedChange", (0,lodash__WEBPACK_IMPORTED_MODULE_1__.debounce)(function () {
       return _this.trigger('change');
     }, 300));
@@ -24895,7 +24903,11 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
             case 0:
               return _context51.abrupt("return", new Promise(function (resolve, reject) {
                 if (_this.viewer) {
+                  console.log('[environment.removeItem] CALLED', {
+                    guid: guid
+                  });
                   _this.viewer.removeDesignItem(guid, _this.visibleCustomizer);
+                  _this.debouncedRefresh();
                   _this.fireItemsChange();
                   resolve();
                 } else {
@@ -24915,12 +24927,14 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _defineProperty(this, "moveItemUp", function (guid) {
       if (_this.viewer) {
         _this.viewer.moveDesignItemUp(guid, _this.visibleCustomizer);
+        _this.debouncedRefresh();
         _this.fireItemsChange();
       } else throw 'Called move item up but no viewer or viewer not ready';
     });
     _defineProperty(this, "moveItemDown", function (guid) {
       if (_this.viewer) {
         _this.viewer.moveDesignItemDown(guid, _this.visibleCustomizer);
+        _this.debouncedRefresh();
         _this.fireItemsChange();
       } else throw 'Called move item down but no viewer or viewer not ready';
     });
@@ -24931,6 +24945,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
       var sanitizedText = (0,_helpers__WEBPACK_IMPORTED_MODULE_8__.sanitizeTextFromUnsupportedAndEmojiCharacters)(item, text, _this.fonts);
       if (_this.viewer) {
         _this.viewer.setDesignItemText(guid, sanitizedText, _this.visibleCustomizer);
+        _this.debouncedRefresh();
       } else throw 'Called set item text but no viewer or viewer not ready';
       return sanitizedText;
     });
@@ -24948,6 +24963,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         }
         if (font) {
           _this.updateFontWeightForTextItem(guid, font, undefined, italic);
+          _this.debouncedRefresh();
         }
       } else throw 'Called set item italic but no viewer or viewer not ready';
     });
@@ -24965,12 +24981,14 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         }
         if (font) {
           _this.updateFontWeightForTextItem(guid, font, bold, undefined);
+          _this.debouncedRefresh();
         }
       } else throw 'Called set item bold but no viewer or viewer not ready';
     });
     _defineProperty(this, "setItemColor", function (guid, color) {
       if (_this.viewer) {
         _this.viewer.setDesignItemColor(guid, color, _this.visibleCustomizer);
+        _this.debouncedRefresh();
       } else throw 'Called set item color but no viewer or viewer not ready';
     });
     _defineProperty(this, "setItemFontFamily", /*#__PURE__*/function () {
@@ -24980,14 +24998,14 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
           while (1) switch (_context52.prev = _context52.next) {
             case 0:
               if (!_this.viewer) {
-                _context52.next = 21;
+                _context52.next = 22;
                 break;
               }
               font = _this.fonts.find(function (x) {
                 return x.name === fontFamily;
               });
               if (!font) {
-                _context52.next = 19;
+                _context52.next = 20;
                 break;
               }
               // IMPORTANT: Read current styles BEFORE changing the font
@@ -25034,13 +25052,14 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
                   _this.viewer.setDesignItemItalic(guid, false, font, _this.visibleCustomizer);
                 }
               }
+              _this.debouncedRefresh();
               _this.fireItemsChange();
-            case 19:
-              _context52.next = 22;
+            case 20:
+              _context52.next = 23;
               break;
-            case 21:
-              throw 'Called set item font family but no viewer or viewer not ready';
             case 22:
+              throw 'Called set item font family but no viewer or viewer not ready';
+            case 23:
             case "end":
               return _context52.stop();
           }
@@ -25053,6 +25072,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _defineProperty(this, "setItemTextOnPath", function (guid, areaId, value) {
       if (_this.viewer) {
         _this.viewer.setItemTextOnPath(guid, areaId, value, _this.visibleCustomizer);
+        _this.debouncedRefresh();
         _this.fireItemsChange();
       } else throw 'Called toggleItemTextOnPath but no viewer or viewer not ready';
     });
@@ -25138,21 +25158,19 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
           while (1) switch (_context55.prev = _context55.next) {
             case 0:
               if (!_this.viewer) {
-                _context55.next = 10;
+                _context55.next = 9;
                 break;
               }
               _context55.next = 3;
               return _this.viewer.addDesignItemImage(id, areaId, _this.visibleCustomizer);
             case 3:
               guid = _context55.sent;
-              _context55.next = 6;
-              return _this.renderDesign();
-            case 6:
+              _this.debouncedRefresh();
               _this.fireItemsChange();
               return _context55.abrupt("return", guid);
-            case 10:
+            case 9:
               throw 'Called add item text but no viewer or viewer not ready';
-            case 11:
+            case 10:
             case "end":
               return _context55.stop();
           }
@@ -25202,7 +25220,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
           while (1) switch (_context57.prev = _context57.next) {
             case 0:
               if (!_this.viewer) {
-                _context57.next = 9;
+                _context57.next = 10;
                 break;
               }
               image = new MPlaza.Image();
@@ -25211,12 +25229,13 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
               _context57.next = 6;
               return _this.viewer.setDesignItemImage(guid, image, _this.visibleCustomizer);
             case 6:
+              _this.debouncedRefresh();
               _this.fireItemsChange();
-              _context57.next = 10;
+              _context57.next = 11;
               break;
-            case 9:
-              throw 'Called set item image but no viewer or viewer not ready';
             case 10:
+              throw 'Called set item image but no viewer or viewer not ready';
+            case 11:
             case "end":
               return _context57.stop();
           }
@@ -25252,9 +25271,10 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
                                     _context58.next = 2;
                                     return _this.viewer.setDesignItemImage(guid, image, _this.visibleCustomizer);
                                   case 2:
+                                    _this.debouncedRefresh();
                                     _this.fireItemsChange();
                                     resolve();
-                                  case 4:
+                                  case 5:
                                   case "end":
                                     return _context58.stop();
                                 }
@@ -25299,18 +25319,16 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
           while (1) switch (_context61.prev = _context61.next) {
             case 0:
               if (!_this.viewer) {
-                _context61.next = 7;
+                _context61.next = 6;
                 break;
               }
               _context61.next = 3;
               return _this.viewer.setDesignItemSize(guid, width, height, _this.visibleCustomizer);
             case 3:
               console.log('finished item size');
-              _context61.next = 6;
-              return _this.renderDesign();
-            case 6:
+              _this.debouncedRefresh();
               _this.fireItemsChange();
-            case 7:
+            case 6:
             case "end":
               return _context61.stop();
           }
@@ -25325,16 +25343,12 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee61$(_context62) {
           while (1) switch (_context62.prev = _context62.next) {
             case 0:
-              if (!_this.viewer) {
-                _context62.next = 5;
-                break;
+              if (_this.viewer) {
+                _this.viewer.setDesignItemConstraints(guid, constraints, _this.visibleCustomizer);
+                _this.debouncedRefresh();
+                _this.fireItemsChange();
               }
-              _this.viewer.setDesignItemConstraints(guid, constraints, _this.visibleCustomizer);
-              _context62.next = 4;
-              return _this.renderDesign();
-            case 4:
-              _this.fireItemsChange();
-            case 5:
+            case 1:
             case "end":
               return _context62.stop();
           }
@@ -28057,7 +28071,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
               this.viewer.addDesignItemText(_objectSpread(_objectSpread({}, settings), {}, {
                 content: settings.text
               }), areaId, this.visibleCustomizer);
-              this.renderDesign();
+              this.debouncedRefresh();
               _context104.next = 10;
               break;
             case 9:
@@ -28090,7 +28104,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
                 break;
               }
               this.viewer.setDesignPrintingMethod(printingMethodId, areaId, this.visibleCustomizer);
-              this.renderDesign();
+              this.debouncedRefresh();
               _context105.next = 6;
               break;
             case 5: