@crystaldesign/diva-web-planner-react 26.2.0-beta.9 → 26.2.0-rc.1

package/build/esm/{ArticleProperties-e8030da8.js → ArticleProperties-c6c3b45f.js}

@@ -1,4 +1,4 @@
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-1eba8880.js → CatalogProperties-6ebad518.js}

@@ -1,4 +1,4 @@
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-89577f34.js → DecisionVizualizer-abb71607.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';
@@ -94,7 +94,7 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
             return onClose === null || onClose === void 0 ? void 0 : onClose();
           }
         }), /*#__PURE__*/jsxs("div", {
-          children: [renderIfDefined(priceFeatureGroup.catalogId, 'Catalog ID'), renderIfDefined(priceFeatureGroup._id, 'priceFeatureGroup ID'), renderIfDefined((_priceFeatureGroup$pr = priceFeatureGroup.priceFeatureGroupText) === null || _priceFeatureGroup$pr === void 0 ? void 0 : _priceFeatureGroup$pr.DE, 'priceFeatureGroupText'), renderIfDefined(priceFeatureGroup.percentageSurcharges, 'percentageSurcharges'), renderIfDefined(priceFeatureGroup.isPercentage, 'isPercentage'), renderIfDefined(priceFeatureGroup.comment, 'comment'), renderIfDefined(priceFeatureGroup.featureNos, 'Feature References'), renderIfDefined(priceFeatureGroup.additionalPrice, 'Additional Price'), renderIfDefined(priceFeatureGroup.activeCombination, 'Active Combination Seqence')]
+          children: [renderIfDefined(priceFeatureGroup.catalogId, 'Catalog ID'), renderIfDefined(priceFeatureGroup._id, 'priceFeatureGroup ID'), renderIfDefined((_priceFeatureGroup$pr = priceFeatureGroup.priceFeatureGroupText) === null || _priceFeatureGroup$pr === void 0 ? void 0 : _priceFeatureGroup$pr.DE, 'priceFeatureGroupText'), renderIfDefined(priceFeatureGroup.projectPercentageSurcharges, 'projectPercentageSurcharges'), renderIfDefined(priceFeatureGroup.isPercentage, 'isPercentage'), renderIfDefined(priceFeatureGroup.comment, 'comment'), renderIfDefined(priceFeatureGroup.featureNos, 'Feature References'), renderIfDefined(priceFeatureGroup.additionalPrice, 'Additional Price'), renderIfDefined(priceFeatureGroup.activeCombination, 'Active Combination Seqence')]
         }), /*#__PURE__*/jsx("h3", {
           className: idmSubtitle,
           children: "Option Combinations"

package/build/esm/{OptionProperties-ea9ddfa4.js → OptionProperties-c1481e10.js}

@@ -1,4 +1,4 @@
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -69,13 +69,6 @@ var properties = [{
     children: "Diesee Option ist Breite und Tiefe zugleich f\xFCr preisberechung usw. (bei Runde Teppiche)"
   }),
   type: 'boolean'
-}, {
-  catalogKey: 'pairWithOptionsToGroup',
-  codex: 'PAIROPTION',
-  desc: /*#__PURE__*/jsx(Fragment, {
-    children: "mit welcher Option diese option zu gruppieren ist?? evtl. nachschauen bei welchen Katalog dies hinterleget ist"
-  }),
-  type: 'string'
 }, {
   catalogKey: 'requiresUserInput',
   codex: 'REQUIRES_USER_INPUT',
@@ -83,6 +76,13 @@ var properties = [{
     children: "Inputfelder bei Superior Seating forcieren den User kein Inputfeld zu \xFCberspringen"
   }),
   type: 'boolean'
+}, {
+  catalogKey: 'partOfGroup',
+  codex: 'GROUP_OPTIONS_LEFT_AND_RIGHT',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "Gruppenoptionen werden in der Gruppe an der Position hinterlegt. \"Groupname;r\" = rechts, \"Groupname;l\" = links"
+  }),
+  type: 'complicated'
 }, {
   catalogKey: 'contentItemId',
   codex: 'CONTENT_ITEM',
@@ -203,6 +203,13 @@ var properties = [{
     children: "JSON object welches eine separates Filtern mit zus\xE4tzlichen \"Konzeptgruppen\" erm\xF6glicht"
   }),
   type: 'complicated'
+}, {
+  catalogKey: 'contentItemTeaser',
+  codex: 'CONTENT_ITEM_TEASER',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "JSON object welches ein Content Item Teaser hinterlegt. \"id\" (contentItemId), \"title\", \"description\", \"buttonText\", \"position\""
+  }),
+  type: 'complicated'
 }, {
   catalogKey: 'isDefaultSiblingOption',
   codex: 'DEFAULT_SIBLING_OPTION',

package/build/esm/{OptionValueProperties-db60f32f.js → OptionValueProperties-732a541a.js}

@@ -1,4 +1,4 @@
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-f6dc103e.js → Planner2DGrid-53dceb21.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -284,8 +284,6 @@ var Planner2DGrid = /*#__PURE__*/function () {
             if (_this2.getConfiguratorState() == 'ACC_PLANNER' && (plannerElement.getIsDockedAccessoire() || plannerElement.getIsNotDockedAccessoire())) {
               _this2.addDelIcon(plannerUIHandler, plannerElement);
             }
-
-            //this.drawPosNrOnCanvas(plannerElement, elementIsSelected, elementIsSelectable);
           }
         }
       });

package/build/esm/{Planner3DImage-9158b94e.js → Planner3DImage-c7332d2c.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-babd4b66.js → index-0181b328.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-6f93775d.js';
-import ProductHeader from './index-fb338e47.js';
+import { s as styleInject } from './index-07cb61ec.js';
+import ProductHeader from './index-224c28ec.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,11 +20,11 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-3c26152a.js';
+import './index-2473a765.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-317ee643.js';
+import './useCustomDimensions-606cd970.js';
 import '@crystaldesign/content-item';
-import './index-8338a16a.js';
+import './index-7e1921e0.js';
 import 'react-countup';
 
 var productHeader = "product-header-h3vB3";

package/build/esm/{index-3d9758f8.js → index-018d2625.js}

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

package/build/esm/{index-0bb2b99a.js → index-02638d65.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-6f93775d.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-fb3b236e.js → index-0296ce4f.js}

@@ -3,9 +3,9 @@ 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 { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-7e24f7b6.js';
+import { n as notExpanded } from './index.module-0adeca1b.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-5b7d0bce.js → index-0305ea5e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/index-038299e3.js

@@ -0,0 +1,75 @@
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var teaserContainer = "teaserContainer--DnKQ";
+var emoji = "emoji-R0ay8";
+var title = "title-PeINh";
+var description = "description-dcuP6";
+var button = "button-0gvSY";
+var buttonText = "buttonText-HqWTX";
+var arrow = "arrow-9YFFk";
+var css_248z = ".teaserContainer--DnKQ {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.emoji-R0ay8 {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.title-PeINh {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.description-dcuP6 {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.button-0gvSY {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.button-0gvSY:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.buttonText-HqWTX {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.arrow-9YFFk {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.arrow-9YFFk svg {\n  width: 100%;\n  height: 100%;\n}";
+styleInject(css_248z);
+
+var ContentItemTeaser = function ContentItemTeaser(_ref) {
+  var item = _ref.item;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    className: teaserContainer,
+    children: [/*#__PURE__*/jsx("div", {
+      className: emoji,
+      children: "\uD83D\uDE34"
+    }), /*#__PURE__*/jsx("div", {
+      className: title,
+      children: item.title
+    }), /*#__PURE__*/jsx("div", {
+      className: description,
+      children: item.description
+    }), /*#__PURE__*/jsxs("button", {
+      className: button,
+      onClick: function onClick() {
+        return viewHandler.settingsState.onClickContentItemId(item.id);
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        className: buttonText,
+        children: item.buttonText
+      }), /*#__PURE__*/jsx("div", {
+        className: arrow,
+        children: /*#__PURE__*/jsx("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/jsx("path", {
+            d: "M5 12H19M19 12L13 6M19 12L13 18",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })]
+    })]
+  });
+};
+var ContentItemTeaser$1 = observer(ContentItemTeaser);
+
+export { ContentItemTeaser$1 as default };

package/build/esm/{index-be78d019.js → index-07440814.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-d7ebbd7b.js';
-import ProductCenter from './index-7f9bc04a.js';
-import ContentItemWrapper from './index-b5b062ba.js';
+import CheckoutFormNew from './index-6d03c046.js';
+import ProductCenter from './index-480dc394.js';
+import ContentItemWrapper from './index-8dd38e83.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,30 +22,30 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-558a327a.js';
+import './index-cf1e99a8.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-f0544246.js';
-import './index-a8e2e9e4.js';
-import './index-653eddb7.js';
-import './index-34b05ec7.js';
-import './index.module-889ea24e.js';
-import './index-88b3ddf2.js';
-import './index-ff1b15f2.js';
-import './index-d8274021.js';
+import './index-5651d501.js';
+import './index-b6f7649b.js';
+import './index-897c3b81.js';
+import './index-fafa4e04.js';
+import './index.module-e6336a82.js';
+import './index-e95827b5.js';
+import './index-ff223218.js';
+import './index-d96d9fe8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-baf7849d.js';
-import './index-716f7d48.js';
-import './index-d5cdc0d7.js';
-import './index-1d6ef97b.js';
-import './index-87f49df6.js';
-import './index-4a1b34f8.js';
+import './index-68cddc47.js';
+import './index-dac00860.js';
+import './index-4f0364fb.js';
+import './index-ae3bf9f8.js';
+import './index-ecbec4eb.js';
+import './index-c1074a63.js';
 import 'react-laag';
-import './index-2cc91315.js';
+import './index-ac7c869b.js';
 import 'react-qr-code';
-import './index-783e6849.js';
-import './index-06b6e63c.js';
-import './index-09e72e32.js';
+import './index-a41921d5.js';
+import './index-18cca55a.js';
+import './index-a3ce4fe1.js';
 import '@crystaldesign/content-item';
 
 var arrow = "arrow-GTKSC";