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

package/build/esm/{index-397df6a5.js → index-0d0e8f2c.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-decc0e6e.js';
+import './index-a8b36d53.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-0bf307f8.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-8ecafb3f.js';
 import classnames from 'classnames';
-import Select from 'react-select';
 import { getLogger, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import AcceptTerms from './index-82d2f77a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -22,23 +22,29 @@ import '@crystaldesign/widget-contact-form';
 
 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; }
-getLogger('Planner', 'WEB-PLANNER-REACT');
+var LOG = 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,
+    analyticsHandler = _useDivaCore.handler.analyticsHandler,
     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 +61,99 @@ 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;
+    LOG.businessEvent('onPlannerCreateAppointment', 'Planner', "Es wurde eine Terminanfrage gesendet", {
+      hasAcceptedMarketing: checkSubscriptionToNewsletter
+    });
+    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
+        })
+      });
+    });
+    analyticsHandler.createLead({
+      divaNr: basket.DivaNr,
+      email: mail,
+      firstName: name,
+      lastName: surName,
+      phone: telNumber,
+      message: note,
+      marketingAccepted: checkSubscriptionToNewsletter
     });
   };
   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 +166,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 +180,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 +188,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 +209,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-8b130683.js → index-11a0530c.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-f9542f47.js';
-import Planner3DImage from './index-d6f56077.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-8c4d89de.js';
+import Planner2DGrid from './index-3b239df6.js';
+import Planner3DImage from './index-ad11436a.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-f1c9b578.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-04f41a0d.js';
-import PlannerMsgContainer from './index-0a4833a5.js';
-import PlannerUIVariant from './index-8352d6d5.js';
-import RotateInfo from './index-d248c9ed.js';
-import PromotedOpvs from './index-16f9cb1b.js';
-import OrbitInteraction from './index-3137a86a.js';
-import MobileNavIcons from './index-263a0d2c.js';
+import Planner3DGrid from './index-1403cadc.js';
+import PlannerMsgContainer from './index-ec248e2f.js';
+import PlannerUIVariant from './index-b9a02bf3.js';
+import RotateInfo from './index-65adde63.js';
+import PromotedOpvs from './index-8b4bae91.js';
+import OrbitInteraction from './index-72ae4826.js';
+import MobileNavIcons from './index-7385e8c5.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,20 +27,20 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-acadee0a.js';
-import './index-9ee8e9d6.js';
+import './index-e82a7c02.js';
+import './index-7fa157d1.js';
 import '@crystaldesign/content-box';
-import './index-5f524959.js';
+import './index-12dc03f0.js';
 import 'react-laag';
-import './index-57771e84.js';
+import './index-af76119d.js';
 import 'react-qr-code';
-import './index-cb32deb6.js';
+import './index-7db4c704.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-fd207fd8.js');
+  return import('./index-ebcd0977.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b09182c7.js');
+  return import('./index-18dc6245.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-5f524959.js → index-12dc03f0.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-57771e84.js';
+import Tooltip from './index-af76119d.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-cb32deb6.js';
+import FullscreenAr from './index-7db4c704.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-b3454689.js → index-1383aa58.js}

@@ -1,10 +1,10 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState, useEffect } from 'react';
-import StepInfo from './index-284285b1.js';
+import StepInfo from './index-3323b88f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-04f41a0d.js → index-1403cadc.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-8c4d89de.js';
+import { k as wcPlanner3DGrid } from './index.module-f1c9b578.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-27a412af.js → index-144a5e24.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-cd6dec40.js';
+import SettingsHeader from './index-2f2f927d.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e97b9d85.js → index-14ba6a91.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-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-4fd157ef.js → index-14ee7281.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-7f949b69.js';
-import { S as SettingsItem } from './index-96e19b0d.js';
+import SettingsHeaderContainer from './index-74d7724d.js';
+import { S as SettingsItem } from './index-79f27644.js';
 import classnames from 'classnames';
-import TotalPrice from './index-b0a8906d.js';
+import TotalPrice from './index-adfd01dd.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,72 +21,72 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-cd6dec40.js';
-import './index-06af5434.js';
-import './index-dd5e8d80.js';
-import './index-620441b6.js';
+import './index-2f2f927d.js';
+import './index-dbb3a4b4.js';
+import './index-0a1336f6.js';
+import './index-6ba3c80e.js';
 import 'react-laag';
-import './index-7bed9fff.js';
+import './index-f82e9a43.js';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-80e688aa.js';
+import './index-355ad95b.js';
+import './index-4bb78867.js';
+import './index-029e9517.js';
+import './index-f997bcb9.js';
+import './index.module-85826ef7.js';
+import './index-33b51fec.js';
 import 'react-switch';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
-import './index-84250f38.js';
+import './index-6ec46226.js';
+import './index-ed6e3423.js';
+import './index-2272e555.js';
 import 'react-dropdown';
-import './index-ca56495b.js';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
+import './index-e0b54f26.js';
+import './index-b93f3e0d.js';
+import './index-0893ce2c.js';
+import './index-34fc4695.js';
 import '@crystaldesign/content-box';
-import './index-bd3ff62c.js';
-import './index-e252a92b.js';
-import './index-27a412af.js';
-import './index-2ad042db.js';
-import './index-1b529a87.js';
-import './index-a65a4e66.js';
-import './index-95a76687.js';
-import './index-992cfd03.js';
-import './index-9b446adc.js';
-import './index-1c785383.js';
-import './index-a018e2a4.js';
-import './index-7f881af2.js';
-import './index-2cc163f2.js';
-import './index-e97b9d85.js';
-import './index-556243ae.js';
-import './index-c0c66ec4.js';
-import './index.module-46e2de16.js';
-import './index-7ad99a6f.js';
-import './index-b3454689.js';
-import './index-284285b1.js';
-import './index-9877a1dd.js';
-import './index-e72219d1.js';
-import './index-7b37b292.js';
-import './index-ac37476b.js';
-import './index.module-0921c5b3.js';
-import './index-09ad0dd2.js';
-import './index-eb006284.js';
-import './index-7dd50d43.js';
-import './index-397df6a5.js';
-import './index.module-0bf307f8.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-5da260d9.js';
+import './index-043f082e.js';
+import './index-144a5e24.js';
+import './index-82f5e682.js';
+import './index-75419fd0.js';
+import './index-27ab3b58.js';
+import './index-cafd6207.js';
+import './index-0a4211de.js';
+import './index-afcb3ccb.js';
+import './index-3df6cb19.js';
+import './index-fd1dd683.js';
+import './index-c6e54682.js';
+import './index-5ed7a7a1.js';
+import './index-14ba6a91.js';
+import './index-5d4d17d5.js';
+import './index-aa5feaba.js';
+import './index.module-75f6f6ad.js';
+import './index-6ed62b11.js';
+import './index-1383aa58.js';
+import './index-3323b88f.js';
+import './index-778c9658.js';
+import './index-ad8fa670.js';
+import './index-3530d83a.js';
+import './index-1a9c6344.js';
+import './index.module-702e815e.js';
+import './index-95e5cbc0.js';
+import './index-bbc4f677.js';
+import './index-015b6e25.js';
+import './index-0d0e8f2c.js';
+import './index.module-8ecafb3f.js';
+import './index-82d2f77a.js';
+import './index-5e1158aa.js';
+import './index-3a65ffbc.js';
+import './index.module-92348922.js';
+import './index-f41b1b25.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-89c4082c.js';
+import './index-8e6e3940.js';
+import './index-031e39c8.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
+import './index-e2225e91.js';
+import './index-de0a8640.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-33f29212.js → index-157a5670.js}

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

package/build/esm/{index-d3ef5e3c.js → index-16d67510.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-decc0e6e.js';
+import { s as styleInject } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-75736621.js';
+import Arrow from './index-0893ce2c.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-b09182c7.js → index-18dc6245.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -24,7 +24,7 @@ var css_248z = "/* This keeps child nodes hidden while the element loads */\n#ar
 styleInject(css_248z);
 
 var PlannerRTV = function PlannerRTV() {
-  var _ref, _viewHandler$uiState$;
+  var _ref, _viewHandler$uiState$, _viewHandler$divaWebP;
   var viewHandler = useViewHandler();
   var modelViewer = useRef();
   var _useTranslation = useTranslation(),
@@ -130,7 +130,8 @@ var PlannerRTV = function PlannerRTV() {
       uiConfig: {
         templateConfig: (_ref = (_viewHandler$uiState$ = viewHandler.uiState.templateConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$['Product/ProductCenter/PlannerUI/PlannerUIVariants']) !== null && _ref !== void 0 ? _ref : 'standard',
         posNumIcon: plannerViewConfig.posNumIcon,
-        posTrashIcon: plannerViewConfig.posTrashRotIcon
+        posTrashIcon: plannerViewConfig.posTrashRotIcon,
+        hideUiIcons: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.hidePlannerUiIcons()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : false
       },
       callbacks: {
         setGlb: openAr ? (/*#__PURE__*/function () {

package/build/esm/{index-3e125647.js → index-1a5f1f84.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
-import Toggle from './index-80e688aa.js';
+import Toggle from './index-33b51fec.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ac37476b.js → index-1a9c6344.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.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-0921c5b3.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-702e815e.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-992cfd03.js';
-import MetaData from './index-95a76687.js';
+import GenericToolTip from './index-0a4211de.js';
+import MetaData from './index-cafd6207.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-ea23d3b1.js';
-import PricePreview from './index-3c5d4c66.js';
+import InfoIcon from './index-6ec46226.js';
+import PricePreview from './index-ed6e3423.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';