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

package/build/esm/index-2a630a5f.js

@@ -1,128 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-87690a5b.js';
-import { useRef, useState } from 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wcTextBox = "wcTextBox-S90ki";
-var row = "row-U3gX-";
-var title = "title-Hgohv";
-var left = "left-0Vchg";
-var right = "right-jyg7C";
-var colum = "colum-DdC26";
-var languageWrapper = "language-wrapper-mZdxS";
-var languageTitle = "language-title-OOwzi";
-var css_248z = ".palette-item-9rAyb {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.palette-item-9rAyb:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.palette-item-9rAyb:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcTextBox-S90ki {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.row-U3gX- {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-Hgohv {\n  display: flex;\n}\n.left-0Vchg {\n  width: 40%;\n}\n.right-jyg7C {\n  width: 60%;\n}\n\n.colum-DdC26 {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.language-wrapper-mZdxS {\n  display: flex;\n}\n.language-title-OOwzi {\n  width: 50px;\n  line-height: 60px;\n}\n";
-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 TextBox = function TextBox(_ref) {
-  var _viewHandler$getViewC, _items$;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var throttleRef = useRef(null);
-  var items = item.groups[0].items;
-  var _useState = useState(items[0].freeTextLang),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueLang = _useState2[0],
-    setValueLang = _useState2[1];
-  var handleChange = function handleChange(e) {
-    if (items[0]) {
-      items[0].freeText = e.target.value;
-      viewHandler.paletteViewHandler.clickedOnConfigPalette(items[0], 'inputbox', paletteId);
-    }
-  };
-
-  //for classification
-  var handleLangTextChange = function handleLangTextChange(lang, value) {
-    //delay logic update for 500ms
-    if (throttleRef.current) clearTimeout(throttleRef.current);
-    throttleRef.current = setTimeout(function () {
-      return updateLangLogic(lang, value);
-    }, 500);
-    setValueLang(_objectSpread(_objectSpread({}, valueLang), {}, _defineProperty({}, lang, value)));
-  };
-  var updateLangLogic = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(lang, value) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            viewHandler.paletteViewHandler.onFreeTextLangChanged(lang, value, items[0], paletteId);
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function updateLangLogic(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var languages = (_viewHandler$getViewC = viewHandler.getViewConfig().languagesForInput) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : [];
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref3) {
-      return item.htmlRef = _ref3;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, left),
-      children: /*#__PURE__*/jsx(SettingsHeader, {
-        item: item,
-        isInScroller: true,
-        isSettingsHeader: false
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, right),
-      children: languages.length ? /*#__PURE__*/jsx(Fragment, {
-        children: languages.map(function (lang) {
-          return /*#__PURE__*/jsxs("div", {
-            className: languageWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: languageTitle,
-              children: lang
-            }), /*#__PURE__*/jsx("input", {
-              className: wcTextBox,
-              onChange: function onChange(e) {
-                return handleLangTextChange(lang, e.target.value);
-              },
-              type: "text",
-              value: valueLang === null || valueLang === void 0 ? void 0 : valueLang[lang]
-            })]
-          }, lang);
-        })
-      }) : /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx("input", {
-          className: wcTextBox,
-          onChange: handleChange,
-          type: "text",
-          value: (_items$ = items[0]) !== null && _items$ !== void 0 && _items$.freeText ? items[0].freeText : ''
-        })
-      })
-    })]
-  });
-};
-var TextBox$1 = observer(TextBox);
-
-export { TextBox$1 as default };

package/build/esm/index-2af0d2bc.js

@@ -1,44 +0,0 @@
-import { s as styleInject } from './index-87690a5b.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var pdfButton = "pdfButton-4l4zL";
-var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
-styleInject(css_248z);
-
-var pdfIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
-
-var PDFButton = function PDFButton(_ref) {
-  var pdfUrl = _ref.pdfUrl;
-  return /*#__PURE__*/jsx("div", {
-    className: pdfButton,
-    onClick: function onClick() {
-      return window.open(pdfUrl, '_blank');
-    },
-    children: /*#__PURE__*/jsx("img", {
-      src: pdfIcon
-    })
-  });
-};
-
-export { PDFButton as default };

package/build/esm/index-2b4f3d15.js

@@ -1,72 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-87690a5b.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import ConceptGallery from './index-543a9827.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-ba0c3200.js';
-import './index-53540b2b.js';
-import 'react-collapsible';
-import './index-ba6d1c71.js';
-import './index-edfeb26f.js';
-
-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 ConceptFilter = function ConceptFilter(_ref) {
-  var additionalGroupFilter = _ref.additionalGroupFilter,
-    paletteId = _ref.paletteId;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    genericConceptItems = _useState2[0],
-    setGenericConceptItems = _useState2[1];
-  var palette = viewHandler.settingsState.itemPalettes.get(paletteId);
-  useEffect(function () {
-    var _palette$conceptFilte;
-    var selected = (_palette$conceptFilte = palette === null || palette === void 0 ? void 0 : palette.conceptFilterValue) !== null && _palette$conceptFilte !== void 0 ? _palette$conceptFilte : '';
-    var newGenericConceptItems = additionalGroupFilter.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        onClick: function onClick() {
-          viewHandler.paletteViewHandler.onSelectFilter(paletteId, selected == item.key ? '' : item.key, 'CONCEPT');
-        },
-        selected: selected === item.key
-      });
-    });
-    setGenericConceptItems(newGenericConceptItems);
-  }, [additionalGroupFilter, palette]);
-  var bannerTitle = t('configurator.conceptFilter.infoTitle');
-  var bannerText = t('configurator.conceptFilter.infoText');
-  return /*#__PURE__*/jsx(ConceptGallery, {
-    genericConceptItems: genericConceptItems,
-    onClose: function onClose() {
-      return viewHandler.paletteViewHandler.onSelectFilter(paletteId, '', 'CONCEPT');
-    },
-    bannerTitle: bannerTitle,
-    bannerText: bannerText
-  });
-};
-var index = observer(ConceptFilter);
-
-export { index as default };

package/build/esm/index-2c8a09dc.js

@@ -1,277 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, S as SettingsHeader } from './index-87690a5b.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-72b8bc8f.js';
-import SettingsScroller from './index-7431b84d.js';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import NavForwardButton from './index-c8bf9e7b.js';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-675da1d7.js';
-import './index-fe26a8d8.js';
-import './index-7c34d797.js';
-import './index-80c49623.js';
-import 'sift';
-import './index-2a630a5f.js';
-import './index-76a9958a.js';
-import './index-9caac398.js';
-import './index-cfb0bc69.js';
-import './index.module-84be22a3.js';
-import './index-53540b2b.js';
-import './index-9294fdd8.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-956a1303.js';
-import 'react-dropdown';
-import './index-735d5dd5.js';
-import './index-ef5e9f57.js';
-import './index-8df53bb0.js';
-import './index-2a2844a2.js';
-import '@crystaldesign/content-box';
-import './index-bc361961.js';
-import './index-6a81080c.js';
-import './index-c64850f6.js';
-import './index-ccdaebad.js';
-import 'swiper/modules';
-import './UnlockCard-0e5de921.js';
-import './index-80cf23e6.js';
-import './index-7371cc32.js';
-import './index-036ea415.js';
-import './index-d38cb2e4.js';
-import './index-10a0aaa6.js';
-import './index-a2c9a2b2.js';
-import 'react-laag';
-import './index.module-6edd1343.js';
-import './index-d6b4117f.js';
-import './index-2113347c.js';
-import './index-bcdc4e78.js';
-import './index-bf1bb816.js';
-import './index-f0fe1313.js';
-import './index.module-4d0cce0b.js';
-import './index-c9ff51e5.js';
-import './index-ee191171.js';
-import './index-5859a688.js';
-import './index-e5181f71.js';
-import './index-99d4bea2.js';
-import './index-9fd12b17.js';
-import './index-0a21882a.js';
-import './index-c4f1f611.js';
-import './index-3b2ddda4.js';
-import './index-62051fb4.js';
-import './index-bd6471df.js';
-import './index-f405957c.js';
-import './index-5d9be97d.js';
-import 'rc-slider';
-import './index-22d0e084.js';
-import './index-c21e16b7.js';
-import './index-ceb6f2e6.js';
-import './index-3cd6b301.js';
-import './index-beaa268e.js';
-import 'react-confetti-explosion';
-import './index-9625dd72.js';
-import './index-ea77111b.js';
-import './index-e18dc0ba.js';
-import 'react-qr-code';
-import './index-77316c45.js';
-import './useCustomDimensions-b81dea5f.js';
-import './index-c57a329b.js';
-import './ussIsSticky-9a789d46.js';
-import './index-13953401.js';
-import './index-56f985be.js';
-import './index-b7a3f3a5.js';
-import './index.module-dee7d954.js';
-import './index-d2d015e2.js';
-import './index-183061d9.js';
-import './index-15392d3b.js';
-import './index-1f64159d.js';
-import './index-ad94b0db.js';
-import './index-5e31da98.js';
-
-var useSwiperHook = function useSwiperHook(viewHandler) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    allSwipes = _useState4[0],
-    setAllSwipes = _useState4[1];
-  useEffect(function () {
-    var allSwipes = Object.keys(viewHandler.tabGroupState.allTabGroups);
-    setAllSwipes(allSwipes);
-    if (viewHandler.tabGroupState.curTabGroup) {
-      if (allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) != (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.activeIndex)) {
-        swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key), 400);
-      }
-    }
-  }, [viewHandler.tabGroupState.allTabGroups, viewHandler.tabGroupState.curTabGroup, swiperRef]);
-  var teaseSwipe = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var offset,
-        duration,
-        durationQuarter,
-        currentTranslate,
-        teaseTranslate,
-        _args = arguments;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            offset = _args.length > 0 && _args[0] !== undefined ? _args[0] : 50;
-            duration = _args.length > 1 && _args[1] !== undefined ? _args[1] : 500;
-            if (swiperRef) {
-              _context.next = 4;
-              break;
-            }
-            return _context.abrupt("return");
-          case 4:
-            durationQuarter = duration * 0.25;
-            currentTranslate = swiperRef.getTranslate();
-            teaseTranslate = currentTranslate - offset;
-            swiperRef.allowTouchMove = false;
-
-            // Smooth initial movement outward - slower
-            swiperRef.setTransition(durationQuarter * 2); // Increased from 1.5 to 2
-            swiperRef.setTranslate(teaseTranslate);
-            _context.next = 12;
-            return DivaUtils.Sleep(durationQuarter * 2);
-          case 12:
-            // Increased sleep to match transition
-
-            // Gentle bounce back
-            swiperRef.setTransition(durationQuarter);
-            swiperRef.setTranslate(currentTranslate - offset * 0.5);
-            _context.next = 16;
-            return DivaUtils.Sleep(durationQuarter);
-          case 16:
-            // Small outward movement - faster
-            swiperRef.setTransition(durationQuarter * 0.5);
-            swiperRef.setTranslate(teaseTranslate * 0.8);
-            _context.next = 20;
-            return DivaUtils.Sleep(durationQuarter * 0.5);
-          case 20:
-            // Final smooth return
-            swiperRef.setTransition(durationQuarter * 1.75);
-            swiperRef.setTranslate(currentTranslate);
-            swiperRef.allowTouchMove = true;
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function teaseSwipe() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  //  useEffect(() => {
-  //    const timeout = setTimeout(() => {
-  //      teaseSwipe(100, 1000);
-  //    }, 3000);
-  //    return () => clearTimeout(timeout);
-  //  }, [swiperRef]);
-
-  var handleSlideChange = function handleSlideChange(e) {
-    if (viewHandler.tabGroupState.curTabGroup === undefined) return;
-    window.lastNavigationType = 'SETTINGS_SWIPER_SWIPE';
-    var diff = e.activeIndex - allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key);
-    if (diff == 1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsForth(true, true);
-    } else if (diff == -1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
-    } else if (diff !== 0) {
-      if (viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]]) {
-        viewHandler.tabGroupState.navigateToTabgroupByPosNr(viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]].posNr);
-      }
-    }
-  };
-  var handleSetTransition = function handleSetTransition() {
-    viewHandler.uiState.swiperNavigationActive = true;
-  };
-  var handleTransitionEnd = function handleTransitionEnd() {
-    viewHandler.uiState.swiperNavigationActive = false;
-  };
-  var initialSlide = viewHandler.tabGroupState.curTabGroup ? allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) : 0;
-  return {
-    swiperRef: swiperRef,
-    setSwiperRef: setSwiperRef,
-    allSwipes: allSwipes,
-    handleSlideChange: handleSlideChange,
-    handleSetTransition: handleSetTransition,
-    handleTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    teaseSwipe: teaseSwipe
-  };
-};
-
-var SettingsSwiper = function SettingsSwiper(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useSwiperHook = useSwiperHook(viewHandler),
-    setSwiperRef = _useSwiperHook.setSwiperRef,
-    allSwipes = _useSwiperHook.allSwipes,
-    handleSlideChange = _useSwiperHook.handleSlideChange,
-    handleSetTransition = _useSwiperHook.handleSetTransition,
-    handleTransitionEnd = _useSwiperHook.handleTransitionEnd,
-    initialSlide = _useSwiperHook.initialSlide;
-  var noSwiping = '.no-swiping';
-  if (!viewHandler.tabGroupState.curTabGroup || !(allSwipes !== null && allSwipes !== void 0 && allSwipes.length)) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Swiper, {
-    onSlideChange: handleSlideChange,
-    onSetTransition: handleSetTransition,
-    onTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    onSwiper: setSwiperRef,
-    className: swiperClass,
-    noSwipingSelector: noSwiping,
-    resizeObserver: true,
-    slidesPerView: 1,
-    threshold: 30,
-    wrapperClass: classnames('swiper-wrapper', swiperWrapper),
-    children: allSwipes.map(function (swipe) {
-      var _Array$from$;
-      var tabGroup = viewHandler.tabGroupState.allTabGroups[swipe];
-      var title = tabGroup ? (_Array$from$ = Array.from(tabGroup.options.values())[0]) === null || _Array$from$ === void 0 ? void 0 : _Array$from$.title : undefined;
-      return /*#__PURE__*/jsx(SwiperSlide, {
-        className: swiperSlide,
-        children: swipe == viewHandler.tabGroupState.curTabGroup.key ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(SettingsScroller, {}, swipe), /*#__PURE__*/jsx(NavForwardButton, {})]
-        }) : /*#__PURE__*/jsx("div", {
-          style: {
-            height: '100%',
-            overflow: 'auto',
-            width: 'calc(100% - 20px)',
-            marginLeft: 'var(--settingsScrollerPaddingLeft)'
-          },
-          children: title && /*#__PURE__*/jsx(SettingsHeader, {
-            text: title,
-            isSettingsHeader: false,
-            isInScroller: true
-          })
-        })
-      }, swipe);
-    })
-  });
-};
-var SettingsSwiper$1 = observer(SettingsSwiper);
-
-export { SettingsSwiper$1 as default };

package/build/esm/index-2cb407ac.js

@@ -1,89 +0,0 @@
-import { s as styleInject } from './index-87690a5b.js';
-import { useTranslation, useDivaCore, getLogger } from '@crystaldesign/diva-core';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var affiliateContainer = "affiliate-container-bOZvB";
-var affiliateMain = "affiliate-main-ipOJf";
-var affiliateMainMobile = "affiliate-main-mobile-VQW52";
-var affiliateProduct = "affiliate-product-ich3t";
-var affiliateProductDescription = "affiliate-product-description-ujnXk";
-var affiliatePartnerList = "affiliate-partner-list-wXqwE";
-var affiliatePartner = "affiliate-partner-Z5vLB";
-var affiliatePartnerImage = "affiliate-partner-image-WSYog";
-var affiliateParnterButton = "affiliate-parnter-button-myx7O";
-var css_248z = ".affiliate-container-bOZvB {\n  max-width: 750px;\n}\n\n.affiliate-container-bOZvB > h2 {\n  margin-top: 0;\n}\n\n.affiliate-main-ipOJf {\n  display: flex;\n  margin-top: 20px;\n  flex-wrap: wrap;\n  gap: 50px;\n}\n.affiliate-main-mobile-VQW52 {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  margin-top: 10px;\n  gap: 10px;\n}\n\n.affiliate-product-ich3t {\n  display: flex;\n  flex-direction: column;\n}\n\n.affiliate-product-ich3t > img {\n  width: 276px;\n  max-width: 100%;\n}\n\n.affiliate-product-description-ujnXk {\n  line-height: 30px;\n  margin-top: 10px;\n  flex: 1 1 20px;\n}\n\n.affiliate-partner-list-wXqwE {\n  flex: 1 1 200px;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.affiliate-partner-Z5vLB {\n  display: flex;\n  justify-content: space-between;\n  flex: 1 1 100px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  position: relative;\n}\n\n.affiliate-partner-image-WSYog {\n  cursor: pointer;\n  flex: 1 1 120px;\n  background-color: #fff;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 204px;\n  max-width: 100%;\n  height: 98px;\n  border: 1px solid #aaa;\n}\n\n.affiliate-parnter-button-myx7O {\n  cursor: pointer;\n  height: 35px;\n  width: 100px;\n  background: var(--secondaryColor);\n  border-radius: 3px;\n  color: #fff;\n  text-align: center;\n  line-height: 35px;\n  flex: 1 1 25px;\n  padding: 0 5px;\n}\n";
-styleInject(css_248z);
-
-getLogger('Planner', 'Affiliate');
-function Affiliate(_ref) {
-  var _product$affiliate;
-  var product = _ref.product;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  return /*#__PURE__*/jsxs("div", {
-    className: affiliateContainer,
-    children: [/*#__PURE__*/jsx("h2", {
-      children: t('affiliatemodal.title')
-    }), /*#__PURE__*/jsx("div", {
-      children: t('affiliatemodal.text')
-    }), /*#__PURE__*/jsxs("div", {
-      className: isMobile ? affiliateMainMobile : affiliateMain,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: affiliateProduct,
-        children: [!isMobile && /*#__PURE__*/jsx("img", {
-          src: product.image
-        }), /*#__PURE__*/jsx("div", {
-          className: affiliateProductDescription,
-          children: product.shortDescription
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: affiliatePartnerList,
-        children: (_product$affiliate = product.affiliate) === null || _product$affiliate === void 0 ? void 0 : _product$affiliate.map(function (partner) {
-          return /*#__PURE__*/jsxs("div", {
-            className: affiliatePartner,
-            children: [/*#__PURE__*/jsx("button", {
-              "data-test-id": "affiliate-button",
-              className: affiliatePartnerImage,
-              style: {
-                backgroundImage: 'url(' + partner.logoUrl + ')'
-              },
-              onClick: function onClick() {
-                window.open(partner.link, '_blank');
-              }
-            }), /*#__PURE__*/jsx("div", {
-              className: affiliateParnterButton,
-              onClick: function onClick() {
-                window.open(partner.link, '_blank');
-              },
-              children: t('affiliatemodal.button')
-            })]
-          }, partner.id);
-        })
-      })]
-    })]
-  });
-}
-
-export { Affiliate as default };

package/build/esm/index-2d88a1e3.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-87690a5b.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 NavigationButtons = function NavigationButtons(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Action/Navigation"
-  }));
-};
-
-export { NavigationButtons as default };