@crystaldesign/content-box 24.11.0-beta.36 → 24.11.0-beta.37

package/build/esm/{index-ad7d2af7.js → index-01492b56.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-fb24a900.js';
+import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-25d6a86f.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-87477322.js → index-09696d12.js}

@@ -1,11 +1,11 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-fb24a900.js';
+import { s as styleInject } from './index-25d6a86f.js';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import React, { useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import ArViewer from './index-be5cc71d.js';
+import ArViewer from './index-c18dafa0.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'mobx-react-lite';
@@ -65,7 +65,7 @@ var MediaViewer = function MediaViewer(_ref) {
     setMedias(mediasData);
   }, [mediasData]);
   useEffect(function () {
-    if (!keepOldZoomIcons) import('./zoom.module-18ffc3ce.js');
+    if (!keepOldZoomIcons) import('./zoom.module-02f69688.js');
   }, []);
   useEffect(function () {
     var _medias$map;
@@ -152,7 +152,7 @@ var MediaViewer = function MediaViewer(_ref) {
 /****************************Helper functions ****************************************/
 
 var loadSirv = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(components, medias) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(components, medias) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -239,7 +239,7 @@ var getThumb = function getThumb(media) {
         src: thumb
       }, thumb)
     });
-  } else if ( /*#__PURE__*/React.isValidElement(thumb)) {
+  } else if (/*#__PURE__*/React.isValidElement(thumb)) {
     return thumb = /*#__PURE__*/jsx("smv-thumbnail", {
       children: thumb
     });

package/build/esm/{index-aabfbe3d.js → index-1397aa7f.js}

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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 useApiInterface, G as Group } from './index-fb24a900.js';
+import { s as styleInject, u as useApiInterface, G as Group } from './index-25d6a86f.js';
 import { useRef, useEffect, useState } from 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { createPortal } from 'react-dom';
@@ -81,7 +81,7 @@ var DragAndDropOptionValues = function DragAndDropOptionValues(_ref) {
     selectedClassification: currentProuduct[groupKey]
   });
   var onDragEnd = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
       var dragBackwards, fromGroupIndex, toGropIndex, fromGroupCodex, toGroupCodex, valuesToUpdate, nowWeMove, i, value, codex, repairedVariants, promises, _i, product, patch, _codex2, products;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -278,7 +278,7 @@ var DragAndDrop = function DragAndDrop(_ref) {
   var _useApiInterface = useApiInterface(),
     fetchData = _useApiInterface.fetchData;
   var onDragEnd = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
       var dragBackwards, keys, fromGroupCodex, toGroupCodex, groupsNewPos, i, nowWeMove, key, repairedVariants, jsonPatchObject, promises, _i, product, products;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {

package/build/esm/{index-fb24a900.js → index-25d6a86f.js}

@@ -209,7 +209,7 @@ var _excluded$3 = ["pdpState"];
 function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkpoint = /*#__PURE__*/React.lazy(function () {
-  return import('./index-3f137977.js');
+  return import('./index-9a0ca116.js');
 });
 var InfoSlider = function InfoSlider(_ref) {
   var _pdpState$infoTabs$ma, _pdpState$infoTabs;
@@ -308,7 +308,7 @@ var RotationIcon = function RotationIcon(props) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var onClick = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -420,7 +420,7 @@ function useApiInterface() {
     basketService = _useDivaCore$state$ap.basketService,
     jwt = _useDivaCore$state.jwt;
   var getDataCache = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(queryString, useWebServiceApi) {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(queryString, useWebServiceApi) {
       var myQS, data;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -449,7 +449,7 @@ function useApiInterface() {
     };
   }();
   var fetchData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(queryString, useWebServiceApi) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(queryString, useWebServiceApi) {
       var method,
         body,
         url,
@@ -629,7 +629,7 @@ var PdpState = /*#__PURE__*/function () {
     _defineProperty(this, "fetchData", void 0);
     _defineProperty(this, "validateIsActive", false);
     _defineProperty(this, "getProductById", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(productId, dontUseCache) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(productId, dontUseCache) {
         var _productData$;
         var query, productData, parentId, queryVariants, variants;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -717,7 +717,7 @@ var PdpState = /*#__PURE__*/function () {
       _this.updateProductsState(STATES[oldState], 'deny');
     });
     _defineProperty(this, "updateProductsState", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(statusConfig, type) {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(statusConfig, type) {
         var _statusConfig$permiss, _STATUSCONFIG$general;
         var newIndex, permissions, permitted, promises;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -902,7 +902,7 @@ var PdpState = /*#__PURE__*/function () {
   }, {
     key: "loadVariants",
     value: function () {
-      var _loadVariants = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _loadVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var _this$product7,
           _orderSet$Favorites,
           _this2 = this;
@@ -1195,10 +1195,10 @@ var useContentBoxState = function useContentBoxState() {
 function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CheckpointFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-ad7d2af7.js');
+  return import('./index-01492b56.js');
 });
 var FunctionsFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-a8a61d89.js');
+  return import('./index-9ca9271c.js');
 });
 var Footer = function Footer(_ref) {
   _objectDestructuringEmpty(_ref);
@@ -1296,6 +1296,7 @@ var Footer = function Footer(_ref) {
         })
       })
     }), /*#__PURE__*/jsx("div", {
+      "data-test-id": "to-configurator",
       onClick: onClickCta1,
       className: classNames(button, buttonCenter),
       children: cta1Text !== null && cta1Text !== void 0 ? cta1Text : t('pdp.jump_to_configurator')
@@ -1680,7 +1681,7 @@ var OptionHeader = function OptionHeader(_ref) {
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DragAndDrop = /*#__PURE__*/React.lazy(function () {
-  return import('./index-aabfbe3d.js');
+  return import('./index-1397aa7f.js');
 });
 var VariantFields = function VariantFields(_ref) {
   var variants = _ref.variants,
@@ -1980,6 +1981,7 @@ var GalleryProduct = function GalleryProduct(_ref) {
     return media.functionType === 'ART';
   })) === null || _curProduct$media === void 0 ? void 0 : _curProduct$media.url) !== null && _curProduct$media$fin !== void 0 ? _curProduct$media$fin : curProduct.image) !== null && _ref2 !== void 0 ? _ref2 : curProduct.image2D;
   return /*#__PURE__*/jsxs("div", {
+    "data-test-id": "gallery-product",
     onClick: function onClick() {
       return _onClick(curProduct._id);
     },
@@ -2026,7 +2028,7 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var renderItem = function renderItem(item) {
   var usecase = 'renderContextBox';
-  if ( /*#__PURE__*/React.isValidElement(item.content)) {
+  if (/*#__PURE__*/React.isValidElement(item.content)) {
     usecase = 'renderJsx';
   }
   switch (usecase) {
@@ -2069,7 +2071,7 @@ var SliderContainer = function SliderContainer(_ref) {
         bulletClass: 'paginationTitle',
         bulletActiveClass: 'paginationTitleSel',
         renderBullet: function renderBullet(index, className) {
-          return ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/jsxs("div", {
+          return ReactDOMServer.renderToStaticMarkup(/*#__PURE__*/jsxs("div", {
             className: classNames(className),
             children: [/*#__PURE__*/jsx("div", {
               children: contents[index].title
@@ -2155,10 +2157,10 @@ var CloseButtonContainer = function CloseButtonContainer(_ref) {
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ArViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-be5cc71d.js');
+  return import('./index-c18dafa0.js');
 });
 var MediaViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-87477322.js');
+  return import('./index-09696d12.js');
 });
 var ContentBox$1 = function ContentBox(props) {
   var _useContentBoxState = useContentBoxState(),

package/build/esm/{index-3f137977.js → index-9a0ca116.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState } from './index-fb24a900.js';
+import { s as styleInject, a as usePdpState } from './index-25d6a86f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-a8a61d89.js → index-9ca9271c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-fb24a900.js';
+import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-25d6a86f.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-be5cc71d.js → index-c18dafa0.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-fb24a900.js';
+import { s as styleInject } from './index-25d6a86f.js';
 import { useState } from 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import QRCode from 'react-qr-code';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { C as ContentBoxComponent, g as default } from './index-fb24a900.js';
+export { C as ContentBoxComponent, g as default } from './index-25d6a86f.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{zoom.module-18ffc3ce.js → zoom.module-02f69688.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-fb24a900.js';
+import { s as styleInject } from './index-25d6a86f.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'react';
 import 'react/jsx-runtime';

package/build/types/content-box/src/ui/GalleryProduct/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/GalleryProduct/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOlD,QAAA,MAAM,cAAc,qHASjB,mBAAmB,gBA6ErB,CAAC;AAMF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/GalleryProduct/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOlD,QAAA,MAAM,cAAc,qHASjB,mBAAmB,gBAkFrB,CAAC;AAMF,eAAe,cAAc,CAAC"}