@crystaldesign/diva-web-planner-react 26.11.0-beta.3 → 26.11.0-beta.30

package/build/esm/{Planner2DGrid-be22bf89.js → Planner2DGrid-2b75d076.js}

@@ -1,7 +1,9 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-899b8922.js';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import './index-cb3f6a27.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -9,10 +11,8 @@ import 'react';
 import 'react-dynamic-multi-render';
 import 'react/jsx-runtime';
 import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
@@ -23,7 +23,13 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG = getLogger('Planner', 'Planner2DGrid');
+
+/** Upper bound for one fabric SVG parse; buildSvgShape must never hang. */
+var SVG_PARSE_TIMEOUT_MS = 10000;
 var Planner2DGrid = /*#__PURE__*/function () {
   function Planner2DGrid(getConfiguratorState, getPlannerElementById, getPlannerViewConfig, forceViewToEnterPlannerMode, plannerPaletteViewInfo, settingsState) {
     var _this = this;
@@ -33,6 +39,8 @@ var Planner2DGrid = /*#__PURE__*/function () {
     _defineProperty(this, "dimGroupWidthName", 'DimensionGroup_Width');
     _defineProperty(this, "dimGroupHeightName", 'DimensionGroup_Height');
     _defineProperty(this, "canvas", void 0);
+    /** Counts render passes so an overtaken one cannot paint: shape building is async, so passes finish in completion order, not call order. */
+    _defineProperty(this, "renderGeneration", 0);
     _defineProperty(this, "canvas2DGridID", 'wcConfigurator-grid-2D-canvas');
     _defineProperty(this, "borderFactorHori", 0.7);
     //70 % des screens soll von der Planung ausgefüllt werden
@@ -604,61 +612,200 @@ var Planner2DGrid = /*#__PURE__*/function () {
     }
 
     /**
-     * This function is called in order to render the whole canvas with all planner shapes. First it cleans everything and then it updates everything.
-     * @param plannerElements   All planner elements in the scene
-     * @param boundingBox       The size and position information of the current planning
+     * Builds the fabric shape of every element that carries SVG data but no shape yet.
+     * The engine clears the shape when an element's SVG is reloaded, so a missing shape means stale or never built.
      */
   }, {
-    key: "updatePlannerView",
-    value: function updatePlannerView(plannerUIHandler, plannerElementsDict, boundingBox) {
-      var _this3 = this;
-      LOG.debug('UpdatePlanner2DGrid', 'Planner2DGrid');
-      this.clearView();
-      var curCanvasSize = plannerUIHandler.getCanvas2DGridSize();
-      if (this.canvas.getWidth() != curCanvasSize.x) this.canvas.setWidth(curCanvasSize.x);
-      if (this.canvas.getHeight() != curCanvasSize.y) this.canvas.setHeight(curCanvasSize.y);
-      if (plannerElementsDict.size == 0) return;
-      var allplannerSVGs = [];
-      plannerElementsDict.forEach(function (plannerElements, setId) {
-        for (var i = 0; i < plannerElements.length; i++) {
-          if (plannerElements[i].getSVGShapeOLF2D()) {
-            var svgShape2D = plannerElements[i].getSVGShapeOLF2D();
-            svgShape2D.scaleX = 1 / DivaUtils.UnitRecalc;
-            svgShape2D.scaleY = 1 / DivaUtils.UnitRecalc;
-            var corner = _this3.getWorldCorner(plannerElements[i], false);
-            svgShape2D.left = corner.x - boundingBox.worldPos.x;
-            svgShape2D.top = corner.z - boundingBox.worldPos.y;
-            svgShape2D.angle = plannerElements[i].getRotDeg();
-            allplannerSVGs.push(svgShape2D);
+    key: "ensureSvgShapes",
+    value: (function () {
+      var _ensureSvgShapes = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(plannerElementsDict) {
+        var _this3 = this;
+        var pending;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              pending = [];
+              plannerElementsDict.forEach(function (plannerElements) {
+                var _iterator = _createForOfIteratorHelper(plannerElements),
+                  _step;
+                try {
+                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                    var plannerElement = _step.value;
+                    if (plannerElement.getSVGShapeOLF2D() || !plannerElement.SvgData) continue;
+                    pending.push(_this3.buildSvgShape(plannerElement));
+                  }
+                } catch (err) {
+                  _iterator.e(err);
+                } finally {
+                  _iterator.f();
+                }
+              });
+              _context.next = 4;
+              return Promise.all(pending);
+            case 4:
+            case "end":
+              return _context.stop();
           }
+        }, _callee);
+      }));
+      function ensureSvgShapes(_x) {
+        return _ensureSvgShapes.apply(this, arguments);
+      }
+      return ensureSvgShapes;
+    }()
+    /**
+     * Parses the element's SVG into a fabric group. MUST always settle: fabric silently drops its callback
+     * on a malformed shape, and this promise is awaited up into the basket save, which would then hang forever.
+     */
+    )
+  }, {
+    key: "buildSvgShape",
+    value: function buildSvgShape(plannerElement) {
+      var _this4 = this;
+      return new Promise(function (resolve) {
+        var settled = false;
+        var finish = function finish() {
+          if (settled) return;
+          settled = true;
+          clearTimeout(timeout);
+          resolve();
+        };
+        var timeout = setTimeout(function () {
+          LOG.warn("2D shape build timed out after ".concat(SVG_PARSE_TIMEOUT_MS, "ms \u2014 element rendered without its SVG shape"), 'Planner2DGrid');
+          finish();
+        }, SVG_PARSE_TIMEOUT_MS);
+        try {
+          fabric.loadSVGFromString(plannerElement.SvgData, function (objects, options) {
+            // A late callback must be ignored: the element may already carry a newer SVG, and a stale shape counts as present.
+            if (settled) return;
+            try {
+              _this4.applySvgShape(plannerElement, objects, options);
+            } catch (error) {
+              LOG.warn("2D shape build failed: ".concat(error instanceof Error ? error.message : String(error)), 'Planner2DGrid');
+            }
+            finish();
+          });
+        } catch (error) {
+          LOG.warn("2D shape parse threw: ".concat(error instanceof Error ? error.message : String(error)), 'Planner2DGrid');
+          finish();
         }
       });
-      this.calcZoomFactor(boundingBox);
-      if (this.currZoomFactor > this.maxZoom) this.currZoomFactor = this.maxZoom;
-      var screenPosSet = new Vector2(boundingBox.worldPos.x * this.currZoomFactor, boundingBox.worldPos.y * this.currZoomFactor);
-      var setGroup = new fabric.Group(allplannerSVGs, {
+    }
+  }, {
+    key: "applySvgShape",
+    value: function applySvgShape(plannerElement, objects, options) {
+      for (var objNo = 0; objNo < objects.length; objNo++) {
+        var _object$id;
+        var object = objects[objNo];
+        object.setCoords();
+        var objID = (_object$id = object.id) === null || _object$id === void 0 ? void 0 : _object$id.toString();
+        if (objID && (objID.startsWith('OLF') || objID.startsWith('OLT'))) {
+          object.stroke = 'none';
+        }
+      }
+      var shape = fabric.util.groupSVGElements(objects, options);
+      shape.set({
         originX: 'left',
         originY: 'top',
-        left: screenPosSet.x,
-        top: screenPosSet.y,
-        opacity: 1,
-        scaleX: this.currZoomFactor,
-        scaleY: this.currZoomFactor,
-        hasControls: false,
-        selectable: false,
-        hoverCursor: 'default'
+        lockRotation: true,
+        hasRotatingPoint: true,
+        lockUniScaling: true,
+        lockScalingX: true,
+        lockScalingY: true,
+        scaleX: 1,
+        scaleY: 1,
+        left: 0,
+        top: 0
       });
-      var offsetX = this.canvas.getWidth() / 2 - (setGroup.left + setGroup.width * this.currZoomFactor / 2);
-      var offsetY = this.canvas.getHeight() / 2 - (setGroup.top + setGroup.height * this.currZoomFactor / 2);
-      this.currCenteringOffset = new Vector2(offsetX, offsetY);
-      setGroup.left += offsetX;
-      setGroup.top += offsetY;
-      this.canvas.add(setGroup);
-      setGroup.bringToFront();
-      this.correctBackgroundPos(plannerUIHandler);
-      this.drawDimensions(setGroup, boundingBox);
-      this.canvas.renderAll();
+      plannerElement.SvgShapeOLF2D = shape;
     }
+
+    /**
+     * This function is called in order to render the whole canvas with all planner shapes. First it cleans everything and then it updates everything.
+     * @param plannerElements   All planner elements in the scene
+     * @param boundingBox       The size and position information of the current planning
+     */
+  }, {
+    key: "updatePlannerView",
+    value: (function () {
+      var _updatePlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(plannerUIHandler, plannerElementsDict, boundingBox) {
+        var _this5 = this;
+        var generation, curCanvasSize, allplannerSVGs, screenPosSet, setGroup, offsetX, offsetY;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              LOG.debug('UpdatePlanner2DGrid', 'Planner2DGrid');
+              generation = ++this.renderGeneration;
+              _context2.next = 4;
+              return this.ensureSvgShapes(plannerElementsDict);
+            case 4:
+              if (!(generation !== this.renderGeneration)) {
+                _context2.next = 6;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 6:
+              this.clearView();
+              curCanvasSize = plannerUIHandler.getCanvas2DGridSize();
+              if (this.canvas.getWidth() != curCanvasSize.x) this.canvas.setWidth(curCanvasSize.x);
+              if (this.canvas.getHeight() != curCanvasSize.y) this.canvas.setHeight(curCanvasSize.y);
+              if (!(plannerElementsDict.size == 0)) {
+                _context2.next = 12;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 12:
+              allplannerSVGs = [];
+              plannerElementsDict.forEach(function (plannerElements, setId) {
+                for (var i = 0; i < plannerElements.length; i++) {
+                  if (plannerElements[i].getSVGShapeOLF2D()) {
+                    var svgShape2D = plannerElements[i].getSVGShapeOLF2D();
+                    svgShape2D.scaleX = 1 / DivaUtils.UnitRecalc;
+                    svgShape2D.scaleY = 1 / DivaUtils.UnitRecalc;
+                    var corner = _this5.getWorldCorner(plannerElements[i], false);
+                    svgShape2D.left = corner.x - boundingBox.worldPos.x;
+                    svgShape2D.top = corner.z - boundingBox.worldPos.y;
+                    svgShape2D.angle = plannerElements[i].getRotDeg();
+                    allplannerSVGs.push(svgShape2D);
+                  }
+                }
+              });
+              this.calcZoomFactor(boundingBox);
+              if (this.currZoomFactor > this.maxZoom) this.currZoomFactor = this.maxZoom;
+              screenPosSet = new Vector2(boundingBox.worldPos.x * this.currZoomFactor, boundingBox.worldPos.y * this.currZoomFactor);
+              setGroup = new fabric.Group(allplannerSVGs, {
+                originX: 'left',
+                originY: 'top',
+                left: screenPosSet.x,
+                top: screenPosSet.y,
+                opacity: 1,
+                scaleX: this.currZoomFactor,
+                scaleY: this.currZoomFactor,
+                hasControls: false,
+                selectable: false,
+                hoverCursor: 'default'
+              });
+              offsetX = this.canvas.getWidth() / 2 - (setGroup.left + setGroup.width * this.currZoomFactor / 2);
+              offsetY = this.canvas.getHeight() / 2 - (setGroup.top + setGroup.height * this.currZoomFactor / 2);
+              this.currCenteringOffset = new Vector2(offsetX, offsetY);
+              setGroup.left += offsetX;
+              setGroup.top += offsetY;
+              this.canvas.add(setGroup);
+              setGroup.bringToFront();
+              this.correctBackgroundPos(plannerUIHandler);
+              this.drawDimensions(setGroup, boundingBox);
+              this.canvas.renderAll();
+            case 28:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function updatePlannerView(_x2, _x3, _x4) {
+        return _updatePlannerView.apply(this, arguments);
+      }
+      return updatePlannerView;
+    }())
   }]);
 }();
 

package/build/esm/{Planner3DImage-8f21be56.js → Planner3DImage-1227ae4d.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-899b8922.js';
+import './index-cb3f6a27.js';
 import { Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import 'react';
 import 'react-dynamic-multi-render';

package/build/esm/{UnlockCard-3fb76e70.js → UnlockCard-d453caf5.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-cb3f6a27.js';
 import { useState, useEffect } from 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-94eb5a0b.js → index-02bf80c2.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-369fda13.js';
-import ProductCenter from './index-618fdc08.js';
-import ContentItemWrapper from './index-74d5ee8b.js';
+import CheckoutFormNew from './index-19924394.js';
+import ProductCenter from './index-d52c9f36.js';
+import ContentItemWrapper from './index-dcd6a0ea.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -25,26 +25,26 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-dropdown';
-import './index-c46b6740.js';
-import './index-57f6aec3.js';
-import './index-3c925a9c.js';
-import './index-415fbe83.js';
-import './index-01e167be.js';
+import './index-cdeee431.js';
+import './index-1b0f4452.js';
+import './index-1072cce1.js';
+import './index-59ab02a8.js';
+import './index-7236a7cb.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-b6397dbb.js';
+import './index-5bad73d3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff020436.js';
-import './index-8d2f95c8.js';
-import './index-ef5f8f90.js';
-import './index-bdf5827b.js';
-import './index-99c94447.js';
+import './index-6a7c9333.js';
+import './index-a89b343c.js';
+import './index-547fbb34.js';
+import './index-b9802779.js';
+import './index-f8d7c164.js';
 import 'react-laag';
-import './index-048552f0.js';
+import './index-9165b357.js';
 import 'react-qr-code';
-import './index-eb30bc4d.js';
-import './index-9a249b74.js';
-import './index-2ad23b0d.js';
+import './index-b9c5ddd0.js';
+import './index-272fbc41.js';
+import './index-a52784b9.js';
 import '@crystaldesign/content-item';
 
 var arrow = "arrow-GTKSC";

package/build/esm/{index-854179de.js → index-0333c640.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-624149c8.js → index-03f331f1.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-dc3778bc.js';
+import Arrow from './index-2cae4848.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-345aba6b.js → index-0853f3bb.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-cb3f6a27.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-4a1aeedd.js';
+import { g as getKey } from './index-3258f83f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,80 +23,80 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-84f83c67.js';
-import './index-a784e48f.js';
-import './index-ada3c152.js';
-import './index-8b6d1b2c.js';
-import './index.module-ce9cbd44.js';
-import './index-37df8f9a.js';
-import './index-83d6bb83.js';
+import './index-28e8c543.js';
+import './index-f07c90dd.js';
+import './index-ed1206ec.js';
+import './index-45153c84.js';
+import './index.module-1cc8ad31.js';
+import './index-4a8a4ca9.js';
+import './index-2b816cbb.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-869d65ec.js';
+import './index-7b53cb6f.js';
 import 'react-dropdown';
-import './index-f74add7e.js';
+import './index-7acb06b8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-624149c8.js';
-import './index-dc3778bc.js';
-import './index-ead3c18e.js';
+import './index-03f331f1.js';
+import './index-2cae4848.js';
+import './index-ff1065a1.js';
 import '@crystaldesign/content-box';
-import './index-71c05fb2.js';
-import './index-45ae8ca7.js';
-import './index-985d0ac1.js';
-import './index-8ce6adb9.js';
+import './index-fe3494ee.js';
+import './index-3320c27f.js';
+import './index-67fd43fc.js';
+import './index-8f5fa9b4.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-3fb76e70.js';
-import './index-73c75e94.js';
-import './index-08d97746.js';
-import './index-5ad09ef7.js';
-import './index-61b4ebd3.js';
-import './index-afe33b8f.js';
-import './index-69650205.js';
+import './UnlockCard-d453caf5.js';
+import './index-32ce6566.js';
+import './index-79f86b9d.js';
+import './index-6451eefd.js';
+import './index-10c77efd.js';
+import './index-dc8c8574.js';
+import './index-2e37ec62.js';
 import 'react-laag';
-import './index.module-41cf846f.js';
-import './index-1e23c982.js';
-import './index-9562a9d8.js';
-import './index-f3bca3be.js';
-import './index-6fe3ff14.js';
-import './index-8d52e836.js';
-import './index.module-15c22604.js';
-import './index-1487d493.js';
-import './index-102ef56e.js';
-import './index-a7de9a70.js';
-import './index-031864a2.js';
-import './index-bd8d0479.js';
-import './index-1d2d7fb6.js';
-import './index-e7790e24.js';
-import './index-1010faf1.js';
-import './index-0908ac1e.js';
-import './index-84657f6d.js';
-import './index-fdd2f2b6.js';
-import './index-d8f30b62.js';
-import './index-2e12b9e1.js';
+import './index.module-4ecae8d9.js';
+import './index-2cf7b7c7.js';
+import './index-67dafeb1.js';
+import './index-c0027e7d.js';
+import './index-d40b4ce1.js';
+import './index-c883c4df.js';
+import './index.module-78232b3d.js';
+import './index-cf1ece86.js';
+import './index-7c6580b8.js';
+import './index-df8e375c.js';
+import './index-1a1d9d49.js';
+import './index-77d97795.js';
+import './index-cf02d8ed.js';
+import './index-0c2e994b.js';
+import './index-3f7ecb08.js';
+import './index-422b59cb.js';
+import './index-641d330b.js';
+import './index-98e4cdc7.js';
+import './index-694817c3.js';
+import './index-57eef9cd.js';
 import 'rc-slider';
-import './index-16fe405b.js';
-import './index-e8eb5116.js';
-import './index-a52f90e6.js';
-import './index-da2a2a8b.js';
-import './index-7c7b6fc7.js';
+import './index-c73d78e9.js';
+import './index-556e0a0d.js';
+import './index-2f6a6006.js';
+import './index-b3b30d08.js';
+import './index-358782f0.js';
 import 'react-confetti-explosion';
-import './index-17ba7b38.js';
-import './index-99c94447.js';
-import './index-048552f0.js';
+import './index-aaa125d1.js';
+import './index-f8d7c164.js';
+import './index-9165b357.js';
 import 'react-qr-code';
-import './index-eb30bc4d.js';
-import './useCustomDimensions-f2bb4edd.js';
-import './index-0ec473cc.js';
-import './ussIsSticky-6dac519b.js';
-import './index-85269def.js';
-import './index-10cd9e60.js';
-import './index-ac5a2704.js';
-import './index.module-25cdca01.js';
-import './index-f45ab225.js';
-import './index-46e9d390.js';
-import './index-89fd7133.js';
-import './index-52eb8599.js';
+import './index-b9c5ddd0.js';
+import './useCustomDimensions-9be96ee7.js';
+import './index-ba7e105d.js';
+import './ussIsSticky-e203c3a2.js';
+import './index-ac1c2f4d.js';
+import './index-3f715701.js';
+import './index-ed7bf98f.js';
+import './index.module-e90b0636.js';
+import './index-7af6bd59.js';
+import './index-64c00abe.js';
+import './index-37992051.js';
+import './index-3fe0571a.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

package/build/esm/{index-e7790e24.js → index-0c2e994b.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-cb3f6a27.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-41cf846f.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-4ecae8d9.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-1d2d7fb6.js';
+import MetaData from './index-cf02d8ed.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-37df8f9a.js';
-import ReverseCheck from './index-83d6bb83.js';
+import InfoIcon from './index-4a8a4ca9.js';
+import ReverseCheck from './index-2b816cbb.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';