@crystaldesign/diva-web-planner-react 24.13.0-beta.11 → 24.13.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "24.13.0-beta.11",
+  "version": "24.13.0-beta.13",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,10 +12,10 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "24.13.0-beta.11",
-    "@crystaldesign/products-component": "24.13.0-beta.11",
-    "@crystaldesign/real-time-viewer": "24.13.0-beta.11",
-    "@crystaldesign/web-planner-logic": "24.13.0-beta.11",
+    "@crystaldesign/content-item": "24.13.0-beta.13",
+    "@crystaldesign/products-component": "24.13.0-beta.13",
+    "@crystaldesign/real-time-viewer": "24.13.0-beta.13",
+    "@crystaldesign/web-planner-logic": "24.13.0-beta.13",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.19.3",
     "@types/three": "0.163.0",
@@ -44,5 +44,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "ce9785a0b1eb57cbc37cdf9fffdbf63d11f3bd7f"
+  "gitHead": "30fb942540a6c1127d739107d457ec3530825ee7"
 }

package/build/esm/index.module-0769e60f.js

@@ -1,20 +0,0 @@
-import { s as styleInject } from './index-e3be2bc4.js';
-
-var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
-var landscape = "landscape-mjn27";
-var portrait = "portrait-gNyhf";
-var settingsHidden = "settings-hidden-2bQ-r";
-var fullscreen = "fullscreen-rBOrC";
-var wcConfigurator3Dimage = "wcConfigurator-3dimage-10NCi";
-var wcConfiguratorArticleImage = "wcConfigurator-ArticleImage--2dad";
-var center = "center-eIYYK";
-var imageCenterOrbit = "imageCenterOrbit-m9ffC";
-var imageCenterStatic = "imageCenterStatic-Xu-zR";
-var foldback = "foldback-qgcop";
-var foldbackLeft = "foldback-left-fyHVB";
-var foldup = "foldup-PaBn5";
-var wcPlanner3DGrid = "wcPlanner3DGrid-lVpTW";
-var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n.landscape-mjn27.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n\n.portrait-gNyhf.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  top: -70px;\n  width: 100%;\n  height: calc(100% + 70px);\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.foldback-qgcop {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.landscape-mjn27 .foldback-qgcop {\n  width: 32px;\n  height: 32px;\n}\n.portrait-gNyhf .foldback-qgcop {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.portrait-gNyhf .foldback-qgcop.foldback-left-fyHVB {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.settings-hidden-2bQ-r .foldback-qgcop {\n  transform: rotate(180deg);\n}\n\n.foldup-PaBn5 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.wcPlanner3DGrid-lVpTW {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-export { wcConfiguratorArticleImage as a, foldback as b, center as c, foldbackLeft as d, foldup as e, fullscreen as f, wcConfigurator3Dimage as g, imageCenterStatic as h, imageCenterOrbit as i, wcPlanner3DGrid as j, landscape as l, portrait as p, settingsHidden as s, wcConfiguratorProductCenter as w };

package/build/esm/requestProductForm-275a48c7.js

@@ -1,295 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-e3be2bc4.js';
-import { useReducer, useState } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, 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 'mobx-react-lite';
-
-var reqProdForm = "req-prod-form-rkRSD";
-var title = "title-N--Hv";
-var radioInput = "radio-input-9sGRp";
-var textBoxRow = "text-box-row-YqOau";
-var radioBoxRow = "radio-box-row-VYDwC";
-var content = "content-Qm-tF";
-var scroller = "scroller-IFxeS";
-var reqProdFormLabelFocus = "req-prod-form-label-focus-bSNwp";
-var reqProdFormLabel = "req-prod-form-label-viy-t";
-var errorSpan = "error-span-dlO6Z";
-var css_248z = ".req-prod-form-rkRSD {\n  display: flex;\n  flex-direction: column;\n  padding: 7.25rem 7rem 0rem 7rem;\n  overflow: hidden;\n  position: absolute;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.title-N--Hv {\n  font-size: 3.25rem;\n  font-family: 'EuclidSquare', Arial, sans-serif;\n  line-height: 120%;\n  padding: 1rem;\n}\n\n.radio-input-9sGRp {\n  display: flex;\n  line-height: 1.5;\n  margin-right: 1.75rem;\n  gap: 10px;\n}\n\n.text-box-row-YqOau {\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  margin-top: 15px;\n}\n\n.radio-box-row-VYDwC {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 3rem;\n  flex-flow: wrap;\n  gap: 1rem;\n}\n\n.text-box-row-YqOau div {\n  position: relative;\n}\n\n.content-Qm-tF {\n  padding: 1rem;\n  padding-top: 0;\n}\n\n.scroller-IFxeS {\n  height: 100%;\n  margin-bottom: 115px;\n  overflow-y: auto;\n}\n\n.req-prod-form-rkRSD * {\n  font-family: 'EuclidSquare', Arial, sans-serif;\n}\n\n.req-prod-form-rkRSD h5 {\n  margin: 0px;\n  font-size: 3.25rem;\n  line-height: 120%;\n  font-weight: 500;\n  padding-bottom: 5rem;\n}\n\n.req-prod-form-rkRSD small {\n  font-weight: normal;\n  color: rgba(15, 21, 49, 0.65);\n}\n\n.req-prod-form-rkRSD span a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.req-prod-form-rkRSD span a:hover {\n  color: #622750 !important;\n}\n\n.req-prod-form-rkRSD textarea {\n  width: calc(100% - 2.5rem);\n  height: calc(150px - 2.5rem);\n  min-height: calc(1.5em + 0.75rem + 2px);\n  font-size: 1.125rem;\n  resize: vertical;\n  padding: 1.25rem;\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n}\n.req-prod-form-rkRSD textarea:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n\n.req-prod-form-rkRSD hr {\n  margin: 2.5rem 0;\n}\n\n.req-prod-form-rkRSD p {\n  font-weight: 500;\n  font-size: 1.125rem;\n  margin: 0;\n  margin-bottom: 1rem;\n}\n.req-prod-form-rkRSD label {\n  font-size: 1.125rem;\n}\n.req-prod-form-rkRSD .text-box-row-YqOau label {\n  position: absolute;\n  pointer-events: none;\n  left: 1.25rem;\n}\n\n.req-prod-form-label-focus-bSNwp {\n  font-size: 14px !important;\n}\n\n.req-prod-form-label-focus-bSNwp {\n  top: 8px;\n  transform: none;\n  transition: all 0.25s ease-in-out;\n  color: rgba(15, 21, 49, 0.6);\n}\n\n.req-prod-form-label-viy-t {\n  top: 1.25rem;\n  line-height: 140%;\n  color: rgba(15, 21, 49, 0.6);\n  transition: all 0.25s ease-in-out;\n}\n\n.req-prod-form-rkRSD input[type='radio'] {\n  width: 1.625rem;\n  height: 1.625rem;\n  border: 1px solid rgba(15, 21, 49, 0.6);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border-radius: 50%;\n  margin-top: 0px;\n  font-weight: 400;\n}\n\n.req-prod-form-rkRSD input[type='button'] {\n  background-color: #0f1531;\n  border-color: #0f1531;\n  color: white;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  font-weight: 500;\n  font-size: 1.125rem;\n  border-radius: 0;\n  padding: 23px 40px;\n  cursor: pointer;\n}\n\n.req-prod-form-rkRSD input[type='button']:hover {\n  background-color: #333e6c;\n  border-color: #333e6c;\n}\n\n.req-prod-form-rkRSD input[type='button']:disabled {\n  color: #fff;\n  pointer-events: none;\n  background-color: #0f1531;\n  cursor: not-allowed;\n  border: 1px solid #0f1531;\n  opacity: 0.65;\n}\n\n.error-span-dlO6Z {\n  display: inline-block;\n  color: #d80f55;\n  margin-top: 0.75rem;\n  font-size: 1.125rem;\n}\n\n.req-prod-form-rkRSD input[type='text'] {\n  padding: 1.25rem;\n  padding-top: 1.9rem;\n  padding-bottom: 0.75rem;\n  width: calc(100% - 2.5rem);\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n  line-height: 24px;\n  font-size: 1.125rem;\n}\n.req-prod-form-rkRSD input[type='text']:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n.req-prod-form-rkRSD input:checked[type='radio'] {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  background-color: #0f1531;\n}\n\n@media screen and (max-width: 991px) {\n  .req-prod-form-rkRSD {\n    padding: 0;\n    padding-top: 4.75rem;\n  }\n  .req-prod-form-rkRSD .title-N--Hv {\n    font-size: 2.25rem;\n    text-align: left;\n    padding-bottom: 2rem;\n  }\n\n  .req-prod-form-rkRSD p,\n  .req-prod-form-rkRSD label,\n  .req-prod-form-rkRSD textarea {\n    font-size: 1rem;\n  }\n\n  .req-prod-form-rkRSD .text-box-row-YqOau {\n    flex-direction: column;\n  }\n\n  .req-prod-form-rkRSD input[type='text'] {\n    padding: 1.3rem;\n    padding-top: 1.4rem;\n    padding-bottom: 0.5rem;\n  }\n\n  .req-prod-form-label-viy-t {\n    top: 1.1rem;\n  }\n\n  .req-prod-form-label-focus-bSNwp {\n    top: 5px;\n  }\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; }
-function TextInput(_ref) {
-  var name = _ref.name,
-    field = _ref.field,
-    flex = _ref.flex,
-    reducer = _ref.reducer,
-    textarea = _ref.textarea;
-  var _useState = useState(reqProdFormLabel),
-    _useState2 = _slicedToArray(_useState, 2),
-    cssClass = _useState2[0],
-    setCssClass = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (textarea) {
-    return /*#__PURE__*/jsxs("div", {
-      style: {
-        flexBasis: flex,
-        display: 'flex',
-        flexDirection: 'column',
-        width: '100%'
-      },
-      children: [/*#__PURE__*/jsx("label", {
-        className: cssClass,
-        children: name
-      }), /*#__PURE__*/jsx("span", {
-        children: /*#__PURE__*/jsx("textarea", {
-          name: name,
-          onChange: function onChange(e) {
-            return reducer[1]({
-              field: field,
-              value: e.target.value
-            });
-          },
-          onFocus: function onFocus() {
-            return !reducer[0][field] && setCssClass(reqProdFormLabelFocus);
-          },
-          onBlur: function onBlur() {
-            return !reducer[0][field] && setCssClass(reqProdFormLabel);
-          },
-          value: reducer[0][field]
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      flexBasis: flex,
-      display: 'flex',
-      flexDirection: 'column',
-      width: '100%'
-    },
-    children: [/*#__PURE__*/jsx("label", {
-      className: cssClass,
-      children: name
-    }), /*#__PURE__*/jsxs("span", {
-      children: [/*#__PURE__*/jsx("input", {
-        type: "text",
-        name: name,
-        onChange: function onChange(e) {
-          return reducer[1]({
-            field: field,
-            value: e.target.value
-          });
-        },
-        onFocus: function onFocus() {
-          return !reducer[0][field] && setCssClass(reqProdFormLabelFocus);
-        },
-        onBlur: function onBlur() {
-          return !reducer[0][field] && setCssClass(reqProdFormLabel);
-        },
-        value: reducer[0][field]
-      }), reducer[0][field] == '' && /*#__PURE__*/jsx("span", {
-        className: errorSpan,
-        children: t('configurator.requestproductform.missingfieldwarning')
-      })]
-    })]
-  });
-}
-var RequestProductForm = function RequestProductForm(_ref2) {
-  var onSubmit = _ref2.onSubmit;
-  var reducer = useReducer(formReducer, {
-    gender: 'male',
-    contactForm: 'email',
-    allowData: false,
-    canSave: false
-  });
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
-  function formReducer(form, changedValue) {
-    var dispatch = {};
-    dispatch[changedValue.field] = changedValue.value;
-    var newValue = _objectSpread(_objectSpread({}, form), dispatch);
-    if (newValue.allowData && newValue.name && newValue.lastName && newValue.street && newValue.streetNr && newValue.plz && newValue.location && newValue.email && newValue.phone) {
-      newValue.canSave = true;
-    } else {
-      newValue.canSave = false;
-    }
-    return newValue;
-  }
-  function RadioInput(_ref3) {
-    var name = _ref3.name,
-      field = _ref3.field,
-      value = _ref3.value;
-    return /*#__PURE__*/jsxs("div", {
-      className: radioInput,
-      children: [/*#__PURE__*/jsx("input", {
-        id: name.toLowerCase(),
-        name: name,
-        type: "radio",
-        checked: reducer[0][field] == value,
-        onChange: function onChange() {
-          return reducer[1]({
-            field: field,
-            value: value
-          });
-        }
-      }), /*#__PURE__*/jsx("label", {
-        htmlFor: name.toLowerCase(),
-        children: name
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: reqProdForm,
-    children: [/*#__PURE__*/jsx("h5", {
-      className: title,
-      children: t('configurator.requestproductform.title')
-    }), /*#__PURE__*/jsx("div", {
-      className: scroller,
-      children: /*#__PURE__*/jsxs("form", {
-        className: content,
-        children: [/*#__PURE__*/jsx("p", {
-          children: t('configurator.requestproductform.contactmethod.title')
-        }), /*#__PURE__*/jsxs("div", {
-          className: radioBoxRow,
-          children: [/*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.contactmethod.email'),
-            field: "contactForm",
-            value: "email"
-          }), /*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.contactmethod.phone'),
-            field: "contactForm",
-            value: "phone"
-          })]
-        }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsxs("div", {
-          className: radioBoxRow,
-          children: [/*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.male'),
-            field: "gender",
-            value: "male"
-          }), /*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.female'),
-            field: "gender",
-            value: "female"
-          }), /*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.other'),
-            field: "gender",
-            value: "other"
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.name'),
-            field: "name",
-            flex: "50%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.lastname'),
-            field: "lastName",
-            flex: "50%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.street'),
-            field: "street",
-            flex: "67.5%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.streetnr'),
-            field: "streetNr",
-            flex: "32.5%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.plz'),
-            field: "plz",
-            flex: "32.5%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.location'),
-            field: "location",
-            flex: "67.5%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.email'),
-            field: "email",
-            flex: "50%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.phone'),
-            field: "phone",
-            flex: "50%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("div", {
-          className: textBoxRow,
-          children: /*#__PURE__*/jsx(TextInput, {
-            field: "notes",
-            name: t('configurator.requestproductform.notes'),
-            reducer: reducer,
-            textarea: true
-          })
-        }), /*#__PURE__*/jsxs("div", {
-          style: {
-            display: 'flex',
-            flexDirection: 'row',
-            width: '100%',
-            marginBottom: '1rem',
-            marginTop: '.3rem'
-          },
-          children: [/*#__PURE__*/jsx("input", {
-            type: "checkbox",
-            onChange: function onChange(e) {
-              return reducer[1]({
-                field: 'allowData',
-                value: e.target.checked
-              });
-            }
-          }), /*#__PURE__*/jsx("span", {
-            dangerouslySetInnerHTML: {
-              __html: t('configurator.requestproductform.liviquedataprotection')
-            }
-          })]
-        }), /*#__PURE__*/jsx("p", {
-          style: {
-            marginBottom: '4rem'
-          },
-          children: /*#__PURE__*/jsx("small", {
-            dangerouslySetInnerHTML: {
-              __html: t('configurator.requestproductform.googledataprotection')
-            }
-          })
-        }), /*#__PURE__*/jsx("input", {
-          type: "button",
-          value: t('configurator.requestproductform.request'),
-          disabled: !reducer[0].canSave,
-          onClick: function onClick() {
-            return onSubmit(reducer[0]);
-          }
-        })]
-      })
-    })]
-  });
-};
-
-export { RequestProductForm as default };

package/build/types/web-planner-react/src/components/GlobalElements/BarrierActions/blue/presets/requestProductForm.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-interface Form {
-    contactForm: 'email' | 'phone';
-    gender: 'male' | 'female' | 'other';
-    name?: string;
-    lastName?: string;
-    street?: string;
-    streetNr?: string;
-    plz?: string;
-    location?: string;
-    email?: string;
-    phone?: string;
-    notes?: string;
-    allowData: boolean;
-    canSave: boolean;
-}
-declare const RequestProductForm: ({ onSubmit }: {
-    onSubmit: (data: Form) => void;
-}) => React.JSX.Element;
-export default RequestProductForm;
-//# sourceMappingURL=requestProductForm.d.ts.map

package/build/types/web-planner-react/src/components/GlobalElements/BarrierActions/blue/presets/requestProductForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"requestProductForm.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/GlobalElements/BarrierActions/blue/presets/requestProductForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAepD,UAAU,IAAI;IACZ,WAAW,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAyCD,QAAA,MAAM,kBAAkB,iBAAkB;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAAE,sBA8F3E,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/build/umd/9276.diva-web-planner-react.umd.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 9276.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9276],{19276:(e,n,r)=>{r.r(n),r.d(n,{default:()=>w});var o=r(80248),t=r(34988),i=r(87363),a=r(88683),d=r(93379),l=r.n(d),u=r(7795),s=r.n(u),c=r(90569),m=r.n(c),p=r(3565),f=r.n(p),x=r(19216),g=r.n(x),h=r(44589),b=r.n(h),v=r(64375),j={};j.styleTagTransform=b(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=g();l()(v.ZP,j);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,o.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function TextInput(e){var n=e.name,r=e.field,o=e.flex,d=e.reducer,l=e.textarea,u=(0,i.useState)(v.ZR),s=(0,t.Z)(u,2),c=s[0],m=s[1],p=(0,a.useTranslation)().t;return l?(0,N.jsxs)("div",{style:{flexBasis:o,display:"flex",flexDirection:"column",width:"100%"},children:[(0,N.jsx)("label",{className:c,children:n}),(0,N.jsx)("span",{children:(0,N.jsx)("textarea",{name:n,onChange:function onChange(e){return d[1]({field:r,value:e.target.value})},onFocus:function onFocus(){return!d[0][r]&&m(v.Ly)},onBlur:function onBlur(){return!d[0][r]&&m(v.ZR)},value:d[0][r]})})]}):(0,N.jsxs)("div",{style:{flexBasis:o,display:"flex",flexDirection:"column",width:"100%"},children:[(0,N.jsx)("label",{className:c,children:n}),(0,N.jsxs)("span",{children:[(0,N.jsx)("input",{type:"text",name:n,onChange:function onChange(e){return d[1]({field:r,value:e.target.value})},onFocus:function onFocus(){return!d[0][r]&&m(v.Ly)},onBlur:function onBlur(){return!d[0][r]&&m(v.ZR)},value:d[0][r]}),""==d[0][r]&&(0,N.jsx)("span",{className:v.jp,children:p("configurator.requestproductform.missingfieldwarning")})]})]})}const w=function RequestProductForm(e){var n=e.onSubmit,r=(0,i.useReducer)((function formReducer(e,n){var r={};r[n.field]=n.value;var o=_objectSpread(_objectSpread({},e),r);o.allowData&&o.name&&o.lastName&&o.street&&o.streetNr&&o.plz&&o.location&&o.email&&o.phone?o.canSave=!0:o.canSave=!1;return o}),{gender:"male",contactForm:"email",allowData:!1,canSave:!1}),o=(0,a.useTranslation)().t;function RadioInput(e){var n=e.name,o=e.field,t=e.value;return(0,N.jsxs)("div",{className:v.Sw,children:[(0,N.jsx)("input",{id:n.toLowerCase(),name:n,type:"radio",checked:r[0][o]==t,onChange:function onChange(){return r[1]({field:o,value:t})}}),(0,N.jsx)("label",{htmlFor:n.toLowerCase(),children:n})]})}return(0,N.jsxs)("div",{className:v.Bn,children:[(0,N.jsx)("h5",{className:v.TN,children:o("configurator.requestproductform.title")}),(0,N.jsx)("div",{className:v.OK,children:(0,N.jsxs)("form",{className:v.kQ,children:[(0,N.jsx)("p",{children:o("configurator.requestproductform.contactmethod.title")}),(0,N.jsxs)("div",{className:v.fT,children:[(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.contactmethod.email"),field:"contactForm",value:"email"}),(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.contactmethod.phone"),field:"contactForm",value:"phone"})]}),(0,N.jsx)("hr",{}),(0,N.jsxs)("div",{className:v.fT,children:[(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.male"),field:"gender",value:"male"}),(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.female"),field:"gender",value:"female"}),(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.other"),field:"gender",value:"other"})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.name"),field:"name",flex:"50%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.lastname"),field:"lastName",flex:"50%",reducer:r})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.street"),field:"street",flex:"67.5%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.streetnr"),field:"streetNr",flex:"32.5%",reducer:r})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.plz"),field:"plz",flex:"32.5%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.location"),field:"location",flex:"67.5%",reducer:r})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.email"),field:"email",flex:"50%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.phone"),field:"phone",flex:"50%",reducer:r})]}),(0,N.jsx)("hr",{}),(0,N.jsx)("div",{className:v.mb,children:(0,N.jsx)(TextInput,{field:"notes",name:o("configurator.requestproductform.notes"),reducer:r,textarea:!0})}),(0,N.jsxs)("div",{style:{display:"flex",flexDirection:"row",width:"100%",marginBottom:"1rem",marginTop:".3rem"},children:[(0,N.jsx)("input",{type:"checkbox",onChange:function onChange(e){return r[1]({field:"allowData",value:e.target.checked})}}),(0,N.jsx)("span",{dangerouslySetInnerHTML:{__html:o("configurator.requestproductform.liviquedataprotection")}})]}),(0,N.jsx)("p",{style:{marginBottom:"4rem"},children:(0,N.jsx)("small",{dangerouslySetInnerHTML:{__html:o("configurator.requestproductform.googledataprotection")}})}),(0,N.jsx)("input",{type:"button",value:o("configurator.requestproductform.request"),disabled:!r[0].canSave,onClick:function onClick(){return n(r[0])}})]})})]})}},64375:(e,n,r)=>{r.d(n,{Bn:()=>m,Ly:()=>v,OK:()=>b,Sw:()=>f,TN:()=>p,ZP:()=>w,ZR:()=>j,fT:()=>g,jp:()=>N,kQ:()=>h,mb:()=>x});var o=r(8081),t=r.n(o),i=r(23645),a=r.n(i),d=r(61667),l=r.n(d),u=new URL(r(39619),r.b),s=a()(t()),c=l()(u);s.push([e.id,".index-module--HpNvf {\n  display: flex;\n  flex-direction: column;\n  padding: 7.25rem 7rem 0rem 7rem;\n  overflow: hidden;\n  position: absolute;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.index-module--FXUTf {\n  font-size: 3.25rem;\n  font-family: 'EuclidSquare', Arial, sans-serif;\n  line-height: 120%;\n  padding: 1rem;\n}\n\n.index-module--nCdob {\n  display: flex;\n  line-height: 1.5;\n  margin-right: 1.75rem;\n  gap: 10px;\n}\n\n.index-module--rBKiN {\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  margin-top: 15px;\n}\n\n.index-module--_HOXU {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 3rem;\n  flex-flow: wrap;\n  gap: 1rem;\n}\n\n.index-module--rBKiN div {\n  position: relative;\n}\n\n.index-module--AZSkB {\n  padding: 1rem;\n  padding-top: 0;\n}\n\n.index-module--DXDJa {\n  height: 100%;\n  margin-bottom: 115px;\n  overflow-y: auto;\n}\n\n.index-module--HpNvf * {\n  font-family: 'EuclidSquare', Arial, sans-serif;\n}\n\n.index-module--HpNvf h5 {\n  margin: 0px;\n  font-size: 3.25rem;\n  line-height: 120%;\n  font-weight: 500;\n  padding-bottom: 5rem;\n}\n\n.index-module--HpNvf small {\n  font-weight: normal;\n  color: rgba(15, 21, 49, 0.65);\n}\n\n.index-module--HpNvf span a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.index-module--HpNvf span a:hover {\n  color: #622750 !important;\n}\n\n.index-module--HpNvf textarea {\n  width: calc(100% - 2.5rem);\n  height: calc(150px - 2.5rem);\n  min-height: calc(1.5em + 0.75rem + 2px);\n  font-size: 1.125rem;\n  resize: vertical;\n  padding: 1.25rem;\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n}\n.index-module--HpNvf textarea:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n\n.index-module--HpNvf hr {\n  margin: 2.5rem 0;\n}\n\n.index-module--HpNvf p {\n  font-weight: 500;\n  font-size: 1.125rem;\n  margin: 0;\n  margin-bottom: 1rem;\n}\n.index-module--HpNvf label {\n  font-size: 1.125rem;\n}\n.index-module--HpNvf .index-module--rBKiN label {\n  position: absolute;\n  pointer-events: none;\n  left: 1.25rem;\n}\n\n.index-module--IVp5C {\n  font-size: 14px !important;\n}\n\n.index-module--IVp5C {\n  top: 8px;\n  transform: none;\n  transition: all 0.25s ease-in-out;\n  color: rgba(15, 21, 49, 0.6);\n}\n\n.index-module--olEaA {\n  top: 1.25rem;\n  line-height: 140%;\n  color: rgba(15, 21, 49, 0.6);\n  transition: all 0.25s ease-in-out;\n}\n\n.index-module--HpNvf input[type='radio'] {\n  width: 1.625rem;\n  height: 1.625rem;\n  border: 1px solid rgba(15, 21, 49, 0.6);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border-radius: 50%;\n  margin-top: 0px;\n  font-weight: 400;\n}\n\n.index-module--HpNvf input[type='button'] {\n  background-color: #0f1531;\n  border-color: #0f1531;\n  color: white;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  font-weight: 500;\n  font-size: 1.125rem;\n  border-radius: 0;\n  padding: 23px 40px;\n  cursor: pointer;\n}\n\n.index-module--HpNvf input[type='button']:hover {\n  background-color: #333e6c;\n  border-color: #333e6c;\n}\n\n.index-module--HpNvf input[type='button']:disabled {\n  color: #fff;\n  pointer-events: none;\n  background-color: #0f1531;\n  cursor: not-allowed;\n  border: 1px solid #0f1531;\n  opacity: 0.65;\n}\n\n.index-module--KRb2M {\n  display: inline-block;\n  color: #d80f55;\n  margin-top: 0.75rem;\n  font-size: 1.125rem;\n}\n\n.index-module--HpNvf input[type='text'] {\n  padding: 1.25rem;\n  padding-top: 1.9rem;\n  padding-bottom: 0.75rem;\n  width: calc(100% - 2.5rem);\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n  line-height: 24px;\n  font-size: 1.125rem;\n}\n.index-module--HpNvf input[type='text']:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n.index-module--HpNvf input:checked[type='radio'] {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  background-color: #0f1531;\n}\n\n@media screen and (max-width: 991px) {\n  .index-module--HpNvf {\n    padding: 0;\n    padding-top: 4.75rem;\n  }\n  .index-module--HpNvf .index-module--FXUTf {\n    font-size: 2.25rem;\n    text-align: left;\n    padding-bottom: 2rem;\n  }\n\n  .index-module--HpNvf p,\n  .index-module--HpNvf label,\n  .index-module--HpNvf textarea {\n    font-size: 1rem;\n  }\n\n  .index-module--HpNvf .index-module--rBKiN {\n    flex-direction: column;\n  }\n\n  .index-module--HpNvf input[type='text'] {\n    padding: 1.3rem;\n    padding-top: 1.4rem;\n    padding-bottom: 0.5rem;\n  }\n\n  .index-module--olEaA {\n    top: 1.1rem;\n  }\n\n  .index-module--IVp5C {\n    top: 5px;\n  }\n}\n",""]);var m="index-module--HpNvf",p="index-module--FXUTf",f="index-module--nCdob",x="index-module--rBKiN",g="index-module--_HOXU",h="index-module--AZSkB",b="index-module--DXDJa",v="index-module--IVp5C",j="index-module--olEaA",N="index-module--KRb2M";const w=s},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},39619:e=>{e.exports="data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23ffffff%27/%3e%3c/svg%3e"}}]);

package/build/umd/9276.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! filename:9276 */