@crystaldesign/diva-web-planner-react 24.13.0-beta.3 → 24.13.0-beta.30

package/build/esm/{index-62671522.js → index-b936921a.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import { useEffect } from 'react';
-import Inputbox from './index-1adc466a.js';
-import Product from './index-cf99abd2.js';
-import Settings from './index-62f23d9f.js';
-import TabGroup from './index-8d7c7946.js';
+import Inputbox from './index-4021a3e5.js';
+import Product from './index-f6c13c81.js';
+import Settings from './index-8b65995d.js';
+import TabGroup from './index-c834c225.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -21,84 +21,84 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-92cefc34.js';
-import './index-1f1c27ae.js';
+import './index-c7721e5a.js';
+import './index-279375f3.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-cb3456f9.js';
-import './index-e9c9e29b.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-94d33d39.js';
+import './index-1a64fc2e.js';
+import './index-66d25501.js';
+import './index-e290e2c6.js';
+import './index-5a1c87ae.js';
+import './index.module-c3ccfbff.js';
+import './index-11347662.js';
+import './index-915a8f55.js';
+import './index-fb1cf865.js';
+import './index-0f9dfdce.js';
+import './index-2f4e98a0.js';
+import './index-a830886e.js';
 import '@crystaldesign/content-box';
-import './index-cfff21d6.js';
-import './index-5db76ce2.js';
+import './index-0c378df2.js';
+import './index-86b32247.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-16f2248e.js';
-import './index-d462acaa.js';
-import './index-558552fa.js';
-import './index-3a13d9db.js';
-import './index-de16f674.js';
+import './index-4077e8a2.js';
+import './index-1a2c33e7.js';
+import './index-11f70f40.js';
+import './index-23d2a104.js';
+import './index-e4c42a75.js';
 import 'react-laag';
-import './index-32d655e6.js';
-import './index-e92005ca.js';
-import './index-56b7139c.js';
+import './index-833811fa.js';
+import './index-c61ecc0b.js';
+import './index-9ae164fb.js';
 import 'sift';
-import './index-f6440915.js';
-import './index-6943a41a.js';
-import './index-5061ae3f.js';
-import './index-e0fe8ad3.js';
-import './index.module-ad58dc0d.js';
-import './index-b78f5625.js';
-import './index-465443f5.js';
-import './index-39ff84b2.js';
-import './index-3eb05ac1.js';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
-import './index-f378204d.js';
-import './index-df793d15.js';
-import './index-7ee7b1c2.js';
-import './index-1b2b4042.js';
-import './index-b338153f.js';
+import './index-5ef43d98.js';
+import './index-45f2e39b.js';
+import './index-46f75749.js';
+import './index-baf29eef.js';
+import './index.module-4ef10131.js';
+import './index-5c1c0380.js';
+import './index-3128eb08.js';
+import './index-dba7e565.js';
+import './index-81f0a085.js';
+import './index-a3bc06a0.js';
+import './index-6bd8474f.js';
+import './index-c50debc3.js';
+import './index-8521475d.js';
+import './index-ed3dd2f1.js';
+import './index-3cb3f8e3.js';
+import './index-fdab2caa.js';
 import '@crystaldesign/products-component';
-import './index-d88e4a5e.js';
-import './index-e129aece.js';
-import './index-a7040739.js';
-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-eb8cf8c7.js';
-import './index-a922e79a.js';
-import './index-c287d4e2.js';
-import './index-da80a0c2.js';
-import './index-9cd82562.js';
-import './index-322caa25.js';
+import './index-327c1817.js';
+import './index-2ab4056c.js';
+import './index-8f6a3c4e.js';
+import './index-114685cd.js';
+import './index-13e0c23a.js';
+import './index-df60de5e.js';
+import './index-9a98406a.js';
+import './index-d0f80e19.js';
+import './index-68bce828.js';
+import './index-7a14e91e.js';
+import './index-8811b7da.js';
+import './index-726c8651.js';
+import './index-8524f238.js';
+import './index.module-b8c73cdc.js';
+import './index-00268bda.js';
+import './index-dd96eb70.js';
+import './index-fe566256.js';
+import './index-487bd249.js';
+import './index-63f2effd.js';
+import './index-e2be19c1.js';
+import './index-17cf3dd5.js';
+import './index.module-fda9a754.js';
+import './index-98732544.js';
+import './index-742eaeac.js';
+import './index-7345c56f.js';
+import './index-befe8ccc.js';
+import './index-0dbd2f00.js';
+import './index-165528cc.js';
+import './index-d6444a81.js';
+import './index-d5ea751c.js';
 
 var wcConfigurator = "wcConfigurator-in-ZO";
 var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";

package/build/esm/{index-fadc5dbe.js → index-b978aa8d.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
-import Toggle from './index-1f1c27ae.js';
+import Toggle from './index-279375f3.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-576c5088.js → index-b97b34d8.js}

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

package/build/esm/{index-e0fe8ad3.js → index-baf29eef.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-ad58dc0d.js';
-import Toggle from './index-1f1c27ae.js';
+import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-4ef10131.js';
+import Toggle from './index-279375f3.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-5c1c0380.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -55,6 +55,10 @@ var ToggleOption = function ToggleOption(_ref) {
       return /*#__PURE__*/jsx(Fragment, {});
     }
   }
+  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) {
@@ -77,11 +81,11 @@ var ToggleOption = function ToggleOption(_ref) {
           on: yesItem.text
         })
       })
-    }), ((_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% - 10px)',
-        right: '5%'
+        right: '-5%'
       }
     })]
   });