@crystaldesign/content-item 26.2.0-beta.9 → 26.3.0-beta.1

package/build/esm/index.js

@@ -10,6 +10,7 @@ import _regeneratorRuntime from '@babel/runtime/regenerator';
 import axios from 'axios';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { FreeMode, Navigation, Thumbs } from 'swiper/modules';
+import { QuickConfig } from '@crystaldesign/quick-config';
 
 (function() {
     const env = {"STAGE":"production"};
@@ -340,12 +341,14 @@ var useContentItemConfiguration = function useContentItemConfiguration(_ref) {
       getContentItem(apiConfig.catalogService, jwt, contentItemId !== null && contentItemId !== void 0 ? contentItemId : contentItemCodex, i18n.language).then(function (newConfiguration) {
         startTransition(function () {
           setConfiguration(newConfiguration);
-          var infoBoxTitle = newConfiguration.content.filter(function (item) {
-            return item.type === 'Title' && item.text;
-          }).map(function (item) {
-            return item.text;
-          });
-          onContentItemLoaded === null || onContentItemLoaded === void 0 || onContentItemLoaded(infoBoxTitle[0]);
+          if (Array.isArray(newConfiguration.content)) {
+            var infoBoxTitle = newConfiguration.content.filter(function (item) {
+              return item.type === 'Title' && item.text;
+            }).map(function (item) {
+              return item.text;
+            });
+            onContentItemLoaded === null || onContentItemLoaded === void 0 || onContentItemLoaded(infoBoxTitle[0]);
+          }
         });
       })["catch"](function (error) {
         setError(error);
@@ -358,12 +361,14 @@ var useContentItemConfiguration = function useContentItemConfiguration(_ref) {
     if (externalConfiguration) {
       startTransition(function () {
         setConfiguration(externalConfiguration);
-        var infoBoxTitle = externalConfiguration.content.filter(function (item) {
-          return item.type === 'Title' && item.text;
-        }).map(function (item) {
-          return item.text;
-        });
-        onContentItemLoaded === null || onContentItemLoaded === void 0 || onContentItemLoaded(infoBoxTitle[0]);
+        if (Array.isArray(externalConfiguration.content)) {
+          var infoBoxTitle = externalConfiguration.content.filter(function (item) {
+            return item.type === 'Title' && item.text;
+          }).map(function (item) {
+            return item.text;
+          });
+          onContentItemLoaded === null || onContentItemLoaded === void 0 || onContentItemLoaded(infoBoxTitle[0]);
+        }
       });
       setError(null);
       setLoading(false);
@@ -432,7 +437,8 @@ var useContentItemContext = function useContentItemContext(_ref) {
   var initialItemId = _ref.initialItemId,
     initialItemCodex = _ref.initialItemCodex,
     initialItemConfiguration = _ref.initialItemConfiguration,
-    onContentItemLoaded = _ref.onContentItemLoaded;
+    onContentItemLoaded = _ref.onContentItemLoaded,
+    onEvent = _ref.onEvent;
   var _useState = useState({
       current: {
         id: initialItemId,
@@ -492,19 +498,20 @@ var useContentItemContext = function useContentItemContext(_ref) {
     error = _useContentItemConfig.error,
     loading = _useContentItemConfig.loading;
   var content = useMemo(function () {
-    var _configuration$conten;
-    if (((_configuration$conten = configuration.content) === null || _configuration$conten === void 0 || (_configuration$conten = _configuration$conten[0]) === null || _configuration$conten === void 0 ? void 0 : _configuration$conten.type) === 'Title') {
-      return _toConsumableArray(configuration.content).slice(1);
+    var _content$;
+    var content = Array.isArray(configuration.content) ? configuration.content : [configuration.content];
+    if ((content === null || content === void 0 || (_content$ = content[0]) === null || _content$ === void 0 ? void 0 : _content$.type) === 'Title') {
+      return content.slice(1);
     }
     return configuration.content;
   }, [configuration]);
   var renderTitle = useMemo(function () {
-    var _configuration$conten2, _configuration$conten3;
-    return (configuration === null || configuration === void 0 || (_configuration$conten2 = configuration.content) === null || _configuration$conten2 === void 0 || (_configuration$conten2 = _configuration$conten2[0]) === null || _configuration$conten2 === void 0 ? void 0 : _configuration$conten2.type) === 'Title' ? configuration === null || configuration === void 0 || (_configuration$conten3 = configuration.content) === null || _configuration$conten3 === void 0 ? void 0 : _configuration$conten3[0] : undefined;
+    var content = Array.isArray(configuration.content) ? configuration.content[0] : configuration.content;
+    return (content === null || content === void 0 ? void 0 : content.type) === 'Title' ? content : undefined;
   }, [configuration]);
   var hasNavigations = useMemo(function () {
-    var _configuration$conten4;
-    var c = JSON.stringify((_configuration$conten4 = configuration === null || configuration === void 0 ? void 0 : configuration.content) !== null && _configuration$conten4 !== void 0 ? _configuration$conten4 : []);
+    var _configuration$conten;
+    var c = JSON.stringify((_configuration$conten = configuration === null || configuration === void 0 ? void 0 : configuration.content) !== null && _configuration$conten !== void 0 ? _configuration$conten : []);
     return c.includes('@[codex:') || c.includes('@[id:');
   }, [content]);
   // Create context value
@@ -517,7 +524,8 @@ var useContentItemContext = function useContentItemContext(_ref) {
     loading: loading,
     error: error,
     hasNavigations: hasNavigations,
-    currentIdOrCodex: (_navigationState$curr = navigationState.current.id) !== null && _navigationState$curr !== void 0 ? _navigationState$curr : navigationState.current.codex
+    currentIdOrCodex: (_navigationState$curr = navigationState.current.id) !== null && _navigationState$curr !== void 0 ? _navigationState$curr : navigationState.current.codex,
+    onEvent: onEvent
   };
   return {
     contextValue: contextValue
@@ -543,10 +551,14 @@ var Header = function Header(_ref) {
     canGoBack = _useContentItem.canGoBack,
     navigateBack = _useContentItem.navigateBack,
     renderTitle = _useContentItem.renderTitle,
-    hasNavigations = _useContentItem.hasNavigations;
+    hasNavigations = _useContentItem.hasNavigations,
+    content = _useContentItem.content;
   if (!onClose && !canGoBack && !renderTitle) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
+  if (!Array.isArray(content)) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
   return /*#__PURE__*/jsxs("div", {
     className: classNames(header),
     children: [/*#__PURE__*/jsxs("div", {
@@ -597,12 +609,14 @@ function ContentItemContextProvider(_ref) {
     headerClassName = _ref.headerClassName,
     headerWrapperStyle = _ref.headerWrapperStyle,
     onClose = _ref.onClose,
-    onContentItemLoaded = _ref.onContentItemLoaded;
+    onContentItemLoaded = _ref.onContentItemLoaded,
+    onEvent = _ref.onEvent;
   var _useContentItemContex = useContentItemContext({
       initialItemId: initialItemId,
       initialItemCodex: initialItemCodex,
       initialItemConfiguration: initialItemConfiguration,
-      onContentItemLoaded: onContentItemLoaded
+      onContentItemLoaded: onContentItemLoaded,
+      onEvent: onEvent
     }),
     contextValue = _useContentItemContex.contextValue;
   return /*#__PURE__*/jsxs(ContentItemContext.Provider, {
@@ -794,8 +808,26 @@ var Wrapper = function Wrapper(_ref) {
   });
 };
 
+var QuickConfigWrapper = function QuickConfigWrapper(_ref) {
+  var item = _ref.item,
+    params = _ref.params;
+  var _useContentItem = useContentItem(),
+    onEvent = _useContentItem.onEvent;
+  return /*#__PURE__*/jsx(QuickConfig, {
+    config: item.config,
+    initialContext: params === null || params === void 0 ? void 0 : params.initialContext,
+    renderContentItem: function renderContentItem(id) {
+      return /*#__PURE__*/jsx(ContentItemComponent, {
+        contentItemId: id
+      });
+    },
+    onEvent: onEvent
+  });
+};
+
 var ContentItem = function ContentItem(_ref) {
-  var item = _ref.item;
+  var item = _ref.item,
+    params = _ref.params;
   switch (item.type) {
     case 'Gallery':
       return /*#__PURE__*/jsx(_Gallery, {
@@ -805,6 +837,11 @@ var ContentItem = function ContentItem(_ref) {
       return /*#__PURE__*/jsx(_Image, {
         item: item
       });
+    case 'QuickConfig':
+      return /*#__PURE__*/jsx(QuickConfigWrapper, {
+        item: item,
+        params: params
+      });
     case 'RichText':
       return /*#__PURE__*/jsx(RichText, {
         item: item
@@ -857,11 +894,12 @@ function Loader() {
 var rootWrapper = "root-wrapper-WNprt";
 var contentWrapper = "content-wrapper-K5XIs";
 var loading = "loading-089Ib";
-var css_248z = ".root-wrapper-WNprt {\n  min-height: 60px;\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: contain;\n}\n\n.content-wrapper-K5XIs {\n  transition: opacity 0.2s ease-in-out;\n}\n.content-wrapper-K5XIs.loading-089Ib {\n  opacity: 0.5;\n}\n\n.content-wrapper-K5XIs .content-item-link {\n  touch-action: manipulation;\n  color: #1668dc;\n  text-decoration: none;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  transition: color 0.2s ease-in-out;\n}\n\n.content-wrapper-K5XIs .content-item-link:hover {\n  color: #15417e;\n}\n";
+var css_248z = ".root-wrapper-WNprt {\n  min-height: 60px;\n  position: relative;\n  overscroll-behavior: contain;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.content-wrapper-K5XIs {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  transition: opacity 0.2s ease-in-out;\n}\n.content-wrapper-K5XIs.loading-089Ib {\n  opacity: 0.5;\n}\n\n.content-wrapper-K5XIs .content-item-link {\n  touch-action: manipulation;\n  color: #1668dc;\n  text-decoration: none;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  transition: color 0.2s ease-in-out;\n}\n\n.content-wrapper-K5XIs .content-item-link:hover {\n  color: #15417e;\n}\n";
 styleInject(css_248z);
 
 var ContentItems = function ContentItems(_ref) {
-  var wrapperStyle = _ref.wrapperStyle;
+  var wrapperStyle = _ref.wrapperStyle,
+    params = _ref.params;
   var _useContentItem = useContentItem(),
     content = _useContentItem.content,
     loading$1 = _useContentItem.loading,
@@ -870,16 +908,20 @@ var ContentItems = function ContentItems(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: rootWrapper,
     id: 'diva-content-item',
-    children: [loading$1 && /*#__PURE__*/jsx(Loader, {}), /*#__PURE__*/jsxs("div", {
+    children: [loading$1 && /*#__PURE__*/jsx(Loader, {}), Array.isArray(content) ? /*#__PURE__*/jsxs("div", {
       className: classNames(contentWrapper, _defineProperty({}, loading, loading$1)),
       style: wrapperStyle,
       children: [error && /*#__PURE__*/jsx(ErrorBox, {
         error: error
       }), content === null || content === void 0 ? void 0 : content.map(function (item, i) {
         return /*#__PURE__*/jsx(ContentItem, {
-          item: item
+          item: item,
+          params: params
         }, i);
       })]
+    }) : !!content && /*#__PURE__*/jsx(ContentItem, {
+      item: content,
+      params: params
     })]
   }, currentIdOrCodex);
 };
@@ -895,8 +937,10 @@ var ContentItemComponent = function ContentItemComponent(props) {
     headerChildren: props.headerChildren,
     onContentItemLoaded: props.onContentItemLoaded,
     onClose: props.onClose,
+    onEvent: props.onEvent,
     children: /*#__PURE__*/jsx(ContentItems, {
-      wrapperStyle: props.wrapperStyle
+      wrapperStyle: props.wrapperStyle,
+      params: props.params
     })
   });
 };

package/build/types/content-item/src/Components/ContentItemContextProvider/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { Configuration, ContentItemContextType } from '../../types';
+import { Configuration, ContentItemContextType, ContentItemEvent } from '../../types';
 export interface ContentItemContextProviderProps {
     initialItemId?: string;
     initialItemCodex?: string;
@@ -11,7 +11,8 @@ export interface ContentItemContextProviderProps {
     onClose?: () => void;
     wrapperStyle?: React.CSSProperties;
     onContentItemLoaded?: (title: string) => void;
+    onEvent?: (event: ContentItemEvent) => void;
 }
 export declare function useContentItem(): ContentItemContextType;
-export declare function ContentItemContextProvider({ initialItemId, initialItemCodex, initialItemConfiguration, children, headerChildren, headerClassName, headerWrapperStyle, onClose, onContentItemLoaded, }: ContentItemContextProviderProps): React.JSX.Element;
+export declare function ContentItemContextProvider({ initialItemId, initialItemCodex, initialItemConfiguration, children, headerChildren, headerClassName, headerWrapperStyle, onClose, onContentItemLoaded, onEvent, }: ContentItemContextProviderProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/ContentItemContextProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItemContextProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,WAAW,+BAA+B;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAID,wBAAgB,cAAc,2BAM7B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,mBAAmB,GACpB,EAAE,+BAA+B,qBAWjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItemContextProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKtF,MAAM,WAAW,+BAA+B;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAID,wBAAgB,cAAc,2BAM7B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,mBAAmB,EACnB,OAAO,GACR,EAAE,+BAA+B,qBAiBjC"}

package/build/types/content-item/src/Components/ContentItemContextProvider/useContentItemConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContentItemConfiguration.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItemContextProvider/useContentItemConfiguration.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI9D,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B,iDAGrC,mBAAmB,KAAG;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CAmDrB,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"useContentItemConfiguration.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItemContextProvider/useContentItemConfiguration.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI9D,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B,iDAGrC,mBAAmB,KAAG;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CAuDrB,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/build/types/content-item/src/Components/ContentItemContextProvider/useContentItemContext.d.ts

@@ -1,6 +1,6 @@
 import { ContentItemContextType } from '../../types';
 import { ContentItemContextProviderProps } from './index';
-export declare const useContentItemContext: ({ initialItemId, initialItemCodex, initialItemConfiguration, onContentItemLoaded, }: ContentItemContextProviderProps) => {
+export declare const useContentItemContext: ({ initialItemId, initialItemCodex, initialItemConfiguration, onContentItemLoaded, onEvent, }: ContentItemContextProviderProps) => {
     contextValue: ContentItemContextType;
 };
 //# sourceMappingURL=useContentItemContext.d.ts.map

package/build/types/content-item/src/Components/ContentItemContextProvider/useContentItemContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContentItemContext.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItemContextProvider/useContentItemContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAoB,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG1D,eAAO,MAAM,qBAAqB,wFAK/B,+BAA+B;;CAmFjC,CAAC"}
+{"version":3,"file":"useContentItemContext.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItemContextProvider/useContentItemContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAoB,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG1D,eAAO,MAAM,qBAAqB,iGAM/B,+BAA+B;;CAsFjC,CAAC"}

package/build/types/content-item/src/Components/ContentItems/index.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 interface ContentItemsProps {
     wrapperStyle?: React.CSSProperties;
+    params?: {
+        [key: string]: any;
+    };
 }
-declare const ContentItems: ({ wrapperStyle }: ContentItemsProps) => React.JSX.Element;
+declare const ContentItems: ({ wrapperStyle, params }: ContentItemsProps) => React.JSX.Element;
 export default ContentItems;
 //# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/ContentItems/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItems/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,QAAA,MAAM,YAAY,qBAAsB,iBAAiB,sBAYxD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItems/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACjC;AAED,QAAA,MAAM,YAAY,6BAA8B,iBAAiB,sBAiBhE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/types/content-item/src/Components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,QAAA,MAAM,MAAM,+DAAgE,WAAW,sBA2BtF,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,QAAA,MAAM,MAAM,+DAAgE,WAAW,sBA8BtF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/content-item/src/Components/QuickConfig/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { QuickConfigType } from '../../types';
+interface Props {
+    item: QuickConfigType;
+    params?: {
+        [key: string]: any;
+    };
+}
+declare const QuickConfigWrapper: ({ item, params }: Props) => React.JSX.Element;
+export default QuickConfigWrapper;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/QuickConfig/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/QuickConfig/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9C,UAAU,KAAK;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACjC;AAED,QAAA,MAAM,kBAAkB,qBAAsB,KAAK,sBAUlD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/types/content-item/src/Components/index.d.ts

@@ -2,7 +2,10 @@ import React from 'react';
 import { ContentItemType } from '../types';
 type Props = {
     item: ContentItemType;
+    params?: {
+        [key: string]: any;
+    };
 };
-declare const ContentItem: ({ item }: Props) => React.JSX.Element;
+declare const ContentItem: ({ item, params }: Props) => React.JSX.Element;
 export default ContentItem;
 //# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAS3C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,WAAW,aAAc,KAAK,sBAkBnC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAU3C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,WAAW,qBAAsB,KAAK,sBAoB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/content-item/src/index.d.ts

@@ -14,6 +14,10 @@ export interface ContentItemProps {
     headerChildren?: React.ReactNode;
     onClose?: () => void;
     onContentItemLoaded?: (title: string) => void;
+    onEvent?: (event: any) => void;
+    params?: {
+        [key: string]: any;
+    };
 }
 export declare const ContentItemComponent: React.FC<ContentItemProps>;
 //# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB3D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiB3D,CAAC"}

package/build/types/content-item/src/types.d.ts

@@ -1,4 +1,6 @@
+import { QuickConfigDefinition, QuickConfigEvent } from '@crystaldesign/quick-config';
 import React from 'react';
+export type ContentItemEvent = QuickConfigEvent;
 export interface ContentItemState {
     id?: string;
     codex?: string;
@@ -9,17 +11,22 @@ export interface ContentItemContextType {
     navigateTo: (props: ContentItemState) => void;
     navigateBack: () => void;
     canGoBack: boolean;
-    content?: ContentItemType[];
+    content?: ContentItemType[] | ContentItemType;
     loading?: boolean;
     error?: Error | null;
     renderTitle?: TitleType;
     hasNavigations?: boolean;
     currentIdOrCodex?: string;
+    onEvent?: (event: ContentItemEvent) => void;
 }
 export interface Configuration {
-    content: ContentItemType[];
+    content: ContentItemType[] | ContentItemType;
+}
+export type ContentItemType = TitleType | RichTextType | ImageType | GalleryType | VideoType | URLType | WrapperType | QuickConfigType;
+export interface QuickConfigType {
+    type: 'QuickConfig';
+    config: QuickConfigDefinition;
 }
-export type ContentItemType = TitleType | RichTextType | ImageType | GalleryType | VideoType | URLType | WrapperType;
 export interface TitleType {
     type: 'Title';
     style?: React.CSSProperties;

package/build/types/content-item/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;AAErH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AACD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/content-item",
-  "version": "26.2.0-beta.9",
+  "version": "26.3.0-beta.1",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -24,6 +24,7 @@
     "webpack": "^5.73.0"
   },
   "dependencies": {
+    "@crystaldesign/quick-config": "26.3.0-beta.1",
     "classnames": "^2.5.1",
     "swiper": "^11.2.10"
   },
@@ -34,5 +35,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/content-item/src/index.d.ts",
-  "gitHead": "bcc182aa83a5fd5c7028827e5c24d6d61f761ec7"
+  "gitHead": "89f8d19b90768de622068005d275f474b988b786"
 }