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

package/build/esm/{index-68c2b694.js → index-281f8063.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-5f412e0b.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-96182b35.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-7aed3bdf.js';
+import { n as notExpanded } from './index.module-601a4b3f.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-ffd75389.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-78e31c50.js → index-28c52bb6.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-5f412e0b.js';
+import { a as usePlannerUIHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-cba52a64.js';
-import ItemsContainer from './index-53e85b76.js';
+import Outline3D from './index-c5ec6a3c.js';
+import ItemsContainer from './index-2657b480.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-53b3b182.js';
-import './index-7b60dc62.js';
-import './index-c05c92ea.js';
-import './index-0b97b13f.js';
-import './index-1c33a872.js';
-import './index-05c0756a.js';
-import './index-5a360430.js';
-import './index-aee7488c.js';
-import './index-16f18399.js';
-import './index-8fca8eef.js';
-import './index-7e9733fb.js';
+import './index-7d4439ed.js';
+import './index-73c7c738.js';
+import './index-b8631493.js';
+import './index-ae0302ce.js';
+import './index-ab5be988.js';
+import './index-5b6022f1.js';
+import './index-a35976d0.js';
+import './index-14bba05b.js';
+import './index-3d05f696.js';
+import './index-3738378c.js';
+import './index-1a936693.js';
 import 'react-draggable';
-import './index-6a28fd59.js';
-import './index-3ca9801e.js';
-import './index-8ccb338f.js';
+import './index-9db7e889.js';
+import './index-d4bf61b5.js';
+import './index-a4ffefa6.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-7a4f1002.js → index-2b45be3f.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-7786c1d8.js → index-2c18450d.js}

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

package/build/esm/{index-de531631.js → index-2d2c0a71.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-5f412e0b.js';
+import './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-cfd81226.js';
-import JsonEditor from './index-88042273.js';
+import ArticleOverview from './index-f93486a0.js';
+import JsonEditor from './index-48776737.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-7aed3bdf.js';
-import './index.module-a120745c.js';
+import './index.module-ffd75389.js';
+import './index.module-ab609e8b.js';
 import 'classnames';
-import './index.module-96182b35.js';
+import './index.module-601a4b3f.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-744101c0.js → index-2db4b504.js}

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

package/build/esm/{index-6d62e5e7.js → index-2dedf740.js}

@@ -1,10 +1,10 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-96b5d583.js';
-import { S as SettingsItem } from './index-1a032df7.js';
+import SubTabGroupHeader from './index-f206063e.js';
+import { S as SettingsItem } from './index-e847bbdf.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,54 +20,56 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'sift';
-import './index-00876114.js';
-import './index-35560959.js';
-import './index-6c5ebf7d.js';
-import './index-744101c0.js';
-import './index-04b6565c.js';
-import './index.module-b667cd92.js';
-import './index-78e7ed44.js';
+import './index-4a8e1cc6.js';
+import './index-f9f730d5.js';
+import './index-44dd2b44.js';
+import './index-2db4b504.js';
+import './index-35ea8931.js';
+import './index.module-f726e259.js';
+import './index-99019637.js';
 import 'react-switch';
-import './index-14f6943b.js';
-import './index-30a12fca.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-7c6ee98f.js';
+import './index-4dbf2cfa.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-cd94d89b.js';
-import './index-218ee072.js';
-import './index-65275038.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-d4ed4f21.js';
-import './index-b435c759.js';
-import './index-8c35930a.js';
-import './index-ae3c031a.js';
-import './index-dc4311b3.js';
+import './index-c54474e6.js';
+import './index-625bc0b7.js';
+import './index-8fe9b473.js';
+import './index-4d5dd6e6.js';
+import './index-eb9e583e.js';
+import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-73fcc4b6.js';
-import './index-3aa996a1.js';
-import './index-db0b5ab3.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
 import 'react-laag';
-import './index-28d6d9cb.js';
-import './index-c12bb239.js';
-import './index-4ce970f6.js';
-import './index-555a9271.js';
-import './index-b5ef6d41.js';
-import './index-6f226cd1.js';
-import './index-b48ac168.js';
-import './index-104e1375.js';
-import './index-7b968448.js';
-import './index-693199fe.js';
-import './index.module-38c0cb37.js';
-import './index-f94c7c97.js';
-import './index-a5e7a716.js';
-import './index-ef0457b0.js';
-import './index-934f868b.js';
-import './index-8480b8c6.js';
-import './index-c4150c7e.js';
-import './index-f4fddea9.js';
-import './index.module-850e46e7.js';
-import './index-94603890.js';
-import './index-21ae7a56.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-76cdb47a.js';
+import './index-ce45f274.js';
+import './index-5e3fe9df.js';
+import './index-92cab141.js';
+import './index-be278929.js';
+import './index-f722056b.js';
+import './index-98d9c51a.js';
+import './index-eef5ffa8.js';
+import './index.module-303f0086.js';
+import './index-30b25a59.js';
+import './index-50cf2d8c.js';
+import './index-8cd9a28a.js';
+import './index-a553b790.js';
+import './index-afffb0a8.js';
+import './index-5e7b2cd3.js';
+import './index-f4512daf.js';
+import './index.module-b0ccd92b.js';
+import './index-f068d038.js';
+import './index-63f750fb.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-f94c7c97.js → index-30b25a59.js}

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

package/build/esm/{index-a760efc7.js → index-31b1d370.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-5f412e0b.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-71f6d345.js';
-import Header from './index-c861e6fb.js';
+import ConfigStep from './index-93d3c020.js';
+import Header from './index-45aa2264.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-73fcc4b6.js → index-33430d93.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-5f412e0b.js';
+import { s as styleInject } from './index-6df691c0.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-358f6e2a.js → index-3357c838.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-5f412e0b.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-38c0cb37.js';
-import IsActive from './index-f94c7c97.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-303f0086.js';
+import IsActive from './index-30b25a59.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-04b6565c.js → index-35ea8931.js}

@@ -1,12 +1,13 @@
-import { u as useViewHandler } from './index-5f412e0b.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-b667cd92.js';
-import Toggle from './index-78e7ed44.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-f726e259.js';
+import Toggle from './index-99019637.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-14f6943b.js';
+import InfoIcon from './index-9e025ea6.js';
+import PricePreview from './index-74f39aff.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -69,20 +70,23 @@ var ToggleOption = function ToggleOption(_ref) {
     children: [/*#__PURE__*/jsx("div", {
       className: classnames(colum, title),
       children: item.name
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum),
-      children: /*#__PURE__*/jsx("div", {
-        className: toggleWrapper,
-        children: /*#__PURE__*/jsx(Toggle, {
-          onChange: function onChange() {
-            viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-          },
-          val: item,
-          state: noItem.sel == false,
-          off: noItem.text,
-          on: yesItem.text
-        })
-      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(colum, toggle),
+      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: noItem.pricePreviewPromise,
+        pos: "left"
+      }), /*#__PURE__*/jsx(Toggle, {
+        onChange: function onChange() {
+          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
+        },
+        val: item,
+        state: noItem.sel == false,
+        off: noItem.text,
+        on: yesItem.text
+      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        pos: "right"
+      })]
     }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
       item: contentItem,
       style: {

package/build/esm/{index-09071b24.js → index-36252ee9.js}

@@ -1,7 +1,7 @@
 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-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
@@ -52,7 +52,8 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
   }, [id]);
   var loadData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var data;
+      var _infoBoxTitle$;
+      var data, infoBoxTitle;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -60,10 +61,14 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
             return contentItemHandler.getContentItem(id, language);
           case 2:
             data = _context.sent;
+            infoBoxTitle = data.content.filter(function (item) {
+              return item.type === 'Title' && item.text;
+            }).map(function (item) {
+              return item.text;
+            });
             LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
               id: data._id,
-              title: data.title,
-              content: data.content
+              title: (_infoBoxTitle$ = infoBoxTitle[0]) !== null && _infoBoxTitle$ !== void 0 ? _infoBoxTitle$ : undefined
             });
             setData(data);
             if (viewHandler.getIsInMobileView()) {
@@ -89,7 +94,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
                 })
               });
             }
-          case 6:
+          case 7:
           case "end":
             return _context.stop();
         }

package/build/esm/{index-8fca8eef.js → index-3738378c.js}

@@ -1,4 +1,4 @@
-import './index-5f412e0b.js';
+import './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7737bd5a.js → index-3785f0df.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-5f412e0b.js';
+import './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-1b1dd99f.js';
+import ActionNavigation from './index-40b9758f.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-d292e5ef.js → index-37f7e175.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useEffect } from 'react';
-import Settings from './index-78db8294.js';
-import TabGroup from './index-33a7a5f6.js';
+import Settings from './index-99588ff8.js';
+import TabGroup from './index-cc591e2b.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-7a4f1002.js';
+import Inputbox from './index-2b45be3f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,69 +18,71 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-fd91604e.js';
-import './index-35560959.js';
-import './index-d6d399a4.js';
-import './index-fbf1692a.js';
+import './index-66997e23.js';
+import './index-f9f730d5.js';
+import './index-728d71d6.js';
+import './index-b0bb5bd0.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-48d4b2d1.js';
+import './index-58d9085b.js';
 import 'react-laag';
-import './index-863c231f.js';
+import './index-1fa814f3.js';
 import 'classnames';
-import './index-1c259813.js';
-import './index-1a032df7.js';
+import './index-a24f2645.js';
+import './index-e847bbdf.js';
 import 'sift';
-import './index-00876114.js';
-import './index-6c5ebf7d.js';
-import './index-744101c0.js';
-import './index-04b6565c.js';
-import './index.module-b667cd92.js';
-import './index-78e7ed44.js';
+import './index-4a8e1cc6.js';
+import './index-44dd2b44.js';
+import './index-2db4b504.js';
+import './index-35ea8931.js';
+import './index.module-f726e259.js';
+import './index-99019637.js';
 import 'react-switch';
-import './index-14f6943b.js';
-import './index-30a12fca.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-7c6ee98f.js';
-import './index-cd94d89b.js';
-import './index-218ee072.js';
-import './index-65275038.js';
+import './index-4dbf2cfa.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-d4ed4f21.js';
-import './index-b435c759.js';
-import './index-8c35930a.js';
-import './index-ae3c031a.js';
-import './index-dc4311b3.js';
+import './index-c54474e6.js';
+import './index-625bc0b7.js';
+import './index-8fe9b473.js';
+import './index-4d5dd6e6.js';
+import './index-eb9e583e.js';
+import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-73fcc4b6.js';
-import './index-3aa996a1.js';
-import './index-db0b5ab3.js';
-import './index-28d6d9cb.js';
-import './index-c12bb239.js';
-import './index-4ce970f6.js';
-import './index-555a9271.js';
-import './index-b5ef6d41.js';
-import './index-6f226cd1.js';
-import './index-b48ac168.js';
-import './index-104e1375.js';
-import './index-7b968448.js';
-import './index-693199fe.js';
-import './index.module-38c0cb37.js';
-import './index-f94c7c97.js';
-import './index-a5e7a716.js';
-import './index-ef0457b0.js';
-import './index-934f868b.js';
-import './index-8480b8c6.js';
-import './index-c4150c7e.js';
-import './index-f4fddea9.js';
-import './index.module-850e46e7.js';
-import './index-94603890.js';
-import './index-21ae7a56.js';
-import './index-08e75635.js';
-import './index-d95a5c77.js';
-import './index-035e83cd.js';
-import './index-63596fd1.js';
-import './index-cf8a5628.js';
-import './index-deaf833a.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-76cdb47a.js';
+import './index-ce45f274.js';
+import './index-5e3fe9df.js';
+import './index-92cab141.js';
+import './index-be278929.js';
+import './index-f722056b.js';
+import './index-98d9c51a.js';
+import './index-eef5ffa8.js';
+import './index.module-303f0086.js';
+import './index-30b25a59.js';
+import './index-50cf2d8c.js';
+import './index-8cd9a28a.js';
+import './index-a553b790.js';
+import './index-afffb0a8.js';
+import './index-5e7b2cd3.js';
+import './index-f4512daf.js';
+import './index.module-b0ccd92b.js';
+import './index-f068d038.js';
+import './index-63f750fb.js';
+import './index-40ab84f0.js';
+import './index-a8c8686c.js';
+import './index-80f5f32c.js';
+import './index-f0bb936f.js';
+import './index-02658286.js';
+import './index-bd77c544.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";

package/build/esm/{index-a1055557.js → index-39c68cc1.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-5f412e0b.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-7532e3a8.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-32a99807.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';