@crystaldesign/products-component 24.14.0-beta.16 → 24.14.0-beta.18

package/build/cjs/index.js

@@ -332,15 +332,16 @@ function useProductState(_ref) {
     sort = _ref.sort,
     forcedFilter = _ref.forcedFilter,
     noFilter = _ref.noFilter,
-    scroller = _ref.scroller;
+    scroller = _ref.scroller,
+    favorites = _ref.favorites,
+    disabled = _ref.disabled,
+    onInitialized = _ref.onInitialized;
   var _useDivaCore = divaCore.useDivaCore(),
     productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
     isMobile = _useDivaCore$state$di.isMobile,
     height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait,
-    organization = _useDivaCore$state.organization;
+    isPortrait = _useDivaCore$state$di.isPortrait;
   var _useState = react.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     facets = _useState2[0],
@@ -375,12 +376,20 @@ function useProductState(_ref) {
     setTotal = _useState16[1];
   var INCREMENT = isMobile && isPortrait ? 6 : 50;
   var abortControlerRef = react.useRef();
-  var loadProducts = react.useCallback(function (page, currentFilter, currentSearch) {
+  var loadProducts = react.useCallback(function (page, currentFilter, currentSearch, onInitialized) {
     var _abortControlerRef$cu;
     if (!noFilter && (!Object.values(currentFilter).length || forcedFilter && !currentFilter[forcedFilter])) {
       return;
     }
     setLoadProducts(true);
+    if (disabled) {
+      setGroups([]);
+      setTotal(0);
+      setFacets({});
+      setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(true);
+      return;
+    }
 
     //abort previous request
     (_abortControlerRef$cu = abortControlerRef.current) === null || _abortControlerRef$cu === void 0 || _abortControlerRef$cu.abort();
@@ -389,17 +398,12 @@ function useProductState(_ref) {
     var skip = resetData ? 0 : groups.length;
     var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
-    filterObject.push({
-      id: 'availableForOrganizations',
-      op: 'eq',
-      value: organization._id
-    });
     productHandler.apiLoadProductVariantsGrouped({
       limit: limit,
       skip: skip,
       sort: sort,
       search: filterObject,
-      showAllProducts: false,
+      favorites: favorites,
       abortController: abortControlerRef.current
     }).then(function (result) {
       var _result$facet;
@@ -409,6 +413,7 @@ function useProductState(_ref) {
       setTotal(result.total);
       setFacets((_result$facet = result.facet) !== null && _result$facet !== void 0 ? _result$facet : {});
       setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(result.data.length == 0);
     })["catch"](function (err) {
       if (err !== 'Request cancelled') {
         throw err;
@@ -470,7 +475,7 @@ function useProductState(_ref) {
     };
   }(), 50), [hasNext, nextPage]);
   react.useEffect(function () {
-    loadProducts(0, filter, search);
+    loadProducts(0, filter, search, onInitialized);
   }, []);
   react.useEffect(function () {
     if (!scroller) return;

package/build/esm/index.js

@@ -316,15 +316,16 @@ function useProductState(_ref) {
     sort = _ref.sort,
     forcedFilter = _ref.forcedFilter,
     noFilter = _ref.noFilter,
-    scroller = _ref.scroller;
+    scroller = _ref.scroller,
+    favorites = _ref.favorites,
+    disabled = _ref.disabled,
+    onInitialized = _ref.onInitialized;
   var _useDivaCore = useDivaCore(),
     productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
     isMobile = _useDivaCore$state$di.isMobile,
     height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait,
-    organization = _useDivaCore$state.organization;
+    isPortrait = _useDivaCore$state$di.isPortrait;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     facets = _useState2[0],
@@ -359,12 +360,20 @@ function useProductState(_ref) {
     setTotal = _useState16[1];
   var INCREMENT = isMobile && isPortrait ? 6 : 50;
   var abortControlerRef = useRef();
-  var loadProducts = useCallback(function (page, currentFilter, currentSearch) {
+  var loadProducts = useCallback(function (page, currentFilter, currentSearch, onInitialized) {
     var _abortControlerRef$cu;
     if (!noFilter && (!Object.values(currentFilter).length || forcedFilter && !currentFilter[forcedFilter])) {
       return;
     }
     setLoadProducts(true);
+    if (disabled) {
+      setGroups([]);
+      setTotal(0);
+      setFacets({});
+      setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(true);
+      return;
+    }
 
     //abort previous request
     (_abortControlerRef$cu = abortControlerRef.current) === null || _abortControlerRef$cu === void 0 || _abortControlerRef$cu.abort();
@@ -373,17 +382,12 @@ function useProductState(_ref) {
     var skip = resetData ? 0 : groups.length;
     var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
-    filterObject.push({
-      id: 'availableForOrganizations',
-      op: 'eq',
-      value: organization._id
-    });
     productHandler.apiLoadProductVariantsGrouped({
       limit: limit,
       skip: skip,
       sort: sort,
       search: filterObject,
-      showAllProducts: false,
+      favorites: favorites,
       abortController: abortControlerRef.current
     }).then(function (result) {
       var _result$facet;
@@ -393,6 +397,7 @@ function useProductState(_ref) {
       setTotal(result.total);
       setFacets((_result$facet = result.facet) !== null && _result$facet !== void 0 ? _result$facet : {});
       setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(result.data.length == 0);
     })["catch"](function (err) {
       if (err !== 'Request cancelled') {
         throw err;
@@ -454,7 +459,7 @@ function useProductState(_ref) {
     };
   }(), 50), [hasNext, nextPage]);
   useEffect(function () {
-    loadProducts(0, filter, search);
+    loadProducts(0, filter, search, onInitialized);
   }, []);
   useEffect(function () {
     if (!scroller) return;

package/build/types/products-component/src/hooks/useProductState.d.ts

@@ -26,6 +26,9 @@ export interface ProductStateParams {
     forcedFilter?: string;
     noFilter?: boolean;
     scroller?: HTMLElement;
+    favorites?: boolean;
+    disabled?: boolean;
+    onInitialized?: (empty?: boolean) => void;
 }
-export default function useProductState({ parameters, sort, forcedFilter, noFilter, scroller }: ProductStateParams): ProductState;
+export default function useProductState({ parameters, sort, forcedFilter, noFilter, scroller, favorites, disabled, onInitialized, }: ProductStateParams): ProductState;
 //# sourceMappingURL=useProductState.d.ts.map

package/build/types/products-component/src/hooks/useProductState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProductState.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useProductState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK/D,MAAM,WAAW,MAAM;IACrB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EACN;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,YAAY,CA0IhI"}
+{"version":3,"file":"useProductState.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useProductState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK/D,MAAM,WAAW,MAAM;IACrB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EACN;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE,kBAAkB,GAAG,YAAY,CAiJnC"}