@crystaldesign/diva-web-planner-react 25.4.0-beta.8 → 25.4.0-rc.0

package/build/esm/index-47d23915.js

@@ -1,46 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ArticleOverview from './index-822efc7f.js';
-import JsonEditor from './index-519fae91.js';
-import { jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import './index.module-e304c09b.js';
-import './index.module-d05f4df7.js';
-import 'classnames';
-import './index.module-79888996.js';
-import 'react-collapsible';
-import 'jsoneditor';
-
-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 J3DEditor = function J3DEditor(props) {
-  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-    className: props.className,
-    style: {
-      userSelect: 'text'
-    },
-    ChildComponent: JsonEditor,
-    settings: [{
-      key: 'J3D',
-      name: 'J3D Editor'
-    }],
-    title: 'Artikel Übersicht'
-  }));
-};
-var J3DEditor$1 = observer(J3DEditor);
-
-export { J3DEditor$1 as default };

package/build/esm/index-49001c07.js

@@ -1,83 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } 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 wcConfiguratorProductFooter = "wcConfigurator-product-footer-ygF4L";
-var portrait = "portrait-FCw3Q";
-var settingsHidden = "settings-hidden-PBWln";
-var landscape = "landscape-KhTSA";
-var expanded = "expanded-pQR-c";
-var wcButton = "wcButton-s5DtR";
-var sel = "sel-1Qm3v";
-var wcViewAs = "wc_ViewAs-y1Kh8";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-ygF4L {\n  text-align: center;\n  z-index: 350;\n}\n\n.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.portrait-FCw3Q.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.portrait-FCw3Q.settings-hidden-PBWln.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-FCw3Q.settings-hidden-PBWln.wcConfigurator-product-footer-ygF4L {\n  bottom: 0px;\n}\n\n.landscape-KhTSA.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.landscape-KhTSA.settings-hidden-PBWln.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  display: block;\n  bottom: 0;\n  height: 40px;\n}\n\n.expanded-pQR-c.wcConfigurator-product-footer-ygF4L {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:active,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:active {\n  background: #616161;\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.wc_ViewAs-y1Kh8 {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.wc_ViewAs-y1Kh8 li {\n  display: block;\n  float: left;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-4903ed24.js

@@ -1,165 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-30a73b2a.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr from './index-236b036d.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-import 'react-qr-code';
-
-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 ArQrCodeTooltip = function ArQrCodeTooltip(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    openModal = _useDivaCore.actions.openModal,
-    _useDivaCore$state = _useDivaCore.state,
-    isMobile = _useDivaCore$state.isMobile,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
-  //tooltip is going to close itself by timer
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    autoClose = _useState2[0],
-    setAutoClose = _useState2[1];
-  var autoCloseTimeout = useRef();
-  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
-  var openAr = isMobile || isTablet;
-
-  //for fade animation
-  var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tooltipVisible = _useState4[0],
-    setTooltipVisible = _useState4[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
-  var _useLayer = useLayer({
-      isOpen: showTooltip,
-      auto: true,
-      placement: 'right-end',
-      triggerOffset: 16
-    }),
-    triggerProps = _useLayer.triggerProps,
-    layerProps = _useLayer.layerProps,
-    renderLayer = _useLayer.renderLayer,
-    arrowProps = _useLayer.arrowProps;
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    url = _useState6[0],
-    setUrl = _useState6[1];
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode == true) {
-      viewHandler.openARObserverConnection(function () {
-        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
-      } // request hqr onreceivehqr triggers update
-      ).then(function (url) {
-        return setUrl(url);
-      });
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode && openAr) openModal({
-      content: /*#__PURE__*/jsx(FullscreenAr, {
-        url: url,
-        isArCompatible: viewHandler.productState.isArCompatible,
-        broswerSupportAR: viewHandler.productState.browserSupportAR,
-        activateAR: viewHandler.productState.activateAR
-      }),
-      fullscreen: true,
-      rejectByIcon: true,
-      dontRenderForm: true,
-      callback: function callback(value) {
-        if (!value) {
-          viewHandler.productState.setDoShowARQRCode(false);
-          viewHandler.productState.loadRTVForAr = false;
-          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
-        }
-      }
-    });
-  }, [viewHandler.productState.activateAR, url]);
-  useEffect(function () {
-    //start timeout for auto open the tooltip
-    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
-      var _arQrCodeConfig$timeU;
-      autoCloseTimeout.current = setTimeout(function () {
-        viewHandler.productState.setArCodeWasVisibleOnce();
-        setAutoClose(true);
-        viewHandler.productState.setDoShowARQRCode(true);
-      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
-    }
-    if (!viewHandler.productState.doShowARQRCode && autoClose) {
-      setAutoClose(false);
-    }
-    //delay the state of visible so we animate the fade out
-    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
-      setTimeout(function () {
-        setTooltipVisible(viewHandler.productState.doShowARQRCode);
-      }, 200);
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  var onClick = function onClick() {
-    viewHandler.productState.setDoShowARQRCode(true);
-    if (openAr) {
-      if (!viewHandler.productState.doShowRTV) {
-        viewHandler.productState.loadRTVForAr = true;
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
-      }
-      openModal({
-        content: /*#__PURE__*/jsx(FullscreenAr, {
-          url: url,
-          isArCompatible: viewHandler.productState.isArCompatible,
-          broswerSupportAR: viewHandler.productState.browserSupportAR,
-          activateAR: viewHandler.productState.activateAR
-        }),
-        fullscreen: true,
-        dontRenderForm: true,
-        rejectByIcon: true,
-        callback: function callback(value) {
-          if (!value) {
-            viewHandler.productState.loadRTVForAr = false;
-            viewHandler.productState.setDoShowARQRCode(false);
-            viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
-          }
-        }
-      });
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
-      id: "ar-icon"
-    }, props), {}, {
-      className: classnames(props.className),
-      onClick: onClick,
-      title: t('configurator.ar_qr_title')
-    }, triggerProps), {}, {
-      style: {
-        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV ? 'visible' : 'hidden'
-      }
-    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
-      arrowProps: arrowProps,
-      layerProps: layerProps,
-      autoClose: autoClose,
-      fadeIn: tooltipVisible,
-      fadeout: !viewHandler.productState.doShowARQRCode,
-      url: url
-    }))]
-  });
-};
-var ArQrCodeIcon = observer(ArQrCodeTooltip);
-
-export { ArQrCodeIcon as default };

package/build/esm/index-4999d865.js

@@ -1,57 +0,0 @@
-import './index-18f7cf20.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-9b84e897.js';
-import Arrow from './index-94af6722.js';
-import { jsx } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var OptionsSelector = function OptionsSelector(_ref) {
-  var options = _ref.options,
-    optionState = _ref.optionState;
-  var ArrowElement = /*#__PURE__*/jsx(Arrow, {
-    onClick: function onClick() {
-      return optionState[1](undefined);
-    },
-    open: false,
-    iconAsDelete: !!optionState[0]
-  });
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    children: /*#__PURE__*/jsx(Dropdown, {
-      className: classnames(dropdownRoot),
-      controlClassName: dropdownControl,
-      options: options.map(function (option) {
-        return {
-          label: option.name,
-          value: option.codex
-        };
-      }),
-      value: optionState[0],
-      onChange: function onChange(val) {
-        return optionState[1](val.value);
-      },
-      placeholder: 'Option',
-      arrowClosed: ArrowElement,
-      arrowOpen: ArrowElement
-    })
-  });
-};
-var OptionSelector = observer(OptionsSelector);
-
-export { OptionSelector as default };

package/build/esm/index-49a3d07f.js

@@ -1,186 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-18f7cf20.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-f72ced61.js';
-import { b as button, a as inverted, L as iconTextButton, e as icon, M as facebook, N as linkedin, m as message, O as twitter } from './index.module-dce9ccba.js';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-import 'mobx-react-lite';
-
-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 ShareViaSocialMedias = function ShareViaSocialMedias(_ref) {
-  var url = _ref.url,
-    _ref$config = _ref.config,
-    title = _ref$config.title,
-    text = _ref$config.text;
-  var shareContent = {
-    text: text !== null && text !== void 0 ? text : '',
-    title: title !== null && title !== void 0 ? title : '',
-    url: url
-  };
-  var _useState = useState('WHATAPP'),
-    _useState2 = _slicedToArray(_useState, 2),
-    shareVia = _useState2[0],
-    setShareVia = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  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 == 'WHATAPP' ? 'https://wa.me/?text=' : 'https://t.me/share/url?url=') + encodeURIComponent(url),
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return shareSocial(shareVia == 'WHATAPP' ? 'whatsapp' : 'telegram', shareContent);
-      },
-      imageSettings: {
-        src: shareVia == 'WHATAPP' ? WhatsappLogo : TelegramLogo,
-        height: 40,
-        width: 40,
-        excavate: true
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: bottomInfoText,
-      children: t(shareVia == 'WHATAPP' ? 'checkout.share_social.text_whatsapp' : 'checkout.share_social.text_telegram')
-    }), /*#__PURE__*/jsx("button", {
-      className: classnames(button, inverted),
-      onClick: function onClick() {
-        return shareSocial(shareVia == 'WHATAPP' ? 'whatsapp' : 'telegram', shareContent);
-      },
-      children: t(shareVia == 'WHATAPP' ? '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 == 'WHATAPP' ? 'TELEGRAM' : 'WHATAPP');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, message)
-        }), /*#__PURE__*/jsx("div", {
-          children: shareVia == 'WHATAPP' ? '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) {
-  var url = content.url,
-    title = content.title,
-    text = content.text,
-    hashtags = content.hashtags,
-    via = content.via;
-  var shareUrl = '';
-  switch (platform) {
-    case 'facebook':
-      shareUrl = "https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(url), "&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)) : '');
-      break;
-    case 'linkedin':
-      shareUrl = "https://www.linkedin.com/shareArticle?mini=true&url=".concat(encodeURIComponent(url), "&title=").concat(encodeURIComponent(title), "&summary=").concat(encodeURIComponent(text));
-      break;
-    case 'whatsapp':
-      // 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)));
-      break;
-    case 'telegram':
-      shareUrl = "https://t.me/share/url?url=".concat(encodeURIComponent(url), "&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-4a33474f.js

@@ -1,28 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-18f7cf20.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'mobx-react-lite';
-
-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 NavBar = function NavBar(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductCenter/Planner3DImage/NavBar"
-  }));
-};
-
-export { NavBar as default };

package/build/esm/index-4db2c196.js

@@ -1,46 +0,0 @@
-import { u as useViewHandler } from './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import NavBar from './index-4a33474f.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-38234ddb.js';
-import Logo from './index-309931c5.js';
-import { jsxs, jsx } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'classnames';
-
-var Planner3DImage = function Planner3DImage(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref) {
-      return viewHandler.productState.setImage3DElement(_ref);
-    },
-    className: wcConfigurator3Dimage,
-    id: "3DImage-Container",
-    style: {
-      // backgroundImage: viewHandler.productState.RenderImageURL,
-      visibility: viewHandler.productState.doShowRenderImage ? 'visible' : 'hidden'
-    },
-    children: [/*#__PURE__*/jsx(NavBar, {}), /*#__PURE__*/jsx("img", {
-      className: !viewHandler.productState.plannerRenderingIsStaticBG ? imageCenterOrbit : imageCenterStatic,
-      id: "diva3dImg",
-      draggable: "false",
-      src: viewHandler.productState.diva3dImgSrc
-    }), /*#__PURE__*/jsx(Logo, {})]
-  });
-};
-var Planner3DImage$1 = observer(Planner3DImage);
-
-export { Planner3DImage$1 as default };