@crystaldesign/diva-web-planner-react 26.4.0-rc.3 → 26.4.0-rc.4

package/build/esm/index-fb597f63.js

@@ -1,220 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4dc2ffe8.js';
-import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-efedeb1f.js';
-import { c as collapsableInner } from './index-7741200b.js';
-import ShelfAccessoires from './index-01106c57.js';
-import ShelfAccessoiresOld from './index-4fc43ba7.js';
-import GridList from './index-36475075.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-606e8f78.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-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 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-3e626fdf.js';
-import './index-ffa0132c.js';
-import './index-04d84870.js';
-import './index-4e2933c8.js';
-import './index.module-79870477.js';
-import './index-745302ee.js';
-import './index-2fe552b2.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-2655f141.js';
-import 'react-dropdown';
-import './index-5386b456.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3284d8b1.js';
-import './index-167c00d4.js';
-import './index-23e05462.js';
-import '@crystaldesign/content-box';
-import './index-1f5d7d2b.js';
-import './index-7b941005.js';
-import './index-1361ec87.js';
-import './index-feb7dd9e.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-efefccbf.js';
-import './index-211217c7.js';
-import './index-915c4156.js';
-import './index-fc3830f4.js';
-import './index-0e47c63c.js';
-import './index-a81cae1f.js';
-import './index-ed6de348.js';
-import 'react-laag';
-import './index.module-6743da68.js';
-import './index-f14387bb.js';
-import './index-7c02270c.js';
-import './index-529c67c3.js';
-import './index-7fe066bc.js';
-import './index-7b44db4f.js';
-import './index.module-16a900be.js';
-import './index-fb4ea3c3.js';
-import './index-2f1ec53e.js';
-import './index-886b031a.js';
-import './index-296237c8.js';
-import './index-fd3b6011.js';
-import './index-de4f2487.js';
-import './index-ddaf035f.js';
-import './index-91996159.js';
-import './index-b0b4ab84.js';
-import './index-e87d9974.js';
-import './index-a9a26070.js';
-import './index-17a0d152.js';
-import './index-a55aef7c.js';
-import 'rc-slider';
-import './index-fa06f897.js';
-import './index-00a745dc.js';
-import './index-92b4ba6c.js';
-import './index-57409256.js';
-import './index-98f03fea.js';
-import 'react-confetti-explosion';
-import './index-c77dfedc.js';
-import './index-4b7357d5.js';
-import './index-fabe67b6.js';
-import 'react-qr-code';
-import './index-d27a4968.js';
-import './useCustomDimensions-79bea366.js';
-import './index-e69210d3.js';
-import './ussIsSticky-c40d1d3b.js';
-import './index-9a972c55.js';
-import './index-3f3646bd.js';
-import './index-3e00a147.js';
-import './index.module-dcbfa4a7.js';
-import './index-96f20095.js';
-import './index-43f9adf8.js';
-import './index-24cc916b.js';
-import './index-8c036c70.js';
-import 'react-beautiful-dnd';
-import './index-ff65b3c7.js';
-import './index-f20614f7.js';
-import './index-30ef43d4.js';
-
-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 ShelfPlanner = function ShelfPlanner(_ref) {
-  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _filteredGroups$0$ite, _filteredGroups$, _selAccItem, _selAccItem2;
-  var item = _ref.item,
-    style = _ref.style,
-    filteredGroups = _ref.filteredGroups;
-  var viewHandler = useViewHandler();
-  var height = ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) - 10;
-  var width = ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().width) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) - 16;
-  var grid = (_item$shelfPlannerGri = item === null || item === void 0 || (_item$shelfPlannerGri2 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri2 === void 0 ? void 0 : _item$shelfPlannerGri2.find(function (g) {
-    return g.ActAccessoire;
-  })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var items = (_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : [];
-  var selAcc = grid.ActAccessoire;
-  var selAccItem = undefined;
-  if (selAcc) {
-    selAccItem = items.find(function (item) {
-      return item.articleCodex == selAcc;
-    });
-  }
-  var requiredWarning = grid.getRequiredWarning(viewHandler.configState.lang);
-  var palettesOfSelectedAcc = [];
-  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.configStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
-    var _loop = function _loop() {
-      var stepKey = selAccItem.configStepKeys[i];
-      var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2);
-          _ref3[0];
-          var itemPalette = _ref3[1];
-        return itemPalette.configStepKey == stepKey.key;
-      });
-      if (!itemPalette) return 1; // continue
-      if (viewHandler.settingsState.selectedShelfAccessoire == stepKey.basketId) palettesOfSelectedAcc.push(itemPalette[1]);
-    };
-    for (var i = 0; i < selAccItem.configStepKeys.length; i++) {
-      if (_loop()) continue;
-    }
-  }
-  var mobileRTV = viewHandler.getIsInMobileView() && viewHandler.productState.shelfPlannerRTV;
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref4) {
-      return item.htmlRef = _ref4;
-    },
-    className: classnames(viewHandler.productState.shelfPlannerRTV ? shelfPlannerContainerRtv : undefined, grid.Direction == 'horizontal' ? shelfPlannerContainerHorizontal : shelfPlannerContainerVertical, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    style: _objectSpread({
-      height: height
-    }, style),
-    children: [!viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx("div", {
-      className: shelfGrid,
-      children: /*#__PURE__*/jsx("div", {
-        className: shelfGridBorder,
-        children: /*#__PURE__*/jsx(GridList, {
-          item: item,
-          direction: grid.Direction,
-          width: width,
-          height: height - 16 - 16
-        })
-      })
-    }), requiredWarning && /*#__PURE__*/jsx("div", {
-      className: warning,
-      dangerouslySetInnerHTML: {
-        __html: requiredWarning
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: accessoires,
-      children: [!!palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: configHeaderWrapper,
-          onClick: function onClick() {
-            return viewHandler.paletteViewHandler.setSelectedShelfAccessoire();
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: closeButton
-          }), /*#__PURE__*/jsx("div", {
-            className: name,
-            children: (_selAccItem2 = selAccItem) === null || _selAccItem2 === void 0 ? void 0 : _selAccItem2.name
-          })]
-        }), /*#__PURE__*/jsx(SettingsItemsWrapper, {
-          itemPalettesArr: palettesOfSelectedAcc
-        })]
-      }), !palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [!mobileRTV && /*#__PURE__*/jsx(SelectedAcc, {
-          selAccItem: selAccItem
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(accessoireContainer, collapsableInner),
-          style: {
-            height: grid.Direction == 'horizontal' ? height - 80 : '',
-            overflow: mobileRTV ? 'visible' : undefined
-          },
-          children: items.map(function (acc, key) {
-            return /*#__PURE__*/jsxs(Fragment, {
-              children: [viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoires, {
-                grids: item.shelfPlannerGrids,
-                item: acc,
-                sel: acc.articleCodex == selAcc
-              }, key), !viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoiresOld, {
-                grids: item.shelfPlannerGrids,
-                item: acc
-              }, key)]
-            });
-          })
-        })]
-      })]
-    })]
-  });
-};
-var index = observer(ShelfPlanner);
-
-export { index as default };

package/build/esm/index-fc3830f4.js

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

package/build/esm/index-fd3b6011.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-4dc2ffe8.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-6743da68.js';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-de4f2487.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-745302ee.js';
-import ReverseCheck from './index-2fe552b2.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 '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.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: 14px;\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-feb7dd9e.js

@@ -1,216 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-4dc2ffe8.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation } from 'swiper/modules';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { c as container, e as emptyText, h as headline, s as subheadline, a as styleSelection, b as styleButtonsSwiper, d as styleButton, f as styleButtonSelected, g as styleButtonImage, i as styleDescription, j as styleName, k as styleDescriptionText, l as generateSection, m as customInputSection, n as customInput, o as generateButton, p as errorMessage, r as remainingText, U as UnlockCard, q as sceneHistory, t as sceneHistoryTitle, u as sceneHistorySwiper, v as sceneThumb, w as sceneThumbSelected, x as tryVariantLink } from './UnlockCard-efefccbf.js';
-import { jsx, jsxs, 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var StyleConsultant = function StyleConsultant(_ref) {
-  var _viewHandler$getViewC, _aiState$enrichedAiRo, _budget$remaining, _viewHandler$settings, _viewHandler$settings2, _aiState$aiGeneration, _selectedItem$key, _aiState$customPrompt, _budget$isLimitReache, _budget$total, _budget$leadKeyActive;
-  _ref.item;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var aiState = viewHandler.aiState;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    keepUnlockVisible = _useState2[0],
-    setKeepUnlockVisible = _useState2[1];
-  if (!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showStyleConsultant) || !((_aiState$enrichedAiRo = aiState.enrichedAiRoomRenderings) !== null && _aiState$enrichedAiRo !== void 0 && _aiState$enrichedAiRo.length)) {
-    return /*#__PURE__*/jsx("div", {
-      className: container,
-      children: /*#__PURE__*/jsx("p", {
-        className: emptyText,
-        children: t('configurator.roomRendering.noStylesAvailable', 'Keine Stilwelten verfügbar.')
-      })
-    });
-  }
-  var roomItems = aiState.enrichedAiRoomRenderings;
-  var selectedItem = roomItems.find(function (r) {
-    return r.key === aiState.selectedRoom;
-  });
-  var budget = aiState.usageBudget;
-  var scenesRemaining = (_budget$remaining = budget === null || budget === void 0 ? void 0 : budget.remaining) !== null && _budget$remaining !== void 0 ? _budget$remaining : 0;
-  var leadBonus = (_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.organizationAISettings) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.leadRewardBonus) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0;
-  var generatedImages = aiState.generatedImageHistory;
-  var generationErrorKey = (_aiState$aiGeneration = aiState.aiGenerationErrors[(_selectedItem$key = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) !== null && _selectedItem$key !== void 0 ? _selectedItem$key : '']) === null || _aiState$aiGeneration === void 0 ? void 0 : _aiState$aiGeneration[aiState.setHash];
-  var hasImageForCurrentPrompt = generatedImages.some(function (e) {
-    return e.key === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) && e.hash === aiState.setHash && (e.customPrompt || '') === (aiState.customPromptInput || '');
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsx("h1", {
-      className: headline,
-      children: t('configurator.inspiration.headline')
-    }), /*#__PURE__*/jsx("p", {
-      className: subheadline,
-      children: t('configurator.inspiration.subheadline')
-    }), /*#__PURE__*/jsxs("div", {
-      className: styleSelection,
-      children: [/*#__PURE__*/jsx("div", {
-        className: styleButtonsSwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 10,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: roomItems.map(function (style) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              children: /*#__PURE__*/jsx("button", {
-                type: "button",
-                className: "".concat(styleButton, " ").concat(aiState.selectedRoom === style.key ? styleButtonSelected : ''),
-                onClick: function onClick() {
-                  return aiState.setSelectedRoom(style.key);
-                },
-                title: style.name,
-                children: /*#__PURE__*/jsx("img", {
-                  src: style.image,
-                  alt: style.name,
-                  className: styleButtonImage
-                })
-              })
-            }, style.key);
-          })
-        })
-      }), selectedItem && /*#__PURE__*/jsxs("div", {
-        className: styleDescription,
-        children: [/*#__PURE__*/jsx("h3", {
-          className: styleName,
-          children: selectedItem.name
-        }), !!selectedItem.description && /*#__PURE__*/jsx("p", {
-          className: styleDescriptionText,
-          children: selectedItem.description
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: generateSection,
-      children: scenesRemaining > 0 && !keepUnlockVisible ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: customInputSection,
-          children: [/*#__PURE__*/jsx("p", {
-            className: styleDescriptionText,
-            children: t('configurator.inspiration.customPromptDescription')
-          }), /*#__PURE__*/jsx("input", {
-            type: "text",
-            className: customInput,
-            value: (_aiState$customPrompt = aiState.customPromptInput) !== null && _aiState$customPrompt !== void 0 ? _aiState$customPrompt : '',
-            onChange: function onChange(e) {
-              return aiState.setCustomPromptInput(e.target.value);
-            },
-            placeholder: t('configurator.inspiration.customPlaceholder')
-          })]
-        }), /*#__PURE__*/jsx("button", {
-          type: "button",
-          className: generateButton,
-          onClick: function onClick() {
-            return selectedItem && aiState.handleGenerate(selectedItem.key, true);
-          },
-          disabled: !selectedItem || aiState.isAnyGenerationInProgress || ((_budget$isLimitReache = budget === null || budget === void 0 ? void 0 : budget.isLimitReached) !== null && _budget$isLimitReache !== void 0 ? _budget$isLimitReache : false) || hasImageForCurrentPrompt,
-          children: hasImageForCurrentPrompt ? t('configurator.inspiration.generated') : aiState.isAnyGenerationInProgress ? t('configurator.inspiration.generating') : generationErrorKey ? t('configurator.inspiration.retry') : t('configurator.inspiration.generate')
-        }), generationErrorKey && /*#__PURE__*/jsx("p", {
-          className: errorMessage,
-          children: t(generationErrorKey, generationErrorKey === 'configurator.roomRendering.aiGenerationError.imageSafety' ? t('configurator.inspiration.imageSafetyError') : generationErrorKey === 'configurator.roomRendering.aiGenerationError.resourceExhausted' ? t('configurator.inspiration.resourceExhaustedError') : t('configurator.inspiration.unknownError'))
-        }), /*#__PURE__*/jsx("p", {
-          className: remainingText,
-          children: scenesRemaining === 1 ? t('configurator.inspiration.remainingOne') : t('configurator.inspiration.remaining', {
-            scenesRemaining: scenesRemaining
-          })
-        })]
-      }) : /*#__PURE__*/jsx(UnlockCard, {
-        budgetTotal: (_budget$total = budget === null || budget === void 0 ? void 0 : budget.total) !== null && _budget$total !== void 0 ? _budget$total : 3,
-        leadBonus: leadBonus,
-        leadKeyActive: (_budget$leadKeyActive = budget === null || budget === void 0 ? void 0 : budget.leadKeyActive) !== null && _budget$leadKeyActive !== void 0 ? _budget$leadKeyActive : false,
-        onSubmit: (/*#__PURE__*/function () {
-          var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(email) {
-            var result;
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  setKeepUnlockVisible(true);
-                  _context.next = 3;
-                  return aiState.createLeadKey(email);
-                case 3:
-                  result = _context.sent;
-                  return _context.abrupt("return", result !== null && result !== void 0 ? result : {
-                    success: false
-                  });
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          return function (_x) {
-            return _ref2.apply(this, arguments);
-          };
-        }()),
-        onSuccess: function onSuccess() {
-          return setKeepUnlockVisible(false);
-        }
-      })
-    }), generatedImages.length > 0 && /*#__PURE__*/jsxs("div", {
-      className: sceneHistory,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: sceneHistoryTitle,
-        children: t('configurator.inspiration.sceneHistory')
-      }), /*#__PURE__*/jsx("div", {
-        className: sceneHistorySwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 8,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: generatedImages.map(function (entry, idx) {
-            var _aiState$currentlyVis;
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              onClick: function onClick() {
-                return aiState.useAiGeneratedRoom(entry.key, entry.hash, false, entry.src);
-              },
-              children: /*#__PURE__*/jsx("div", {
-                className: "".concat(sceneThumb, " ").concat(((_aiState$currentlyVis = aiState.currentlyVisibleRoom) === null || _aiState$currentlyVis === void 0 ? void 0 : _aiState$currentlyVis.src) === entry.src ? sceneThumbSelected : ''),
-                children: /*#__PURE__*/jsx("img", {
-                  src: entry.src
-                })
-              })
-            }, "".concat(entry.key, "-").concat(entry.hash, "-").concat(idx));
-          })
-        })
-      })]
-    }), /*#__PURE__*/jsx("button", {
-      type: "button",
-      className: tryVariantLink,
-      onClick: function onClick() {
-        var firstStep = viewHandler.tabGroupState.firstVisibleConfigStep;
-        if (firstStep) viewHandler.navigateToConfigStep(firstStep.key);
-      },
-      children: t('configurator.inspiration.tryVariant')
-    })]
-  });
-};
-var StyleConsultant$1 = observer(StyleConsultant);
-
-export { StyleConsultant$1 as default };