@crystaldesign/widget-image-carousel 25.10.0-rc.1 → 25.10.0-rc.2

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, useMemo } from 'react';
 import { useCss, useProductData, MediaItem, useConfiguration } from '@crystaldesign/widget-library';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -28,9 +28,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function useImageCarousel(_ref) {
-  var _ref2;
-  var productId = _ref.productId,
-    productIds = _ref.productIds,
+  var productIds = _ref.productIds,
     settings = _ref.settings;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -48,7 +46,7 @@ function useImageCarousel(_ref) {
     openComponent = _useDivaCore.actions.openComponent;
   useCss(settings);
   var _useProductData = useProductData({
-      productIds: (_ref2 = productId !== null && productId !== void 0 ? productId : productIds) !== null && _ref2 !== void 0 ? _ref2 : undefined,
+      productIds: productIds,
       widgetType: 'IMAGECAROUSEL'
     }),
     getProductsByDivaNrs = _useProductData.getProductsByDivaNrs,
@@ -83,7 +81,7 @@ function useImageCarousel(_ref) {
   };
   useEffect(function () {
     var loadMockups = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _settings$mediaFuncti, mediaFunctionType, foundMedia, _foundMedia, _foundMedia2;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -157,13 +155,13 @@ function useImageCarousel(_ref) {
         }, _callee, null, [[0, 28, 32, 35]]);
       }));
       return function loadMockups() {
-        return _ref3.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }();
-    if (selectedProduct && (productId || productIds !== null && productIds !== void 0 && productIds.length)) {
+    if (selectedProduct && productIds !== null && productIds !== void 0 && productIds.length) {
       loadMockups();
     }
-  }, [selectedProduct, productId, productIds]);
+  }, [selectedProduct, productIds]);
   return {
     media: media,
     error: error,
@@ -384,7 +382,7 @@ function useImageCarousel(_ref) {
           case 3:
             _context7.next = 5;
             return Promise.all(similarProductsDivaNr.map(/*#__PURE__*/function () {
-              var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(divaNr) {
+              var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(divaNr) {
                 var _divaNrParts$;
                 var divaNrParts;
                 return _regeneratorRuntime.wrap(function _callee3$(_context6) {
@@ -402,7 +400,7 @@ function useImageCarousel(_ref) {
                 }, _callee3);
               }));
               return function (_x9) {
-                return _ref4.apply(this, arguments);
+                return _ref3.apply(this, arguments);
               };
             }()));
           case 5:
@@ -440,13 +438,14 @@ function useImageCarousel(_ref) {
   }
   function _getSimpleProductList() {
     _getSimpleProductList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(productIds, mediaFunctionType, description) {
-      var products;
+      var productIdsArray, products;
       return _regeneratorRuntime.wrap(function _callee5$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
-            _context8.next = 2;
-            return getSimpleProductListByIds(productIds);
-          case 2:
+            productIdsArray = Array.isArray(productIds) ? productIds : productIds.split(';');
+            _context8.next = 3;
+            return getSimpleProductListByIds(productIdsArray);
+          case 3:
             products = _context8.sent;
             return _context8.abrupt("return", products.data.map(function (p) {
               var _p$media$find$url, _p$media, _p$description;
@@ -458,7 +457,7 @@ function useImageCarousel(_ref) {
                 description: description ? (_p$description = p[description]) !== null && _p$description !== void 0 ? _p$description : description : undefined
               };
             }));
-          case 4:
+          case 5:
           case "end":
             return _context8.stop();
         }
@@ -660,12 +659,15 @@ function MainComponent(props) {
 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;
+  var productIds = useMemo(function () {
+    var _parameters$productId, _parameters$productId2;
+    return (_parameters$productId = parameters === null || parameters === void 0 || (_parameters$productId2 = parameters.productIds) === null || _parameters$productId2 === void 0 ? void 0 : _parameters$productId2.split(';')) !== null && _parameters$productId !== void 0 ? _parameters$productId : [];
+  }, [parameters === null || parameters === void 0 ? void 0 : parameters.productIds]);
   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 : ''
+    productIds: productIds
   });
 };
 var ImageCarouselComponent = function ImageCarouselComponent(props) {

package/build/types/widget-image-carousel/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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAG/E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAO5D,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/types/index.d.ts

@@ -2,8 +2,7 @@ import { BaseConfiguration } from '@crystaldesign/widget-library';
 import { SwiperProps } from 'swiper/react';
 export interface ImageCarouselProps {
     settings: Configuration;
-    productId?: string;
-    productIds?: string[];
+    productIds: string | string[];
 }
 export interface Configuration extends BaseConfiguration {
     type: 'WALL_MOCKUPS' | 'SIMILAR_PRODUCTS' | 'SIMPLE_PRODUCT_LIST';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,EAAE,cAAc,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,mBAAmB,CAAC,EAAE;QACpB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,EAAE,cAAc,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,mBAAmB,CAAC,EAAE;QACpB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB"}

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

@@ -1,5 +1,5 @@
 import { ImageCarouselProps, Media } from './types';
-export declare function useImageCarousel({ productId, productIds, settings }: ImageCarouselProps): {
+export declare function useImageCarousel({ productIds, settings }: ImageCarouselProps): {
     media: Media[];
     error: Error | undefined;
     loading: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useImageCarousel.d.ts","sourceRoot":"","sources":["../../../../src/useImageCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKpD,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;gCAiBxE,MAAM;EA0LrB"}
+{"version":3,"file":"useImageCarousel.d.ts","sourceRoot":"","sources":["../../../../src/useImageCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKpD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;gCAiB7D,MAAM;EA2LrB"}