@crystaldesign/widget-image-carousel 25.8.0-beta.10

package/build/esm/index.js

@@ -0,0 +1,428 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState, useEffect } from 'react';
+import { useCss, useProductData, useConfiguration } from '@crystaldesign/widget-library';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { Navigation } from 'swiper/modules';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import classNames from 'classnames';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+(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 };
+})();
+
+function useImageCarousel(_ref) {
+  var productId = _ref.productId,
+    settings = _ref.settings;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    media = _useState2[0],
+    setMedia = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState(undefined),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  useCss(settings);
+  var _useProductData = useProductData({
+      productIds: productId,
+      widgetType: 'IMAGECAROUSEL'
+    }),
+    getProductsByDivaNrs = _useProductData.getProductsByDivaNrs,
+    getProductByDivaNrAndVariantId = _useProductData.getProductByDivaNrAndVariantId,
+    setSelectedProductId = _useProductData.setSelectedProductId,
+    selectedProduct = _useProductData.selectedProduct,
+    setProductCache = _useProductData.setProductCache;
+  useEffect(function () {
+    var loadMockups = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _settings$mediaFuncti, mediaFunctionType, foundMedia, _foundMedia;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              setLoading(true);
+              if (!selectedProduct) {
+                _context.next = 19;
+                break;
+              }
+              mediaFunctionType = (_settings$mediaFuncti = settings.mediaFunctionType) !== null && _settings$mediaFuncti !== void 0 ? _settings$mediaFuncti : 'SHO';
+              if (!(settings.type === 'WALL_MOCKUPS')) {
+                _context.next = 11;
+                break;
+              }
+              _context.next = 7;
+              return getWallMockups(selectedProduct, mediaFunctionType);
+            case 7:
+              foundMedia = _context.sent;
+              if (foundMedia) {
+                setMedia(foundMedia);
+              }
+              _context.next = 19;
+              break;
+            case 11:
+              if (!(settings.type === 'SIMILAR_PRODUCTS')) {
+                _context.next = 18;
+                break;
+              }
+              _context.next = 14;
+              return getSimilarProductMedia(selectedProduct, mediaFunctionType, settings.description);
+            case 14:
+              _foundMedia = _context.sent;
+              if (_foundMedia) {
+                setMedia(_foundMedia);
+              }
+              _context.next = 19;
+              break;
+            case 18:
+              throw new Error('Invalid type');
+            case 19:
+              _context.next = 25;
+              break;
+            case 21:
+              _context.prev = 21;
+              _context.t0 = _context["catch"](0);
+              console.error(_context.t0);
+              setError(_context.t0);
+            case 25:
+              _context.prev = 25;
+              setLoading(false);
+              return _context.finish(25);
+            case 28:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 21, 25, 28]]);
+      }));
+      return function loadMockups() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    if (selectedProduct && productId) {
+      loadMockups();
+    }
+  }, [selectedProduct, productId]);
+  return {
+    media: media,
+    error: error,
+    loading: loading,
+    setSelectedProductId: setSelectedProductId
+  };
+  function getWallMockups(_x, _x2) {
+    return _getWallMockups.apply(this, arguments);
+  }
+  function _getWallMockups() {
+    _getWallMockups = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(product, wallMockupFunctionType) {
+      var _product$customData, _product$customData2;
+      var wallMockupDivaNrs, wallMockupProducts, optCodex, optOpvPairsToSearch, media, _loop, i;
+      return _regeneratorRuntime.wrap(function _callee2$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            wallMockupDivaNrs = (_product$customData = product.customData) === null || _product$customData === void 0 || (_product$customData = _product$customData['WALL_MOCKUP_DIVANRS']) === null || _product$customData === void 0 ? void 0 : _product$customData.value;
+            if (wallMockupDivaNrs) {
+              _context4.next = 3;
+              break;
+            }
+            return _context4.abrupt("return", undefined);
+          case 3:
+            _context4.next = 5;
+            return getProductsByDivaNrs(wallMockupDivaNrs);
+          case 5:
+            wallMockupProducts = _context4.sent;
+            optCodex = (_product$customData2 = product.customData) === null || _product$customData2 === void 0 || (_product$customData2 = _product$customData2['OPT_TO_CHECK']) === null || _product$customData2 === void 0 ? void 0 : _product$customData2.value;
+            if (optCodex) {
+              _context4.next = 9;
+              break;
+            }
+            throw new Error('OPT_TO_CHECK is not set- ProductId: ' + product._id);
+          case 9:
+            optOpvPairsToSearch = [];
+            optCodex.forEach(function (opt) {
+              var _product$configuratio;
+              optOpvPairsToSearch.push((_product$configuratio = product.configuration) === null || _product$configuratio === void 0 || (_product$configuratio = _product$configuratio.OrderSets[0].Variant) === null || _product$configuratio === void 0 ? void 0 : _product$configuratio[opt]);
+            });
+            media = [];
+            _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
+              var currentDivaNr, currentMockupVariants, _loop2, j;
+              return _regeneratorRuntime.wrap(function _loop$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    currentDivaNr = wallMockupDivaNrs[i];
+                    currentMockupVariants = wallMockupProducts.data.filter(function (wmp) {
+                      return wmp.divaNr === currentDivaNr && wmp.baseProduct === false;
+                    });
+                    _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
+                      var variant, allMatch, _variant$media, mediaUrl;
+                      return _regeneratorRuntime.wrap(function _loop2$(_context2) {
+                        while (1) switch (_context2.prev = _context2.next) {
+                          case 0:
+                            variant = currentMockupVariants[j]; // check if all opt-opv-pairs match
+                            allMatch = optCodex.every(function (opt) {
+                              var _product$configuratio2, _variant$configuratio;
+                              var mainProductOPV = (_product$configuratio2 = product.configuration) === null || _product$configuratio2 === void 0 || (_product$configuratio2 = _product$configuratio2.OrderSets[0].Variant) === null || _product$configuratio2 === void 0 ? void 0 : _product$configuratio2[opt];
+                              var variantOPV = (_variant$configuratio = variant.configuration) === null || _variant$configuratio === void 0 || (_variant$configuratio = _variant$configuratio.OrderSets[0].Variant) === null || _variant$configuratio === void 0 ? void 0 : _variant$configuratio[opt];
+                              return variantOPV === mainProductOPV;
+                            });
+                            if (!allMatch) {
+                              _context2.next = 8;
+                              break;
+                            }
+                            setProductCache(variant._id, wallMockupProducts.data.filter(function (wmp) {
+                              return wmp.divaNr === currentDivaNr;
+                            }));
+                            mediaUrl = variant === null || variant === void 0 || (_variant$media = variant.media) === null || _variant$media === void 0 || (_variant$media = _variant$media.find(function (m) {
+                              return m.functionType === wallMockupFunctionType;
+                            })) === null || _variant$media === void 0 ? void 0 : _variant$media.url;
+                            media.push({
+                              url: mediaUrl,
+                              productId: variant._id
+                            });
+                            return _context2.abrupt("return", 1);
+                          case 8:
+                          case "end":
+                            return _context2.stop();
+                        }
+                      }, _loop2);
+                    });
+                    j = 0;
+                  case 5:
+                    if (!(j < currentMockupVariants.length)) {
+                      _context3.next = 12;
+                      break;
+                    }
+                    return _context3.delegateYield(_loop2(), "t0", 7);
+                  case 7:
+                    if (!_context3.t0) {
+                      _context3.next = 9;
+                      break;
+                    }
+                    return _context3.abrupt("break", 12);
+                  case 9:
+                    j++;
+                    _context3.next = 5;
+                    break;
+                  case 12:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _loop);
+            });
+            i = 0;
+          case 14:
+            if (!(i < wallMockupDivaNrs.length)) {
+              _context4.next = 19;
+              break;
+            }
+            return _context4.delegateYield(_loop(), "t0", 16);
+          case 16:
+            i++;
+            _context4.next = 14;
+            break;
+          case 19:
+            return _context4.abrupt("return", media);
+          case 20:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee2);
+    }));
+    return _getWallMockups.apply(this, arguments);
+  }
+  function getSimilarProductMedia(_x3, _x4, _x5) {
+    return _getSimilarProductMedia.apply(this, arguments);
+  }
+  function _getSimilarProductMedia() {
+    _getSimilarProductMedia = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(product, mediaFunctionType, description) {
+      var _product$customData3;
+      var similarProductsDivaNr, similarProducts, media, i, _similarProduct$media, _similarProduct$media2, similarProduct, mediaUrl, desc, _similarProduct$descr;
+      return _regeneratorRuntime.wrap(function _callee4$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            similarProductsDivaNr = (_product$customData3 = product.customData) === null || _product$customData3 === void 0 || (_product$customData3 = _product$customData3['SIMILAR_PRODUCTS_DIVANRS']) === null || _product$customData3 === void 0 ? void 0 : _product$customData3.value;
+            if (!(!Array.isArray(similarProductsDivaNr) || similarProductsDivaNr.length === 0)) {
+              _context6.next = 3;
+              break;
+            }
+            return _context6.abrupt("return", []);
+          case 3:
+            _context6.next = 5;
+            return Promise.all(similarProductsDivaNr.map(/*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(divaNr) {
+                var _divaNrParts$;
+                var divaNrParts;
+                return _regeneratorRuntime.wrap(function _callee3$(_context5) {
+                  while (1) switch (_context5.prev = _context5.next) {
+                    case 0:
+                      divaNrParts = divaNr.split('-');
+                      _context5.next = 3;
+                      return getProductByDivaNrAndVariantId('DIVA-' + divaNrParts[1], (_divaNrParts$ = divaNrParts[2]) !== null && _divaNrParts$ !== void 0 ? _divaNrParts$ : undefined);
+                    case 3:
+                      return _context5.abrupt("return", _context5.sent);
+                    case 4:
+                    case "end":
+                      return _context5.stop();
+                  }
+                }, _callee3);
+              }));
+              return function (_x6) {
+                return _ref3.apply(this, arguments);
+              };
+            }()));
+          case 5:
+            similarProducts = _context6.sent;
+            media = [];
+            for (i = 0; i < similarProducts.length; i++) {
+              similarProduct = similarProducts[i].data[0];
+              setProductCache(similarProduct._id, similarProduct);
+              mediaUrl = (_similarProduct$media = similarProduct === null || similarProduct === void 0 || (_similarProduct$media2 = similarProduct.media) === null || _similarProduct$media2 === void 0 || (_similarProduct$media2 = _similarProduct$media2.find(function (m) {
+                return m.functionType === mediaFunctionType;
+              })) === null || _similarProduct$media2 === void 0 ? void 0 : _similarProduct$media2.url) !== null && _similarProduct$media !== void 0 ? _similarProduct$media : similarProduct.image;
+              desc = undefined;
+              if (mediaUrl) {
+                if (description) {
+                  desc = (_similarProduct$descr = similarProduct[description]) !== null && _similarProduct$descr !== void 0 ? _similarProduct$descr : description;
+                }
+                media.push({
+                  url: mediaUrl,
+                  description: desc,
+                  productId: similarProduct._id
+                });
+              }
+            }
+            return _context6.abrupt("return", media);
+          case 9:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee4);
+    }));
+    return _getSimilarProductMedia.apply(this, arguments);
+  }
+}
+
+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 imageCarouselContainer = "imageCarouselContainer-5xR1Z";
+var imageCarousel = "imageCarousel-doGe7";
+var slide = "slide-kzTjO";
+var slideImage = "slideImage-25uCG";
+var slideDescriptionImage = "slideDescriptionImage-qebF3";
+var slideDescription = "slideDescription-UOsb1";
+var css_248z = ".imageCarouselContainer-5xR1Z {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 20px;\n}\n\n.imageCarousel-doGe7 {\n  height: 100%;\n  width: 100%;\n}\n\n.slide-kzTjO {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.slideImage-25uCG {\n  max-height: 100%;\n  max-width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  cursor: pointer;\n}\n\n.slideDescriptionImage-qebF3 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n}\n\n.slideDescriptionImage-qebF3 img {\n  cursor: pointer;\n  display: block;\n  width: 100%;\n  max-height: 75%;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.slideDescription-UOsb1 {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 25%;\n  background: lightgrey;\n  color: black;\n  text-align: center;\n}\n\n.slideDescription-UOsb1 span {\n  font-size: 26px;\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; }
+function MainComponent(props) {
+  var _useImageCarousel = useImageCarousel(props),
+    media = _useImageCarousel.media,
+    error = _useImageCarousel.error,
+    loading = _useImageCarousel.loading,
+    setSelectedProductId = _useImageCarousel.setSelectedProductId;
+  if (loading) return /*#__PURE__*/jsx("div", {
+    children: "Loading..."
+  });
+  if (error) return /*#__PURE__*/jsx("div", {
+    children: "Error"
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: classNames([imageCarouselContainer, 'diva-widget-image-carousel-container']),
+    children: /*#__PURE__*/jsx(Swiper, _objectSpread$1(_objectSpread$1({
+      modules: [Navigation],
+      navigation: true,
+      className: classNames([imageCarousel, 'diva-widget-image-carousel-swiper'])
+    }, props.settings.sliderProp), {}, {
+      children: media.map(function (m, i) {
+        return /*#__PURE__*/jsx(SwiperSlide, {
+          className: classNames([slide, 'diva-widget-image-carousel-slide']),
+          children: props.settings.description ? /*#__PURE__*/jsxs("div", {
+            className: classNames([slideDescriptionImage, 'diva-widget-image-carousel-slide-description-image']),
+            onClick: function onClick() {
+              return setSelectedProductId(m.productId);
+            },
+            children: [/*#__PURE__*/jsx("img", {
+              src: m.url,
+              alt: "carousel image"
+            }), /*#__PURE__*/jsx("div", {
+              className: classNames([slideDescription, 'diva-widget-image-carousel-slide-description']),
+              children: /*#__PURE__*/jsx("span", {
+                children: m.description
+              })
+            })]
+          }) : /*#__PURE__*/jsx("img", {
+            src: m.url,
+            alt: "carousel image",
+            className: classNames([slideImage, 'diva-widget-image-carousel-slide-image']),
+            onClick: function onClick() {
+              return setSelectedProductId(m.productId);
+            }
+          }, m.productId + 'img')
+        }, m.productId);
+      })
+    }))
+  });
+}
+
+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 _parameters$productId;
+  var settings = _ref.settings,
+    parameters = _ref.parameters;
+  return /*#__PURE__*/jsx(ImageCarouselComponent, {
+    settings: settings,
+    productId: (_parameters$productId = parameters === null || parameters === void 0 ? void 0 : parameters.productId) !== null && _parameters$productId !== void 0 ? _parameters$productId : ''
+  });
+};
+var ImageCarouselComponent = function ImageCarouselComponent(props) {
+  var settings = useConfiguration(ImageCarousel.name, props.settings);
+  return /*#__PURE__*/jsx(MainComponent, _objectSpread(_objectSpread({}, props), {}, {
+    settings: settings
+  }));
+};
+var ImageCarousel = {
+  name: 'IMAGE_CAROUSEL',
+  renderFunction: Main
+};
+
+export { ImageCarouselComponent, ImageCarousel as default };

package/build/types/widget-image-carousel/src/components/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import { ImageCarouselProps } from '../types';
+export default function MainComponent(props: ImageCarouselProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/types/widget-image-carousel/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAM9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAwC9D"}

package/build/types/widget-image-carousel/src/index.d.ts

@@ -0,0 +1,11 @@
+
+
+export * from './types';
+import React from 'react';
+import { ComponentDefinition } from '@crystaldesign/diva-core';
+import { Configuration, ImageCarouselProps } from './types';
+export declare const ImageCarouselComponent: React.FC<ImageCarouselProps>;
+declare const ImageCarousel: ComponentDefinition<Configuration>;
+export default ImageCarousel;
+//# sourceMappingURL=index.d.ts.map
+  

package/build/types/widget-image-carousel/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAG/E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAM5D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAG/D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,mBAAmB,CAAC,aAAa,CAGrD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/types/widget-image-carousel/src/stories/SimilarProducts/default.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WithDivaMock } from '@crystaldesign/diva-core';
+import { ImageCarouselProps } from '../../types';
+declare const meta: Meta<WithDivaMock<ImageCarouselProps>>;
+export default meta;
+type Story = StoryObj<WithDivaMock<ImageCarouselProps>>;
+export declare const ImageCarousel: Story;
+//# sourceMappingURL=default.stories.d.ts.map

package/build/types/widget-image-carousel/src/stories/SimilarProducts/default.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/SimilarProducts/default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAmBhD,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAwCxD,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/build/types/widget-image-carousel/src/stories/WallMockup/default.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WithDivaMock } from '@crystaldesign/diva-core';
+import { ImageCarouselProps } from '../../types';
+declare const meta: Meta<WithDivaMock<ImageCarouselProps>>;
+export default meta;
+type Story = StoryObj<WithDivaMock<ImageCarouselProps>>;
+export declare const ImageCarousel: Story;
+//# sourceMappingURL=default.stories.d.ts.map

package/build/types/widget-image-carousel/src/stories/WallMockup/default.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/WallMockup/default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAmBhD,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAuCxD,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/build/types/widget-image-carousel/src/types/index.d.ts

@@ -0,0 +1,13 @@
+import { BaseConfiguration } from '@crystaldesign/widget-library';
+import { SwiperProps } from 'swiper/react';
+export interface ImageCarouselProps {
+    settings: Configuration;
+    productId: string;
+}
+export interface Configuration extends BaseConfiguration {
+    type: 'WALL_MOCKUPS' | 'SIMILAR_PRODUCTS';
+    mediaFunctionType?: string;
+    description?: string;
+    sliderProp?: SwiperProps;
+}
+//# sourceMappingURL=index.d.ts.map

package/build/types/widget-image-carousel/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,EAAE,cAAc,GAAG,kBAAkB,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B"}

package/build/types/widget-image-carousel/src/useImageCarousel.d.ts

@@ -0,0 +1,14 @@
+import { ImageCarouselProps } from './types';
+interface Media {
+    url: string;
+    description?: string;
+    productId: string;
+}
+export declare function useImageCarousel({ productId, settings }: ImageCarouselProps): {
+    media: Media[];
+    error: Error | undefined;
+    loading: boolean;
+    setSelectedProductId: (productId: string) => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useImageCarousel.d.ts.map

package/build/types/widget-image-carousel/src/useImageCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageCarousel.d.ts","sourceRoot":"","sources":["../../../../src/useImageCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAM7C,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;;EAkI3E"}