@crystaldesign/diva-web-planner-react 25.5.0-beta.15 → 25.5.0-beta.17

package/build/esm/{index-00424dbf.js → index-a071deb9.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-4ccddb9b.js';
-import TabGroupVertical from './index-dd981a32.js';
-import TabSearch from './index-2e2b745d.js';
+import TabGroupHorizontal from './index-c1ca3a10.js';
+import TabGroupVertical from './index-cd769965.js';
+import TabSearch from './index-f479e550.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -20,8 +20,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-13f5c06c.js';
-import './index-2bf0a760.js';
+import './index-17ece7e9.js';
+import './index-270a0708.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-3417a335.js → index-a08e5818.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-aed98128.js';
+import { s as styleInject } from './index-499ee97e.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-dfc010cb.js → index-a140a482.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import { useState } from 'react';
-import { s as subWrapper, c as scrollWrapper, t as textWrapper, d as boldText, e as icon, f as checkGreen, g as inputWrapper2, h as inputWrapper, j as input, k as errorText, b as button, a as inverted, l as disabled } from './index.module-0c9d4c62.js';
+import { s as subWrapper, c as scrollWrapper, t as textWrapper, d as boldText, e as icon, f as checkGreen, g as inputWrapper2, h as inputWrapper, j as input, k as errorText, l as checkboxWrapper, m as checkbox, n as text, b as button, a as inverted, o as disabled } from './index.module-1fb3cd31.js';
 import classnames from 'classnames';
-import Select from 'react-select';
 import { getLogger, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import AcceptTerms from './index-06b2e53c.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -25,20 +25,25 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 getLogger('Planner', 'WEB-PLANNER-REACT');
 var CreateAppointment = function CreateAppointment(_ref) {
   var basket = _ref.basket,
-    config = _ref.config;
+    _ref$config = _ref.config,
+    _ref$config$showDSGVO = _ref$config.showDSGVO,
+    showDSGVO = _ref$config$showDSGVO === void 0 ? true : _ref$config$showDSGVO,
+    emailConfig = _ref$config.emailConfig,
+    showSubscription = _ref$config.showSubscription;
   var _useDivaCore = useDivaCore(),
+    navigationConfiguration = _useDivaCore.state.navigationConfiguration,
     sendEmail = _useDivaCore.actions.sendEmail;
   var _useTranslation = useTranslation(),
-    i18n = _useTranslation.i18n;
-    _useTranslation.t;
+    i18n = _useTranslation.i18n,
+    t = _useTranslation.t;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     ableToSend = _useState2[0],
     setAbleToSend = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showWarning = _useState4[0],
-    setShowWarning = _useState4[1];
+    showWarningEmail = _useState4[0],
+    setShowWarningEmail = _useState4[1];
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     mail = _useState6[0],
@@ -55,63 +60,87 @@ var CreateAppointment = function CreateAppointment(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     telNumber = _useState12[0],
     setTelNumber = _useState12[1];
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    note = _useState14[0],
+    setNote = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    checkDSGVO = _useState16[0],
+    setCheckDSGVO = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    checkSubscriptionToNewsletter = _useState18[0],
+    setCheckSubscriptionToNewsletter = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    showWarningDSGVO = _useState20[0],
+    setShowWarningDSGVO = _useState20[1];
   var sendMail = function sendMail() {
+    var returnAfter = false;
     if (!DivaUtils.validateEmail(mail)) {
       setAbleToSend(false);
-      setShowWarning(true);
-      return;
+      setShowWarningEmail(true);
+      returnAfter = true;
     }
-
-    // TODO FRANZ: businessEvent loggen
-    // LOG.businessEvent('onPlannerCreateAppointment', 'Planner', `Es wurde eine Terminanfrage gesendet`, {
-    //   contactType:
-    //   contactDayTime,
-    // });
-
-    sendEmail({
-      content: _objectSpread(_objectSpread({}, config), {}, {
-        to: mail,
-        divaNr: basket.DivaNr,
-        type: 'basket',
-        language: i18n.language
-      })
+    if (showDSGVO && !checkDSGVO) {
+      setAbleToSend(false);
+      setShowWarningDSGVO(true);
+      returnAfter = true;
+    }
+    if (returnAfter) return;
+    emailConfig === null || emailConfig === void 0 || emailConfig.map(function (c) {
+      return sendEmail({
+        showDialog: false,
+        content: _objectSpread(_objectSpread({}, c), {}, {
+          to: mail,
+          divaNr: basket.DivaNr,
+          type: 'basket',
+          language: i18n.language
+        })
+      });
     });
   };
   var onChangeMail = function onChangeMail(input) {
     var validMail = DivaUtils.validateEmail(input);
     setAbleToSend(validMail);
-    if (validMail) setShowWarning(false);
+    if (validMail) setShowWarningEmail(false);
     setMail(input);
   };
+  var onChangeDSGVO = function onChangeDSGVO(val) {
+    setCheckDSGVO(val);
+    if (val) setShowWarningDSGVO(false);
+    if (!showWarningEmail) setAbleToSend(true);
+  };
   return /*#__PURE__*/jsxs("div", {
     className: subWrapper,
     children: [/*#__PURE__*/jsxs("div", {
       className: scrollWrapper,
-      children: ["WORK IN PROGRESS", /*#__PURE__*/jsx("div", {
+      children: [/*#__PURE__*/jsx("div", {
         className: classnames(textWrapper, boldText),
-        children: "Ihre Vorteile:"
+        children: t('checkout.appointment.advanteges')
       }), /*#__PURE__*/jsxs("div", {
         className: textWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(icon, checkGreen)
-        }), "Pers\xF6nliche Beratung durch unsere Experten"]
+        }), t('checkout.appointment.advanteges_one')]
       }), /*#__PURE__*/jsxs("div", {
         className: textWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(icon, checkGreen)
-        }), "Optimierung Ihrer Konfiguration"]
+        }), t('checkout.appointment.advanteges_two')]
       }), /*#__PURE__*/jsxs("div", {
         className: textWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(icon, checkGreen)
-        }), "Individuelle Anpassungsm\xF6glichkeiten"]
+        }), t('checkout.appointment.advanteges_three')]
       }), /*#__PURE__*/jsxs("div", {
         className: inputWrapper2,
         children: [/*#__PURE__*/jsxs("div", {
           className: inputWrapper,
           children: [/*#__PURE__*/jsx("div", {
             className: classnames(boldText),
-            children: "Dein Vorname"
+            children: t('checkout.save.firstname')
           }), /*#__PURE__*/jsx("input", {
             className: input,
             type: "text",
@@ -124,7 +153,7 @@ var CreateAppointment = function CreateAppointment(_ref) {
           className: inputWrapper,
           children: [/*#__PURE__*/jsx("div", {
             className: classnames(boldText),
-            children: "Dein Nachname"
+            children: t('checkout.surname')
           }), /*#__PURE__*/jsx("input", {
             className: input,
             type: "text",
@@ -138,7 +167,7 @@ var CreateAppointment = function CreateAppointment(_ref) {
         className: inputWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(boldText),
-          children: "Deine E-Mail-Adresse"
+          children: t('checkout.save.email')
         }), /*#__PURE__*/jsx("input", {
           className: input,
           type: "email",
@@ -146,15 +175,15 @@ var CreateAppointment = function CreateAppointment(_ref) {
           onChange: function onChange(e) {
             return onChangeMail(e.target.value);
           }
-        }), showWarning && /*#__PURE__*/jsx("div", {
+        }), showWarningEmail && /*#__PURE__*/jsx("div", {
           className: errorText,
-          children: "Bitte geben sie eine vollst\xE4ndige E-Mailadresse an!"
+          children: t('checkout.share_mail.mail_error')
         })]
       }), /*#__PURE__*/jsxs("div", {
         className: inputWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(boldText),
-          children: "Telefonnummer"
+          children: t('telephoneSwitchBoard')
         }), /*#__PURE__*/jsx("input", {
           className: input,
           type: "text",
@@ -167,34 +196,61 @@ var CreateAppointment = function CreateAppointment(_ref) {
         className: inputWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(boldText),
-          children: "Bevorzugte Kontaktart"
-        }), /*#__PURE__*/jsx(Select, {
-          options: ['Telefon', 'E-Mail', 'Video-Call']
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(boldText),
-          children: "Bevorzugte Tageszeit"
-        }), /*#__PURE__*/jsx(Select, {
-          options: ['Vormittag', 'Nachmittag', 'Abends']
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(boldText),
-          children: "Ihre Nachricht (optional )"
+          children: t('checkout.appointment.note')
         }), /*#__PURE__*/jsx("textarea", {
           id: "message",
-          placeholder: "Haben Sie spezielle Fragen oder W\xFCnsche?"
+          placeholder: t('checkout.appointment.note_placehoder'),
+          style: {
+            height: 100,
+            maxWidth: 350
+          },
+          onChange: function onChange(e) {
+            return setNote(e.target.value);
+          },
+          value: note
+        })]
+      })]
+    }), (!!showSubscription || !!showDSGVO) && /*#__PURE__*/jsxs("div", {
+      className: inputWrapper,
+      children: [!!showDSGVO && /*#__PURE__*/jsxs("div", {
+        className: checkboxWrapper,
+        children: [/*#__PURE__*/jsx("input", {
+          type: "checkbox",
+          className: checkbox,
+          defaultChecked: checkDSGVO,
+          onChange: function onChange(e) {
+            return onChangeDSGVO(e.target.checked);
+          }
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(text),
+          children: /*#__PURE__*/jsx(AcceptTerms, {
+            agbUrl: navigationConfiguration.tosUrl,
+            privacyUrl: navigationConfiguration.privacyUrl
+          })
+        })]
+      }), !!showSubscription && /*#__PURE__*/jsxs("div", {
+        className: checkboxWrapper,
+        children: [/*#__PURE__*/jsx("input", {
+          type: "checkbox",
+          className: checkbox,
+          defaultChecked: checkSubscriptionToNewsletter,
+          onChange: function onChange(e) {
+            return setCheckSubscriptionToNewsletter(e.target.checked);
+          }
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(text),
+          children: t('checkout.appointment.subscription')
         })]
+      }), showWarningDSGVO && /*#__PURE__*/jsx("div", {
+        className: errorText,
+        children: t('checkout.dsgvo_error')
       })]
     }), /*#__PURE__*/jsx("button", {
       className: classnames(button, inverted, !ableToSend ? disabled : undefined),
       onClick: function onClick() {
         return sendMail();
       },
-      children: "Termin anfragen"
+      children: t('checkout.appointment.create')
     })]
   });
 };

package/build/esm/{index-da19b39e.js → index-a3a54825.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-71629bd4.js';
+import ActionNavigation from './index-bd8a801e.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';

package/build/esm/{index-f56c9c2c.js → index-a6b2b053.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-ce7b4ea6.js → index-a6d4e296.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-499ee97e.js';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-c721ce0d.js';
+import PricePreview from './index-7e80ecd6.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';

package/build/esm/{index-31f6cf6f.js → index-a97a718a.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-6a2c6b38.js → index-aa8024c1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-4c0d3838.js → index-abae900c.js}

@@ -1,12 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import { useState } from 'react';
 import { QRCodeSVG } from 'qrcode.react';
-import { a as infoText, b as bottomInfoText, h as horizontalLine, g as gridWrapper } from './index.module-1e372387.js';
-import { b as button, a as inverted, M as iconTextButton, e as icon, N as facebook, O as linkedin, m as message, P as twitter } from './index.module-0c9d4c62.js';
+import { a as infoText, b as bottomInfoText, h as horizontalLine, g as gridWrapper } from './index.module-fac150c6.js';
+import { b as button, a as inverted, P as iconTextButton, e as icon, Q as facebook, R as linkedin, p as message, S as twitter } from './index.module-1fb3cd31.js';
 import classnames from 'classnames';
 import { getLogger, useTranslation } from '@crystaldesign/diva-core';
+import { UtmSource, UTMUtils, UtmMedium, UtmCampaign } from '@crystaldesign/diva-utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -16,7 +17,6 @@ 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 '@crystaldesign/widget-contact-form';
@@ -48,6 +48,9 @@ var ShareViaSocialMedias = function ShareViaSocialMedias(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     shareVia = _useState2[0],
     setShareVia = _useState2[1];
+  var utmSource = shareVia == 'WHATSAPP' ? UtmSource.WHATSAPP : UtmSource.TELEGRAM;
+  var utm = new UTMUtils(utmSource, UtmMedium.SOCIAL, UtmCampaign.PLANNER_SHARE);
+  var fullUrl = utm.addUtmParams(url);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", {
       className: infoText,
@@ -55,7 +58,7 @@ var ShareViaSocialMedias = function ShareViaSocialMedias(_ref) {
     }), /*#__PURE__*/jsx(QRCodeSVG, {
       size: 200,
       minVersion: 6,
-      value: shareVia == 'WHATSAPP' ? 'https://wa.me/?text=' + encodeURIComponent("".concat(text, "\n").concat(url)) : 'https://t.me/share/url?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(text),
+      value: shareVia == 'WHATSAPP' ? 'https://wa.me/?text=' + encodeURIComponent("".concat(text, "\n").concat(fullUrl)) : 'https://t.me/share/url?url=' + encodeURIComponent(fullUrl) + '&text=' + encodeURIComponent(text),
       style: {
         cursor: 'pointer'
       },
@@ -140,22 +143,34 @@ var shareSocial = function shareSocial(platform, content, qrCode) {
     shareAction: !qrCode ? 'button_click' : 'qr_click',
     sharePlatform: platform
   });
+  var fullUrl = '';
+  var utm = undefined;
   switch (platform) {
     case 'facebook':
-      shareUrl = "https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(url), "&quote=").concat(encodeURIComponent(text));
+      utm = new UTMUtils(UtmSource.FACEBOOK, UtmMedium.SOCIAL, UtmCampaign.PLANNER_SHARE);
+      fullUrl = utm.addUtmParams(url);
+      shareUrl = "https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(fullUrl), "&quote=").concat(encodeURIComponent(text));
       break;
     case 'twitter':
-      shareUrl = "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url), "&text=").concat(encodeURIComponent(text)).concat(hashtags ? "&hashtags=".concat(encodeURIComponent(hashtags)) : '').concat(via ? "&via=".concat(encodeURIComponent(via)) : '');
+      utm = new UTMUtils(UtmSource.X, UtmMedium.SOCIAL, UtmCampaign.PLANNER_SHARE);
+      fullUrl = utm.addUtmParams(url);
+      shareUrl = "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(fullUrl), "&text=").concat(encodeURIComponent(text)).concat(hashtags ? "&hashtags=".concat(encodeURIComponent(hashtags)) : '').concat(via ? "&via=".concat(encodeURIComponent(via)) : '');
       break;
     case 'linkedin':
-      shareUrl = "https://www.linkedin.com/shareArticle?mini=true&url=".concat(encodeURIComponent(url), "&title=").concat(encodeURIComponent(title), "&summary=").concat(encodeURIComponent(text));
+      utm = new UTMUtils(UtmSource.LINKEDIN, UtmMedium.SOCIAL, UtmCampaign.PLANNER_SHARE);
+      fullUrl = utm.addUtmParams(url);
+      shareUrl = "https://www.linkedin.com/shareArticle?mini=true&url=".concat(encodeURIComponent(fullUrl), "&title=").concat(encodeURIComponent(title), "&summary=").concat(encodeURIComponent(text));
       break;
     case 'whatsapp':
+      utm = new UTMUtils(UtmSource.WHATSAPP, UtmMedium.SOCIAL, UtmCampaign.PLANNER_SHARE);
+      fullUrl = utm.addUtmParams(url);
       // Use WhatsApp Web for desktop and fallback to WhatsApp mobile protocol
-      shareUrl = "https://web.whatsapp.com/send?text=".concat(encodeURIComponent("".concat(text, "\n").concat(url)));
+      shareUrl = "https://web.whatsapp.com/send?text=".concat(encodeURIComponent("".concat(text, "\n").concat(fullUrl)));
       break;
     case 'telegram':
-      shareUrl = "https://t.me/share/url?url=".concat(encodeURIComponent(url), "&text=").concat(encodeURIComponent(text));
+      utm = new UTMUtils(UtmSource.TELEGRAM, UtmMedium.SOCIAL, UtmCampaign.PLANNER_SHARE);
+      fullUrl = utm.addUtmParams(url);
+      shareUrl = "https://t.me/share/url?url=".concat(encodeURIComponent(fullUrl), "&text=").concat(encodeURIComponent(text));
       break;
   }
 

package/build/esm/{index-88d46385.js → index-abb9662d.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-c991c4c7.js → index-ad58d447.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-62a9b56a.js';
+import ProductHeaderFunction from './index-0ee0b1a9.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-ea3f0ccd.js';
+import ContentItemWrapper from './index-0456d5d3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6dc0a925.js → index-aed0095c.js}

@@ -1,4 +1,4 @@
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b3ef3b2c.js → index-b0ab08e7.js}

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-aed98128.js';
+import { u as useViewHandler } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-67390622.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-5ff1e2b2.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-356aaf4d.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-39e193b7.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-1347ee1a.js';
+import IsActive from './index-c6318832.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-036ab768.js';
-import GenericToolTip from './index-ce7b4ea6.js';
-import InfoIcon from './index-eb44ac4e.js';
-import PricePreview from './index-c721ce0d.js';
+import MetaData from './index-b7139c1d.js';
+import GenericToolTip from './index-a6d4e296.js';
+import InfoIcon from './index-64045809.js';
+import PricePreview from './index-7e80ecd6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';