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

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

@@ -1,109 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon, b as PriceCounter } from './index-aa2f36a5.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-0b8a39fa.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-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 wcConfiguratorAction = "wcConfigurator-action-1kRvz";
-var wcConfiguratorActionButton = "wcConfigurator-action-Button-uCk2M";
-var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-S5Uqm";
-var wcCheckoutButtonText = "wcCheckoutButtonText-AKaeu";
-var bruttoPrice = "brutto-price-yaDwF";
-var canceled = "canceled-J6Faa";
-var hidden = "hidden-sa4Pc";
-var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.wcConfigurator-action-Button-uCk2M {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.brutto-price-yaDwF {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.brutto-price-yaDwF.canceled-J6Faa.hidden-sa4Pc {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-Zx3zd .brutto-price-yaDwF.canceled-J6Faa:before {\n  top: 45%;\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 BasketActionStandard = function BasketActionStandard(_ref) {
-  var _viewHandler$uiState$, _viewHandler$uiState$2, _viewHandler$productS, _viewHandler$productS2;
-  var _ref$buttonTextClassN = _ref.buttonTextClassName,
-    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
-    _ref$buttonPriceClass = _ref.buttonPriceClassName,
-    buttonPriceClassName = _ref$buttonPriceClass === void 0 ? wcCheckoutButtonPrice : _ref$buttonPriceClass,
-    containerClassName = _ref.containerClassName,
-    price = _ref.price,
-    showCheckoutButtons = _ref.showCheckoutButtons;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var addToBasketButton = (_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.find(function (b) {
-    return b.type === 'ADD_TO_BASKET';
-  });
-  var onClick = function onClick() {
-    if (addToBasketButton) {
-      _onClickCheckout(addToBasketButton, viewHandler, addToBasketButton.index, t);
-    } else {
-      viewHandler.actionButtonState.onClickAddToBasket(viewHandler);
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wcConfiguratorAction, containerClassName),
-    children: [showCheckoutButtons && ((_viewHandler$uiState$2 = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.buttons.filter(function (b) {
-      return evalVisible(b, viewHandler, 'navigator');
-    }).map(function (b) {
-      return /*#__PURE__*/jsx("div", {
-        className: checkoutButton,
-        onClick: function onClick() {
-          return _onClickCheckout(b, viewHandler, b.index, t);
-        },
-        children: /*#__PURE__*/jsx(Icon, {
-          checkoutButton: _objectSpread(_objectSpread({}, b), {}, {
-            isPrimary: false
-          }),
-          size: 32
-        })
-      }, b.index);
-    })), /*#__PURE__*/jsxs("div", {
-      className: wcConfiguratorActionButton,
-      onClick: onClick,
-      id: "wcConfigurator-action-tobasket",
-      children: [addToBasketButton ? /*#__PURE__*/jsx(Icon, {
-        checkoutButton: _objectSpread({
-          isPrimary: true
-        }, addToBasketButton),
-        size: 40
-      }) : /*#__PURE__*/jsx("div", {
-        className: buttonTextClassName,
-        children: t('configurator.ADD_TO_BASKET')
-      }), !hidePrices && price !== undefined && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(bruttoPrice, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
-          children: /*#__PURE__*/jsx(PriceCounter, {
-            price: (_viewHandler$productS = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: buttonPriceClassName,
-          children: /*#__PURE__*/jsx(PriceCounter, {
-            price: (_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0
-          })
-        })]
-      })]
-    })]
-  });
-};
-var BasketAction = observer(BasketActionStandard);
-
-export { BasketAction as default };

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

@@ -1,152 +0,0 @@
-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-aa2f36a5.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-b825f617.js';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-116bed5e.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-dea7c1f9.js';
-import ReverseCheck from './index-8e468bed.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';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-
-var paletteItem = "palette-item-IUL0m";
-var wcVCodexText = "wcVCodexText-GN3-8";
-var sel = "sel-3ZIRz";
-var imageWrapper = "imageWrapper-QwsRE";
-var small = "small-Ynrzj";
-var wcImage = "wcImage-eveCj";
-var titleWrapper = "titleWrapper-89f-B";
-var title = "title-mFBM6";
-var big = "big-wADuy";
-var css_248z = "/*Size Normal */\n\n.palette-item-IUL0m {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.palette-item-IUL0m:active,\n.palette-item-IUL0m:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-GN3-8 {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.palette-item-IUL0m:hover .wcVCodexText-GN3-8,\n.sel-3ZIRz .wcVCodexText-GN3-8 {\n  display: block;\n}\n\n.imageWrapper-QwsRE {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.palette-item-IUL0m:hover .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-3ZIRz.palette-item-IUL0m:hover .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz.palette-item-IUL0m:hover .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-3ZIRz .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-eveCj {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\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  transition: border 0.3s ease;\n}\n.sel-3ZIRz .wcImage-eveCj,\n.small-Ynrzj.sel-3ZIRz .wcImage-eveCj {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-NBrjx {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-89f-B {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.title-mFBM6 {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-mFBM6 {\n  color: #fff;\n}\n\n.palette-item-IUL0m:hover .title-mFBM6,\n.palette-item-IUL0m:focus .title-mFBM6 {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .palette-item-IUL0m:hover .title-mFBM6,\n  .palette-item-IUL0m:focus .title-mFBM6 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.small-Ynrzj .wcVCodexText-GN3-8 {\n  font-size: 12px;\n}\n\n.small-Ynrzj .title-mFBM6 {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.small-Ynrzj .titleWrapper-89f-B {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.very-small-XTQPS .wcVCodexText-GN3-8 {\n  font-size: 10px;\n}\n\n.very-small-XTQPS .title-mFBM6 {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.very-small-XTQPS .titleWrapper-89f-B {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.big-wADuy .wcVCodexText-GN3-8 {\n  font-size: 15px;\n}\n\n.big-wADuy .title-mFBM6 {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\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 Option = function Option(_ref) {
-  var _item$hexColor, _renderLayer;
-  var itemP = _ref.item,
-    type = _ref.type,
-    paletteId = _ref.paletteId,
-    hidePricePreview = _ref.hidePricePreview,
-    namePostFix = _ref.namePostFix;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-  var onClick = function onClick() {
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-
-  /* 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.image || item.hexColor) && !item.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.codex,
-    className: classnames(type == 'small' || type == 'verysmall' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(imageWrapper),
-      children: [viewHandler.getViewConfig().showVCodexInGallery && item.vCodex && /*#__PURE__*/jsx("div", {
-        className: classnames(wcVCodexText),
-        children: item.vCodex
-      }), item.image ? /*#__PURE__*/jsx("img", {
-        className: classnames(wcImage),
-        src: type != 'small' && type != 'verysmall' ? item.image.replace('_gal', '') : item.image
-      }) : /*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'dfdfdf')
-        }
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item
-      }, item.codex)]
-    }), /*#__PURE__*/jsx("div", {
-      className: titleWrapper,
-      children: /*#__PURE__*/jsx("div", {
-        className: title,
-        dangerouslySetInnerHTML: {
-          __html: item.text + (namePostFix ? namePostFix : '')
-        }
-      })
-    }), item.doShowFav && /*#__PURE__*/jsx("div", {
-      className: item.isFav ? wcFavoriteSel : wcFavorite,
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-      }
-    }), /*#__PURE__*/jsx(MetaData, {
-      style: {
-        position: 'relative',
-        "float": 'left',
-        display: 'none'
-      },
-      metaData: item.metaData,
-      visible: [metaDataVisible, setMetaDataVisible]
-    }, item.codex), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel,
-      style: type == 'small' || type == 'verysmall' ? {
-        fontSize: 9
-      } : undefined
-    }), item.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
-      item: item,
-      paletteId: paletteId
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.text + (item.freeText ? item.freeText : '') + (namePostFix ? namePostFix : ''),
-      hexColor: item.hexColor,
-      desciption: metaDataVisible,
-      pricePreviewPromise: item.pricePreviewPromise,
-      image: item.image,
-      layerProps: layerProps
-    }, item.codex)))]
-  }));
-};
-var GalleryText = observer(Option);
-
-export { GalleryText as default };

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

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aa2f36a5.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 SettingsItemRoomTemplate = function SettingsItemRoomTemplate(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem"
-  }));
-};
-
-export { SettingsItemRoomTemplate as default };

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

@@ -1,134 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-aa2f36a5.js';
-import { useState, useEffect } from 'react';
-import { r as roomItem, s as sel, b as buttonVisible, g as generated, l as loading, w as wrapper, t as textShadow, a as title, c as button, d as limitedButton, e as stopButton, f as blockedButton, h as limitedIcon, i as loadingIcon, j as generateIcon, k as favoriteIcon, m as favoriteIconSel, n as favoriteIconVisible, o as shareButtonWrapper, v as visible } from './index.module-237bec6d.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-dea7c1f9.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-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';
-
-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 RoomItem = function RoomItem(_ref) {
-  var _viewHandler$uiState$, _viewHandler$aiState$5, _viewHandler$aiState$6, _ref2, _viewHandler$settings, _viewHandler$aiState$7;
-  var item = _ref.item;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    generated$1 = _useState2[0],
-    setGenerated = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading$1 = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    favorite = _useState6[0],
-    setFavorite = _useState6[1];
-  var _useDivaCore = useDivaCore(),
-    user = _useDivaCore.state.user;
-
-  // Get limit status from AI state instead of local state
-
-  var onButtonClick = function onButtonClick() {
-    if (loading$1) return;
-    viewHandler.aiState.handleGenerate(item.key);
-  };
-  var onItemClick = function onItemClick() {
-    var _viewHandler$aiState$;
-    var hash = viewHandler.aiState.setHash;
-    if ((_viewHandler$aiState$ = viewHandler.aiState.aiGeneratedRooms[item.key]) !== null && _viewHandler$aiState$ !== void 0 && _viewHandler$aiState$[hash]) {
-      var _item$onClick;
-      viewHandler.aiState.useAiGeneratedRoom(item.key, hash);
-      (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
-    }
-  };
-  useEffect(function () {
-    var _viewHandler$aiState$2, _viewHandler$aiState$3, _viewHandler$aiState$4;
-    var hash = viewHandler.aiState.setHash;
-    setGenerated(((_viewHandler$aiState$2 = viewHandler.aiState.aiGeneratedRooms[item.key]) === null || _viewHandler$aiState$2 === void 0 || (_viewHandler$aiState$2 = _viewHandler$aiState$2[hash]) === null || _viewHandler$aiState$2 === void 0 ? void 0 : _viewHandler$aiState$2.image) !== undefined);
-    setLoading(((_viewHandler$aiState$3 = viewHandler.aiState.aiGeneratedRooms[item.key]) === null || _viewHandler$aiState$3 === void 0 || (_viewHandler$aiState$3 = _viewHandler$aiState$3[hash]) === null || _viewHandler$aiState$3 === void 0 ? void 0 : _viewHandler$aiState$3.promise) && ((_viewHandler$aiState$4 = viewHandler.aiState.aiGeneratedRooms[item.key]) === null || _viewHandler$aiState$4 === void 0 || (_viewHandler$aiState$4 = _viewHandler$aiState$4[hash]) === null || _viewHandler$aiState$4 === void 0 ? void 0 : _viewHandler$aiState$4.promise) !== 'fulfilled');
-    setFavorite(!!viewHandler.aiState.favoriteAiImageKeys.find(function (f) {
-      return f.key === item.key;
-    }));
-  }, [viewHandler.aiState.setHash, viewHandler.aiState.aiGeneratedRooms, viewHandler.aiState.favoriteAiImageKeys]);
-  var isAnonymous = !user;
-  var shareButton = (_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.find(function (b) {
-    return b.type === 'SHARE';
-  });
-  var isLimitReached = (_viewHandler$aiState$5 = (_viewHandler$aiState$6 = viewHandler.aiState.usageBudget) === null || _viewHandler$aiState$6 === void 0 ? void 0 : _viewHandler$aiState$6.isLimitReached) !== null && _viewHandler$aiState$5 !== void 0 ? _viewHandler$aiState$5 : false;
-  var canGetLeadRewardBonus = (_ref2 = ((_viewHandler$settings = viewHandler.settingsState.organizationAISettings) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.leadRewardBonus) && !((_viewHandler$aiState$7 = viewHandler.aiState.usageBudget) !== null && _viewHandler$aiState$7 !== void 0 && _viewHandler$aiState$7.leadKeyActive) && isAnonymous) !== null && _ref2 !== void 0 ? _ref2 : false;
-
-  // For anonymous users, disable all buttons when any generation is in progress
-  var isAnyGenerationInProgress = viewHandler.aiState.isAnyGenerationInProgress;
-  var blockedWaitingForOtherGeneration = isAnonymous && isAnyGenerationInProgress && !loading$1;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(roomItem, item.selected ? sel : undefined, !generated$1 ? buttonVisible : generated, loading$1 ? loading : undefined),
-    onClick: onItemClick,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: item.image
-      }), /*#__PURE__*/jsx("div", {
-        className: textShadow
-      }), /*#__PURE__*/jsx("div", {
-        className: title,
-        children: item.name
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          top: 0,
-          bottom: 'unset'
-        }
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      className: classnames(button, isLimitReached ? limitedButton : undefined, !canGetLeadRewardBonus && isLimitReached ? stopButton : undefined, blockedWaitingForOtherGeneration && !loading$1 ? blockedButton : undefined),
-      onClick: onButtonClick,
-      disabled: isLimitReached && !canGetLeadRewardBonus || blockedWaitingForOtherGeneration,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(isLimitReached ? limitedIcon : loading$1 ? loadingIcon : generateIcon)
-      }), isLimitReached ? canGetLeadRewardBonus ? t('configurator.roomRendering.limited') : t('configurator.roomRendering.stop') : loading$1 ? t('configurator.roomRendering.generating') : blockedWaitingForOtherGeneration ? t('configurator.roomRendering.blockedWaitingForOtherGeneration') : t('configurator.roomRendering.generate')]
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(favoriteIcon, favorite ? favoriteIconSel : undefined, generated$1 && (item.selected || favorite) ? favoriteIconVisible : undefined),
-      title: t('configurator.roomRendering.includeInBasket'),
-      onClick: function onClick() {
-        return viewHandler.aiState.onFavoriteAiImageKeyChange(item.key, false);
-      }
-    }), shareButton && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-      className: classnames(shareButtonWrapper, generated$1 && item.selected ? visible : undefined),
-      onClick: function onClick() {
-        viewHandler.divaWebPlanner.setAiImageAsJpg(item.key, item.image);
-        _onClickCheckout(shareButton, viewHandler, shareButton.index, t);
-      },
-      children: /*#__PURE__*/jsx(Icon, {
-        checkoutButton: _objectSpread(_objectSpread({}, shareButton), {}, {
-          isPrimary: true
-        }),
-        size: 28,
-        showTitle: false
-      })
-    }, shareButton.index)]
-  });
-};
-var RoomItem$1 = observer(RoomItem);
-
-export { RoomItem$1 as default };