@crystaldesign/diva-web-planner-react 26.4.0-rc.4 → 26.5.0-beta.1

package/build/esm/index-5f8441a6.js

@@ -1,160 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-cb4868f3.js';
-import { useState, useEffect } from 'react';
-import OrbitControlElement from 'react-3d-cube-interaction';
-import { observer } from 'mobx-react-lite';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var orbitInteractionContainer = "orbit-interaction-container-BHDEA";
-var cubeText = "cubeText-rsimr";
-var mobile = "mobile-YALCk";
-var roomVisible = "room-visible-QNMOE";
-var css_248z = ".orbit-interaction-container-BHDEA {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.cubeText-rsimr {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.mobile-YALCk.orbit-interaction-container-BHDEA {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.room-visible-QNMOE {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-var camRotHorizontal_LastFrame = undefined;
-var camRotVertical_LastFrame = undefined;
-var AUTO_HIDE_IN_MS = 2000;
-var timeOut = undefined;
-var OrbitInteractionStandard = function OrbitInteractionStandard(_ref) {
-  var _viewHandler$productS;
-  var _ref$orbitInteraction = _ref.orbitInteractionContainerClass,
-    orbitInteractionContainerClass = _ref$orbitInteraction === void 0 ? orbitInteractionContainer : _ref$orbitInteraction;
-  var viewHandler = useViewHandler();
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHidden = _useState2[0],
-    setHidden = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    isModalOpen = _useDivaCore.state.isModalOpen;
-
-  // When modal is open, don't use the SVG as interaction element to fix Safari iPad touch event issue
-  // The SVG's event listeners from react-3d-cube-interaction interfere with Safari's touch handling
-  var interactionElement = isModalOpen ? null : (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : document.getElementById('diva3dImg');
-  useEffect(function () {
-    if (timeOut) clearTimeout(timeOut);
-    if (isHidden) {
-      timeOut = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              viewHandler.productState.setOrbitIsHidden(true);
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      })), AUTO_HIDE_IN_MS);
-    } else {
-      viewHandler.productState.setOrbitIsHidden(false);
-    }
-  }, [isHidden]);
-  if (viewHandler.productState.plannerRenderingIsStaticBG) return /*#__PURE__*/jsx(Fragment, {});
-  var initParams = viewHandler.viewPlannerHandler.getOrbitCubeInitParams();
-  var onRotationChange = function onRotationChange(p) {
-    if (viewHandler.productState.ignoreUpdateRenderingOnOrbitChanged) {
-      viewHandler.productState.setIgnoreUpdateRenderingOnOrbitChanged(false);
-      return;
-    }
-    if (camRotHorizontal_LastFrame != undefined && camRotVertical_LastFrame != undefined && p.horizontal == camRotHorizontal_LastFrame && p.vertical == camRotVertical_LastFrame) return;
-    var rotHori = p.horizontal;
-    var rotVert = p.vertical;
-    camRotHorizontal_LastFrame = p.horizontal;
-    camRotVertical_LastFrame = p.vertical;
-    viewHandler.viewPlannerHandler.updateOrbitCubeInitParams(p.horizontal, p.vertical);
-    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DSetVPByVal', {
-      nav3DSetVPByVal: {
-        rotX: rotHori,
-        rotY: rotVert
-      }
-    });
-  };
-
-  /**
-   *
-   * @param p form 10 (max zoom) to -10 (min zoom)
-   */
-  var onZoomChange = function onZoomChange(zoom) {
-    var p = Math.round(zoom.absoluteZoom);
-    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DZoom', {
-      nav3DZoom: {
-        zoomVal: p
-      }
-    });
-  };
-  if (viewHandler.uiState.isLoading) {
-    camRotHorizontal_LastFrame = undefined;
-    camRotVertical_LastFrame = undefined;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(orbitInteractionContainerClass, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.productState.roomListExpanded ? roomVisible : undefined),
-    children: /*#__PURE__*/jsx(OrbitControlElement, {
-      hiddenState: [isHidden, setHidden],
-      ref: function ref(_ref3) {
-        return viewHandler.productState.setOrbitCubeElement(_ref3);
-      },
-      size: viewHandler.uiState.isInMobileView ? '40px' : '80px',
-      interactionElement: interactionElement,
-      onRotationChange: onRotationChange,
-      onZoomChange: onZoomChange,
-      autoHide: AUTO_HIDE_IN_MS,
-      initialRotation: initParams != undefined ? {
-        horizontal: initParams.rotHorizontal,
-        vertical: initParams.rotVertical
-      } : undefined,
-      zoomFactorResetDelay: 500,
-      minCssScale: 0.5,
-      maxCssScale: 1.5,
-      disableDefaultScrollBehaviour: true,
-      cubeFaceChildren: {
-        back: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.back')
-        }),
-        bottom: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.bottom')
-        }),
-        front: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.front')
-        }),
-        left: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.left')
-        }),
-        right: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.right')
-        }),
-        top: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.top')
-        })
-      }
-    })
-  });
-};
-var OrbitInteractionStandard$1 = observer(OrbitInteractionStandard);
-
-export { OrbitInteractionStandard$1 as default };

package/build/esm/index-6078c7ef.js

@@ -1,100 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-cb4868f3.js';
-import { useState, useRef } from 'react';
-import classnames from 'classnames';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import Draggable from 'react-draggable';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var mousePosOnScreenLastFrame = new Vector2(0, 0);
-var Rotation3DGrid = function Rotation3DGrid(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
-  var mouseDownDetected = false;
-  var onStartDragging = function onStartDragging(e) {
-    mouseDownDetected = true;
-    if (e.type == 'mousedown') {
-      mousePosOnScreenLastFrame = new Vector2(e.clientX, e.clientY);
-    } else if (e.type == 'touchstart') {
-      mousePosOnScreenLastFrame = new Vector2(e.touches[0].clientX, e.touches[0].clientY);
-    }
-  };
-  var onDragging = function onDragging(e) {
-    if (mouseDownDetected && !isDragging) {
-      var _item$onDragStartFunc;
-      setIsDragging(true);
-      (_item$onDragStartFunc = item.onDragStartFunction) === null || _item$onDragStartFunc === void 0 || _item$onDragStartFunc.call(item, item.setId, Number(item.elementId));
-    } else if (isDragging) {
-      var _viewHandler$productS, _viewHandler$productS2;
-      var boundingLeft = (_viewHandler$productS = viewHandler.productState.planner3DGridElement) !== null && _viewHandler$productS !== void 0 && _viewHandler$productS.getBoundingClientRect().left ? viewHandler.productState.planner3DGridElement.getBoundingClientRect().left : 0;
-      var boundingTop = (_viewHandler$productS2 = viewHandler.productState.planner3DGridElement) !== null && _viewHandler$productS2 !== void 0 && _viewHandler$productS2.getBoundingClientRect().top ? viewHandler.productState.planner3DGridElement.getBoundingClientRect().top : 0;
-      if (e.type == 'mousemove') {
-        var _item$onDragMoveFunct;
-        (_item$onDragMoveFunct = item.onDragMoveFunction) === null || _item$onDragMoveFunct === void 0 || _item$onDragMoveFunct.call(item, item.setId, Number(item.elementId), new Vector2(e.clientX - boundingLeft, e.clientY - boundingTop));
-        mousePosOnScreenLastFrame.x = e.clientX;
-        mousePosOnScreenLastFrame.y = e.clientY;
-      } else if (e.type == 'touchmove') {
-        var _item$onDragMoveFunct2;
-        (_item$onDragMoveFunct2 = item.onDragMoveFunction) === null || _item$onDragMoveFunct2 === void 0 || _item$onDragMoveFunct2.call(item, item.setId, Number(item.elementId), new Vector2(e.touches[0].clientX - boundingLeft, e.touches[0].clientY - boundingTop));
-        mousePosOnScreenLastFrame.x = e.touches[0].clientX;
-        mousePosOnScreenLastFrame.y = e.touches[0].clientY;
-      }
-    }
-    mouseDownDetected = false;
-  };
-  var onDragEnd = function onDragEnd(e) {
-    if (isDragging) {
-      var _item$onDragEndFuncti;
-      setIsDragging(false);
-      (_item$onDragEndFuncti = item.onDragEndFunction) === null || _item$onDragEndFuncti === void 0 || _item$onDragEndFuncti.call(item, item.setId, Number(item.elementId));
-    }
-    mouseDownDetected = false;
-  };
-  return /*#__PURE__*/jsx(Draggable, {
-    nodeRef: draggable,
-    handle: ".handle3DRotation",
-    onStart: function onStart(e) {
-      onStartDragging(e);
-    },
-    onDrag: function onDrag(e) {
-      onDragging(e);
-    },
-    onStop: function onStop(e) {
-      onDragEnd();
-    },
-    children: /*#__PURE__*/jsx("div", {
-      ref: draggable,
-      style: {
-        visibility: isDragging ? 'hidden' : 'visible',
-        left: item.position.x + 'px',
-        top: item.position.y + 'px'
-      },
-      className: classnames('handle3DRotation', plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.rotation.rot3DGrid)
-    })
-  });
-};
-
-export { Rotation3DGrid as default };

package/build/esm/index-60f79746.js

@@ -1,185 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-cb4868f3.js';
-import 'react';
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-7587e45d.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var GridList = function GridList(_ref) {
-  var _item$shelfPlannerGri;
-  var item = _ref.item,
-    height = _ref.height;
-    _ref.width;
-    var direction = _ref.direction;
-  var grid = (_item$shelfPlannerGri = item.shelfPlannerGrids) === null || _item$shelfPlannerGri === void 0 ? void 0 : _item$shelfPlannerGri[0];
-  var viewHandler = useViewHandler();
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var itemHeight = height / grid.Cells.length;
-  var cells = [];
-  var lastInUse = -1;
-  var onBoardNameAdded = false;
-  for (var i = 0; i < grid.Cells.length; i++) {
-    var cell = grid.Cells[i];
-    if (cell.InUse == -1) {
-      cells.splice(0, 0, {
-        heightCount: 1,
-        inUse: cell.InUse,
-        index: cell.Index,
-        type: undefined,
-        isDisabled: cell.IsDisabled,
-        isRequired: cell.IsRequired,
-        onlyPlaceHolder: cell.OnlyPlaceHolder,
-        noMove: cell.NoMove,
-        noDelete: cell.NoDelete
-      });
-    } else if (lastInUse != cell.InUse && lastInUse != cell.OnBoard) {
-      var _cell$Article, _cell$Article2;
-      lastInUse = cell.InUse;
-      onBoardNameAdded = false;
-      cells.splice(0, 0, {
-        heightCount: 1,
-        inUse: cell.InUse,
-        index: cell.Index,
-        type: cell.Type,
-        isDisabled: cell.IsDisabled,
-        isRequired: cell.IsRequired,
-        articleText: (_cell$Article = cell.Article) === null || _cell$Article === void 0 ? void 0 : _cell$Article.name,
-        onlyPlaceHolder: cell.OnlyPlaceHolder,
-        noMove: cell.NoMove,
-        noDelete: cell.NoDelete,
-        basketId: (_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId
-      });
-    } else {
-      var foundCell = cells.find(function (cell) {
-        return cell.inUse == lastInUse;
-      });
-      if (foundCell) {
-        if (lastInUse === cell.OnBoard && !onBoardNameAdded) {
-          var _cell$Article3;
-          onBoardNameAdded = true;
-          foundCell.articleText = ((_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.name) + '<br/>&<br/>' + foundCell.articleText;
-          foundCell.onBoard = true;
-        }
-        foundCell.heightCount++;
-      }
-    }
-  }
-  var onDragEnd = function onDragEnd(result) {
-    if (!result.destination) return;
-    var sourceIndex = cells[result.source.index].index;
-    var destinationIndex = cells[result.destination.index].index;
-    if (sourceIndex != destinationIndex) viewHandler.paletteViewHandler.shelfItemMoved(grid, sourceIndex, destinationIndex);
-  };
-  var getItemStyle = function getItemStyle(isDragging, draggableStyle, item, showNumber) {
-    if (direction == 'horizontal') {
-      return getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber);
-    } else {
-      return getItemStyleVertical(isDragging, draggableStyle, item);
-    }
-  };
-  var getItemStyleVertical = function getItemStyleVertical(isDragging, draggableStyle, item) {
-    return _objectSpread({
-      userSelect: 'none',
-      width: 'calc(' + 100 * (item.heightCount / grid.Cells.length) + '% - 1px)',
-      wordBreak: 'break-word',
-      height: '100%',
-      marginRight: '1px',
-      background: item.isRequired ? '#FFEBEB' : item.inUse == -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
-      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
-      backgroundSize: item.isDisabled && '28.28px 28.28px',
-      "float": 'left',
-      borderRight: item.inUse == -1 ? '1px solid lightgrey' : 'none',
-      boxSizing: 'border-box'
-    }, draggableStyle);
-  };
-  var getItemStyleHorizontal = function getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber) {
-    return _objectSpread({
-      userSelect: 'none',
-      height: itemHeight * item.heightCount - 1,
-      marginBottom: '1px',
-      fontSize: item.inUse === -1 ? '12px' : undefined,
-      lineHeight: item.inUse === -1 ? '2px' : undefined,
-      background: item.isRequired ? '#FFEBEB' : item.inUse === -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
-      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
-      backgroundSize: item.isDisabled && '28.28px 28.28px',
-      borderBottom: item.inUse == -1 ? showNumber ? '1px solid #B5B5B5' : '1px solid lightgrey' : 'none',
-      boxSizing: 'border-box'
-    }, draggableStyle);
-  };
-  var getTextStyle = function getTextStyle() {
-    if (direction == 'vertikal') {
-      return {
-        maxHeight: 'calc(100% - 22px)',
-        overflow: 'auto'
-      };
-    }
-    return {};
-  };
-  return /*#__PURE__*/jsx(DragDropContext, {
-    onDragEnd: onDragEnd,
-    children: /*#__PURE__*/jsx(Droppable, {
-      droppableId: "droppable",
-      direction: direction == 'vertikal' ? 'horizontal' : 'vertical',
-      children: function children(provided, snapshot) {
-        return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, provided.droppableProps), {}, {
-          ref: provided.innerRef,
-          style: {
-            width: '100%',
-            height: '100%'
-          },
-          children: [cells.map(function (item, index) {
-            return /*#__PURE__*/jsx(Draggable, {
-              index: index,
-              isDragDisabled: item.inUse == -1 || item.isDisabled || item.noMove,
-              draggableId: index.toString(),
-              children: function children(provided, snapshot) {
-                return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-                  onClick: function onClick() {
-                    viewHandler.paletteViewHandler.setSelectedShelfAccessoire(item.basketId);
-                    viewHandler.paletteViewHandler.clickAddAccessorieOnShelfPlanner(grid, item.index);
-                  },
-                  ref: provided.innerRef
-                }, provided.draggableProps), provided.dragHandleProps), {}, {
-                  style: getItemStyle(snapshot.isDragging, provided.draggableProps.style, item, item.index % 5 === 0 && !!index),
-                  children: [!!item.articleText && /*#__PURE__*/jsx("div", {
-                    style: getTextStyle(),
-                    dangerouslySetInnerHTML: {
-                      __html: item.articleText
-                    }
-                  }), item.inUse == -1 && item.index % 5 === 0 && !!index && direction == 'horizontal' && item.index, (item.inUse > -1 && !item.noDelete && !item.isDisabled || item.onBoard) && /*#__PURE__*/jsx(ShelfDeleteButton, {
-                    grid: grid,
-                    index: item.inUse
-                  })]
-                }));
-              }
-            }, index);
-          }), provided.placeholder]
-        }));
-      }
-    })
-  });
-};
-var GridList$1 = observer(GridList);
-
-export { GridList$1 as default };

package/build/esm/index-626ee80e.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-cb4868f3.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-d767de8d.js';
-import ProductCenter from './index-b522c9b3.js';
-import ContentItemWrapper from './index-fdeecd89.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'react-dropdown';
-import './index-87e50323.js';
-import './index-bc9e7dde.js';
-import './index-574cd18e.js';
-import './index-f56f9f5a.js';
-import './index.module-e7718081.js';
-import './index-9e3b1b22.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-c30d74fd.js';
-import './index-879315d2.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-94e59421.js';
-import './index-a94076f2.js';
-import './index-113064e0.js';
-import './index-db65c060.js';
-import './index-1444fdbc.js';
-import 'react-laag';
-import './index-6557d2bf.js';
-import 'react-qr-code';
-import './index-22bd5a21.js';
-import './index-c1f946d6.js';
-import './index-2a366171.js';
-import '@crystaldesign/content-item';
-
-var arrow = "arrow-GTKSC";
-var css_248z = ".arrow-GTKSC {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["contentItemStartPos"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Product = function Product(_ref) {
-  var _viewHandler$configSt2;
-  var contentItemStartPos = _ref.contentItemStartPos,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var ref = useRef(null);
-  var onClick = function onClick() {
-    if (ref.current) {
-      var scrollTo = ref.current.getBoundingClientRect().height;
-      if (ref.current.scrollTop > 100) {
-        scrollTo = 0;
-      }
-      ref.current.scrollTo({
-        top: scrollTo,
-        behavior: 'smooth'
-      });
-    }
-  };
-  var setRef = function setRef(element) {
-    ref.current = element;
-    viewHandler.productState.setProductElement(element);
-  };
-  useEffect(function () {
-    var _viewHandler$configSt;
-    if (!viewHandler.uiState.isLoading && (_viewHandler$configSt = viewHandler.configState.paramters) !== null && _viewHandler$configSt !== void 0 && _viewHandler$configSt.checkout) {
-      onClick();
-    }
-  }, [(_viewHandler$configSt2 = viewHandler.configState.paramters) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.checkout, viewHandler.uiState.isLoading]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    ref: setRef
-  }, props), {}, {
-    id: "wcConfigurator-product",
-    children: [!viewHandler.uiState.isLoading && /*#__PURE__*/jsx("div", {
-      className: arrow,
-      onClick: onClick
-    }), /*#__PURE__*/jsx(ProductCenter, {
-      style: {
-        height: 'calc(100% - 40px)',
-        width: 'calc(100% - 40px)',
-        top: 0,
-        margin: '20px'
-      }
-    }), !viewHandler.uiState.isLoading && viewHandler.divaWebPlanner.getBasket() !== undefined && /*#__PURE__*/jsx(CheckoutFormNew, {}), /*#__PURE__*/jsx(ContentItemWrapper, {
-      direction: contentItemStartPos
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };