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

package/build/esm/{index-1630038f.js → index-878b9515.js}

@@ -1,18 +1,18 @@
 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 classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-3cf524a5.js';
-import Product from './index-cdbea179.js';
-import Settings from './index-503ce97c.js';
-import TabGroup from './index-c541f681.js';
-import NavigationButtons from './index-841e43bd.js';
+import Inputbox from './index-42198fd2.js';
+import Product from './index-f387b412.js';
+import Settings from './index-e894bead.js';
+import TabGroup from './index-edd27c42.js';
+import NavigationButtons from './index-30c1b4bc.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-9d164b5d.js';
+import BasketActionStandard from './index-b020a534.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-d9f78747.js';
-import ProgressBar from './index-e5dd5636.js';
-import BarrierActions from './index-9c9c41b1.js';
+import BasketMobile from './index-96932586.js';
+import ProgressBar from './index-4e256f96.js';
+import BarrierActions from './index-6b63f8fb.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,81 +27,81 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-7f949b69.js';
-import './index-cd6dec40.js';
-import './index-06af5434.js';
-import './index-dd5e8d80.js';
-import './index-620441b6.js';
+import './index-74d7724d.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-4fd157ef.js';
-import './index-96e19b0d.js';
+import './index-f82e9a43.js';
+import './index-14ee7281.js';
+import './index-79f27644.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-b0a8906d.js';
-import './index-927571c4.js';
-import './index-b6f1347b.js';
-import './index-36218358.js';
-import './index-6096447c.js';
-import './index-53379171.js';
+import './index-e2225e91.js';
+import './index-de0a8640.js';
+import './index-adfd01dd.js';
+import './index-4e6a7ff5.js';
+import './index-68074f87.js';
+import './index-4236da41.js';
+import './index-fa50b234.js';
+import './index-8ac10457.js';
 
 var wcConfigurator = "wcConfigurator-YOuy8";
 var landscape = "landscape-EyFBs";

package/build/esm/{index-b115c185.js → index-88cb5e33.js}

@@ -1,9 +1,9 @@
-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 'react';
-import Group from './index-3f912c96.js';
+import Group from './index-5866be53.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-24f60f2b.js';
+import StandradGroup from './index-33e21154.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,10 +19,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-863e290c.js';
+import './index-ecf148b5.js';
 import 'react-collapsible';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
+import './index-6ec46226.js';
+import './index-ed6e3423.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-2be592a2.js → index-896c7f10.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-2d55c793.js';
+import Option from './index-7e72ddca.js';
 import { useTranslation } 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 { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,12 +20,12 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-46e2de16.js';
-import './index.module-0921c5b3.js';
-import './index-7ad99a6f.js';
+import './index.module-75f6f6ad.js';
+import './index.module-702e815e.js';
+import './index-6ed62b11.js';
 import 'react-laag';
-import './index-95a76687.js';
-import './index-992cfd03.js';
+import './index-cafd6207.js';
+import './index-0a4211de.js';
 
 var container = "container-GW-AX";
 var sel = "sel-jrQj2";

package/build/esm/{index-67d4be96.js → index-89c4082c.js}

@@ -1,12 +1,13 @@
 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 { QRCodeSVG } from 'qrcode.react';
-import { a as infoText, b as bottomInfoText, h as horizontalLine, g as gridWrapper } from './index.module-291775af.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-0bf307f8.js';
+import { a as infoText, b as bottomInfoText, h as horizontalLine, g as gridWrapper } from './index.module-92348922.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-8ecafb3f.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-50cb65d1.js → index-89ca3f76.js}

@@ -1,11 +1,11 @@
 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 { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { b as wcFunctionsContainer, d as wcIcon } from './index.module-87166875.js';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-be1ee597.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-4f221e2b.js';
+import Share from './index-1f21798c.js';
 import { toJS } from 'mobx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f44b17c6.js → index-8a93b97a.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-eeb23611.js';
-import Arrow from './index-75736621.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-4393db06.js';
+import Arrow from './index-0893ce2c.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-53379171.js → index-8ac10457.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/index-8aee5fd8.js

@@ -0,0 +1,201 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { u as useViewHandler } from './index-a8b36d53.js';
+import { useState, useEffect, Suspense } from 'react';
+import { n as notExpanded } from './index.module-16965d34.js';
+import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-ced0dc6b.js';
+import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-70225d1c.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import Toggle from './index-33b51fec.js';
+import AsyncRender from './index-9b8584a3.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 '@crystaldesign/widget-contact-form';
+import 'react-json-view-lite';
+import 'react-draggable';
+import 'react-switch';
+import './index-7f64a9a1.js';
+import 'react-collapsible';
+
+var _excluded = ["onMouseDown"];
+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 PartList = function PartList(_ref) {
+  var onMouseDown = _ref.onMouseDown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedDecision = _useState2[0],
+    setSelectedDecision = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    articlesList = _useState4[0],
+    setArticlesList = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showVariantsOverview = _useState6[0],
+    setShowVariantsOverview = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    allTablesOpen = _useState8[0],
+    setAllTablesOpen = _useState8[1];
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showDiffOnly = _useState10[0],
+    setShowDiffOnly = _useState10[1];
+  var onClick = function onClick(obj) {
+    var _selectedDecision$dec, _selectedDecision$dec2;
+    var d = obj.decision;
+    var nr = d.decisionNo || d.Number;
+    if (nr == ((selectedDecision === null || selectedDecision === void 0 || (_selectedDecision$dec = selectedDecision.decision) === null || _selectedDecision$dec === void 0 ? void 0 : _selectedDecision$dec.Number) || (selectedDecision === null || selectedDecision === void 0 || (_selectedDecision$dec2 = selectedDecision.decision) === null || _selectedDecision$dec2 === void 0 ? void 0 : _selectedDecision$dec2.decisionNo))) {
+      setSelectedDecision(undefined);
+    } else setSelectedDecision(obj);
+  };
+  useEffect(function () {
+    if (showVariantsOverview) {
+      setTimeout(function () {
+        return updateVariants();
+      }, 400);
+    } else {
+      setArticlesList([{
+        snapshots: [{
+          promise: new Promise(function (r) {
+            var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3;
+            r({
+              articleSnapshot: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {},
+              price: (_viewHandler$divaWebP2 = (_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getSetPrice()) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : 0
+            });
+          }),
+          title: '',
+          key: viewHandler.settingsState.configChanged.toString()
+        }]
+      }]);
+    }
+  }, [viewHandler.settingsState.configChanged, viewHandler.tabGroupState.curConfigStep]);
+  var updateVariants = function updateVariants() {
+    var snapshots = [];
+    var partlistArticlesInOverview = {};
+    var allItems = viewHandler.settingsState.itemPaletteArr.filter(function (i) {
+      return i[1].visible;
+    }).map(function (i) {
+      return {
+        items: i[1].groups.flatMap(function (g) {
+          return g.items.flatMap(function (c) {
+            return c;
+          });
+        }),
+        palette: i[1]
+      };
+    });
+    for (var i = 0; i < allItems.length; i++) {
+      var items = allItems[i].items;
+      var palette = allItems[i].palette;
+      var preparedItems = [];
+      for (var j = 0; j < items.length; j++) {
+        var item = items[j];
+        if (item.pricePreviewPromise && (item.text || item.name)) {
+          preparedItems.push({
+            promise: item.pricePreviewPromise.promise,
+            title: item.text || item.name,
+            key: palette.configStepKey
+          });
+        }
+      }
+      partlistArticlesInOverview[palette.configStepKey] = {
+        items: [],
+        totalCount: items.length
+      };
+      snapshots.push({
+        snapshots: preparedItems,
+        palette: palette
+      });
+    }
+    viewHandler.settingsState.setPartlistArticlesInOverview(partlistArticlesInOverview);
+    setArticlesList(snapshots);
+  };
+  useEffect(function () {
+    var set = viewHandler.divaWebPlanner.actSet();
+    if (set) set.logTotalStateForVariants = showVariantsOverview;
+  }, [showVariantsOverview]);
+  if (!(articlesList !== null && articlesList !== void 0 && articlesList.length)) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsxs("a", {
+      className: header,
+      onMouseDown: onMouseDown,
+      children: ['Stücklisten Übersicht', /*#__PURE__*/jsxs("div", {
+        className: toggleWrapper,
+        children: [/*#__PURE__*/jsx(Toggle, {
+          state: showVariantsOverview,
+          onChange: function onChange(val) {
+            return setShowVariantsOverview(val);
+          },
+          on: "alle",
+          off: "einzeln",
+          width: 100
+        }), showVariantsOverview && /*#__PURE__*/jsx(Toggle, {
+          state: allTablesOpen,
+          onChange: function onChange(val) {
+            return setAllTablesOpen(val);
+          },
+          on: "offen",
+          off: "zu",
+          width: 100
+        }), showVariantsOverview && /*#__PURE__*/jsx(Toggle, {
+          state: showDiffOnly,
+          onChange: function onChange(val) {
+            return setShowDiffOnly(val);
+          },
+          on: "schnittm.",
+          off: "alle",
+          width: 100
+        })]
+      })]
+    }), articlesList.map(function (a, index) {
+      var _a$palette;
+      return /*#__PURE__*/jsxs("div", {
+        className: optionWrapper,
+        children: [!!((_a$palette = a.palette) !== null && _a$palette !== void 0 && _a$palette.name) && /*#__PURE__*/jsx("div", {
+          children: a.palette.name
+        }), a.snapshots.map(function (v) {
+          return /*#__PURE__*/jsx(Suspense, {
+            children: /*#__PURE__*/jsx(AsyncRender, {
+              onClick: onClick,
+              optionSnapshot: v,
+              allOpen: allTablesOpen,
+              showDiffOnly: showDiffOnly
+            }, v.key)
+          });
+        })]
+      }, index);
+    }), selectedDecision && /*#__PURE__*/jsx("div", {
+      className: decision,
+      style: {
+        right: 0,
+        zIndex: 100
+      },
+      children: /*#__PURE__*/jsx(DecisionVisualization, {
+        decision: selectedDecision.decision,
+        matchingOptions: selectedDecision.rule
+      })
+    })]
+  }));
+};
+var PartListTable = observer(PartList);
+
+export { PartListTable as default };

package/build/esm/{index-16f9cb1b.js → index-8b4bae91.js}

@@ -1,4 +1,4 @@
-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 { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-19598696.js → index-8e6e3940.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 { a as infoText, d as wrappedText } from './index.module-291775af.js';
-import { h as inputWrapper, j as input, k as errorText, b as button, a as inverted, l as disabled, e as icon, n as mail } from './index.module-0bf307f8.js';
+import { a as infoText, d as wrappedText } from './index.module-92348922.js';
+import { h as inputWrapper, j as input, k as errorText, b as button, a as inverted, o as disabled, e as icon, q as mail } from './index.module-8ecafb3f.js';
 import classnames from 'classnames';
-import DivaUtils from '@crystaldesign/diva-utils';
+import DivaUtils, { UTMUtils, UtmSource, UtmMedium, UtmCampaign } from '@crystaldesign/diva-utils';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -25,8 +25,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
 var ShareViaEmail = function ShareViaEmail(_ref) {
   var basket = _ref.basket,
-    config = _ref.config,
-    url = _ref.url;
+    config = _ref.config;
+    _ref.url;
   var _useDivaCore = useDivaCore(),
     sendEmail = _useDivaCore.actions.sendEmail;
   var _useTranslation = useTranslation(),
@@ -44,6 +44,8 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     mail$1 = _useState6[0],
     setMail = _useState6[1];
+  var utm = new UTMUtils(UtmSource.EMAIL, UtmMedium.EMAIL, UtmCampaign.PLANNER_SHARE);
+  var utmQueryString = utm.getQueryString();
   var sendMail = function sendMail() {
     if (!DivaUtils.validateEmail(mail$1)) {
       setAbleToSend(false);
@@ -61,7 +63,10 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
           to: mail$1,
           divaNr: basket.DivaNr,
           type: 'basket',
-          language: i18n.language
+          language: i18n.language,
+          data: {
+            utmQueryString: utmQueryString
+          }
         })
       });
     });
@@ -92,7 +97,7 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
       })]
     }), /*#__PURE__*/jsxs("div", {
       className: wrappedText,
-      children: [" ", t('checkout.share_mail.mail_text') + url]
+      children: [" ", t('checkout.share_mail.mail_text')]
     }), /*#__PURE__*/jsxs("button", {
       className: classnames(button, inverted, !ableToSend ? disabled : undefined),
       onClick: function onClick() {

package/build/esm/{index-b3888675.js → index-8faaa7ef.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-f436fa34.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-73d026e8.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';