zakeke-configurator-react 0.0.203 → 0.0.204

package/dist/declarations/composer/Module/src/components/tryon/tryOnModels.d.ts

@@ -53,7 +53,7 @@ export interface TryOnProviderProps {
     onReady?: () => void;
     onLoaded?: () => void;
     onClose?: () => void;
-    onPDUpdated: (pd: number) => void;
+    onPDUpdated?: (pd: number) => void;
     onWebcamError: () => void;
 }
 export interface PupillaryDistanceProviderProps {

package/dist/declarations/composer/Module/src/components/tryon/tryOnViewer.d.ts

@@ -23,7 +23,7 @@ export interface TryOnViewProps {
     onReady?: () => void;
     onLoaded?: () => void;
     onClose: () => void;
-    onPDUpdated: (pd: number) => void;
+    onPDUpdated?: (pd: number) => void;
     onWebcamError: () => void;
 }
 export declare const TryOnView: FunctionComponent<TryOnViewProps>;

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

@@ -71,6 +71,7 @@ export declare class ZakekeEnvironment {
     currentAttributesSelection: Object | null;
     currentCompositionInfo: CurrentCompositionInfo | null;
     private copyrightMessageLocalStorageKey;
+    private isPupillaryDistanceMandatory;
     sellerSettings: SellerSettings | null;
     get internalProduct(): MPlaza.Model | null;
     get internalScene(): Zakeke.Scene | null;
@@ -107,7 +108,7 @@ export declare class ZakekeEnvironment {
     visibleEventMessages: VisibleEventMessage[];
     tryOnProductSettings: TryOnProduct | null;
     tryOnSellerSettings: TryOnSeller | null;
-    private pdSettings;
+    pdSettings: number;
     isInfoPointContentVisible: boolean;
     private internalTranslations;
     private integrationVersion;
@@ -317,9 +318,11 @@ export declare class ZakekeEnvironment {
     get canUseTryOn(): boolean;
     get canUsePD(): boolean;
     get isVisibleMeshShownForTryOn(): boolean;
+    get isMandatoryPD(): boolean;
     get isTryOnMeshVisible(): boolean;
     get tryOnMeshVisibleSettings(): TryOnGenericFineTuningSettings | undefined;
-    setPDDistance: (distance: number) => Promise<void>;
+    setPDDistance: (distance: number) => void;
+    pdDistance: () => number;
     exportTryOnMesh: () => Promise<Blob | null>;
     getTryOnSettings: () => Zakeke.TryOnSettings | undefined;
     tryOnCountView: (sellerID: number, providerID: number, modeChosen: TryOnMode) => Promise<void>;

package/dist/declarations/composer/Module/src/state/boot.d.ts

@@ -1,6 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BootParameters } from '..';
-declare const Boot: FC<{
+export interface BootProps {
     parameters?: BootParameters | null;
-}>;
+    children?: React.ReactNode;
+}
+declare const Boot: FC<BootProps>;
 export default Boot;

package/dist/declarations/composer/Module/src/state/providerValue.d.ts

@@ -195,7 +195,9 @@ export interface Zakeke {
     canUsePD: boolean;
     getTryOnSettings: () => Zakeke.TryOnSettings | undefined;
     isTryOnMeshVisible: boolean;
+    isMandatoryPD: boolean;
     isVisibleMeshShownForTryOn: boolean;
     setPDDistance: (distance: number) => void;
+    pdDistance: () => number;
 }
 export {};

package/dist/index.js

@@ -61291,6 +61291,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _tryOnModels__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tryOnModels */ "./src/components/tryon/tryOnModels.ts");
 /* harmony import */ var _hooks_tryonContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/tryonContext */ "./src/hooks/tryonContext.ts");
 /* harmony import */ var _tryOnFrame__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../tryOnFrame */ "./src/components/tryon/tryOnFrame.tsx");
+/* harmony import */ var _state_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../state/provider */ "./src/state/provider.tsx");
 var _templateObject,
   _this = undefined;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -61312,6 +61313,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 // #region interfaces
 var MazingTryOnBaseReceivedMessage = {
   WaitingAuthentication: 'WAITING_AUTH',
@@ -61475,6 +61477,10 @@ var MazingPupillaryDistance = function MazingPupillaryDistance(props) {
   var _useZakekeTryOn2 = (0,_hooks_tryonContext__WEBPACK_IMPORTED_MODULE_3__.useZakekeTryOn)(),
     tryon = _useZakekeTryOn2.tryon,
     setTryon = _useZakekeTryOn2.setTryon;
+  var internalState = (0,_state_provider__WEBPACK_IMPORTED_MODULE_5__.useInternalState)();
+  var stateRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(internalState);
+  stateRef.current = internalState;
+  var store = stateRef.current.state.environment;
   var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
     _useState10 = _slicedToArray(_useState9, 2),
     frameWindow = _useState10[0],
@@ -61522,6 +61528,7 @@ var MazingPupillaryDistance = function MazingPupillaryDistance(props) {
         (_props$onLoaded3 = props.onLoaded) === null || _props$onLoaded3 === void 0 ? void 0 : _props$onLoaded3.call(props);
         break;
       case MazingPupillaryDistanceStateReceivedMessage.PDUpdated:
+        store.setPDDistance(pdState.value.pd);
         (_props$onPDUpdated2 = props.onPDUpdated) === null || _props$onPDUpdated2 === void 0 ? void 0 : _props$onPDUpdated2.call(props, pdState.value.pd);
         break;
       case MazingPupillaryDistanceStateReceivedMessage.PDDataNotFoundError:
@@ -61911,6 +61918,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _defineProperty(this, "currentAttributesSelection", null);
     _defineProperty(this, "currentCompositionInfo", null);
     _defineProperty(this, "copyrightMessageLocalStorageKey", '');
+    _defineProperty(this, "isPupillaryDistanceMandatory", false);
     _defineProperty(this, "sellerSettings", null);
     _defineProperty(this, "themeCompositions", null);
     _defineProperty(this, "currency", 'EUR');
@@ -61941,7 +61949,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _defineProperty(this, "visibleEventMessages", []);
     _defineProperty(this, "tryOnProductSettings", null);
     _defineProperty(this, "tryOnSellerSettings", null);
-    _defineProperty(this, "pdSettings", null);
+    _defineProperty(this, "pdSettings", -1);
     _defineProperty(this, "isInfoPointContentVisible", false);
     _defineProperty(this, "internalTranslations", {
       statics: [],
@@ -62484,7 +62492,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
      */
     _defineProperty(this, "boot", /*#__PURE__*/function () {
       var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(parameters) {
-        var staticTranslations, dynamicTranslations, composerModels, promises;
+        var _this$zkScene2, _this$zkScene2$getTry, _tryOnSettings$typeSe;
+        var staticTranslations, dynamicTranslations, composerModels, promises, tryOnSettings;
         return _regeneratorRuntime().wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
@@ -62659,10 +62668,12 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
               return _this.viewer.loadSceneFromModelAsync(_this.zkProduct, _this.zkScene);
             case 55:
               if (_this.settings.brand) _this.viewer.createBrandLogoButton();
+              tryOnSettings = (_this$zkScene2 = _this.zkScene) === null || _this$zkScene2 === void 0 ? void 0 : (_this$zkScene2$getTry = _this$zkScene2.getTryOnSettings) === null || _this$zkScene2$getTry === void 0 ? void 0 : _this$zkScene2$getTry.call(_this$zkScene2);
+              if (tryOnSettings !== null && tryOnSettings !== void 0 && (_tryOnSettings$typeSe = tryOnSettings.typeSettings) !== null && _tryOnSettings$typeSe !== void 0 && _tryOnSettings$typeSe.mandatoryPD) _this.isPupillaryDistanceMandatory = true;
               _this.trigger('change');
-              _context15.next = 59;
+              _context15.next = 61;
               return _this.handleSceneLoaded();
-            case 59:
+            case 61:
             case "end":
               return _context15.stop();
           }
@@ -64104,7 +64115,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     }());
     _defineProperty(this, "addToCart", /*#__PURE__*/function () {
       var _ref39 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee38(additionalProperties, onBeforeSendDataToParent, legacyScreenshot, nftForm) {
-        var _this$zkScene2;
+        var _this$zkScene3;
         var compositionClientPreviews, sortedBuyScreenshotCameras, buyScreenshotCameras, _iterator6, _step6, camera, preview, formData, file, previewCameraFile;
         return _regeneratorRuntime().wrap(function _callee38$(_context39) {
           while (1) switch (_context39.prev = _context39.next) {
@@ -64116,7 +64127,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
               _this.composition.set('compositionClientPreviews', []);
               compositionClientPreviews = [];
               sortedBuyScreenshotCameras = [];
-              buyScreenshotCameras = (_this$zkScene2 = _this.zkScene) === null || _this$zkScene2 === void 0 ? void 0 : _this$zkScene2.get('cameraLocations').filter(function (x) {
+              buyScreenshotCameras = (_this$zkScene3 = _this.zkScene) === null || _this$zkScene3 === void 0 ? void 0 : _this$zkScene3.get('cameraLocations').filter(function (x) {
                 var _x$get;
                 return ((_x$get = x.get('name')) === null || _x$get === void 0 ? void 0 : _x$get.toLowerCase().indexOf('buy_screenshot_camera_')) !== -1;
               });
@@ -64974,8 +64985,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     }());
     // AR - Augmented Reality
     _defineProperty(this, "isSceneArOnTheFly", function () {
-      var _this$zkScene3;
-      if (_this.viewer) return (_this$zkScene3 = _this.zkScene) === null || _this$zkScene3 === void 0 ? void 0 : _this$zkScene3.getAROnTheFly();
+      var _this$zkScene4;
+      if (_this.viewer) return (_this$zkScene4 = _this.zkScene) === null || _this$zkScene4 === void 0 ? void 0 : _this$zkScene4.getAROnTheFly();
       return false;
     });
     _defineProperty(this, "isArDeviceCompliant", function () {
@@ -65030,10 +65041,10 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
       return false;
     });
     _defineProperty(this, "getPregeneratedARUrl", function (fileType) {
-      var _this$zkScene4, _this$zkScene4$get, _this$zkScene4$get$fi;
-      return (_this$zkScene4 = _this.zkScene) === null || _this$zkScene4 === void 0 ? void 0 : (_this$zkScene4$get = _this$zkScene4.get('arFiles')) === null || _this$zkScene4$get === void 0 ? void 0 : (_this$zkScene4$get$fi = _this$zkScene4$get.find(function (x) {
+      var _this$zkScene5, _this$zkScene5$get, _this$zkScene5$get$fi;
+      return (_this$zkScene5 = _this.zkScene) === null || _this$zkScene5 === void 0 ? void 0 : (_this$zkScene5$get = _this$zkScene5.get('arFiles')) === null || _this$zkScene5$get === void 0 ? void 0 : (_this$zkScene5$get$fi = _this$zkScene5$get.find(function (x) {
         return x.get('fileType') == fileType;
-      })) === null || _this$zkScene4$get$fi === void 0 ? void 0 : _this$zkScene4$get$fi.get('url');
+      })) === null || _this$zkScene5$get$fi === void 0 ? void 0 : _this$zkScene5$get$fi.get('url');
     });
     _defineProperty(this, "getQrCodeArUrl", /*#__PURE__*/function () {
       var _ref62 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee61(device) {
@@ -65409,13 +65420,13 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     });
     _defineProperty(this, "saveComposition", /*#__PURE__*/function () {
       var _ref66 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee65(customPreviewSize, legacyScreenshot, isSharing) {
-        var _this$zkScene5, _customPreviewSize$cu, _customPreviewSize$cu2;
+        var _this$zkScene6, _customPreviewSize$cu, _customPreviewSize$cu2;
         var buyScreenshotCamera, data, design, designItems, itemsNotPlaceholders, nonStaticElementsCount;
         return _regeneratorRuntime().wrap(function _callee65$(_context66) {
           while (1) switch (_context66.prev = _context66.next) {
             case 0:
               console.log('Saving...');
-              buyScreenshotCamera = (_this$zkScene5 = _this.zkScene) === null || _this$zkScene5 === void 0 ? void 0 : _this$zkScene5.get('cameraLocations').find(function (x) {
+              buyScreenshotCamera = (_this$zkScene6 = _this.zkScene) === null || _this$zkScene6 === void 0 ? void 0 : _this$zkScene6.get('cameraLocations').find(function (x) {
                 var _x$get2;
                 return ((_x$get2 = x.get('name')) === null || _x$get2 === void 0 ? void 0 : _x$get2.toLowerCase()) === 'buy_screenshot_camera';
               });
@@ -65816,63 +65827,53 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         return _ref75.apply(this, arguments);
       };
     }());
-    _defineProperty(this, "setPDDistance", /*#__PURE__*/function () {
-      var _ref76 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee75(distance) {
-        return _regeneratorRuntime().wrap(function _callee75$(_context77) {
-          while (1) switch (_context77.prev = _context77.next) {
-            case 0:
-              _this.pdSettings = distance;
-            case 1:
-            case "end":
-              return _context77.stop();
-          }
-        }, _callee75);
-      }));
-      return function (_x72) {
-        return _ref76.apply(this, arguments);
-      };
-    }());
-    _defineProperty(this, "exportTryOnMesh", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee76() {
+    _defineProperty(this, "setPDDistance", function (distance) {
+      _this.pdSettings = distance;
+    });
+    _defineProperty(this, "pdDistance", function () {
+      return _this.pdSettings;
+    });
+    _defineProperty(this, "exportTryOnMesh", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee75() {
       var tryOnMesh;
-      return _regeneratorRuntime().wrap(function _callee76$(_context78) {
-        while (1) switch (_context78.prev = _context78.next) {
+      return _regeneratorRuntime().wrap(function _callee75$(_context77) {
+        while (1) switch (_context77.prev = _context77.next) {
           case 0:
             if (_this.zkScene) {
-              _context78.next = 2;
+              _context77.next = 2;
               break;
             }
-            return _context78.abrupt("return", null);
+            return _context77.abrupt("return", null);
           case 2:
             if (_this.viewer) {
-              _context78.next = 4;
+              _context77.next = 4;
               break;
             }
-            return _context78.abrupt("return", null);
+            return _context77.abrupt("return", null);
           case 4:
             tryOnMesh = _this.viewer.getTryOnMeshVisible();
             if (tryOnMesh) {
-              _context78.next = 7;
+              _context77.next = 7;
               break;
             }
-            return _context78.abrupt("return", null);
+            return _context77.abrupt("return", null);
           case 7:
-            return _context78.abrupt("return", _this.viewer.exportMeshToGLBBlob(tryOnMesh.id));
+            return _context77.abrupt("return", _this.viewer.exportMeshToGLBBlob(tryOnMesh.id));
           case 8:
           case "end":
-            return _context78.stop();
+            return _context77.stop();
         }
-      }, _callee76);
+      }, _callee75);
     })));
     _defineProperty(this, "getTryOnSettings", function () {
       if (_this.zkScene) return _this.zkScene.getTryOnSettings();
       return undefined;
     });
     _defineProperty(this, "tryOnCountView", /*#__PURE__*/function () {
-      var _ref78 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee77(sellerID, providerID, modeChosen) {
-        return _regeneratorRuntime().wrap(function _callee77$(_context79) {
-          while (1) switch (_context79.prev = _context79.next) {
+      var _ref77 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee76(sellerID, providerID, modeChosen) {
+        return _regeneratorRuntime().wrap(function _callee76$(_context78) {
+          while (1) switch (_context78.prev = _context78.next) {
             case 0:
-              _context79.next = 2;
+              _context78.next = 2;
               return _api__WEBPACK_IMPORTED_MODULE_4__.axiosApi.post(Zakeke.config.tryOnApiUrl + 'tryoncount/view', {
                 sellerID: sellerID,
                 providerID: providerID,
@@ -65880,12 +65881,12 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
               });
             case 2:
             case "end":
-              return _context79.stop();
+              return _context78.stop();
           }
-        }, _callee77);
+        }, _callee76);
       }));
-      return function (_x73, _x74, _x75) {
-        return _ref78.apply(this, arguments);
+      return function (_x72, _x73, _x74) {
+        return _ref77.apply(this, arguments);
       };
     }());
   }
@@ -66013,34 +66014,34 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
   }, {
     key: "selectOptionsbyPrompt",
     value: function () {
-      var _selectOptionsbyPrompt = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee78(prompt) {
+      var _selectOptionsbyPrompt = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee77(prompt) {
         var _this$product2,
           _this3 = this;
         var response, _iterator12, _step12, _loop10;
-        return _regeneratorRuntime().wrap(function _callee78$(_context81) {
-          while (1) switch (_context81.prev = _context81.next) {
+        return _regeneratorRuntime().wrap(function _callee77$(_context80) {
+          while (1) switch (_context80.prev = _context80.next) {
             case 0:
               if (prompt) {
-                _context81.next = 2;
+                _context80.next = 2;
                 break;
               }
               throw new Error('Invalid prompt');
             case 2:
-              _context81.next = 4;
+              _context80.next = 4;
               return _api__WEBPACK_IMPORTED_MODULE_4__.axiosApi.get(Zakeke.config.baseApiUrl + 'ai/configuration-by-prompt', {
                 params: {
                   productId: (_this$product2 = this.product) === null || _this$product2 === void 0 ? void 0 : _this$product2.id
                 }
               });
             case 4:
-              response = _context81.sent.data;
+              response = _context80.sent.data;
               _iterator12 = _createForOfIteratorHelper(response);
-              _context81.prev = 6;
+              _context80.prev = 6;
               _loop10 = /*#__PURE__*/_regeneratorRuntime().mark(function _loop10() {
                 var _this3$groups$flatMap;
                 var _step12$value, attributeName, optionName, optionId;
-                return _regeneratorRuntime().wrap(function _loop10$(_context80) {
-                  while (1) switch (_context80.prev = _context80.next) {
+                return _regeneratorRuntime().wrap(function _loop10$(_context79) {
+                  while (1) switch (_context79.prev = _context79.next) {
                     case 0:
                       _step12$value = _slicedToArray(_step12.value, 2), attributeName = _step12$value[0], optionName = _step12$value[1];
                       optionId = (_this3$groups$flatMap = _this3.groups.flatMap(function (x) {
@@ -66055,38 +66056,38 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
                       }
                     case 3:
                     case "end":
-                      return _context80.stop();
+                      return _context79.stop();
                   }
                 }, _loop10);
               });
               _iterator12.s();
             case 9:
               if ((_step12 = _iterator12.n()).done) {
-                _context81.next = 13;
+                _context80.next = 13;
                 break;
               }
-              return _context81.delegateYield(_loop10(), "t0", 11);
+              return _context80.delegateYield(_loop10(), "t0", 11);
             case 11:
-              _context81.next = 9;
+              _context80.next = 9;
               break;
             case 13:
-              _context81.next = 18;
+              _context80.next = 18;
               break;
             case 15:
-              _context81.prev = 15;
-              _context81.t1 = _context81["catch"](6);
-              _iterator12.e(_context81.t1);
+              _context80.prev = 15;
+              _context80.t1 = _context80["catch"](6);
+              _iterator12.e(_context80.t1);
             case 18:
-              _context81.prev = 18;
+              _context80.prev = 18;
               _iterator12.f();
-              return _context81.finish(18);
+              return _context80.finish(18);
             case 21:
             case "end":
-              return _context81.stop();
+              return _context80.stop();
           }
-        }, _callee78, this, [[6, 15, 18, 21]]);
+        }, _callee77, this, [[6, 15, 18, 21]]);
       }));
-      function selectOptionsbyPrompt(_x76) {
+      function selectOptionsbyPrompt(_x75) {
         return _selectOptionsbyPrompt.apply(this, arguments);
       }
       return selectOptionsbyPrompt;
@@ -66100,8 +66101,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
   }, {
     key: "getCameraByName",
     value: function getCameraByName(name) {
-      var _this$zkScene6;
-      var location = (_this$zkScene6 = this.zkScene) === null || _this$zkScene6 === void 0 ? void 0 : _this$zkScene6.get('cameraLocations').find(function (x) {
+      var _this$zkScene7;
+      var location = (_this$zkScene7 = this.zkScene) === null || _this$zkScene7 === void 0 ? void 0 : _this$zkScene7.get('cameraLocations').find(function (x) {
         return x.get('name') == name;
       });
       return location;
@@ -66156,13 +66157,13 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
   }, {
     key: "addItemText",
     value: function () {
-      var _addItemText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee79(settings, areaId) {
+      var _addItemText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee78(settings, areaId) {
         var font;
-        return _regeneratorRuntime().wrap(function _callee79$(_context82) {
-          while (1) switch (_context82.prev = _context82.next) {
+        return _regeneratorRuntime().wrap(function _callee78$(_context81) {
+          while (1) switch (_context81.prev = _context81.next) {
             case 0:
               if (!this.viewer) {
-                _context82.next = 12;
+                _context81.next = 12;
                 break;
               }
               // First download the font
@@ -66170,32 +66171,32 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
                 return x.name === settings.fontFamily;
               });
               if (!font) {
-                _context82.next = 9;
+                _context81.next = 9;
                 break;
               }
-              _context82.next = 5;
+              _context81.next = 5;
               return (0,_fontsManager__WEBPACK_IMPORTED_MODULE_6__.loadFonts)([font]);
             case 5:
               this.viewer.addDesignItemText(_objectSpread(_objectSpread({}, settings), {}, {
                 content: settings.text
               }), areaId);
               this.renderDesign();
-              _context82.next = 10;
+              _context81.next = 10;
               break;
             case 9:
               console.warn("No font found for ".concat(settings.fontFamily));
             case 10:
-              _context82.next = 13;
+              _context81.next = 13;
               break;
             case 12:
               throw 'Called add item text but no viewer or viewer not ready';
             case 13:
             case "end":
-              return _context82.stop();
+              return _context81.stop();
           }
-        }, _callee79, this);
+        }, _callee78, this);
       }));
-      function addItemText(_x77, _x78) {
+      function addItemText(_x76, _x77) {
         return _addItemText.apply(this, arguments);
       }
       return addItemText;
@@ -66288,6 +66289,11 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
       var _this$viewer4;
       return (_this$viewer4 = this.viewer) === null || _this$viewer4 === void 0 ? void 0 : _this$viewer4.isTryOnMeshVisibleEnabledToShow();
     }
+  }, {
+    key: "isMandatoryPD",
+    get: function get() {
+      return this.isPupillaryDistanceMandatory;
+    }
   }, {
     key: "isTryOnMeshVisible",
     get: function get() {
@@ -68292,7 +68298,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-
 // Handle boot when provider is ready
 var Boot = function Boot(_ref) {
   var parameters = _ref.parameters,
@@ -68753,8 +68758,10 @@ var createProviderValue = function createProviderValue(state, dispatch) {
     canUseTryOn: state.environment.canUseTryOn,
     canUsePD: state.environment.canUsePD,
     isTryOnMeshVisible: state.environment.isTryOnMeshVisible,
+    isMandatoryPD: state.environment.isMandatoryPD,
     getTryOnSettings: state.environment.getTryOnSettings.bind(state.environment),
     setPDDistance: state.environment.setPDDistance.bind(state.environment),
+    pdDistance: state.environment.pdDistance,
     setCameraLocked: state.environment.setCameraLocked.bind(state.environment),
     getTemplateUploadRestrictictions: state.environment.getTemplateUploadRestrictictions.bind(state.environment),
     getShareCompositionUrl: state.environment.getShareCompositionUrl.bind(state.environment),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zakeke-configurator-react",
-  "version": "0.0.203",
+  "version": "0.0.204",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/declarations/composer/Module/src/index.d.ts",