@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.41

package/build/esm/{index-a73425dc.js → index-8aaeb688.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import 'react';
-import { S as SettingsItem } from './index-4a4920c1.js';
-import ContentItemTeaser from './index-f383649b.js';
+import { S as SettingsItem } from './index-02e6c441.js';
+import ContentItemTeaser from './index-f813b0fc.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,84 +22,87 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'sift';
-import './index-bb9c255b.js';
-import './index-9c685201.js';
-import './index-690ec566.js';
-import './index-4c3350f8.js';
-import './index-8cfa9496.js';
-import './index.module-e7cb9056.js';
-import './index-d7b9d494.js';
+import './index-85a098ec.js';
+import './index-d346eb32.js';
+import './index-55afb218.js';
+import './index-044823ff.js';
+import './index-71fa641c.js';
+import './index.module-e74e341d.js';
+import './index-1bbd5710.js';
 import 'react-switch';
-import './index-2b4ea28b.js';
-import './index-c4c0bdbd.js';
-import './index-f43408be.js';
+import './index-bcadb7ee.js';
+import './index-c33ec4a5.js';
+import './index-9898d9fe.js';
 import 'react-countup';
-import './index-a3f95cb6.js';
+import './index-aab829e7.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-29f5b2d0.js';
+import './index-26fac26a.js';
 import 'react-dropdown';
-import './index-cb3b20ec.js';
+import './index-d1a045b8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-050c8cc5.js';
-import './index-e9aed872.js';
-import './index-722897dc.js';
+import './index-d99801b6.js';
+import './index-cb4e0078.js';
+import './index-986baa0f.js';
 import '@crystaldesign/content-box';
-import './index-7407430e.js';
-import './index-c3656d24.js';
-import './index-4f1bfdab.js';
-import './index-d6330abc.js';
-import './index-cb2a0cd1.js';
-import './index-aef93a42.js';
-import './index-f458d7d4.js';
-import './index-b3e6adc8.js';
-import './index-95c9a953.js';
-import 'react-laag';
-import './index.module-fbb4f840.js';
-import './index-e985b067.js';
-import './index-c5e642eb.js';
-import './index-8693b392.js';
-import './index-3b1f2166.js';
-import './index-073cdde6.js';
-import './index-7c745ab9.js';
-import './index.module-07c4c66a.js';
-import './index-e51fd956.js';
-import './index-2052475c.js';
-import './index-2f67c7a6.js';
-import './index-cd4baa3c.js';
-import './index-9e15296d.js';
-import './index-08a98cbb.js';
-import './index-deb2581e.js';
-import './index-b77ac4d2.js';
-import './index-f51f4729.js';
-import './index-99a52150.js';
-import './index-3f9fd8b6.js';
-import './index-6f08238e.js';
+import './index-66f9cfa6.js';
+import './index-e7825da7.js';
+import './index-175b5d7f.js';
+import './index-a357ca19.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-05c216ca.js';
+import './UnlockCard-08d50785.js';
+import './index-f01884af.js';
+import './index-d45d3bf9.js';
+import './index-a8c86aaf.js';
+import './index-65777fcd.js';
+import './index-2cd3243e.js';
+import './index-a852659d.js';
+import 'react-laag';
+import './index.module-bc87fe70.js';
+import './index-1dec1bae.js';
+import './index-3af9573a.js';
+import './index-5c360852.js';
+import './index-76695515.js';
+import './index-3d81ab21.js';
+import './index-e6391c81.js';
+import './index.module-fc377069.js';
+import './index-2bc90510.js';
+import './index-da471667.js';
+import './index-e82bcad0.js';
+import './index-9fedad92.js';
+import './index-36285d7e.js';
+import './index-8ac4be70.js';
+import './index-f1b1c128.js';
+import './index-aee29065.js';
+import './index-a32964db.js';
+import './index-df88a3c2.js';
+import './index-0eac4236.js';
+import './index-f52f6b9b.js';
+import './index-be936995.js';
 import 'rc-slider';
-import './index-4b637a92.js';
-import './index-41b82621.js';
-import './index-beb8eee3.js';
-import './index-f4bc312a.js';
-import './index-9aab04af.js';
+import './index-49118131.js';
+import './index-1605748e.js';
+import './index-f9be6790.js';
+import './index-194f7e6a.js';
+import './index-fc8e5a08.js';
 import 'react-confetti-explosion';
-import './index-f84ca259.js';
-import './index-4fef9047.js';
-import './index-f4e4bf34.js';
+import './index-b4d48e9b.js';
+import './index-366a987e.js';
+import './index-980068d0.js';
 import 'react-qr-code';
-import './index-7c638818.js';
-import './useCustomDimensions-5f49ad7e.js';
-import './index-6791ad70.js';
-import './ussIsSticky-15a2c4ba.js';
-import './index-d243bb6f.js';
-import './index-b084bc0f.js';
-import './index-63f9a6c9.js';
-import './index.module-4eaf3b2f.js';
-import './index-aa5f1930.js';
-import './index-27c409ec.js';
-import './index-cc35a78b.js';
+import './index-5f90b5a4.js';
+import './useCustomDimensions-dec4619b.js';
+import './index-08b15a20.js';
+import './ussIsSticky-bc086dab.js';
+import './index-63f643c1.js';
+import './index-855185f9.js';
+import './index-fc3ceda0.js';
+import './index.module-7055bea5.js';
+import './index-ac3874d7.js';
+import './index-d4abe3f0.js';
+import './index-868d7ce4.js';
+import './index-87fc5140.js';
 
 var wrapper = "wrapper-u-Jk1";
 var left = "left-T5gs2";

package/build/esm/{index-08a98cbb.js → index-8ac4be70.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,7 +21,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 
 var metaData = "meta-data-kJbmQ";
-var css_248z = ".meta-data-kJbmQ {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n";
+var css_248z = ".meta-data-kJbmQ {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .meta-data-kJbmQ {\n  color: #fff;\n}\n";
 styleInject(css_248z);
 
 var MetaData = function MetaData(_ref) {

package/build/esm/{index-9883349b.js → index-8b926016.js}

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

package/build/esm/{index-f300aa48.js → index-8cd25cda.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-54067939.js';
-import Header from './index-a6123c62.js';
+import ConfigStep from './index-d9982195.js';
+import Header from './index-1bbd2dfa.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7b59e04a.js → index-8d888c12.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-e7467256.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation, Grid } from 'swiper/modules';
-import ConceptItem from './index-215d7d18.js';
+import ConceptItem from './index-e2e01085.js';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
-import CollapsibleTrigger from './index-6699c622.js';
-import InfoBanner from './index-88ce8a90.js';
+import CollapsibleTrigger from './index-bf5fb912.js';
+import InfoBanner from './index-e38e55e1.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-2b4ea28b.js';
+import './index-bcadb7ee.js';
 
 var collapsible = "collapsible-RtG0L";
 var collapsibleContentInner = "collapsible-content-inner-pCgwK";

package/build/esm/{index-28351ae6.js → index-8dfb6352.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-320ac130.js';
+import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-38627f00.js';
 import classnames from 'classnames';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-c5e642eb.js';
-import './index-c4c0bdbd.js';
-import './index-f43408be.js';
+import './index-3af9573a.js';
+import './index-c33ec4a5.js';
+import './index-9898d9fe.js';
 import 'react-countup';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-02f1e272.js → index-8f08dcd4.js}

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

package/build/esm/{index-9632c1ae.js → index-904366fc.js}

@@ -1,4 +1,4 @@
-import './index-1f4ff73d.js';
+import './index-e7467256.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-59aadf76.js → index-917e3663.js}

@@ -1,12 +1,12 @@
 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-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-d9255280.js';
+import NavBar from './index-b4785e06.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,6 +27,7 @@ var hand = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
 var css_248z = "/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url(data:image/png;base64,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);\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n";
 styleInject(css_248z);
 
+var LOG = getLogger('Planner', 'Planner3D');
 var Planner3D = function Planner3D() {
   var _ref, _viewHandler$uiState$, _viewHandler$divaWebP;
   var viewHandler = useViewHandler();
@@ -75,18 +76,27 @@ var Planner3D = function Planner3D() {
         // the iframe tells us that the modal can be closed
         viewHandler.productState.setDoShowARQRCode(false);
         iframeRef.current.style.zIndex = '0';
-        iframeRef.current.style.position = 'unset';
+        iframeRef.current.style.position = 'absolute';
         iframeRef.current.style.opacity = '0';
         viewHandler.productState.setIsARIframeVisible(false);
         iframeRef.current.src = arViewerUrl;
         setIsInModelViewer(false);
       }
       if (event.data.type === 'AR_READY' && viewHandler.productState.doShowARQRCode) {
+        LOG.debug('[AR-DEBUG-PARENT] Planner3D received AR_READY, currentBlob:', !!currentBlob.current);
         iframeRef.current.style.zIndex = '10000';
         iframeRef.current.style.position = 'fixed';
         iframeRef.current.style.opacity = '1';
         viewHandler.productState.setIsARIframeVisible(true);
         actions.closeModal();
+        if (currentBlob.current) {
+          var _contentWindow;
+          LOG.debug('[AR-DEBUG-PARENT] Planner3D resending SET_AR_OBJECT on AR_READY, blob size:', currentBlob.current.size);
+          (_contentWindow = iframeRef.current.contentWindow) === null || _contentWindow === void 0 || _contentWindow.postMessage({
+            type: 'SET_AR_OBJECT',
+            payload: currentBlob.current
+          }, '*');
+        }
       }
     };
     window.addEventListener('message', messageListener);
@@ -96,8 +106,10 @@ var Planner3D = function Planner3D() {
   }, []);
   useEffect(function () {
     //instead of the modal, we need to bring the iframe to the front
+    LOG.debug('[AR-DEBUG-PARENT] Planner3D useEffect doShowARQRCode:', viewHandler.productState.doShowARQRCode, 'arViewerIframe:', arViewerIframe, 'currentBlob:', !!currentBlob.current, 'iframeRef:', !!iframeRef.current);
     if (iframeRef.current && arViewerIframe && viewHandler.productState.doShowARQRCode && currentBlob.current) {
-      var _iframeRef$current$co;
+      var _currentBlob$current, _iframeRef$current$co;
+      LOG.debug('[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via useEffect, blob size:', (_currentBlob$current = currentBlob.current) === null || _currentBlob$current === void 0 ? void 0 : _currentBlob$current.size);
       viewHandler.productState.setIsARIframeVisible(true);
       iframeRef.current.style.zIndex = '10000';
       iframeRef.current.style.position = 'fixed';
@@ -174,8 +186,10 @@ var Planner3D = function Planner3D() {
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
+                  LOG.debug('[AR-DEBUG-PARENT] Planner3D setGlb called, glb:', !!glb, 'glb size:', glb === null || glb === void 0 ? void 0 : glb.size, 'arViewerIframe:', arViewerIframe, 'iframeRef:', !!iframeRef.current);
                   currentBlob.current = glb;
                   if (arViewerIframe && iframeRef.current && glb) {
+                    LOG.debug('[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via setGlb');
                     (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 || (_iframeRef$current = _iframeRef$current.contentWindow) === null || _iframeRef$current === void 0 || _iframeRef$current.postMessage({
                       type: 'SET_AR_OBJECT',
                       payload: glb
@@ -186,7 +200,7 @@ var Planner3D = function Planner3D() {
                     viewHandler.productState.glbUrl = glbUrl;
                     setGLB(glbUrl);
                   }
-                case 2:
+                case 3:
                 case "end":
                   return _context.stop();
               }

package/build/esm/{index-3c2b8178.js → index-9352c885.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-e7467256.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-d7b9d494.js';
+import Toggle from './index-1bbd5710.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/index-93eb9d27.js

@@ -0,0 +1,164 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { P as PlannerMsgItem } from './index-347d0778.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var header = "header-hvzEn";
+var list = "list-vpuXl";
+var scrollable = "scrollable-rnDQn";
+var emptyState = "emptyState-R-F5O";
+var dataCreationError = "dataCreationError-RqwEi";
+var dataCreationWarning = "dataCreationWarning-xnTIC";
+var dataCreationErrorCode = "dataCreationErrorCode-MOcMr";
+var dataCreationWarningCode = "dataCreationWarningCode-PGn6B";
+var dataCreationErrorCustom = "dataCreationErrorCustom-4Xxug";
+var sectionHeader = "sectionHeader-JU1UX";
+var css_248z = ".header-hvzEn {\n  padding: 8px 12px;\n  font-weight: 600;\n  cursor: move;\n  border-bottom: 1px solid #e0e0e0;\n  background: #fafafa;\n}\n\n.list-vpuXl {\n  padding: 8px;\n}\n\n.scrollable-rnDQn {\n  overflow: auto;\n  height: 100%;\n}\n\n.emptyState-R-F5O {\n  padding: 12px;\n  color: #666;\n  margin: 0;\n}\n\n.dataCreationError-RqwEi {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fff5f5;\n  border-left: 3px solid #e53e3e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.dataCreationWarning-xnTIC {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fffbeb;\n  border-left: 3px solid #d69e2e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.dataCreationErrorCode-MOcMr {\n  font-weight: 600;\n  color: #c53030;\n  margin-right: 6px;\n}\n\n.dataCreationWarningCode-PGn6B {\n  font-weight: 600;\n  color: #b45309;\n  margin-right: 6px;\n}\n\n.dataCreationErrorCustom-4Xxug {\n  margin-top: 6px;\n  font-size: 11px;\n  color: #666;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.sectionHeader-JU1UX {\n  padding: 6px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #555;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Dark mode compatibility */\n.darkmode .list-vpuXl,\nbody.darkmode .list-vpuXl {\n  background: rgba(30, 41, 59, 0.6);\n}\n\n.darkmode .header-hvzEn,\nbody.darkmode .header-hvzEn {\n  background: rgba(30, 41, 59, 0.95);\n  border-bottom-color: rgba(71, 85, 105, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .emptyState-R-F5O,\nbody.darkmode .emptyState-R-F5O {\n  color: #94a3b8;\n}\n\n.darkmode .dataCreationError-RqwEi,\nbody.darkmode .dataCreationError-RqwEi {\n  background: rgba(127, 29, 29, 0.4);\n  border-left-color: #fc8181;\n  color: #e2e8f0;\n}\n\n.darkmode .dataCreationWarning-xnTIC,\nbody.darkmode .dataCreationWarning-xnTIC {\n  background: rgba(120, 53, 15, 0.4);\n  border-left-color: #f6ad55;\n  color: #e2e8f0;\n}\n\n.darkmode .dataCreationErrorCode-MOcMr,\nbody.darkmode .dataCreationErrorCode-MOcMr {\n  color: #feb2b2;\n}\n\n.darkmode .dataCreationWarningCode-PGn6B,\nbody.darkmode .dataCreationWarningCode-PGn6B {\n  color: #fbd38d;\n}\n\n.darkmode .dataCreationErrorCustom-4Xxug,\nbody.darkmode .dataCreationErrorCustom-4Xxug {\n  color: #94a3b8;\n}\n\n.darkmode .sectionHeader-JU1UX,\nbody.darkmode .sectionHeader-JU1UX {\n  color: #94a3b8;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["onMouseDown"];
+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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var ErrorAndWarningOverview = function ErrorAndWarningOverview(_ref) {
+  var _viewHandler$divaWebP;
+  var onMouseDown = _ref.onMouseDown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var items = viewHandler.productState.plannerMessagesArr.filter(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      item = _ref3[1];
+    return item.type === 'WARNING' || item.type === 'INFO';
+  });
+  var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getDivaArticles(undefined, true);
+  var dataCreationIssues = [];
+  if (articles) {
+    for (var _i = 0, _Object$values = Object.values(articles); _i < _Object$values.length; _i++) {
+      var _article$dataCreation;
+      var article = _Object$values[_i];
+      var _iterator = _createForOfIteratorHelper((_article$dataCreation = article.dataCreationErrors) !== null && _article$dataCreation !== void 0 ? _article$dataCreation : []),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var err = _step.value;
+          dataCreationIssues.push({
+            articleCodex: article.articleCodex,
+            error: err
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }
+  var dataCreationErrors = dataCreationIssues.filter(function (_ref4) {
+    var _error$severity;
+    var error = _ref4.error;
+    return ((_error$severity = error.severity) !== null && _error$severity !== void 0 ? _error$severity : 'error') === 'error';
+  });
+  var dataCreationWarnings = dataCreationIssues.filter(function (_ref5) {
+    var error = _ref5.error;
+    return error.severity === 'warning';
+  });
+  var plannerWarnings = items.filter(function (_ref6) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+      item = _ref7[1];
+    return item.type === 'WARNING';
+  });
+  var plannerInfo = items.filter(function (_ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+      item = _ref9[1];
+    return item.type === 'INFO';
+  });
+  var hasAnyItems = dataCreationErrors.length > 0 || dataCreationWarnings.length > 0 || plannerWarnings.length > 0 || plannerInfo.length > 0;
+  var renderIssue = function renderIssue(_ref10, idx, isError) {
+    var articleCodex = _ref10.articleCodex,
+      error = _ref10.error;
+    return /*#__PURE__*/jsxs("div", {
+      className: isError ? dataCreationError : dataCreationWarning,
+      children: [/*#__PURE__*/jsx("span", {
+        className: isError ? dataCreationErrorCode : dataCreationWarningCode,
+        children: error.code
+      }), error.message, (articleCodex || error.custom && Object.keys(error.custom).length > 0) && /*#__PURE__*/jsxs("div", {
+        className: dataCreationErrorCustom,
+        children: [articleCodex && "Article: ".concat(articleCodex, "\n"), error.custom && Object.keys(error.custom).length > 0 && JSON.stringify(error.custom, null, 2)]
+      })]
+    }, "".concat(articleCodex, "-").concat(error.code, "-").concat(idx));
+  };
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    children: /*#__PURE__*/jsxs("div", {
+      className: list,
+      children: [/*#__PURE__*/jsx("div", {
+        className: header,
+        onMouseDown: onMouseDown,
+        children: "Errors & Warnings"
+      }), !hasAnyItems ? /*#__PURE__*/jsx("p", {
+        className: emptyState,
+        children: "No messages."
+      }) : /*#__PURE__*/jsxs(Fragment, {
+        children: [dataCreationErrors.length > 0 && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: sectionHeader,
+            children: "Errors"
+          }), dataCreationErrors.map(function (entry, idx) {
+            return renderIssue(entry, idx, true);
+          })]
+        }), (dataCreationWarnings.length > 0 || plannerWarnings.length > 0) && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: sectionHeader,
+            children: "Warnings"
+          }), dataCreationWarnings.map(function (entry, idx) {
+            return renderIssue(entry, idx, false);
+          }), plannerWarnings.map(function (_ref11) {
+            var _ref12 = _slicedToArray(_ref11, 2),
+              codex = _ref12[0],
+              item = _ref12[1];
+            return /*#__PURE__*/jsx(PlannerMsgItem, {
+              item: item,
+              codex: codex
+            }, codex);
+          })]
+        }), plannerInfo.length > 0 && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: sectionHeader,
+            children: "Info"
+          }), plannerInfo.map(function (_ref13) {
+            var _ref14 = _slicedToArray(_ref13, 2),
+              codex = _ref14[0],
+              item = _ref14[1];
+            return /*#__PURE__*/jsx(PlannerMsgItem, {
+              item: item,
+              codex: codex
+            }, codex);
+          })]
+        })]
+      })]
+    })
+  }));
+};
+var ErrorAndWarningOverview$1 = observer(ErrorAndWarningOverview);
+
+export { ErrorAndWarningOverview$1 as default };