@crystaldesign/product-gallery 24.1.0-rctest.3 → 24.1.0

package/build/esm/index.js

@@ -0,0 +1,337 @@
+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 { debounce } from 'lodash';
+import classNames from 'classnames';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { ContentBoxComponent } from '@crystaldesign/content-box';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import ProductsComponent, { useProductState, createFilterParams, getFilterObject, Facets, ProductHeader } from '@crystaldesign/products-component';
+
+(function() {
+    const env = {"STAGE":"production"};
+    try {
+        if (process) {
+            process.env = Object.assign({}, process.env);
+            Object.assign(process.env, env);
+            return;
+        }
+    } catch (e) {} // avoid ReferenceError: process is not defined
+    globalThis.process = { env:env };
+})();
+
+var _excluded = ["imageContentBoxSettings", "imageContents", "imageContentsMobile", "currentlyMobile", "productState"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ImageSlider = function ImageSlider(_ref) {
+  var imageContentBoxSettings = _ref.imageContentBoxSettings,
+    imageContents = _ref.imageContents,
+    imageContentsMobile = _ref.imageContentsMobile,
+    currentlyMobile = _ref.currentlyMobile,
+    _ref$productState$fil = _slicedToArray(_ref.productState.filter, 1),
+    filterStates = _ref$productState$fil[0],
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    swiperContent = _useState2[0],
+    setSwiperContent = _useState2[1];
+  useEffect(function () {
+    var contents = [];
+    var data = currentlyMobile && imageContentsMobile ? imageContentsMobile : imageContents;
+    for (var i = 0; i < data.length; i++) {
+      if (contents.length) break;
+      var entry = data[i];
+      for (var key in entry) {
+        var filter = entry[key];
+        var filterState = filterStates[key];
+        if (filterState) {
+          if (filterState.type == 'range') continue;
+          for (var _value in filter) {
+            if (filterState.type == 'multiSelect' && filterState.values.includes(_value) || filterState.type == 'singleSelect' && filterState.value == _value) {
+              contents = contents.concat(filter[_value].contents);
+            }
+          }
+        }
+      }
+    }
+    setSwiperContent(contents.map(function (cont) {
+      return {
+        content: cont
+      };
+    }));
+  }, [filterStates, currentlyMobile]);
+  return /*#__PURE__*/jsx("div", _objectSpread$2(_objectSpread$2({}, props), {}, {
+    children: /*#__PURE__*/jsx(ContentBoxComponent, {
+      settings: {
+        contentBoxProps: _objectSpread$2(_objectSpread$2({}, imageContentBoxSettings), {}, {
+          type: 'SliderContainer',
+          contents: swiperContent
+        })
+      }
+    })
+  }));
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var scrollerClass = "scroller-class-J6Z4Z";
+var maxWidth = "max-width-XHcc4";
+var parent = "parent-qDEav";
+var rightSide = "right-side-VPkpL";
+var disabled = "disabled-nOvnY";
+var products = "products-Ui7d6";
+var filter = "filter-DmVHL";
+var topImage = "top-image-zf6oO";
+var pdpOverlay = "pdp-overlay-O21gM";
+var navigationVisible = "navigation-visible-omUqh";
+var pdpBackground = "pdp-background-uw3-u";
+var pdpContainer = "pdp-container--d0P1";
+var isMobileClass = "is-mobile-class-3tbms";
+var css_248z = ".scroller-class-J6Z4Z {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n\n.max-width-XHcc4 {\n  position: relative;\n  max-width: 1600px;\n  margin: auto;\n  height: 100%;\n  width: 100%;\n}\n\n.parent-qDEav {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  display: flex;\n  margin-top: 12px;\n}\n\n.parent-qDEav.is-mobile-class {\n  flex-direction: column;\n  margin-top: 0;\n  margin-top: initial;\n}\n\n.right-side-VPkpL {\n  height: 100%;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  grid-template-rows: repeat(10, 1fr);\n  grid-column-gap: 0px;\n  padding-right: 12px;\n  width: calc(100% - 12px);\n}\n\n.is-mobile-class .right-side-VPkpL {\n  overflow: auto;\n  padding-left: 6px;\n  padding-right: 6px;\n  width: calc(100% - 12px);\n}\n\n.disabled-nOvnY {\n  pointer-events: none;\n}\n\n.products-Ui7d6 {\n  grid-area: 5 / 1 / 11 / 6;\n}\n\n.filter-DmVHL {\n  margin: 0 10px;\n  min-width: 244px;\n  max-width: 244px;\n  z-index: 12;\n  height: -moz-fit-content;\n  height: fit-content;\n  display: flex;\n  flex-direction: column;\n  /* gap: 12px; */\n}\n\n.is-mobile-class .filter-DmVHL {\n  margin: 8px;\n  width: calc(100% - 16px);\n}\n\n.top-image-zf6oO {\n  grid-area: 1 / 1 / 5 / 6;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  z-index: 10;\n}\n\n.is-mobile-class .top-image-zf6oO {\n  grid-area: 1 / 1 / 3 / 6;\n}\n.is-mobile-class .products-Ui7d6 {\n  grid-area: 3 / 1 / 6 / 6;\n}\n\n.header-hidden-class .products-Ui7d6 {\n  grid-area: 1 / 1 / 6 / 6;\n}\n.pdp-overlay-O21gM {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 500;\n}\n.navigation-visible-omUqh.pdp-overlay-O21gM {\n  position: absolute;\n}\n\n.pdp-background-uw3-u {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: rgba(244, 244, 244, 0.8);\n\n  z-index: 540;\n}\n\n.pdp-container--d0P1 {\n  z-index: 580;\n  background-color: #fff;\n  height: 100%;\n  width: 100%;\n  max-width: 1650px;\n  max-height: 1000px;\n}\n\n.is-mobile-class-3tbms .pdp-container--d0P1 {\n  max-width: none;\n  max-width: initial;\n  max-height: none;\n  max-height: initial;\n}\n";
+styleInject(css_248z);
+
+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 Gallery = function Gallery(_ref) {
+  var parameters = _ref.parameters,
+    _ref$filterObject = _ref.filterObject,
+    filterObject = _ref$filterObject === void 0 ? [] : _ref$filterObject,
+    imageContentBoxSettings = _ref.imageContentBoxSettings,
+    imageContents = _ref.imageContents,
+    imageContentsMobile = _ref.imageContentsMobile,
+    pdpSettings = _ref.pdpSettings;
+  var _useState = useState(!!(parameters !== null && parameters !== void 0 && parameters.id)),
+    _useState2 = _slicedToArray(_useState, 1),
+    initializedWithProductId = _useState2[0];
+  var curProductId = parameters === null || parameters === void 0 ? void 0 : parameters.id;
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$actions = _useDivaCore.actions,
+    openComponent = _useDivaCore$actions.openComponent,
+    setAbsoluteFullScreen = _useDivaCore$actions.setAbsoluteFullScreen,
+    _useDivaCore$state = _useDivaCore.state,
+    HeaderElement = _useDivaCore$state.headerInfos.HeaderElement,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    height = _useDivaCore$state$di.height,
+    isPortrait = _useDivaCore$state$di.isPortrait;
+  var portalHeaderHeight = HeaderElement === null || HeaderElement === void 0 ? void 0 : HeaderElement.getBoundingClientRect().height;
+  var productState = useProductState(parameters);
+  var filterHidden = filterObject.length === 0;
+  var headerHidden = Object.keys(imageContents !== null && imageContents !== void 0 ? imageContents : {}).length === 0;
+  var isMobileLandscape = isMobile && !isPortrait && height < 500;
+  var scroller = useRef(null);
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scroll = _useState4[0],
+    setScroll = _useState4[1];
+  var debouncedScroll = useCallback(debounce( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var _e$target$getBounding, _e$target;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setScroll({
+              scrollTop: e.target.scrollTop,
+              scrollHeight: e.target.scrollHeight,
+              clientHeight: e.target.clientHeight,
+              clientOffset: (_e$target$getBounding = (_e$target = e.target).getBoundingClientRect) === null || _e$target$getBounding === void 0 ? void 0 : _e$target$getBounding.call(_e$target).y
+            });
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), 50), []);
+  var onClick = function onClick(product) {
+    if (product._id !== (parameters === null || parameters === void 0 ? void 0 : parameters.id)) {
+      openComponent({
+        type: 'PRODUCT_GALLERY',
+        parameters: _objectSpread$1({
+          id: product._id
+        }, createFilterParams(getFilterObject(productState.filter[0], productState.search[0]))),
+        breadcrumb: true
+      });
+    }
+  };
+  var escFunction = useCallback(function (e) {
+    if (e.key === 'ESC' || e.key === 'Escape') {
+      if (!curProductId) return;
+      closePdp();
+    }
+  }, []);
+  useEffect(function () {
+    document.addEventListener('keydown', escFunction, false);
+    return function () {
+      document.removeEventListener('keydown', escFunction, false);
+    };
+  }, []);
+  useEffect(function () {
+    productState.groups[1]([]);
+  }, [parameters === null || parameters === void 0 ? void 0 : parameters.update]);
+  var currentlyMobile = isMobile && isPortrait || height < 500;
+  var isLandscapeMobile = currentlyMobile && !isPortrait && height < 500;
+  var closePdp = function closePdp() {
+    openComponent({
+      type: 'PRODUCT_GALLERY',
+      parameters: createFilterParams(getFilterObject(productState.filter[0], productState.search[0])),
+      breadcrumb: true
+    });
+  };
+  var setCategoryFilter = function setCategoryFilter(filters) {
+    if (initializedWithProductId) {
+      var newState = _objectSpread$1({}, productState.filter[0]);
+      for (var _key in filters) {
+        var _value = filters[_key];
+        if (_value === undefined) delete newState[_key];else newState[_key] = {
+          type: 'singleSelect',
+          mustBeSelected: true,
+          value: _value
+        };
+      }
+      productState.filter[1](newState);
+    }
+    openComponent({
+      type: 'PRODUCT_GALLERY',
+      parameters: _objectSpread$1(_objectSpread$1({
+        id: curProductId
+      }, parameters !== null && parameters !== void 0 && parameters.update ? {
+        update: parameters.update
+      } : {}), createFilterParams(getFilterObject(productState.filter[0], productState.search[0]))),
+      breadcrumb: true
+    });
+  };
+  var ProductHeaderJSX = /*#__PURE__*/jsx(ProductHeader, {
+    filterObject: filterObject,
+    productState: productState,
+    parameters: parameters,
+    currentlyMobile: currentlyMobile
+  });
+  useEffect(function () {
+    if (curProductId) setAbsoluteFullScreen(true);else setAbsoluteFullScreen(false);
+    return function () {
+      return setAbsoluteFullScreen(false);
+    };
+  }, [curProductId]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: scrollerClass,
+      onScroll: debouncedScroll,
+      ref: scroller,
+      children: /*#__PURE__*/jsx("div", {
+        className: maxWidth,
+        children: /*#__PURE__*/jsxs("div", {
+          className: classNames(parent, currentlyMobile ? 'is-mobile-class' : undefined, isLandscapeMobile ? 'is-mobile-landscape-class' : undefined, headerHidden ? 'header-hidden-class' : undefined, curProductId ? disabled : undefined),
+          children: [!filterHidden && /*#__PURE__*/jsxs("div", {
+            className: filter,
+            children: [!currentlyMobile && /*#__PURE__*/jsx(Facets, {
+              productState: productState,
+              parameters: parameters
+            }), currentlyMobile && ProductHeaderJSX]
+          }, productState.categoryKey[0]), /*#__PURE__*/jsxs("div", {
+            className: rightSide,
+            children: [!isLandscapeMobile && !headerHidden && /*#__PURE__*/jsx(ImageSlider, {
+              productState: productState,
+              className: classNames(topImage),
+              currentlyMobile: currentlyMobile,
+              imageContents: imageContents,
+              imageContentsMobile: imageContentsMobile,
+              imageContentBoxSettings: imageContentBoxSettings
+            }), /*#__PURE__*/jsxs("div", {
+              className: products,
+              children: [!currentlyMobile && !filterHidden && ProductHeaderJSX, /*#__PURE__*/jsx(ProductsComponent, {
+                noFilter: filterHidden,
+                curProductId: curProductId,
+                onClickFunction: onClick,
+                productState: productState,
+                scroller: scroller,
+                scrollerState: [scroll, setScroll],
+                forcedFilter: "livingArea"
+              })]
+            })]
+          })]
+        })
+      })
+    }), curProductId && /*#__PURE__*/jsxs("div", {
+      className: classNames(pdpOverlay, currentlyMobile ? isMobileClass : undefined, !!portalHeaderHeight ? navigationVisible : undefined),
+      children: [!currentlyMobile && /*#__PURE__*/jsx("div", {
+        onClick: closePdp,
+        className: pdpBackground
+      }), /*#__PURE__*/jsx("div", {
+        className: pdpContainer,
+        children: /*#__PURE__*/jsx(ContentBoxComponent, {
+          onClose: closePdp,
+          settings: {
+            contentBoxProps: {
+              type: 'CloseButtonContainer',
+              switchCloseIconToLeftInPortrait: !!(pdpSettings !== null && pdpSettings !== void 0 && pdpSettings.marginLeftHeader),
+              hideCloseIconInPortrait: currentlyMobile && !(pdpSettings !== null && pdpSettings !== void 0 && pdpSettings.marginLeftHeader),
+              hideCloseIcon: isMobileLandscape,
+              content: _objectSpread$1(_objectSpread$1({}, pdpSettings), {}, {
+                type: 'PDP',
+                productId: curProductId,
+                groupVariantsByField: ['dc_color', 'dc_mainColor'],
+                breadcrumb: true,
+                setCategoryFilter: setCategoryFilter,
+                cta1Params: {
+                  initMode: 'OPENCONFIGTABGROUP'
+                }
+              })
+            }
+          }
+        }, parameters.update)
+      })]
+    })]
+  });
+};
+
+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; }
+var Main = function Main(_ref) {
+  var settings = _ref.settings,
+    parameters = _ref.parameters;
+  return /*#__PURE__*/jsx(Gallery, _objectSpread({
+    parameters: parameters
+  }, settings));
+};
+var GalleryComponent = function GalleryComponent(props) {
+  return /*#__PURE__*/jsx(Main, _objectSpread({}, props));
+};
+var ProductGallery = {
+  name: 'PRODUCT_GALLERY',
+  renderFunction: Main
+};
+//change
+
+export { GalleryComponent, ProductGallery as default };

package/build/types/product-gallery/src/index.d.ts

@@ -0,0 +1,36 @@
+
+
+import React from 'react';
+import { ContentBoxProps, SliderContainerProps } from '@crystaldesign/content-box';
+import { ComponentDefinition } from '@crystaldesign/diva-core';
+import { TextProps } from '@crystaldesign/products-component';
+interface Props {
+    onClose?: () => void;
+    settings: Configuration;
+}
+interface Configuration {
+    filterObject: TextProps[];
+    imageContentBoxSettings: SliderContainerProps;
+    imageContents: {
+        [filterKey: string]: {
+            [value: string]: {
+                contents: ContentBoxProps[];
+            };
+        };
+    }[];
+    imageContentsMobile?: {
+        [filterKey: string]: {
+            [value: string]: {
+                contents: ContentBoxProps[];
+            };
+        };
+    }[];
+    pdpSettings?: {
+        ctaOpenInFullscreen?: boolean;
+    };
+}
+export declare const GalleryComponent: React.FC<Props>;
+declare const ProductGallery: ComponentDefinition<Configuration>;
+export default ProductGallery;
+//# sourceMappingURL=index.d.ts.map
+  

package/build/types/product-gallery/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,UAAU,aAAa;IACrB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,uBAAuB,EAAE,oBAAoB,CAAC;IAC9C,aAAa,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG;YAAE,CAAC,KAAK,EAAE,MAAM,GAAG;gBAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IAC/F,mBAAmB,CAAC,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG;YAAE,CAAC,KAAK,EAAE,MAAM,GAAG;gBAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IACtG,WAAW,CAAC,EAAE;QAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACjD;AAMD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE5C,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,mBAAmB,CAAC,aAAa,CAGtD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build/types/product-gallery/src/ui/imageSlider/index.d.ts

@@ -0,0 +1,25 @@
+import { ComponentProps } from 'react';
+import { ContentBoxProps, SliderContainerProps } from '@crystaldesign/content-box';
+import { ProductState } from '@crystaldesign/products-component';
+interface Props extends ComponentProps<'div'> {
+    imageContentBoxSettings: SliderContainerProps;
+    productState: ProductState;
+    currentlyMobile: boolean;
+    imageContents: {
+        [filterKey: string]: {
+            [value: string]: {
+                contents: ContentBoxProps[];
+            };
+        };
+    }[];
+    imageContentsMobile?: {
+        [filterKey: string]: {
+            [value: string]: {
+                contents: ContentBoxProps[];
+            };
+        };
+    }[];
+}
+declare const ImageSlider: ({ imageContentBoxSettings, imageContents, imageContentsMobile, currentlyMobile, productState: { filter: [filterStates], }, ...props }: Props) => JSX.Element;
+export default ImageSlider;
+//# sourceMappingURL=index.d.ts.map

package/build/types/product-gallery/src/ui/imageSlider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/imageSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EAAgC,eAAe,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACjH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,uBAAuB,EAAE,oBAAoB,CAAC;IAC9C,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG;YAAE,CAAC,KAAK,EAAE,MAAM,GAAG;gBAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IAC/F,mBAAmB,CAAC,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG;YAAE,CAAC,KAAK,EAAE,MAAM,GAAG;gBAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;CACvG;AAED,QAAA,MAAM,WAAW,0IAUd,KAAK,gBAsCP,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/product-gallery/src/ui/imageSlider/textContent.d.ts

@@ -0,0 +1,9 @@
+import { ContentBoxProps } from '@crystaldesign/content-box';
+export declare const content: {
+    [filterKey: string]: {
+        [value: string]: {
+            contents: ContentBoxProps[];
+        };
+    };
+}[];
+//# sourceMappingURL=textContent.d.ts.map

package/build/types/product-gallery/src/ui/imageSlider/textContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textContent.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/imageSlider/textContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,eAAO,MAAM,OAAO,EAAE;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;SAAE,CAAA;KAAE,CAAA;CAAE,EA+ClG,CAAC"}

package/build/types/product-gallery/src/ui/index.d.ts

@@ -0,0 +1,31 @@
+import { ContentBoxProps, SliderContainerProps } from '@crystaldesign/content-box';
+import { TextProps } from '@crystaldesign/products-component';
+type Props = {
+    filterObject: TextProps[];
+    imageContentBoxSettings: SliderContainerProps;
+    parameters: {
+        [key: string]: string;
+    } | undefined;
+    imageContents: {
+        [filterKey: string]: {
+            [value: string]: {
+                contents: ContentBoxProps[];
+            };
+        };
+    }[];
+    imageContentsMobile?: {
+        [filterKey: string]: {
+            [value: string]: {
+                contents: ContentBoxProps[];
+            };
+        };
+    }[];
+    pdpSettings?: {
+        ctaOpenInFullscreen?: boolean;
+        marginLeftHeader?: boolean;
+        absoluteFullscreen?: boolean;
+    };
+};
+declare const Gallery: ({ parameters, filterObject, imageContentBoxSettings, imageContents, imageContentsMobile, pdpSettings }: Props) => JSX.Element;
+export default Gallery;
+//# sourceMappingURL=index.d.ts.map

package/build/types/product-gallery/src/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAuB,eAAe,EAAW,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAgBjH,OAA0B,EAMxB,SAAS,EACV,MAAM,mCAAmC,CAAC;AAE3C,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,uBAAuB,EAAE,oBAAoB,CAAC;IAC9C,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAClD,aAAa,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG;YAAE,CAAC,KAAK,EAAE,MAAM,GAAG;gBAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IAC/F,mBAAmB,CAAC,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG;YAAE,CAAC,KAAK,EAAE,MAAM,GAAG;gBAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IACtG,WAAW,CAAC,EAAE;QAAE,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC3G,CAAC;AAEF,QAAA,MAAM,OAAO,2GAAiH,KAAK,gBAgLlI,CAAC;AAEF,eAAe,OAAO,CAAC"}