@crystaldesign/diva-web-planner-react 25.5.0-rc.21 → 25.5.0-rc.3

package/build/esm/{index-feedc915.js → index-e0b4ba7f.js}

@@ -1,8 +1,8 @@
-import './index-53c9ac13.js';
+import './index-50519ff7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-e3435bf9.js';
-import SVGSourceViewer from './index-5c02f843.js';
+import SVGOverview from './index-a7d78743.js';
+import SVGSourceViewer from './index-7fc61825.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,12 +17,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-d4a3a733.js';
+import './index.module-5f99254e.js';
+import 'classnames';
 
 var index = function index(props) {
   // const [Component, setComponent] = useState(0);

package/build/esm/{index-d4de1c1a.js → index-e10a7013.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.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-55d2aaad.js';
+import SettingsHeader from './index-51a087b6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,10 +17,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var productsGrid = "products-grid-b9XWQ";

package/build/esm/{index-15d2fa9f.js → index-e2c9df1e.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-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';
@@ -17,9 +17,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var orbitInteractionContainer = "orbit-interaction-container-BHDEA";

package/build/esm/{index-78ba5071.js → index-e41377fb.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';
@@ -17,10 +17,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wrapper = "wrapper-E7OAf";

package/build/esm/{index-5a2a7378.js → index-e5e8d118.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-53c9ac13.js';
+import { s as styleInject } from './index-50519ff7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
@@ -15,10 +15,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wcPosNrTooltip = "wcPosNrTooltip-8hudU";

package/build/esm/{index-ccf8d5fd.js → index-e682be2c.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-d85f1d29.js';
-import PriceSumm from './index-63e05a9f.js';
+import ActionNavigation from './index-62429b33.js';
+import PriceSumm from './index-3439cfbd.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -17,11 +17,8 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
+import 'classnames';
 
 var backOverwrite = "back-overwrite--AJgH";
 var forthOverwrite = "forth-overwrite-l0e3R";

package/build/esm/{index-b3c7e91c.js → index-e8539fd5.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-53c9ac13.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-50519ff7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var mouseDownDetected = false;

package/build/esm/{index-dd20ddba.js → index-e9c8ddd7.js}

@@ -1,18 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-c032abe0.js';
-import ItemVariant from './index-fb2c8d92.js';
-import SettingsPaletteGroup from './index-0d815f2e.js';
-import ToggleOption from './index-e114cb2c.js';
-import GroupDropdown from './index-7518c668.js';
-import PromotedProducts from './index-d4de1c1a.js';
-import ToggleName from './index-426b992b.js';
-import itemPaletteTypeComponentMap from './index-6f74fd25.js';
-import ItemWrapper from './index-e381e8d7.js';
+import TextBox from './index-ad96883f.js';
+import ItemVariant from './index-6e1290aa.js';
+import SettingsPaletteGroup from './index-364d44c9.js';
+import ToggleOption from './index-75659dd5.js';
+import GroupDropdown from './index-6cc7c63f.js';
+import PromotedProducts from './index-e10a7013.js';
+import ToggleName from './index-a4080e17.js';
+import itemPaletteTypeComponentMap from './index-d2756e5a.js';
+import ItemWrapper from './index-0182e59e.js';
+import Checkout from './index-09e9051e.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -22,13 +23,13 @@ styleInject(css_248z);
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-623de551.js');
+  return import('./index-ca4eb712.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f1ea9bb0.js');
+  return import('./index-7d254aee.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b9c1ec83.js');
+  return import('./index-8746406c.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-1574cd0d.js → index-ea976f38.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.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-0d11b522.js';
+import ProductHeaderFunction from './index-f52a61ff.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-eca4a53f.js';
+import ContentItemWrapper from './index-1ad3e828.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@crystaldesign/content-item';
 import 'react-draggable';

package/build/esm/{index-2fd0a861.js → index-eaac9371.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-53c9ac13.js';
+import { s as styleInject } from './index-50519ff7.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -15,10 +15,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var pdfButton = "pdfButton-4l4zL";

package/build/esm/{index-febb8dee.js → index-ee78add7.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-53c9ac13.js';
+import { a as usePlannerUIHandler } from './index-50519ff7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var AVL = function AVL(_ref) {

package/build/esm/index-ee84d904.js

@@ -0,0 +1,211 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-50519ff7.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-f9f27b59.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-49f5aab7.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';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var WhatsappLogo = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20175.216%20175.552%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2285.915%22%20x2%3D%2286.535%22%20y1%3D%2232.567%22%20y2%3D%22137.092%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2357d163%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2323b33a%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22a%22%20width%3D%221.115%22%20height%3D%221.114%22%20x%3D%22-.057%22%20y%3D%22-.057%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%223.531%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22m54.532%20138.45%202.235%201.324c9.387%205.571%2020.15%208.518%2031.126%208.523h.023c33.707%200%2061.139-27.426%2061.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75%2060.75%200%200%200%2087.94%2025.983c-33.733%200-61.166%2027.423-61.178%2061.13a60.98%2060.98%200%200%200%209.349%2032.535l1.455%202.312-6.179%2022.558zm-40.811%2023.544L24.16%20123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556%2033.021-73.55%2073.578-73.55%2019.681.01%2038.154%207.669%2052.047%2021.572s21.537%2032.383%2021.53%2052.037c-.018%2040.553-33.027%2073.553-73.578%2073.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0%200%22%20filter%3D%22url%28%23a%29%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.966%20161.238%2010.439-38.114a73.42%2073.42%200%200%201-9.821-36.772c.017-40.556%2033.021-73.55%2073.578-73.55%2019.681.01%2038.154%207.669%2052.047%2021.572s21.537%2032.383%2021.53%2052.037c-.018%2040.553-33.027%2073.553-73.578%2073.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z%22%2F%3E%3Cpath%20fill%3D%22url%28%23linearGradient1780%29%22%20d%3D%22M87.184%2025.227c-33.733%200-61.166%2027.423-61.178%2061.13a60.98%2060.98%200%200%200%209.349%2032.535l1.455%202.312-6.179%2022.559%2023.146-6.069%202.235%201.324c9.387%205.571%2020.15%208.518%2031.126%208.524h.023c33.707%200%2061.14-27.426%2061.153-61.135a60.75%2060.75%200%200%200-17.895-43.251%2060.75%2060.75%200%200%200-43.235-17.929z%22%2F%3E%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M87.184%2025.227c-33.733%200-61.166%2027.423-61.178%2061.13a60.98%2060.98%200%200%200%209.349%2032.535l1.455%202.313-6.179%2022.558%2023.146-6.069%202.235%201.324c9.387%205.571%2020.15%208.517%2031.126%208.523h.023c33.707%200%2061.14-27.426%2061.153-61.135a60.75%2060.75%200%200%200-17.895-43.251%2060.75%2060.75%200%200%200-43.235-17.928z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M68.772%2055.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226%200-3.218.46-4.902%202.3s-6.435%206.287-6.435%2015.332%206.588%2017.785%207.506%2019.013%2012.718%2020.381%2031.405%2027.75c15.529%206.124%2018.689%204.906%2022.061%204.6s10.877-4.447%2012.408-8.74%201.532-7.971%201.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746%205.979-5.819%207.206-2.144%201.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824%201.838-2.147%202.759-3.22s1.224-1.84%201.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647%22%2F%3E%3C%2Fsvg%3E";
+
+var TelegramLogo = "data:image/svg+xml,%3Csvg%20id%3D%22Livello_1%22%20data-name%3D%22Livello%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%22120%22%20y1%3D%22240%22%20x2%3D%22120%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231d93d2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2338b0e3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3ETelegram_logo%3C%2Ftitle%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22120%22%20r%3D%22120%22%20fill%3D%22url%28%23linear-gradient%29%22%2F%3E%3Cpath%20d%3D%22M81.229%2C128.772l14.237%2C39.406s1.78%2C3.687%2C3.686%2C3.687%2C30.255-29.492%2C30.255-29.492l31.525-60.89L81.737%2C118.6Z%22%20fill%3D%22%23c8daea%22%2F%3E%3Cpath%20d%3D%22M100.106%2C138.878l-2.733%2C29.046s-1.144%2C8.9%2C7.754%2C0%2C17.415-15.763%2C17.415-15.763%22%20fill%3D%22%23a9c6d8%22%2F%3E%3Cpath%20d%3D%22M81.486%2C130.178%2C52.2%2C120.636s-3.5-1.42-2.373-4.64c.232-.664.7-1.229%2C2.1-2.2%2C6.489-4.523%2C120.106-45.36%2C120.106-45.36s3.208-1.081%2C5.1-.362a2.766%2C2.766%2C0%2C0%2C1%2C1.885%2C2.055%2C9.357%2C9.357%2C0%2C0%2C1%2C.254%2C2.585c-.009.752-.1%2C1.449-.169%2C2.542-.692%2C11.165-21.4%2C94.493-21.4%2C94.493s-1.239%2C4.876-5.678%2C5.043A8.13%2C8.13%2C0%2C0%2C1%2C146.1%2C172.5c-8.711-7.493-38.819-27.727-45.472-32.177a1.27%2C1.27%2C0%2C0%2C1-.546-.9c-.093-.469.417-1.05.417-1.05s52.426-46.6%2C53.821-51.492c.108-.379-.3-.566-.848-.4-3.482%2C1.281-63.844%2C39.4-70.506%2C43.607A3.21%2C3.21%2C0%2C0%2C1%2C81.486%2C130.178Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E";
+
+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 LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
+var ShareViaSocialMedias = function ShareViaSocialMedias(_ref) {
+  var url = _ref.url,
+    _ref$config = _ref.config,
+    _ref$config$title = _ref$config.title,
+    ti = _ref$config$title === void 0 ? '' : _ref$config$title,
+    _ref$config$text = _ref$config.text,
+    te = _ref$config$text === void 0 ? '' : _ref$config$text;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var title = t(ti);
+  var text = t(te);
+  var shareContent = {
+    text: text,
+    title: title,
+    url: url
+  };
+  var _useState = useState('WHATSAPP'),
+    _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,
+      children: t('checkout.share_social.share_whatsapp')
+    }), /*#__PURE__*/jsx(QRCodeSVG, {
+      size: 200,
+      minVersion: 6,
+      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'
+      },
+      onClick: function onClick() {
+        return shareSocial(shareVia == 'WHATSAPP' ? 'whatsapp' : 'telegram', shareContent, true);
+      },
+      imageSettings: {
+        src: shareVia == 'WHATSAPP' ? WhatsappLogo : TelegramLogo,
+        height: 40,
+        width: 40,
+        excavate: true
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: bottomInfoText,
+      children: t(shareVia == 'WHATSAPP' ? 'checkout.share_social.text_whatsapp' : 'checkout.share_social.text_telegram')
+    }), /*#__PURE__*/jsx("button", {
+      className: classnames(button, inverted),
+      onClick: function onClick() {
+        return shareSocial(shareVia == 'WHATSAPP' ? 'whatsapp' : 'telegram', shareContent);
+      },
+      children: t(shareVia == 'WHATSAPP' ? 'checkout.share_social.text_whatsapp2' : 'checkout.share_social.text_telegram2')
+    }), /*#__PURE__*/jsx("div", {
+      className: horizontalLine
+    }), /*#__PURE__*/jsx("div", {
+      className: infoText,
+      children: t('checkout.share_social.other_socials')
+    }), /*#__PURE__*/jsxs("div", {
+      className: gridWrapper,
+      children: [/*#__PURE__*/jsxs("button", {
+        className: classnames(button, iconTextButton),
+        onClick: function onClick() {
+          return shareSocial('facebook', shareContent);
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, facebook)
+        }), /*#__PURE__*/jsx("div", {
+          children: "Facebook"
+        })]
+      }), /*#__PURE__*/jsxs("button", {
+        className: classnames(button, iconTextButton),
+        onClick: function onClick() {
+          return shareSocial('linkedin', shareContent);
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, linkedin)
+        }), /*#__PURE__*/jsx("div", {
+          children: "LinkedIn"
+        })]
+      }), /*#__PURE__*/jsxs("button", {
+        className: classnames(button, iconTextButton),
+        onClick: function onClick() {
+          return setShareVia(shareVia == 'WHATSAPP' ? 'TELEGRAM' : 'WHATSAPP');
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, message)
+        }), /*#__PURE__*/jsx("div", {
+          children: shareVia == 'WHATSAPP' ? 'Telegram' : 'Whatsapp'
+        })]
+      }), /*#__PURE__*/jsxs("button", {
+        className: classnames(button, iconTextButton),
+        onClick: function onClick() {
+          return shareSocial('twitter', shareContent);
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, twitter)
+        }), /*#__PURE__*/jsx("div", {
+          children: "Twitter"
+        })]
+      })]
+    })]
+  });
+};
+var shareSocial = function shareSocial(platform, content, qrCode) {
+  var url = content.url,
+    title = content.title,
+    text = content.text,
+    hashtags = content.hashtags,
+    via = content.via;
+  var shareUrl = '';
+  LOG.businessEvent('onPlannerShareConfiguration', 'Planner', "Eine Koniguration wurde \xFCber einen Social Kanal geteilt", {
+    shareType: 'social',
+    shareAction: !qrCode ? 'button_click' : 'qr_click',
+    sharePlatform: platform
+  });
+  var fullUrl = '';
+  var utm = undefined;
+  switch (platform) {
+    case 'facebook':
+      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':
+      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':
+      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(fullUrl)));
+      break;
+    case 'telegram':
+      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;
+  }
+
+  // For WhatsApp, we'll open in a new tab instead of a popup
+  if (platform === 'whatsapp' || platform == 'telegram') {
+    window.open(shareUrl, '_blank');
+  } else {
+    createShareWindow(shareUrl);
+  }
+};
+var WINDOW_CONFIG = {
+  width: 600,
+  height: 400,
+  location: 'no',
+  toolbar: 'no',
+  status: 'no',
+  directories: 'no',
+  menubar: 'no',
+  scrollbars: 'yes',
+  resizable: 'no',
+  centerscreen: 'yes',
+  chrome: 'yes'
+};
+var createShareWindow = function createShareWindow(url) {
+  var left = window.screen.width / 2 - WINDOW_CONFIG.width / 2;
+  var top = window.screen.height / 2 - WINDOW_CONFIG.height / 2;
+  return window.open(url, 'share', Object.entries(_objectSpread(_objectSpread({}, WINDOW_CONFIG), {}, {
+    left: left,
+    top: top
+  })).map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      key = _ref3[0],
+      value = _ref3[1];
+    return "".concat(key, "=").concat(value);
+  }).join(','));
+};
+
+export { ShareViaSocialMedias as default, shareSocial };

package/build/esm/{index-a91a6982.js → index-ef66be8a.js}

@@ -1,4 +1,4 @@
-import './index-53c9ac13.js';
+import './index-50519ff7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var ElementCopy = function ElementCopy(_ref) {

package/build/esm/{index-8be96da5.js → index-f1837c8d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-53c9ac13.js';
+import { s as styleInject } from './index-50519ff7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var configuratorSpec = "Configurator-spec-Pa0bu";

package/build/esm/{index-cca9e568.js → index-f1b146f2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var logo = "logo-h99KB";

package/build/esm/{index-322194a6.js → index-f1f31783.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-fd625580.js';
-import ProductRoomList from './index-2f9d81b1.js';
+import ArQrCodeIcon from './index-b3c74569.js';
+import ProductRoomList from './index-85111dd7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,15 +17,12 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-78ba5071.js';
+import './index-e41377fb.js';
 import 'react-qr-code';
-import './index-a6daa9bc.js';
+import 'classnames';
+import './index-735a4500.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-1598103a.js → index-f25e298d.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-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
@@ -17,9 +17,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wrapper = "wrapper-igjAi";

package/build/esm/{index-1e73606b.js → index-f2fed941.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var verticalItem = "verticalItem-EHV6R";

package/build/esm/{index-1044d576.js → index-f497c077.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-53c9ac13.js';
+import './index-50519ff7.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -15,10 +15,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@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; }

package/build/esm/{index-0d11b522.js → index-f52a61ff.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-53c9ac13.js';
+import './index-50519ff7.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -15,10 +15,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@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; }