@crystaldesign/diva-web-planner-react 26.4.0-beta.32 → 26.4.0-beta.34

package/build/esm/index-e18a9ad2.js

@@ -1,133 +0,0 @@
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e3bc1a41.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useCallback, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var productsGrid = "products-grid-b9XWQ";
-var skeleton = "skeleton-XdjqR";
-var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.skeleton-XdjqR {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n";
-styleInject(css_248z);
-
-var PromotedProducts = function PromotedProducts(_ref) {
-  var _viewHandler$configSt, _settingsState$promot, _viewHandler$divaWebP;
-  var item = _ref.item;
-  var _useDivaCore = useDivaCore(),
-    openComponent = _useDivaCore.actions.openComponent,
-    productHandler = _useDivaCore.handler.productHandler,
-    organization = _useDivaCore.state.organization;
-  var viewHandler = useViewHandler();
-  var settingsState = viewHandler.settingsState;
-  var productsConfig = viewHandler.getViewConfig().productsConfig;
-  var onAddProduct = useCallback(function (productId) {
-    settingsState.setPromotedOptimisticProductId(productId);
-    openComponent({
-      type: 'DIVA_WEBPLANNER',
-      parameters: {
-        productId: productId
-      },
-      internal: {
-        forceReload: '1',
-        keepCache: '1'
-      }
-    });
-  }, [openComponent, settingsState]);
-  var configProductId = (_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId();
-
-  // Keep the selection ring on the clicked tile while the planner reloads; `configState.productId` can
-  // clear or lag during `initialize`, which caused flicker without this.
-  var selectedProduct = (_settingsState$promot = settingsState.promotedOptimisticProductId) !== null && _settingsState$promot !== void 0 ? _settingsState$promot : configProductId;
-  useEffect(function () {
-    if (settingsState.promotedOptimisticProductId != null && configProductId === settingsState.promotedOptimisticProductId) {
-      settingsState.setPromotedOptimisticProductId(null);
-    }
-  }, [settingsState.promotedOptimisticProductId, configProductId, settingsState]);
-  useEffect(function () {
-    settingsState.setPromotedOptimisticProductId(null);
-  }, [organization._id, settingsState]);
-  var catalogCodex = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.catalogCodex;
-  useEffect(function () {
-    var _viewHandler$divaWebP2;
-    if (viewHandler.uiState.isLogicLoading) return;
-    settingsState.loadPromotedProducts(productHandler, organization._id, catalogCodex, (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.getCurPlannerType(), productsConfig);
-  }, [organization._id, viewHandler.uiState.isLogicLoading, catalogCodex]);
-  var groups = settingsState.promotedGroups;
-  var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: false,
-      isSettingsHeader: true,
-      item: item
-    }), /*#__PURE__*/jsxs("div", {
-      className: productsGrid,
-      children: [groups.map(function (group, i) {
-        return /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: {
-              type: 'ProductGallery',
-              products: group.items,
-              groupVariantsByField: ['dc_color', 'dc_mainColor'],
-              onClick: onAddProduct,
-              imageWrapperStyle: {
-                aspectRatio: 'unset'
-              },
-              wrapperStyle: group.items.find(function (i) {
-                return i._id == selectedProduct;
-              }) ? {
-                border: '1px solid var(--diva-theme-palette-primary-main)',
-                borderRadius: '5px'
-              } : undefined,
-              imageStyle: {
-                aspectRatio: '14.5 / 10',
-                objectFit: 'scale-down',
-                objectPosition: 'bottom'
-              }
-            }
-          }
-        }, group._id);
-      }), skeletons.map(function (index) {
-        return /*#__PURE__*/jsx("div", {
-          className: skeleton,
-          children: /*#__PURE__*/jsx("div", {
-            children: index
-          })
-        }, index);
-      })]
-    })]
-  });
-};
-var getSkeletons = function getSkeletons(maxCount, itemsCount) {
-  var skeletonsCount = 0;
-  if (maxCount > itemsCount) {
-    skeletonsCount = maxCount - itemsCount;
-  }
-  var skeletons = [];
-  if (skeletonsCount) {
-    for (var i = skeletonsCount - 1; i >= 0; i--) {
-      skeletons.push(maxCount - i);
-    }
-  }
-  return skeletons;
-};
-var PromotedProducts$1 = observer(PromotedProducts);
-
-export { PromotedProducts$1 as default };

package/build/esm/index-e2872dd7.js

@@ -1,145 +0,0 @@
-import { s as styleInject } from './index-e3bc1a41.js';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-57a512e1.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-5ba769c3.js';
-import './index-13e6d29c.js';
-import './index-ea47a2d1.js';
-import './index-89000a43.js';
-import './index.module-7b6cba8b.js';
-import './index-3954252c.js';
-import './index-ff4990b9.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-cc853cba.js';
-import 'react-dropdown';
-import './index-59036c66.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0cecef07.js';
-import './index-b3b77ac7.js';
-import './index-bfcdd8e9.js';
-import '@crystaldesign/content-box';
-import './index-fbace0a9.js';
-import './index-2790cb5c.js';
-import './index-e18a9ad2.js';
-import './index-935efa21.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-c90761c6.js';
-import './index-eb5e8580.js';
-import './index-1a148555.js';
-import './index-780d4b78.js';
-import './index-37ff96a6.js';
-import './index-72122d8a.js';
-import './index-5d6d6472.js';
-import 'react-laag';
-import './index.module-c0ff3aac.js';
-import './index-8e216e6a.js';
-import './index-61d02f4b.js';
-import './index-32903988.js';
-import './index-8e384844.js';
-import './index-1aeaef5a.js';
-import './index.module-bcdc4577.js';
-import './index-f0e74441.js';
-import './index-c90de16e.js';
-import './index-fe93b6fc.js';
-import './index-d7d39f6b.js';
-import './index-45b57cc0.js';
-import './index-74f39781.js';
-import './index-8c8696de.js';
-import './index-372c1a16.js';
-import './index-b5220d8c.js';
-import './index-4982a711.js';
-import './index-c2da6b66.js';
-import './index-34fe7cf0.js';
-import './index-3a90fae6.js';
-import 'rc-slider';
-import './index-da507159.js';
-import './index-ea7ae426.js';
-import './index-71002ceb.js';
-import './index-ea09f32a.js';
-import './index-952ad9e9.js';
-import 'react-confetti-explosion';
-import './index-8528a3c2.js';
-import './index-3b04fc58.js';
-import './index-ba3fa00a.js';
-import 'react-qr-code';
-import './index-ba6589d7.js';
-import './useCustomDimensions-ced01006.js';
-import './index-ee64a08d.js';
-import './ussIsSticky-6b248198.js';
-import './index-edd857c5.js';
-import './index-3e2ea9b4.js';
-import './index-c98ce46a.js';
-import './index.module-f14e8675.js';
-import './index-fa9b88f1.js';
-import './index-3435a4cd.js';
-import './index-f382c7f3.js';
-import './index-fe4deec3.js';
-
-var container = "container-UuJhj";
-var title = "title-f6urG";
-var css_248z = ".container-UuJhj {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n  margin-bottom: 3px !important;\n  background: rgba(242, 242, 242, 0.6) !important;\n  padding-top: 5px !important;\n}\n\n.title-f6urG {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    paletteId = _ref.paletteId,
-    rowCount = _ref.rowCount,
-    paletteType = _ref.paletteType,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var items = group.items;
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  return /*#__PURE__*/jsx(Fragment, {
-    children: items.map(function (item, i) {
-      return /*#__PURE__*/jsxs("div", {
-        className: classnames(container, contentInnerClassName),
-        style: {
-          width: 'calc(' + 100 / rowCount + '%' + (i === 0 ? ' - 3px' : '') + ' - 5px)',
-          borderRadius: i === items.length - 1 && i === 0 ? '8px' : i === 0 ? '8px 0px 0px 8px' : i === items.length - 1 ? '0px 8px 8px 0px' : undefined,
-          marginLeft: i === 0 ? 3 : undefined,
-          paddingRight: '5px'
-        },
-        children: [/*#__PURE__*/jsx(PaletteComponent, {
-          paletteId: paletteId,
-          item: item,
-          paletteType: paletteType,
-          style: {
-            '--galleryItemRowCount': '1',
-            '--galleryItemRowCountSmall': '1',
-            paddingTop: 'unset'
-          }
-        }, getKey(item)), /*#__PURE__*/jsx("span", {
-          className: title,
-          children: i === 0 ? name : ''
-        })]
-      });
-    })
-  });
-};
-
-export { Group as default };

package/build/esm/index-e2982260.js

@@ -1,83 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { c as usePlannerUIHandler } from './index-e3bc1a41.js';
-import { useState } from 'react';
-import DPACC from './index-24567ee8.js';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function useDockingPointPositioning(_ref) {
-  var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;
-  var dpElement = _ref.dpElement,
-    item = _ref.item;
-  var plannerUIHandler = usePlannerUIHandler();
-  var boundingState = dpElement === null || dpElement === void 0 ? void 0 : dpElement.getBoundingClientRect();
-  var left = (_item$position$x = item === null || item === void 0 ? void 0 : item.position.x) !== null && _item$position$x !== void 0 ? _item$position$x : 0;
-  var top = (_item$position$y = item === null || item === void 0 ? void 0 : item.position.y) !== null && _item$position$y !== void 0 ? _item$position$y : 0;
-  if (boundingState && item) {
-    var correctedPos = new Vector2(left, top);
-    var viewConfig = plannerUIHandler.getViewConfig();
-    var offsetVec = new Vector2(0, 0);
-    if ((item === null || item === void 0 ? void 0 : item.type) == 'AVL' || (item === null || item === void 0 ? void 0 : item.type) == 'AVR') {
-      switch (item.plannerMode) {
-        case '2D':
-          switch (viewConfig.posDPIcon2D) {
-            case 'CORNER':
-              //Standard
-              //  offsetVec = new Vector2(-boundingState, -boundingState.height / 2);
-              // if (item?.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item?.rotOfElement);
-              // correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, "pixel");
-
-              break;
-            case 'SIDE_TOP':
-              //Pfister
-              if ((item === null || item === void 0 ? void 0 : item.type) == 'AVL') {
-                offsetVec = new Vector2(-boundingState.width, 0);
-                if (item !== null && item !== void 0 && item.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item === null || item === void 0 ? void 0 : item.rotOfElement);
-                correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, 'pixel');
-              }
-              break;
-          }
-          break;
-      }
-    } else if ((item === null || item === void 0 ? void 0 : item.type) == 'AccDP' && (item === null || item === void 0 ? void 0 : item.plannerMode) == '3D') {
-      correctedPos.y = 100 - correctedPos.y;
-    } else if (item.type == 'BoxCopyLeft' || (item === null || item === void 0 ? void 0 : item.type) == 'BoxCopyRight' || (item === null || item === void 0 ? void 0 : item.type) == 'BoxCopyTop') ;
-    left = correctedPos.x;
-    top = correctedPos.y;
-  }
-  var rect = {
-    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
-    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
-    top: top,
-    left: left
-  };
-  return rect;
-}
-
-var ItemsDPAccContainer = function ItemsDPAccContainer(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    dpAccElement = _useState2[0],
-    setDpAccElement = _useState2[1];
-  var dpAccRect = useDockingPointPositioning({
-    item: item,
-    dpElement: dpAccElement
-  });
-  return /*#__PURE__*/jsx(Fragment, {
-    children: item && /*#__PURE__*/jsx(DPACC, {
-      item: item,
-      rect: dpAccRect,
-      onElement: setDpAccElement,
-      plannerUIProps: plannerUIProps
-    }, item === null || item === void 0 ? void 0 : item.key)
-  });
-};
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': ItemsDPAccContainer
-});
-
-export { ItemsDPAccContainer as I, index as i, useDockingPointPositioning as u };