@crystaldesign/diva-web-planner-react 26.8.0-beta.2 → 26.8.0-beta.21

package/build/esm/index-11c49204.js

@@ -1,181 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import { useEffect } from 'react';
-import Inputbox from './index-de5f1787.js';
-import { cssVariables } from './index-7e08796d.js';
-import Product from './index-92e96e83.js';
-import Settings from './index-f9c04476.js';
-import TabGroup from './index-1481423e.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-55fb54a5.js';
-import 'react-dropdown';
-import './index-602174f0.js';
-import './index-48aea99b.js';
-import './index-8d3fd1e9.js';
-import './index-54e9e7f7.js';
-import './index-a65977f4.js';
-import './index.module-d5aa7fdb.js';
-import './index-9af7519d.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-ce4bc2a0.js';
-import './index-186b6a7a.js';
-import './index-c01a1474.js';
-import './index-4a6ad404.js';
-import './index-8da9dced.js';
-import './index-b21a9e78.js';
-import './index-1463bd8b.js';
-import 'react-laag';
-import './index-a1bda5ed.js';
-import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './index-12a0d1b1.js';
-import './index-1025e9c4.js';
-import './index-b57014f3.js';
-import '@crystaldesign/content-item';
-import './index-d1e17c75.js';
-import './index-1f91ee5f.js';
-import './index-96a30b46.js';
-import './index-ab808a45.js';
-import './index-a720ab65.js';
-import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
-import './index-225e2edf.js';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
-import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
-import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-import './index-0edf5c20.js';
-import './index-a0581b20.js';
-import './index.module-ccdf4705.js';
-import './index-18b2db16.js';
-import './index-43ab98b7.js';
-import './index-55a27904.js';
-import './index-5b2a3b60.js';
-import '@mui/material';
-import './index-07e10daa.js';
-import './index-985c6dd5.js';
-import './index-87c0b18c.js';
-import './index-4322831c.js';
-import './index-3c9fdf61.js';
-
-var wcConfigurator = "wcConfigurator-VvOGT";
-var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";
-var wcConfiguratorProduct = "wc-configurator-product-Z3rOO";
-var productList = "product-list-18YTy";
-var wcConfiguratorSettings = "wc-configurator-Settings-On8Ph";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-VvOGT {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-VvOGT *,\n.wcConfigurator-VvOGT *::before,\n.wcConfigurator-VvOGT *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-CYXm7 {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-Z3rOO {\n  overflow: auto !important;\n}\n.wc-configurator-product-Z3rOO {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.wc-configurator-product-Z3rOO.product-list-18YTy {\n  display: none;\n}\n\n.wc-configurator-Settings-On8Ph.product-list-18YTy {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.wc-configurator-Settings-On8Ph {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var index = observer(Serious);
-
-export { index as default };

package/build/esm/index-11e63642.js

@@ -1,72 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-GKYw3";
-var wcTabGroupItem = "wcTabGroupItem-xfakc";
-var portrait = "portrait-R75Hr";
-var tablet = "tablet-QdtJo";
-var wcActiveStep = "wcActiveStep-E81Bg";
-var wcStepNum = "wcStepNum-fDZJn";
-var horizontalLine = "horizontal-line-RQbQm";
-var css_248z = ".wrapper-GKYw3 {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.wcTabGroupItem-xfakc {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcTabGroupItem-xfakc {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.portrait-R75Hr .wcTabGroupItem-xfakc {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.wcTabGroupItem-xfakc:hover {\n  color: #262626;\n}\n\n.wcActiveStep-E81Bg .wcTabGroupItem-xfakc {\n  color: #262626;\n}\n\n.wcStepNum-fDZJn {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcStepNum-fDZJn {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.horizontal-line-RQbQm {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.portrait-R75Hr .horizontal-line-RQbQm {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.tablet-QdtJo .horizontal-line-RQbQm {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem),
-      children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("span", {
-        className: classnames(wcStepNum),
-        children: tabGroup.posNr
-      }), t('configurator.' + tabGroup.title, tabGroup.title)]
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: horizontalLine
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontaRalph);
-
-export { index as default };

package/build/esm/index-12a0d1b1.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-d8efc5f4.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-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/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 ProductRoomList = function ProductRoomList(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductCenter/RoomListSelection"
-  }));
-};
-
-export { ProductRoomList as default };

package/build/esm/index-1383b7ee.js

@@ -1,137 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-d8efc5f4.js';
-import classnames from 'classnames';
-import { useHover, useLayer } from 'react-laag';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-d6d0e50b.js';
-import InfoIcon from './index-b76e780f.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var articleItem = "article-item-i3J2S";
-var sel = "sel-3vhEw";
-var replacemode = "replacemode-XssaJ";
-var wcArticleInfoContainer = "wcArticleInfoContainer-6umFd";
-var pricesAreHiddenClass = "pricesAreHiddenClass-5i5mY";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-C-sNn";
-var wcConfiguratorSettingsTitleSingleLine = "wcConfigurator-settings-title-single-line-xIggU";
-var wcSize = "wcSize-DKVv4";
-var wcSizeNormal = "wcSize-normal-H7PI-";
-var wcImage = "wcImage-bSQnw";
-var wcArticleSize = "wcArticleSize-FGDRM";
-var css_248z = "/*Planner*/\n\n.article-item-i3J2S {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.article-item-i3J2S:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.article-item-i3J2S.replacemode-XssaJ:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.article-item-i3J2S:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.article-item-i3J2S .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.article-item-i3J2S .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.article-item-i3J2S .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.article-item-i3J2S .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 74px;\n}\n\n.article-item-i3J2S .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.article-item-i3J2S .wcImage-bSQnw {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.article-item-i3J2S .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.article-item-i3J2S .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .article-item-i3J2S .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .article-item-i3J2S .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\n  }\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 Article = function Article(_ref) {
-  var _renderLayer, _item$longDescription;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet,
-    hidePrices = _useDivaCore$state.hidePrices;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && !item.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  var pricesAreHidden = viewHandler.getViewConfig().dontShowBasePrice || hidePrices || !item.price;
-  var isInReplaceMode = viewHandler.settingsState.plannerReplaceMode && !(paletteId == 1 && viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    className: classnames(articleItem, pricesAreHidden ? pricesAreHiddenClass : undefined, 'wcConfigurator_Article', item.sel ? sel : undefined, isInReplaceMode ? replacemode : undefined),
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnPlannerPalette(item, paletteId);
-    }
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcArticleInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible ? wcConfiguratorSettingsTitleSingleLine : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.title
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-          text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.title,
-          desciption: metaDataVisible,
-          codex: item.articleCodex,
-          image: item.image,
-          layerProps: layerProps,
-          price: item.price
-        }, item.codex))), /*#__PURE__*/jsx("div", {
-          className: classnames(wcArticleSize),
-          children: item.sizeInfo
-        })]
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          bottom: 8
-        }
-      }, item.articleCodex)]
-    }), !pricesAreHidden && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price,
-      style: {
-        right: -3,
-        top: -3,
-        paddingTop: 6
-      }
-    })]
-  }));
-};
-var Article$1 = observer(Article);
-
-export { Article$1 as default };

package/build/esm/index-1463bd8b.js

@@ -1,202 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-d8efc5f4.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-a1bda5ed.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-a12a6ca6.js';
-import QRCode from 'react-qr-code';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'react-switch';
-import 'react-countup';
-
-var _excluded = ["Button", "dontOpenModal"];
-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 ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
-  var Button = _ref.Button,
-    dontOpenModal = _ref.dontOpenModal,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    openDrawerMenu = _useDivaCore.actions.openDrawerMenu,
-    _useDivaCore$state = _useDivaCore.state,
-    isMobile = _useDivaCore$state.isMobile,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
-  //tooltip is going to close itself by timer
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    autoClose = _useState2[0],
-    setAutoClose = _useState2[1];
-  var autoCloseTimeout = useRef();
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    openDrawer = _useState4[0],
-    setOpenDrawer = _useState4[1];
-  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
-  var openAr = isMobile || isTablet;
-  //if the viewer is in an iframe (pfister) we dont want to open the modal for the arcombi
-  var shouldOpenModal = openAr && !viewHandler.productState.allow3DComb && !viewHandler.productState.allowRTV;
-
-  //for fade animation
-  var _useState5 = useState(viewHandler.productState.arCodeWasVisibleOnce),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tooltipVisible = _useState6[0],
-    setTooltipVisible = _useState6[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible && !dontOpenModal;
-  var _useLayer = useLayer({
-      isOpen: showTooltip,
-      auto: true,
-      placement: 'right-end',
-      triggerOffset: 16
-    }),
-    triggerProps = _useLayer.triggerProps,
-    layerProps = _useLayer.layerProps,
-    renderLayer = _useLayer.renderLayer,
-    arrowProps = _useLayer.arrowProps;
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    url = _useState8[0],
-    setUrl = _useState8[1];
-  useEffect(function () {
-    var _viewHandler$uiState$;
-    if (viewHandler.uiState.AllConfig.arViewerIframe) return;
-    openDrawerMenu({
-      id: 'ar-qr-code',
-      mountElement: (_viewHandler$uiState$ = viewHandler.uiState.wrapperRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
-      handleInternScroll: true,
-      showOverlay: true,
-      direction: 'bottom',
-      onClose: function onClose() {
-        setOpenDrawer(false);
-        viewHandler.productState.loadRTVForAr = false;
-        viewHandler.productState.setDoShowARQRCode(false);
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-      },
-      title: /*#__PURE__*/jsx(FullscreenArHeader, {}),
-      content: /*#__PURE__*/jsx(FullscreenAr, {
-        url: url,
-        isArCompatible: viewHandler.productState.isArCompatible,
-        broswerSupportAR: viewHandler.productState.browserSupportAR,
-        activateAR: viewHandler.productState.activateAR,
-        hqRenderScript: viewHandler.hqRenderScript,
-        isTablet: isTablet
-      }),
-      open: openDrawer
-    });
-  }, [openDrawer, viewHandler.productState.activateAR]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode == true) {
-      viewHandler.openARObserverConnection(function () {
-        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
-      } // request hqr onreceivehqr triggers update
-      ).then(function (url) {
-        return setUrl(url);
-      });
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode && shouldOpenModal) {
-      setOpenDrawer(true);
-    }
-  }, [viewHandler.productState.activateAR, url]);
-  useEffect(function () {
-    //start timeout for auto open the tooltip
-    if (dontOpenModal) return;
-    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
-      var _arQrCodeConfig$timeU;
-      autoCloseTimeout.current = setTimeout(function () {
-        viewHandler.productState.setArCodeWasVisibleOnce();
-        setAutoClose(true);
-        viewHandler.productState.setDoShowARQRCode(true);
-      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
-    }
-    if (!viewHandler.productState.doShowARQRCode && autoClose) {
-      setAutoClose(false);
-    }
-    //delay the state of visible so we animate the fade out
-    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
-      setTimeout(function () {
-        setTooltipVisible(viewHandler.productState.doShowARQRCode);
-      }, 200);
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  var onClick = function onClick() {
-    viewHandler.productState.setDoShowARQRCode(true);
-    var curPlannerMode = viewHandler.viewPlannerHandler.getCurPlannerViewMode();
-    if (shouldOpenModal) {
-      if (!viewHandler.productState.doShowRTV && !(curPlannerMode == 'RTViewer' || curPlannerMode == '3DCOMB')) {
-        viewHandler.setHQRenderScript(undefined);
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
-      }
-      setOpenDrawer(true);
-      viewHandler.productState.loadRTVForAr = true;
-    } else if (openAr && (curPlannerMode == 'RTViewer' || curPlannerMode == '3DCOMB')) {
-      viewHandler.productState.loadRTVForAr = true;
-      setOpenDrawer(true);
-    }
-  };
-  if (url && !openAr && dontOpenModal) {
-    return /*#__PURE__*/jsxs("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '100%'
-      },
-      children: [/*#__PURE__*/jsx(QRCode, {
-        value: url,
-        size: 96,
-        onClick: function onClick() {
-          return url && window.open(url, '_blank');
-        }
-      }), ";"]
-    });
-  }
-  if (Button) {
-    return /*#__PURE__*/jsx(Button, {
-      onClick: onClick
-    });
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
-      id: "ar-icon"
-    }, props), {}, {
-      className: classnames(props.className),
-      onClick: onClick,
-      title: t('configurator.ar_qr_title')
-    }, triggerProps), {}, {
-      style: {
-        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV || viewHandler.productState.doShowAIRoom ? 'visible' : 'hidden'
-      }
-    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
-      arrowProps: arrowProps,
-      layerProps: layerProps,
-      autoClose: autoClose,
-      fadeIn: tooltipVisible,
-      fadeout: !viewHandler.productState.doShowARQRCode,
-      url: url
-    }))]
-  });
-};
-var ArQrCodeIcon = observer(ArQrCodeTooltip);
-
-export { ArQrCodeIcon as default };