@crystaldesign/diva-web-planner-react 25.8.1-rc.0 → 25.8.1-rc.2

package/build/esm/index-0063432d.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-97b15a91.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 BarrierActions = function BarrierActions(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "GlobalElements/BarrierActions"
-  }));
-};
-
-export { BarrierActions as default };

package/build/esm/index-00aa5760.js

@@ -1,120 +0,0 @@
-import { u as useViewHandler } from './index-97b15a91.js';
-import 'react';
-import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-84605c9e.js';
-import Toggle from './index-bfdd0e58.js';
-import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-4bdfd1b4.js';
-import PricePreview from './index-4700afe8.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import 'react-switch';
-
-var LOG = getLogger('Planner', 'ToggleName');
-var ToggleName = function ToggleName(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.warn('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', 'WC_0011');
-      item.isVisited = true;
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  var checked = noItem.sel == false;
-  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
-    contentItemId: item.optionContentItemId,
-    codex: item.configStepKey
-  } : undefined;
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(columToggleName, title, name),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
-      },
-      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: noItem.pricePreviewPromise,
-        sel: noItem.sel
-      }), /*#__PURE__*/jsx("div", {
-        className: !checked ? sel : undefined,
-        dangerouslySetInnerHTML: {
-          __html: noItem.text
-        }
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(columToggleName, toggle),
-      children: /*#__PURE__*/jsx(Toggle, {
-        onChange: function onChange() {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-        },
-        val: item,
-        alwaysActiveColor: true,
-        state: checked
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(columToggleName, title, name),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
-      },
-      children: [yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: yesItem.pricePreviewPromise,
-        sel: yesItem.sel
-      }), /*#__PURE__*/jsx("div", {
-        className: checked ? sel : undefined,
-        dangerouslySetInnerHTML: {
-          __html: yesItem.text
-        }
-      })]
-    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
-      item: contentItem,
-      style: {
-        position: 'relative'
-      }
-    }, item.configStepKey)]
-  });
-};
-
-export { ToggleName as default };

package/build/esm/index-01031725.js

@@ -1,92 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-97b15a91.js';
-import { useState, useEffect } from 'react';
-import ItemVariant from './index-a4b5733a.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-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 '@crystaldesign/widget-contact-form';
-
-var TabGroupVertical = function TabGroupVertical(props) {
-  var _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceRerender = _useState2[0],
-    setRerender = _useState2[1];
-  var tabGroups = viewHandler.tabGroupState.allTabGroups;
-
-  //scroll logic
-  useEffect(function () {
-    viewHandler.tabGroupState.scrollToCurTabgroup();
-  }, [viewHandler.tabGroupState.curTabGroup]);
-
-  //render until we get initial heigth
-  useEffect(function () {
-    var didCancel = false;
-    var interval = window.setInterval(function () {
-      var _viewHandler$tabGroup;
-      var totalHeight = (_viewHandler$tabGroup = viewHandler.tabGroupState.tabGroupScroller) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.getBoundingClientRect().height;
-      if (totalHeight && totalHeight > 0) {
-        if (!didCancel) {
-          setRerender(!forceRerender);
-        }
-        window.clearInterval(interval);
-      }
-    }, 100);
-    return function () {
-      didCancel = true;
-      window.clearInterval(interval);
-    };
-  }, [viewHandler.tabGroupState.tabGroupScroller]);
-  if (!tabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  var totalHeight = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().height;
-  var minHeightOfOneStep = 80;
-  var minHeight = undefined;
-  var tabCount = Object.keys(tabGroups).length;
-  var height = 0;
-  if (totalHeight) {
-    height = totalHeight / tabCount;
-    if (tabCount * minHeightOfOneStep > totalHeight) {
-      minHeight = minHeightOfOneStep;
-    }
-  } else {
-    setTimeout(function () {
-      return setRerender(!forceRerender);
-    }, 100);
-  }
-  var firstKey = Object.keys(tabGroups)[0];
-  var lastKey = Object.keys(tabGroups)[Object.keys(tabGroups).length - 1];
-  return /*#__PURE__*/jsx(Fragment, {
-    children: Object.entries(tabGroups).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2);
-        _ref2[0];
-        var tabGroup = _ref2[1];
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        height: height,
-        isFirstItem: tabGroups[firstKey].key == tabGroup.key,
-        isLastItem: tabGroups[lastKey].key == tabGroup.key,
-        minHeight: minHeight
-      }, tabGroup.title);
-    })
-  });
-};
-var TabGroupVertical$1 = observer(TabGroupVertical);
-
-export { TabGroupVertical$1 as default };

package/build/esm/index-0170068d.js

@@ -1,64 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-97b15a91.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-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 '@crystaldesign/widget-contact-form';
-
-var wcPosNrTooltip = "wcPosNrTooltip-8hudU";
-var wcPosNrTooltipText = "wcPosNrTooltipText-1gUN3";
-var css_248z = ".wcPosNrTooltip-8hudU {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  height: fit-content;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n.wcPosNrTooltip-8hudU img {\n  width: 90%;\n  max-height: 77%;\n  margin: 5%;\n}\n\n.wcPosNrTooltipText-1gUN3 {\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-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 SettingsPosNrToolTip = function SettingsPosNrToolTip(_ref) {
-  var _theme$typography, _article$image;
-  var layerProps = _ref.layerProps,
-    article = _ref.article;
-  var _useDivaCore = useDivaCore(),
-    theme = _useDivaCore.state.theme;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    className: wcPosNrTooltip
-  }, layerProps), {}, {
-    style: _objectSpread(_objectSpread({}, {
-      fontFamily: theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily
-    }), layerProps.style),
-    children: [/*#__PURE__*/jsx("img", {
-      src: (_article$image = article.image) === null || _article$image === void 0 ? void 0 : _article$image.replace('_gal', ''),
-      alt: article.name
-    }), /*#__PURE__*/jsxs("div", {
-      style: {
-        padding: '0 20px'
-      },
-      className: wcPosNrTooltipText,
-      children: [article.name, /*#__PURE__*/jsx("br", {}), article.formattedSize && /*#__PURE__*/jsxs(Fragment, {
-        children: [article.formattedSize, " ", /*#__PURE__*/jsx("br", {})]
-      }), article.formattedPrice && /*#__PURE__*/jsxs("div", {
-        style: {
-          marginTop: '5px'
-        },
-        children: [article.formattedPrice, " ", /*#__PURE__*/jsx("br", {})]
-      })]
-    })]
-  }));
-};
-var SettingsPosNrToolTip$1 = observer(SettingsPosNrToolTip);
-
-export { SettingsPosNrToolTip$1 as default };

package/build/esm/index-01f79abc.js

@@ -1,52 +0,0 @@
-import { a as usePlannerUIHandler } from './index-97b15a91.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var AVR = function AVR(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
-    children: item.posNr
-  });
-};
-var AVR$1 = observer(AVR);
-
-export { AVR$1 as default };

package/build/esm/index-02f53ec6.js

@@ -1,62 +0,0 @@
-import { u as useViewHandler } from './index-97b15a91.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var PosNr = function PosNr(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps,
-    hasTrash = _ref.hasTrash;
-  var viewHandler = useViewHandler();
-  var top = item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px';
-  if (hasTrash && rect.top < 4) top = 'calc(' + top + ' + 35px + var(--globalSize) / 2)'; // 35px space for trash icon
-  else top = 'calc(' + top + ' + var(--globalSize) / 2)'; // correct for icon center
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left,
-      top: top,
-      visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
-    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
-    ),
-    children: [item.posNr, /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        var _item$clickFunction;
-        (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-      },
-      style: {
-        left: '0px',
-        top: '0px',
-        visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
-      },
-      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
-    })]
-  });
-};
-var PosNr$1 = observer(PosNr);
-
-export { PosNr$1 as default };

package/build/esm/index-073d7bc0.js

@@ -1,47 +0,0 @@
-import './index-97b15a91.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var RotationClockwise = function RotationClockwise(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.rotation.rotClock, plannerUIProps.classes.buttonGeneral),
-    children: item.posNr
-  });
-};
-var RotationClockwise$1 = observer(RotationClockwise);
-
-export { RotationClockwise$1 as default };

package/build/esm/index-0766ac54.js

@@ -1,49 +0,0 @@
-import { u as useViewHandler } from './index-97b15a91.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import NavBar from './index-89ec44d2.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-482b805d.js';
-import Logo from './index-f4a51118.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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 '@crystaldesign/widget-contact-form';
-
-var Planner3DImage = function Planner3DImage(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref) {
-      return viewHandler.productState.setImage3DElement(_ref);
-    },
-    className: wcConfigurator3Dimage,
-    id: "3DImage-Container",
-    style: {
-      // backgroundImage: viewHandler.productState.RenderImageURL,
-      visibility: viewHandler.productState.doShowRenderImage ? 'visible' : 'hidden'
-    },
-    children: [/*#__PURE__*/jsx(NavBar, {}), /*#__PURE__*/jsx("img", {
-      className: !viewHandler.productState.plannerRenderingIsStaticBG ? imageCenterOrbit : imageCenterStatic,
-      id: "diva3dImg",
-      draggable: "false",
-      src: viewHandler.productState.diva3dImgSrc
-    }), /*#__PURE__*/jsx(Logo, {})]
-  });
-};
-var Planner3DImage$1 = observer(Planner3DImage);
-
-export { Planner3DImage$1 as default };