@crystaldesign/diva-web-planner-react 25.6.0-beta.18 → 25.6.0-beta.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "25.6.0-beta.18",
+  "version": "25.6.0-beta.19",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,12 +12,12 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "25.6.0-beta.18",
-    "@crystaldesign/product-detail-page": "25.6.0-beta.18",
-    "@crystaldesign/products-component": "25.6.0-beta.18",
-    "@crystaldesign/real-time-viewer": "25.6.0-beta.18",
-    "@crystaldesign/web-planner-logic": "25.6.0-beta.18",
-    "@crystaldesign/widget-contact-form": "25.6.0-beta.18",
+    "@crystaldesign/content-item": "25.6.0-beta.19",
+    "@crystaldesign/product-detail-page": "25.6.0-beta.19",
+    "@crystaldesign/products-component": "25.6.0-beta.19",
+    "@crystaldesign/real-time-viewer": "25.6.0-beta.19",
+    "@crystaldesign/web-planner-logic": "25.6.0-beta.19",
+    "@crystaldesign/widget-contact-form": "25.6.0-beta.19",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.163.0",
@@ -48,5 +48,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "10996f66fdaa82cdb9573400086647ce9aecd183"
+  "gitHead": "fcd7f94378882f07a21b063d94dc3324c3de8139"
 }

package/build/esm/index-0bd68381.js

@@ -1,107 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-6e9e311e.js';
-import { useState, useEffect } from 'react';
-import MultiToggleSwitch from './index-61eeff31.js';
-import { w as wrapper, i as icon } from './index.module-047ebff7.js';
-import { u as url, p as message, q as mail } from './index.module-1b875a60.js';
-import classnames from 'classnames';
-import ShareViaUrl from './index-b28fcffa.js';
-import ShareViaSocialMedias from './index-7740ee3a.js';
-import ShareViaEmail from './index-b4ba04ab.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'qrcode.react';
-
-var Share = function Share(_ref) {
-  var config = _ref.config,
-    basket = _ref.basket,
-    url$1 = _ref.url;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    possibleTypes = _useState2[0],
-    setPossibleTypes = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile,
-    _useDivaCore$actions = _useDivaCore.actions,
-    closeModal = _useDivaCore$actions.closeModal,
-    openModal = _useDivaCore$actions.openModal;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useEffect(function () {
-    var _config$emailConfig, _config$default;
-    if (isMobile) {
-      if (navigator.share) {
-        openModal({
-          accept: true,
-          text: t('share.now_text'),
-          title: t('share.now_title'),
-          callback: function callback(a) {
-            if (a) {
-              var _config$socialMedia, _config$socialMedia2, _config$socialMedia3, _config$socialMedia4;
-              navigator.share({
-                title: (_config$socialMedia = config.socialMedia) !== null && _config$socialMedia !== void 0 && _config$socialMedia.title ? t((_config$socialMedia2 = config.socialMedia) === null || _config$socialMedia2 === void 0 ? void 0 : _config$socialMedia2.title) : undefined,
-                text: (_config$socialMedia3 = config.socialMedia) !== null && _config$socialMedia3 !== void 0 && _config$socialMedia3.text ? t((_config$socialMedia4 = config.socialMedia) === null || _config$socialMedia4 === void 0 ? void 0 : _config$socialMedia4.text) : undefined,
-                url: url$1
-              });
-            }
-            closeModal();
-          }
-        });
-      }
-    }
-    var newPossibleTypes = [];
-    if (config.url) newPossibleTypes.push('SHARE_URL');
-    if (config.socialMedia) newPossibleTypes.push('SHARE_WHATSAPP');
-    if ((_config$emailConfig = config.emailConfig) !== null && _config$emailConfig !== void 0 && _config$emailConfig.length) newPossibleTypes.push('SHARE_EMAIL');
-    setIndex(newPossibleTypes.indexOf((_config$default = config["default"]) !== null && _config$default !== void 0 ? _config$default : newPossibleTypes[0]));
-    setPossibleTypes(newPossibleTypes);
-  }, [config]);
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    index = _useState4[0],
-    setIndex = _useState4[1];
-  if (!possibleTypes.length || index === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx(MultiToggleSwitch, {
-      state: [index, setIndex],
-      values: [].concat(_toConsumableArray(config.url ? [/*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, url)
-        }), " ", t('checkout.share.title.url')]
-      })] : []), _toConsumableArray(config.socialMedia ? [/*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, message)
-        }), " ", t('checkout.share.title.socials')]
-      })] : []), _toConsumableArray(config.emailConfig ? [/*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, mail)
-        }), " ", t('checkout.share.title.mail')]
-      })] : []))
-    }), possibleTypes[index] == 'SHARE_URL' && /*#__PURE__*/jsx(ShareViaUrl, {
-      url: url$1
-    }), possibleTypes[index] == 'SHARE_WHATSAPP' && /*#__PURE__*/jsx(ShareViaSocialMedias, {
-      config: config.socialMedia,
-      url: url$1
-    }), possibleTypes[index] == 'SHARE_EMAIL' && /*#__PURE__*/jsx(ShareViaEmail, {
-      config: config.emailConfig,
-      basket: basket,
-      url: url$1
-    })]
-  });
-};
-
-export { Share as default };

package/build/esm/index-61eeff31.js

@@ -1,61 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6e9e311e.js';
-import 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-wqmkp";
-var toggleSwitch = "toggle-switch-MfN-e";
-var switchSelection = "switch-selection-bBWAz";
-var switchLabel = "switch-label-KFwxM";
-var css_248z = ".wrapper-wqmkp {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.toggle-switch-MfN-e {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.switch-selection-bBWAz {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.switch-label-KFwxM {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.25s ease-out;\n}\n";
-styleInject(css_248z);
-
-var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
-  var values = _ref.values,
-    _ref$state = _slicedToArray(_ref.state, 2),
-    selected = _ref$state[0],
-    setSelected = _ref$state[1];
-  var widthPercentage = 100 / values.length;
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    children: /*#__PURE__*/jsxs("div", {
-      className: toggleSwitch,
-      children: [values.map(function (val, index) {
-        return /*#__PURE__*/jsx("div", {
-          style: {
-            width: widthPercentage + '%'
-          },
-          children: /*#__PURE__*/jsx("label", {
-            onClick: function onClick() {
-              return setSelected(index);
-            },
-            className: switchLabel,
-            children: val
-          })
-        }, index);
-      }), /*#__PURE__*/jsx("div", {
-        className: switchSelection,
-        style: {
-          left: selected / values.length * 100 + '%',
-          width: widthPercentage + '%'
-        }
-      })]
-    })
-  });
-};
-
-export { MultiToggleSwitch as default };

package/build/esm/index-65212288.js

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6e9e311e.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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';
-
-var paletteItem = "PaletteItem-jutHc";
-var imageWrapper = "imageWrapper--38qX";
-var sel = "sel-wpwWJ";
-var imageBackground = "imageBackground-qOQQh";
-var wcImage = "wcImage-e8f7s";
-var title = "title-63pJt";
-var textHover = "textHover-nhN12";
-var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: calc(var(--itemsMargin) - 0.1rem);\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
-styleInject(css_248z);
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(item.sel ? sel : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(imageBackground),
-          children: /*#__PURE__*/jsx("div", {
-            className: wcImage,
-            style: {
-              backgroundImage: "url(".concat(item.url, ")")
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(title, !item.url ? textHover : undefined),
-          children: t('configurator.' + item.N)
-        })]
-      })
-    })
-  });
-};
-var RoomSerious = observer(Room);
-
-export { RoomSerious as default };

package/build/esm/index-7740ee3a.js

@@ -1,211 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-6e9e311e.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-047ebff7.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-1b875a60.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-7b045936.js

@@ -1,49 +0,0 @@
-import './index-6e9e311e.js';
-import 'react';
-import { r as headerWrapper, b as button, v as iconButton, e as icon, x as big, y as back } from './index.module-1b875a60.js';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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';
-
-var Header = function Header(_ref) {
-  var _config$buttons$heade, _config$buttons;
-  var index = _ref.index,
-    config = _ref.config,
-    goBack = _ref.goBack;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!config) return /*#__PURE__*/jsx(Fragment, {});
-  var title = (_config$buttons$heade = (_config$buttons = config.buttons[index !== null && index !== void 0 ? index : -1]) === null || _config$buttons === void 0 ? void 0 : _config$buttons.headerTitle) !== null && _config$buttons$heade !== void 0 ? _config$buttons$heade : 'checkout.header_title_default';
-  return /*#__PURE__*/jsxs("div", {
-    className: headerWrapper,
-    children: [index !== undefined && config.buttons.find(function (c) {
-      return c.visibleInOverview !== false;
-    }) && /*#__PURE__*/jsx("button", {
-      className: classnames(button, iconButton),
-      onClick: function onClick() {
-        return goBack();
-      },
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(icon, big, back)
-      })
-    }), /*#__PURE__*/jsx("div", {
-      children: t(title)
-    })]
-  });
-};
-
-export { Header as default };