@crystaldesign/diva-web-planner-react 24.13.0-beta.2 → 24.13.0-beta.21

package/build/esm/{index-db845929.js → index-4885ca12.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-79568e33.js';
-import ContentItemWrapper from './index-5db76ce2.js';
-import ProductSettings from './index-810a2159.js';
-import ProductCenter from './index-e9c9e29b.js';
-import ProductFooter from './index-3bcb8194.js';
-import ProductInfo from './index-2e1ce597.js';
+import ProductHeader from './index-b2b857f4.js';
+import ContentItemWrapper from './index-e154e98c.js';
+import ProductSettings from './index-6055f2a0.js';
+import ProductCenter from './index-a82bffe6.js';
+import ProductFooter from './index-30da4911.js';
+import ProductInfo from './index-f046a3b6.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-56b7139c.js';
+import './index-03f8817b.js';
 import 'sift';
-import './index-f6440915.js';
-import './index-d462acaa.js';
-import './index-6943a41a.js';
-import './index-5061ae3f.js';
-import './index-e0fe8ad3.js';
-import './index.module-ad58dc0d.js';
-import './index-1f1c27ae.js';
+import './index-4e8fde3b.js';
+import './index-a0facb3a.js';
+import './index-aa7c9a35.js';
+import './index-64835b1c.js';
+import './index-9816345f.js';
+import './index.module-95ae08bb.js';
+import './index-dc039272.js';
 import 'react-switch';
-import './index-b78f5625.js';
-import './index-465443f5.js';
+import './index-c8f8e620.js';
+import './index-a89d3eed.js';
 import 'react-dropdown';
-import './index-39ff84b2.js';
+import './index-5f879181.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3eb05ac1.js';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
+import './index-c827413e.js';
+import './index-658ad8f3.js';
+import './index-6a62a84c.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
-import './index-df793d15.js';
-import './index-7ee7b1c2.js';
-import './index-1b2b4042.js';
-import './index-b338153f.js';
+import './index-83dadcdf.js';
+import './index-0aaaaab4.js';
+import './index-179626cc.js';
+import './index-20520cb0.js';
+import './index-3bbf548a.js';
 import '@crystaldesign/products-component';
-import './index-d88e4a5e.js';
-import './index-e129aece.js';
-import './index-a7040739.js';
+import './index-894738aa.js';
+import './index-42259492.js';
+import './index-c900f771.js';
 import 'react-laag';
-import './index-863c0444.js';
-import './index-9fb2d769.js';
-import './index-55b930d0.js';
-import './index-a31a856c.js';
-import './index-d44d0b14.js';
-import './index-6b5e94c0.js';
-import './index-49382814.js';
-import './index-43354ec6.js';
-import './index-a3c3abe0.js';
-import './index-faa47139.js';
-import './index.module-4ba045f6.js';
-import './index-47e1689c.js';
-import './index-81d24c41.js';
-import './index-0066154e.js';
-import './index-7530aff2.js';
-import './index-9c14bd74.js';
-import './index-cfe349e6.js';
-import './index-b69a4c48.js';
-import './index.module-1369eb90.js';
-import './index-7259cddd.js';
-import './index-f3ea653b.js';
-import './index-8daf399e.js';
-import './index-bd0c9edd.js';
-import './index-cf13d85f.js';
-import './index.module-0769e60f.js';
-import './index-d062bb6c.js';
-import './index-48ab4f47.js';
-import './index-9aca582a.js';
-import './index-5fdbee20.js';
-import './index-1e54180d.js';
-import './index-031dc0e5.js';
-import './index-cfff21d6.js';
+import './index-f4f1300c.js';
+import './index-88f292f1.js';
+import './index-b0686bb0.js';
+import './index-376c39e2.js';
+import './index-c4d32444.js';
+import './index-97ad0a53.js';
+import './index-7efc4097.js';
+import './index-e08088b9.js';
+import './index-db0c8486.js';
+import './index-1f6141fb.js';
+import './index.module-aa641914.js';
+import './index-b43e1af4.js';
+import './index-976ab29d.js';
+import './index-43ab0734.js';
+import './index-80d323af.js';
+import './index-5b5ccff7.js';
+import './index-f7d3b746.js';
+import './index-4231e035.js';
+import './index.module-0d208756.js';
+import './index-2be6d62e.js';
+import './index-277bf033.js';
+import './index-3523aa82.js';
+import './index-d02b396a.js';
+import './index-e74fd210.js';
+import './index.module-dd083f23.js';
+import './index-89476282.js';
+import './index-eddef935.js';
+import './index-499736d5.js';
+import './index-a524e70d.js';
+import './index-42a104c6.js';
+import './index-30dcff3a.js';
+import './index-7b0af091.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; }

package/build/esm/{index-9aca582a.js → index-499736d5.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-e3be2bc4.js';
+import './index-6603715f.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-43414249.js → index-49e70508.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-863c0444.js';
-import GenericToolTip from './index-9fb2d769.js';
+import MetaData from './index-f4f1300c.js';
+import GenericToolTip from './index-88f292f1.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-118dce2b.js → index-4b9d12fd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-6603715f.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-92cefc34.js → index-4de2f332.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import classnames from 'classnames';
-import Toggle from './index-1f1c27ae.js';
+import Toggle from './index-dc039272.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-cb3456f9.js';
+import BasketActionSerious from './index-842f2f16.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -61,7 +61,7 @@ var inputChecktype = ['simple',
 'simple' // location
 ];
 var CheckOutForm = function CheckOutForm(props) {
-  var _basket$ProductSetNam, _ref, _ref2, _basket$Client, _basket$SetVariantBas, _basket$Salesperson, _viewHandler$configSt2, _viewHandler$configSt3, _basket$ClientRemark, _basket$Client$firstN, _basket$Client2, _basket$Client$prefer, _basket$Client3, _basket$Client$lastNa, _basket$Client4, _basket$Client$email, _basket$Client5, _basket$Client$phone, _basket$Client6, _basket$Client$addres, _basket$Client7, _basket$Client$addres2, _basket$Client8, _basket$Client$cap, _basket$Client9, _basket$Client$city, _basket$Client10, _ref3, _basket$Client11, _basket$Client$client, _basket$Client12, _basket$Client$delive, _basket$Client13;
+  var _basket$ProductSetNam, _ref, _basket$Client, _basket$OrderSets, _basket$Salesperson, _viewHandler$configSt2, _viewHandler$configSt3, _basket$ClientRemark, _basket$Client$firstN, _basket$Client2, _basket$Client$prefer, _basket$Client3, _basket$Client$lastNa, _basket$Client4, _basket$Client$email, _basket$Client5, _basket$Client$phone, _basket$Client6, _basket$Client$addres, _basket$Client7, _basket$Client$addres2, _basket$Client8, _basket$Client$cap, _basket$Client9, _basket$Client$city, _basket$Client10, _ref2, _basket$Client11, _basket$Client$client, _basket$Client12, _basket$Client$delive, _basket$Client13;
   var viewHandler = useViewHandler();
   var basket = viewHandler.divaWebPlanner.getBasketData();
   var _useState = useState(false),
@@ -174,9 +174,14 @@ var CheckOutForm = function CheckOutForm(props) {
   };
   var _useState7 = useState({
       configurationName: (_basket$ProductSetNam = basket.ProductSetName) !== null && _basket$ProductSetNam !== void 0 ? _basket$ProductSetNam : '',
-      buildService: (_ref = (_ref2 = (_basket$Client = basket.Client) === null || _basket$Client === void 0 ? void 0 : _basket$Client.delivery) !== null && _ref2 !== void 0 ? _ref2 : ((_basket$SetVariantBas = basket.SetVariantBasketDatas) === null || _basket$SetVariantBas === void 0 || (_basket$SetVariantBas = _basket$SetVariantBas.find(function (o) {
-        return o.OPT === 'SERVICE';
-      })) === null || _basket$SetVariantBas === void 0 ? void 0 : _basket$SetVariantBas.OPV) == 'JA') !== null && _ref !== void 0 ? _ref : false,
+      buildService: (_ref = (_basket$Client = basket.Client) === null || _basket$Client === void 0 ? void 0 : _basket$Client.delivery) !== null && _ref !== void 0 ? _ref : !!((_basket$OrderSets = basket.OrderSets) !== null && _basket$OrderSets !== void 0 && _basket$OrderSets.find(function (set) {
+        return set.OrderLines.find(function (ol) {
+          var _ol$VariantBasketData;
+          return !!(((_ol$VariantBasketData = ol.VariantBasketDatas) === null || _ol$VariantBasketData === void 0 || (_ol$VariantBasketData = _ol$VariantBasketData.find(function (o) {
+            return o.OPT === 'SERVICE';
+          })) === null || _ol$VariantBasketData === void 0 ? void 0 : _ol$VariantBasketData.OPV) == 'JA');
+        });
+      })),
       sellingAdvisor: (_basket$Salesperson = basket.Salesperson) !== null && _basket$Salesperson !== void 0 ? _basket$Salesperson : "".concat(((_viewHandler$configSt2 = viewHandler.configState.currentUser) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.name) || '', " ").concat(((_viewHandler$configSt3 = viewHandler.configState.currentUser) === null || _viewHandler$configSt3 === void 0 ? void 0 : _viewHandler$configSt3.familyName) || '').trim(),
       toProduct: (_basket$ClientRemark = basket.ClientRemark) !== null && _basket$ClientRemark !== void 0 ? _basket$ClientRemark : '',
       firstName: (_basket$Client$firstN = (_basket$Client2 = basket.Client) === null || _basket$Client2 === void 0 ? void 0 : _basket$Client2.firstName) !== null && _basket$Client$firstN !== void 0 ? _basket$Client$firstN : '',
@@ -188,7 +193,7 @@ var CheckOutForm = function CheckOutForm(props) {
       nr: (_basket$Client$addres2 = (_basket$Client8 = basket.Client) === null || _basket$Client8 === void 0 ? void 0 : _basket$Client8.addressNr) !== null && _basket$Client$addres2 !== void 0 ? _basket$Client$addres2 : '',
       postalCode: (_basket$Client$cap = (_basket$Client9 = basket.Client) === null || _basket$Client9 === void 0 ? void 0 : _basket$Client9.cap) !== null && _basket$Client$cap !== void 0 ? _basket$Client$cap : '',
       location: (_basket$Client$city = (_basket$Client10 = basket.Client) === null || _basket$Client10 === void 0 ? void 0 : _basket$Client10.city) !== null && _basket$Client$city !== void 0 ? _basket$Client$city : '',
-      country: (_ref3 = (_basket$Client11 = basket.Client) === null || _basket$Client11 === void 0 ? void 0 : _basket$Client11.countryCode) !== null && _ref3 !== void 0 ? _ref3 : 'Deutschland',
+      country: (_ref2 = (_basket$Client11 = basket.Client) === null || _basket$Client11 === void 0 ? void 0 : _basket$Client11.countryCode) !== null && _ref2 !== void 0 ? _ref2 : 'Deutschland',
       dateofdelivery: (_basket$Client$client = (_basket$Client12 = basket.Client) === null || _basket$Client12 === void 0 || (_basket$Client12 = _basket$Client12.clientPreferedDeliveryDate) === null || _basket$Client12 === void 0 ? void 0 : _basket$Client12.toString()) !== null && _basket$Client$client !== void 0 ? _basket$Client$client : '',
       specInformations: (_basket$Client$delive = (_basket$Client13 = basket.Client) === null || _basket$Client13 === void 0 ? void 0 : _basket$Client13.deliveryNotes) !== null && _basket$Client$delive !== void 0 ? _basket$Client$delive : ''
     }),

package/build/esm/{index-f6440915.js → index-4e8fde3b.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-d462acaa.js';
+import SettingsHeader from './index-a0facb3a.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b015a8ad.js → index-4ecb1718.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-50a12589.js → index-5027d29e.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-a9d73cbd.js';
-import LayoutSelection from './index-949a4f0c.js';
+import OptionSelector from './index-81dc7e1c.js';
+import LayoutSelection from './index-69210af1.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -19,8 +19,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
-import './index.module-97731e7f.js';
-import './index-bdc54ba1.js';
+import './index.module-312c61e8.js';
+import './index-658ad8f3.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-f70107bb.js → index-503ae59d.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-e3be2bc4.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-6603715f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-ad0ec7b7.js';
-import AVR from './index-f4d746e1.js';
-import Outline from './index-15f6f309.js';
-import RotationClockwise from './index-cabd9024.js';
-import RotationCounterClockwise from './index-6decb5d3.js';
-import Trash from './index-2202d2fe.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-11e66128.js';
+import AVL from './index-ae572cf2.js';
+import AVR from './index-ab334b23.js';
+import Outline from './index-56c1d064.js';
+import RotationClockwise from './index-75f62e27.js';
+import RotationCounterClockwise from './index-1208f82a.js';
+import Trash from './index-44192a61.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-45a8722d.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-499e233c.js';
-import BoxCopy from './index-49fb3371.js';
-import Move3DGrid from './index-42b8f19f.js';
-import Rotation3DGrid from './index-89210bd0.js';
+import PosNr from './index-b4688689.js';
+import BoxCopy from './index-203e2184.js';
+import Move3DGrid from './index-a16c2026.js';
+import Rotation3DGrid from './index-5bee5a97.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-9806be7b.js';
-import DistanceToGround from './index-f661610d.js';
+import ElementCopy from './index-af9c5278.js';
+import DistanceToGround from './index-a30fc1d0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-a20b3219.js';
+import './index-23d0424f.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-0dcba316.js → index-5073f52f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-6603715f.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-15f6f309.js → index-56c1d064.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-e3be2bc4.js';
+import './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-b08eb814.js → index-572c28e7.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-e3be2bc4.js';
-import ProductHeader from './index-45a76f47.js';
+import { s as styleInject } from './index-6603715f.js';
+import ProductHeader from './index-051ab992.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-9dd3bd32.js';
+import './index-0b306549.js';
 import '@crystaldesign/content-box';
-import './index-5db76ce2.js';
+import './index-e154e98c.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-c287d4e2.js → index-59a6674b.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-e3be2bc4.js';
+import './index-6603715f.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-8647fd33.js → index-5b5c63e1.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1369eb90.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-0d208756.js';
 import classnames from 'classnames';
-import IsActive from './index-47e1689c.js';
+import IsActive from './index-b43e1af4.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-9fb2d769.js';
-import InfoIcon from './index-b78f5625.js';
+import GenericToolTip from './index-88f292f1.js';
+import InfoIcon from './index-c8f8e620.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-9c14bd74.js → index-5b5ccff7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7f70bd09.js → index-5b9a8371.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-89210bd0.js → index-5bee5a97.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-11ad0e13.js → index-5ccd969e.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
-import SettingsHeader from './index-d462acaa.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
+import SettingsHeader from './index-a0facb3a.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-0bff2f79.js';
+import MobileDropdown from './index-ed584061.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-c8f8e620.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-bdc54ba1.js';
+import './index-658ad8f3.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-eed2f545.js → index-5ed5b530.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-c8f8e620.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -88,6 +88,10 @@ var DropDowmText = function DropDowmText(_ref) {
   } finally {
     _iterator.f();
   }
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
   return /*#__PURE__*/jsxs("div", {
     className: row,
     ref: function ref(_ref2) {
@@ -107,11 +111,11 @@ var DropDowmText = function DropDowmText(_ref) {
     }), item.type == 'DROPDOWN_IMAGE' && (sel === null || sel === void 0 ? void 0 : sel.image) && /*#__PURE__*/jsx("img", {
       className: image,
       src: sel.image.replace('_gal.', '.')
-    }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-      item: item.selectedElements[0],
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
       style: {
         bottom: 'calc(50% - 8px)',
-        right: '5%'
+        right: '-5%'
       }
     })]
   });

package/build/esm/{index-39ff84b2.js → index-5f879181.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-3eb05ac1.js';
-import SlideFilter from './index-085c7e76.js';
+import RalDropdownFilter from './index-c827413e.js';
+import SlideFilter from './index-6a62a84c.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
 import 'classnames';
-import './index-bdc54ba1.js';
+import './index-658ad8f3.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
+import './index-83dadcdf.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);

package/build/esm/{index-320fb1ad.js → index-5fb9ec48.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-a5505b2c.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-c75e79a5.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-89f54c2e.js';
-import properties$1 from './ArticleProperties-95ee1579.js';
-import properties$2 from './OptionProperties-ca896e38.js';
-import properties$3 from './OptionValueProperties-dfc073cc.js';
+import properties from './CatalogProperties-0430bd65.js';
+import properties$1 from './ArticleProperties-5240edb7.js';
+import properties$2 from './OptionProperties-df9da5ae.js';
+import properties$3 from './OptionValueProperties-f75d09c3.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-1f1c27ae.js';
+import './index-dc039272.js';
 import 'react-switch';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-4641ca54.js → index-60291551.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-6603715f.js';
 import 'react';
-import SettingsItemHeader from './index-6e0257ff.js';
+import SettingsItemHeader from './index-6c32e771.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,28 +18,28 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-39ea5a5f.js';
-import './index-39ff84b2.js';
-import './index-3eb05ac1.js';
+import './index-bf3564f0.js';
+import './index-5f879181.js';
+import './index-c827413e.js';
 import 'react-dropdown';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
+import './index-658ad8f3.js';
+import './index-6a62a84c.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
-import './index-df793d15.js';
-import './index-fadc5dbe.js';
-import './index-1f1c27ae.js';
+import './index-83dadcdf.js';
+import './index-0aaaaab4.js';
+import './index-660de7f5.js';
+import './index-dc039272.js';
 import 'react-switch';
-import './index-29ee3bc5.js';
-import './index-e7339ddb.js';
-import './index-06e227d9.js';
-import './index-ec16ec4f.js';
-import './index-d1761cce.js';
-import './index-4a8c5b9f.js';
+import './index-74a4c6b5.js';
+import './index-16ab903b.js';
+import './index-c350365d.js';
+import './index-a4236b8e.js';
+import './index-bf090f72.js';
+import './index-cafb2ea8.js';
 import 'react-laag';
-import './index-9fb2d769.js';
-import './index-863c0444.js';
-import './index-b78f5625.js';
+import './index-88f292f1.js';
+import './index-f4f1300c.js';
+import './index-c8f8e620.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";