@crystaldesign/diva-web-planner-react 26.3.0-beta.30 → 26.3.0-beta.32

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

@@ -0,0 +1,214 @@
+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-2c5fcebb.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-eedb32dd.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';
+
+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 : 5;
+  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 };

package/build/esm/{index-13a712a4.js → index-5e237601.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-0c4af2cf.js';
+import { s as styleInject } from './index-2c5fcebb.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-359aac2c.js → index-5f511b08.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-0c4af2cf.js';
+import { a as usePlannerUIHandler } from './index-2c5fcebb.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-000ea5b8.js → index-5f53d419.js}

@@ -1,23 +1,23 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-c1e9429b.js';
-import Sidebar from './index-13a712a4.js';
-import OptionTree from './index-2830a9e4.js';
-import PartListTable from './index-a3333e06.js';
-import SVGAnalyzer from './index-043c8ca9.js';
-import { l as list } from './index.module-a08bc293.js';
-import EkTextViewer from './index-8db2b614.js';
-import CatalogMakeup from './index-5aa1ceba.js';
-import DecisionAnalyzer from './index-5b37abd5.js';
-import RTVAnalyzer from './index-974f4654.js';
-import J3DEditor from './index-853ac4a8.js';
-import PropertiesEditor from './index-fc6910c6.js';
-import ArticleOverview from './index-773ed9a2.js';
-import PriceAnalyzer from './index-bd022c4e.js';
-import GridOverview from './index-9ce95d3e.js';
+import Product from './index-e868c378.js';
+import Sidebar from './index-5e237601.js';
+import OptionTree from './index-54638391.js';
+import PartListTable from './index-d93b32fd.js';
+import SVGAnalyzer from './index-9105d0d8.js';
+import { l as list } from './index.module-bc2cb4a0.js';
+import EkTextViewer from './index-4826870a.js';
+import CatalogMakeup from './index-8333b2ff.js';
+import DecisionAnalyzer from './index-05e380bb.js';
+import RTVAnalyzer from './index-8eaee390.js';
+import J3DEditor from './index-69e42647.js';
+import PropertiesEditor from './index-dac4c554.js';
+import ArticleOverview from './index-13ab027a.js';
+import PriceAnalyzer from './index-f788f949.js';
+import GridOverview from './index-688bfe82.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -35,141 +35,143 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-0cf71aa9.js';
-import './index-b3051367.js';
+import './index-c7956c25.js';
+import './index-63a4826b.js';
 import '@crystaldesign/content-item';
-import './index-4c71dc13.js';
-import './index-276e6111.js';
-import './index-39a8e7c5.js';
+import './index-d4f9a423.js';
+import './index-9460f067.js';
+import './index-05f64d80.js';
 import 'sift';
-import './index-551717e9.js';
-import './index-8727e965.js';
-import './index-5a5289eb.js';
-import './index-9cc309dc.js';
-import './index-122a0869.js';
-import './index.module-e1401df0.js';
-import './index-2770ac07.js';
+import './index-27b5797c.js';
+import './index-9ac6cfde.js';
+import './index-5a3bba35.js';
+import './index-dcb5a4c8.js';
+import './index-04931042.js';
+import './index.module-640d8e72.js';
+import './index-013824ae.js';
 import 'react-switch';
-import './index-97e4f826.js';
-import './index-fb3da7a9.js';
-import './index-f31e87f2.js';
+import './index-b3e1927a.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
 import 'react-countup';
-import './index-338270a7.js';
+import './index-1bef5016.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-4770ac0f.js';
+import './index-96a844ba.js';
 import 'react-dropdown';
-import './index-0e7381cf.js';
-import './index-883c22c3.js';
-import './index-9674599a.js';
-import './index-45fa07f9.js';
+import './index-3ac989c2.js';
+import './index-64d3dee2.js';
+import './index-bab8c7ca.js';
+import './index-ec8583d4.js';
 import '@crystaldesign/content-box';
-import './index-e341c591.js';
-import './index-a1062c3a.js';
-import './index-5156ca7b.js';
-import './index-07ad5139.js';
-import './index-9ba1ca70.js';
-import './index-880c5baa.js';
-import './index-1eafb49f.js';
-import './index-8b96a87d.js';
-import './index-a838aa60.js';
-import 'react-laag';
-import './index.module-a1524dc2.js';
-import './index-d8069db0.js';
-import './index-42805d35.js';
-import './index-3f878c68.js';
-import './index-7c85b92e.js';
-import './index-970fada8.js';
-import './index-e46763e8.js';
-import './index.module-d266f304.js';
-import './index-97b09940.js';
-import './index-3d7806b8.js';
-import './index-bd03ba3b.js';
-import './index-1edd9049.js';
-import './index-2d10458f.js';
-import './index-51c9445d.js';
-import './index-96b86e97.js';
-import './index-b177992c.js';
-import './index-fc36bc10.js';
-import './index-a9929714.js';
-import './index-1f7d9cc7.js';
-import './index-88c444ee.js';
+import './index-fd9f971c.js';
+import './index-57f6de18.js';
+import './index-d03ce7a1.js';
+import './index-5bb3c4e5.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-3fedcae6.js';
+import './UnlockCard-eedb32dd.js';
+import './index-ecf5d2ad.js';
+import './index-e97ba3cb.js';
+import './index-03c70f2c.js';
+import './index-ed8770db.js';
+import './index-730f502a.js';
+import './index-a9845019.js';
+import 'react-laag';
+import './index.module-775e575c.js';
+import './index-63d8bd21.js';
+import './index-cd3e741e.js';
+import './index-61449a33.js';
+import './index-53f97462.js';
+import './index-d70fb0bb.js';
+import './index-9a23b442.js';
+import './index.module-8dfb8de3.js';
+import './index-001ba1fd.js';
+import './index-62c24617.js';
+import './index-945800aa.js';
+import './index-8a32be1c.js';
+import './index-687ae0a1.js';
+import './index-69a6c7a9.js';
+import './index-f3f86e53.js';
+import './index-197173a7.js';
+import './index-01d1aa77.js';
+import './index-e54f3cbf.js';
+import './index-48d72bcf.js';
+import './index-0a590051.js';
+import './index-8ae4e6a5.js';
 import 'rc-slider';
-import './index-186612cf.js';
-import './index-bcdf7d06.js';
-import './index-a023c2a7.js';
-import './index-b8aacc98.js';
-import './index-5b396532.js';
+import './index-7c7be592.js';
+import './index-61ae92a9.js';
+import './index-96b06af6.js';
+import './index-9ca297b9.js';
+import './index-3bdfe15e.js';
 import 'react-confetti-explosion';
-import './index-7856e10b.js';
-import './index-140074e6.js';
-import './index-d5d09a35.js';
+import './index-672a5e0b.js';
+import './index-f091509b.js';
+import './index-39b1626d.js';
 import 'react-qr-code';
-import './index-c19f7012.js';
-import './useCustomDimensions-04c11b27.js';
-import './index-24c4a849.js';
-import './ussIsSticky-8f2e6519.js';
-import './index-dc54720f.js';
-import './index-c21577c2.js';
-import './index-73d625f4.js';
-import './index.module-79f9899d.js';
-import './index-c2e49d89.js';
-import './index-4e9e91f3.js';
-import './index-3e4b4337.js';
-import './index-92c04b03.js';
-import './index-adf84dba.js';
-import './index-0f2624a2.js';
-import './index-369e2e80.js';
-import './index-f37e657e.js';
-import './index-4cb2a5b6.js';
-import './index.module-2fa9f285.js';
-import './index-df5d31ef.js';
-import './index-641f1d5f.js';
-import './index-dc32b736.js';
-import './index-5cfa956e.js';
-import './index-3c3857ad.js';
-import './index-6c297a22.js';
-import './index-51a91d00.js';
-import './index-7e8a8c5c.js';
-import './index-6864423f.js';
-import './index-2c0d4068.js';
-import './index-aec396bc.js';
-import './index-fdb5e69a.js';
-import './index-5d5c9d01.js';
-import './index-459bce01.js';
-import './index-1803156d.js';
-import './index-972b4475.js';
+import './index-93582460.js';
+import './useCustomDimensions-a87c5089.js';
+import './index-c11204c1.js';
+import './ussIsSticky-519f92fa.js';
+import './index-e7b11a1d.js';
+import './index-b0f33b61.js';
+import './index-2a0a2f0d.js';
+import './index.module-2a931ebd.js';
+import './index-d90926c1.js';
+import './index-6648c292.js';
+import './index-cfd02cea.js';
+import './index-253ee923.js';
+import './index-5b956203.js';
+import './index-d07e6872.js';
+import './index-f20a8a18.js';
+import './index-d53bb038.js';
+import './index-2a246afa.js';
+import './index-bb7c36ca.js';
+import './index.module-5ce5d60f.js';
+import './index-6953360a.js';
+import './index-d12c8833.js';
+import './index-e0a2e0a6.js';
+import './index-fcb01bc0.js';
+import './index-f6c05be7.js';
+import './index-54817203.js';
+import './index-9acf9223.js';
+import './index-ca0a2275.js';
+import './index-96b506f3.js';
+import './index-9a2c71bf.js';
+import './index-70fb71bb.js';
+import './index-e8c4bab6.js';
+import './index-d8fd9c3d.js';
+import './index-a99676d6.js';
+import './index-6c7bdce9.js';
+import './index-30927267.js';
 import 'react-collapsible';
-import './index-77212520.js';
-import './index-83137552.js';
-import './index-8883b248.js';
-import './index.module-e5721ce1.js';
+import './index-25c099b4.js';
+import './index-cc650bb5.js';
+import './index-ae819c47.js';
+import './index.module-a8dc9979.js';
 import 'react-json-view-lite';
-import './react-json-viewer-cc63f510.js';
-import './index.module-a369f510.js';
-import './DecisionVizualizer-fa7431ce.js';
-import './index-5e33f20e.js';
-import './index-9505768e.js';
-import './index-3804d62f.js';
-import './index-1d24184a.js';
-import './index-8013486b.js';
-import './index-bd8f23cc.js';
-import './index.module-a8d89fd6.js';
+import './react-json-viewer-8d65f53e.js';
+import './index.module-cece3e5f.js';
+import './DecisionVizualizer-ab2ab17d.js';
+import './index-2fb77876.js';
+import './index-1ce326ab.js';
+import './index-cf75d727.js';
+import './index-6ac6041c.js';
+import './index-f4e3117f.js';
+import './index-adc69421.js';
+import './index.module-9a198981.js';
 import 'react-select';
-import './index-c39d4d3f.js';
-import 'ag-grid-community';
-import 'ag-grid-react';
-import './index-8953b9eb.js';
-import './index-ee6ba46e.js';
+import './index-7dc10d02.js';
+import './index-950e851f.js';
+import './agGridLoader-f4cd9cf9.js';
+import './index-ede27736.js';
 import 'jsoneditor';
-import './index-f7e97625.js';
-import './CatalogProperties-7fa832db.js';
-import './ArticleProperties-94d354bd.js';
-import './OptionProperties-bd8e1e56.js';
-import './OptionValueProperties-a8945f59.js';
+import './index-1896dc59.js';
+import './CatalogProperties-a32b1376.js';
+import './ArticleProperties-73bc731e.js';
+import './OptionProperties-385d30b7.js';
+import './OptionValueProperties-ff04d269.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; }

package/build/esm/{index-3f878c68.js → index-61449a33.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0c4af2cf.js';
+import './index-2c5fcebb.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-bcdf7d06.js → index-61ae92a9.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-0c4af2cf.js';
+import { s as styleInject } from './index-2c5fcebb.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-97e4f826.js';
+import InfoIcon from './index-b3e1927a.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6248c4fc.js → index-61ff2af1.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-0c4af2cf.js';
+import { s as styleInject } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-d488be40.js';
+import ActionNavigation from './index-339ccd5c.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-82e23669.js';
+import './index.module-4a815954.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";

package/build/esm/{index-3d7806b8.js → index-62c24617.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-0c4af2cf.js';
+import { s as styleInject } from './index-2c5fcebb.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-b3051367.js → index-63a4826b.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';

package/build/esm/{index-d8069db0.js → index-63d8bd21.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0c4af2cf.js';
+import './index-2c5fcebb.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-883c22c3.js → index-64d3dee2.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-9674599a.js';
+import Arrow from './index-bab8c7ca.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4e9e91f3.js → index-6648c292.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { i as loadingIcon, j as generateIcon } from './index.module-79f9899d.js';
+import { i as loadingIcon, j as generateIcon } from './index.module-2a931ebd.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -172,8 +172,9 @@ var UploadItem = function UploadItem(_ref) {
     setGeneratingPromise = _useState2[1];
   var onButtonClick = function onButtonClick(e) {
     e.stopPropagation();
-    if (!item.onButtonClick) return;
-    setGeneratingPromise(item.onButtonClick(viewHandler.aiState.setHash, imageBase64));
+    if (!imageBase64) return;
+    var hash = viewHandler.aiState.setHash;
+    setGeneratingPromise(viewHandler.aiState.generateAiImageWithReferenceImages(item.key, hash, imageBase64));
   };
   var generated$1 = viewHandler.aiState.aiGeneratedRooms[item.key] !== undefined;
   var loading$1 = generatingPromise;