@bikdotai/bik-component-library 0.0.439-beta.ppis-13 → 0.0.439-beta.ppis-15

package/dist/cjs/components/product-picker-v2/reducers.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let o={};switch(e.type){case"fetched":return o=Object.assign({},e.data),o;case"productsFetched":return console.log("vj: productsFetched",{collections:t,action:e}),o=Object.assign({},t),o[e.data.collectionId].products=e.data.products,console.log("vj: collectionsCopy",{collectionsCopy:o}),o;case"paged":return console.log("vj: paged",{collections:t,action:e}),o=Object.assign(Object.assign({},t),e.data),o;case"productsPaged":return console.log("vj: pagedProducts",{collections:t,action:e}),o=Object.assign({},t),e.data.collectionId,o[e.data.collectionId].products=Object.assign(Object.assign({},o[e.data.collectionId].products),e.data.products),o;default:return{}}},exports.paginationReducer=function(e,o){let a={};switch(console.log("vj: selected Items",e),o.type){case"paginate":a=t.cloneDeep(e);for(const t in o.data)if(Object.prototype.hasOwnProperty.call(o.data,t)){const e=o.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const o=a[t];a[t]=Object.assign(Object.assign({},o),{products:Object.assign(Object.assign({},o.products),e.products)})}else a[t]=e}return console.log("vj: collections copy",a),a;case"update":return a=Object.assign(Object.assign({},e),o.data),a;default:return e}},exports.selectedColectionsReducer=function(e,o){var a,c,s,d,l,n;let r={},i="",u="",p="";switch(console.log("vj: selected Items",e),o.type){case"selected":return console.log("vj: selectedColectionsReducer selected",o),r=t.cloneDeep(e),o.data.val.isSmartCollection&&(o.data.isRestricted&&(r={}),r.isCustom=!0),r[o.data.id]=o.data.val,r;case"unselected":return r=t.cloneDeep(e),(null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[o.data.id],r;case"productUnselected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,delete r[u].products[i],Object.keys(r[u].products).length||((null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[u]),r;case"productSelected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,(null===(a=o.data.catalogOnlyData)||void 0===a?void 0:a.isSmartCollection)&&(o.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=o.data.catalogOnlyData,r[u].products={}),r[u].products[i]=o.data.product,r;case"variantSelected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,p=o.data.variantId,(null===(c=o.data.catalogOnlyData)||void 0===c?void 0:c.isSmartCollection)&&(o.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=o.data.catalogOnlyData,r[u].products={},r[u].products[i]=o.data.productOnlyData,r[u].products[i].variants={}),(null===(d=null===(s=null==r?void 0:r[u])||void 0===s?void 0:s.products)||void 0===d?void 0:d[i])||((null===(l=null==r?void 0:r[u])||void 0===l?void 0:l.products)||(r[u].products={}),r[u].products[i]=o.data.productOnlyData,r[u].products[i].variants={}),r[u].products[i].variants[p]=o.data.variant,r;case"variantUnselected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,p=o.data.variantId,delete r[u].products[i].variants[p],Object.keys(r[u].products[i].variants).length||(delete r[u].products[i],Object.keys(r[u].products).length||((null===(n=r[u])||void 0===n?void 0:n.isSmartCollection)&&(r.isCustom=!1),delete r[u])),r;case"reset":return{};default:return e}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let o={};switch(e.type){case"fetched":return o=Object.assign({},e.data),o;case"productsFetched":return console.log("vj: productsFetched",{collections:t,action:e}),o=Object.assign({},t),o[e.data.collectionId].products=e.data.products,console.log("vj: collectionsCopy",{collectionsCopy:o}),o;case"paged":return console.log("vj: paged",{collections:t,action:e}),o=Object.assign(Object.assign({},t),e.data),o;case"productsPaged":return console.log("vj: pagedProducts",{collections:t,action:e}),o=Object.assign({},t),e.data.collectionId,o[e.data.collectionId].products=Object.assign(Object.assign({},o[e.data.collectionId].products),e.data.products),o;default:return{}}},exports.paginationReducer=function(e,o){let a={};switch(console.log("vj: selected Items",e),o.type){case"paginate":console.log("vj: paginate",o),a=t.cloneDeep(e);for(const t in o.data)if(Object.prototype.hasOwnProperty.call(o.data,t)){const e=o.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const o=a[t];a[t]=Object.assign(Object.assign({},o),{products:Object.assign(Object.assign({},o.products),e.products)})}else a[t]=e}return console.log("vj: collections copy",a),a;case"update":return console.log("vj: update",o),a=Object.assign(Object.assign({},e),o.data),console.log("vj: update collection",o),a;default:return e}},exports.selectedColectionsReducer=function(e,o){var a,c,s,d,l,n;let r={},i="",u="",p="";switch(console.log("vj: selected Items",e),o.type){case"selected":return console.log("vj: selectedColectionsReducer selected",o),r=t.cloneDeep(e),o.data.val.isSmartCollection&&(o.data.isRestricted&&(r={}),r.isCustom=!0),r[o.data.id]=o.data.val,r;case"unselected":return r=t.cloneDeep(e),(null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[o.data.id],r;case"productUnselected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,delete r[u].products[i],Object.keys(r[u].products).length||((null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[u]),r;case"productSelected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,(null===(a=o.data.catalogOnlyData)||void 0===a?void 0:a.isSmartCollection)&&(o.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=o.data.catalogOnlyData,r[u].products={}),r[u].products[i]=o.data.product,r;case"variantSelected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,p=o.data.variantId,(null===(c=o.data.catalogOnlyData)||void 0===c?void 0:c.isSmartCollection)&&(o.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=o.data.catalogOnlyData,r[u].products={},r[u].products[i]=o.data.productOnlyData,r[u].products[i].variants={}),(null===(d=null===(s=null==r?void 0:r[u])||void 0===s?void 0:s.products)||void 0===d?void 0:d[i])||((null===(l=null==r?void 0:r[u])||void 0===l?void 0:l.products)||(r[u].products={}),r[u].products[i]=o.data.productOnlyData,r[u].products[i].variants={}),r[u].products[i].variants[p]=o.data.variant,r;case"variantUnselected":return r=t.cloneDeep(e),i=o.data.productId,u=o.data.collectionId,p=o.data.variantId,delete r[u].products[i].variants[p],Object.keys(r[u].products[i].variants).length||(delete r[u].products[i],Object.keys(r[u].products).length||((null===(n=r[u])||void 0===n?void 0:n.isSmartCollection)&&(r.isCustom=!1),delete r[u])),r;case"reset":return{};default:return e}};

package/dist/cjs/components/product-picker-v2/selectedScreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),o=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),c=require("./emptyState.js"),n=require("./productScreen.js"),l=require("./reducers.js"),i=require("./style.js"),u=require("./useFetchFbStatus copy.js"),d=require("./utility.js");exports.SelectedScreen=a=>{const{selectedCollections:v,selectedCollectionsDispatch:p,setScreen:j,collections:b,outOfStockAction:g,storeId:f,fbStatusFetcher:y}=a,h=r.useRef(0),S=r.useRef(null),[O,x]=r.useReducer(l.paginationReducer,(()=>{const e=d.paginateSelectedItems(v,10,0);return h.current=1,e})());r.useEffect((()=>{h.current+=1}),[]),r.useEffect((()=>{console.log("vj: observertarget",S.current);const e=new IntersectionObserver((e=>{if(console.log("vj: observertargetinside",e),e[0].isIntersecting&&(console.log("vj: nextPageRef",h.current),h.current>0)){const e=d.paginateSelectedItems(v,10,h.current);console.log("paginated inside observer target",{paginatedProducts:e,selectedCollections:v,curScreenData:O});const t=O;for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)){const o=e[r];if(Object.prototype.hasOwnProperty.call(t,r)){const e=t[r];t[r]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),o.products)})}else t[r]=o}x({type:"paginate",data:t}),u.fetchFbStatus(t,f,x,y),h.current+=1}}),{threshold:1});return S.current&&e.observe(S.current),()=>{S.current&&e.unobserve(S.current)}}),[S,v,O]);const q=(e,t)=>{var r,o,s,c,n,l,i,u,d;let a=0,p=0;return!!((null===(o=null===(r=null==v?void 0:v[e])||void 0===r?void 0:r.products)||void 0===o?void 0:o[t])&&(null===(l=Object.keys((null===(n=null===(c=null===(s=null==b?void 0:b[e])||void 0===s?void 0:s.products)||void 0===c?void 0:c[t])||void 0===n?void 0:n.variants)||[]))||void 0===l||l.forEach((()=>p++)),Object.keys((null===(d=null===(u=null===(i=null==v?void 0:v[e])||void 0===i?void 0:i.products)||void 0===u?void 0:u[t])||void 0===d?void 0:d.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};return e.jsxs("div",{children:[e.jsxs(i.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxs("div",{children:[Object.keys(O).length>0?e.jsx(e.Fragment,{children:Object.keys(O).map((t=>{var r;return Object.keys((null===(r=null==O?void 0:O[t])||void 0===r?void 0:r.products)||[]).map((r=>{let o=!1;return(null==O?void 0:O.isCustom)&&(o=!0),e.jsx(n.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:O[t].products[r],isProductPartiallyChecked:q(t,r),selectedData:v,selectedCollectionsDispatch:p,viewOnly:o,outOfStockAction:g},r)}))}))}):e.jsx(c.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsx("div",{ref:S})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),o=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),c=require("./emptyState.js"),n=require("./productScreen.js"),l=require("./reducers.js"),i=require("./style.js"),u=require("./useFetchFbStatus copy.js"),d=require("./utility.js");exports.SelectedScreen=a=>{const{selectedCollections:v,selectedCollectionsDispatch:p,setScreen:j,collections:S,outOfStockAction:f,storeId:g,fbStatusFetcher:h}=a,b=r.useRef(0),y=r.useRef(null),[x,q]=r.useReducer(l.paginationReducer,(()=>{console.log("initial");const e=d.paginateSelectedItems(v,10,0);return u.fetchFbStatus(e,g,q,h),b.current+=1,e})());r.useEffect((()=>{b.current=0}),[]),r.useEffect((()=>{console.log("vj: observertarget",y.current);const e=new IntersectionObserver((e=>{if(console.log("vj: observertargetinside",e),e[0].isIntersecting&&(console.log("vj: nextPageRef",b.current),b.current>0)){const e=d.paginateSelectedItems(v,10,b.current);console.log("paginated inside observer target",{paginatedProducts:e,selectedCollections:v,curScreenData:x}),q({type:"paginate",data:e}),u.fetchFbStatus(e,g,q,h),b.current+=1}}),{threshold:1});return y.current&&e.observe(y.current),()=>{y.current&&e.unobserve(y.current)}}),[y]);const I=(e,t)=>{var r,o,s,c,n,l,i,u,d;let a=0,p=0;return!!((null===(o=null===(r=null==v?void 0:v[e])||void 0===r?void 0:r.products)||void 0===o?void 0:o[t])&&(null===(l=Object.keys((null===(n=null===(c=null===(s=null==S?void 0:S[e])||void 0===s?void 0:s.products)||void 0===c?void 0:c[t])||void 0===n?void 0:n.variants)||[]))||void 0===l||l.forEach((()=>p++)),Object.keys((null===(d=null===(u=null===(i=null==v?void 0:v[e])||void 0===i?void 0:i.products)||void 0===u?void 0:u[t])||void 0===d?void 0:d.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};return e.jsxs("div",{children:[e.jsxs(i.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxs("div",{children:[Object.keys(x).length>0?e.jsx(e.Fragment,{children:Object.keys(x).map((t=>{var r;return Object.keys((null===(r=null==x?void 0:x[t])||void 0===r?void 0:r.products)||[]).map((r=>{let o=!1;return(null==x?void 0:x.isCustom)&&(o=!0),e.jsx(n.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:x[t].products[r],isProductPartiallyChecked:I(t,r),selectedData:v,selectedCollectionsDispatch:p,viewOnly:o,outOfStockAction:f},r)}))}))}):e.jsx(c.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsx("div",{ref:y})]})]})};

package/dist/esm/components/product-picker-v2/reducers.js

@@ -1 +1 @@
-import{cloneDeep as t}from"lodash";import{createContext as e}from"react";function a(e,a){var o,c,d,s,l,n;let r={},i="",u="",p="";switch(console.log("vj: selected Items",e),a.type){case"selected":return console.log("vj: selectedColectionsReducer selected",a),r=t(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(r={}),r.isCustom=!0),r[a.data.id]=a.data.val,r;case"unselected":return r=t(e),(null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[a.data.id],r;case"productUnselected":return r=t(e),i=a.data.productId,u=a.data.collectionId,delete r[u].products[i],Object.keys(r[u].products).length||((null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[u]),r;case"productSelected":return r=t(e),i=a.data.productId,u=a.data.collectionId,(null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(a.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=a.data.catalogOnlyData,r[u].products={}),r[u].products[i]=a.data.product,r;case"variantSelected":return r=t(e),i=a.data.productId,u=a.data.collectionId,p=a.data.variantId,(null===(c=a.data.catalogOnlyData)||void 0===c?void 0:c.isSmartCollection)&&(a.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=a.data.catalogOnlyData,r[u].products={},r[u].products[i]=a.data.productOnlyData,r[u].products[i].variants={}),(null===(s=null===(d=null==r?void 0:r[u])||void 0===d?void 0:d.products)||void 0===s?void 0:s[i])||((null===(l=null==r?void 0:r[u])||void 0===l?void 0:l.products)||(r[u].products={}),r[u].products[i]=a.data.productOnlyData,r[u].products[i].variants={}),r[u].products[i].variants[p]=a.data.variant,r;case"variantUnselected":return r=t(e),i=a.data.productId,u=a.data.collectionId,p=a.data.variantId,delete r[u].products[i].variants[p],Object.keys(r[u].products[i].variants).length||(delete r[u].products[i],Object.keys(r[u].products).length||((null===(n=r[u])||void 0===n?void 0:n.isSmartCollection)&&(r.isCustom=!1),delete r[u])),r;case"reset":return{};default:return e}}function o(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return console.log("vj: productsFetched",{collections:t,action:e}),a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,console.log("vj: collectionsCopy",{collectionsCopy:a}),a;case"paged":return console.log("vj: paged",{collections:t,action:e}),a=Object.assign(Object.assign({},t),e.data),a;case"productsPaged":return console.log("vj: pagedProducts",{collections:t,action:e}),a=Object.assign({},t),e.data.collectionId,a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;default:return{}}}function c(e,a){let o={};switch(console.log("vj: selected Items",e),a.type){case"paginate":o=t(e);for(const t in a.data)if(Object.prototype.hasOwnProperty.call(a.data,t)){const e=a.data[t];if(Object.prototype.hasOwnProperty.call(o,t)){const a=o[t];o[t]=Object.assign(Object.assign({},a),{products:Object.assign(Object.assign({},a.products),e.products)})}else o[t]=e}return console.log("vj: collections copy",o),o;case"update":return o=Object.assign(Object.assign({},e),a.data),o;default:return e}}const d=e("");export{d as CollectionIdContext,o as collectionsReducer,c as paginationReducer,a as selectedColectionsReducer};
+import{cloneDeep as t}from"lodash";import{createContext as e}from"react";function a(e,a){var o,c,d,s,l,n;let r={},i="",u="",p="";switch(console.log("vj: selected Items",e),a.type){case"selected":return console.log("vj: selectedColectionsReducer selected",a),r=t(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(r={}),r.isCustom=!0),r[a.data.id]=a.data.val,r;case"unselected":return r=t(e),(null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[a.data.id],r;case"productUnselected":return r=t(e),i=a.data.productId,u=a.data.collectionId,delete r[u].products[i],Object.keys(r[u].products).length||((null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[u]),r;case"productSelected":return r=t(e),i=a.data.productId,u=a.data.collectionId,(null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(a.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=a.data.catalogOnlyData,r[u].products={}),r[u].products[i]=a.data.product,r;case"variantSelected":return r=t(e),i=a.data.productId,u=a.data.collectionId,p=a.data.variantId,(null===(c=a.data.catalogOnlyData)||void 0===c?void 0:c.isSmartCollection)&&(a.data.isRestricted&&(r={}),r.isCustom=!0),(null==r?void 0:r[u])||(r[u]=a.data.catalogOnlyData,r[u].products={},r[u].products[i]=a.data.productOnlyData,r[u].products[i].variants={}),(null===(s=null===(d=null==r?void 0:r[u])||void 0===d?void 0:d.products)||void 0===s?void 0:s[i])||((null===(l=null==r?void 0:r[u])||void 0===l?void 0:l.products)||(r[u].products={}),r[u].products[i]=a.data.productOnlyData,r[u].products[i].variants={}),r[u].products[i].variants[p]=a.data.variant,r;case"variantUnselected":return r=t(e),i=a.data.productId,u=a.data.collectionId,p=a.data.variantId,delete r[u].products[i].variants[p],Object.keys(r[u].products[i].variants).length||(delete r[u].products[i],Object.keys(r[u].products).length||((null===(n=r[u])||void 0===n?void 0:n.isSmartCollection)&&(r.isCustom=!1),delete r[u])),r;case"reset":return{};default:return e}}function o(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return console.log("vj: productsFetched",{collections:t,action:e}),a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,console.log("vj: collectionsCopy",{collectionsCopy:a}),a;case"paged":return console.log("vj: paged",{collections:t,action:e}),a=Object.assign(Object.assign({},t),e.data),a;case"productsPaged":return console.log("vj: pagedProducts",{collections:t,action:e}),a=Object.assign({},t),e.data.collectionId,a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;default:return{}}}function c(e,a){let o={};switch(console.log("vj: selected Items",e),a.type){case"paginate":console.log("vj: paginate",a),o=t(e);for(const t in a.data)if(Object.prototype.hasOwnProperty.call(a.data,t)){const e=a.data[t];if(Object.prototype.hasOwnProperty.call(o,t)){const a=o[t];o[t]=Object.assign(Object.assign({},a),{products:Object.assign(Object.assign({},a.products),e.products)})}else o[t]=e}return console.log("vj: collections copy",o),o;case"update":return console.log("vj: update",a),o=Object.assign(Object.assign({},e),a.data),console.log("vj: update collection",a),o;default:return e}}const d=e("");export{d as CollectionIdContext,o as collectionsReducer,c as paginationReducer,a as selectedColectionsReducer};

package/dist/esm/components/product-picker-v2/selectedScreen.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import r from"../../assets/icons/arrow_left.svg.js";import{useRef as c,useReducer as n,useEffect as s}from"react";import{IconButton as l}from"../icon-button/IconButton.js";import{BodyCaption as i}from"../TypographyStyle.js";import{EmptyState as d}from"./emptyState.js";import{ProductGroup as u}from"./productScreen.js";import{paginationReducer as a}from"./reducers.js";import{SelectedScreenHeader as p}from"./style.js";import{fetchFbStatus as v}from"./useFetchFbStatus copy.js";import{paginateSelectedItems as m}from"./utility.js";const f=f=>{const{selectedCollections:j,selectedCollectionsDispatch:b,setScreen:g,collections:h,outOfStockAction:y,storeId:O,fbStatusFetcher:S}=f,k=c(0),P=c(null),[C,I]=n(a,(()=>{const t=m(j,10,0);return k.current=1,t})());s((()=>{k.current+=1}),[]),s((()=>{console.log("vj: observertarget",P.current);const t=new IntersectionObserver((t=>{if(console.log("vj: observertargetinside",t),t[0].isIntersecting&&(console.log("vj: nextPageRef",k.current),k.current>0)){const t=m(j,10,k.current);console.log("paginated inside observer target",{paginatedProducts:t,selectedCollections:j,curScreenData:C});const e=C;for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const r=t[o];if(Object.prototype.hasOwnProperty.call(e,o)){const t=e[o];e[o]=Object.assign(Object.assign({},t),{products:Object.assign(Object.assign({},t.products),r.products)})}else e[o]=r}I({type:"paginate",data:e}),v(e,O,I,S),k.current+=1}}),{threshold:1});return P.current&&t.observe(P.current),()=>{P.current&&t.unobserve(P.current)}}),[P,j,C]);const w=(t,e)=>{var o,r,c,n,s,l,i,d,u;let a=0,p=0;return!!((null===(r=null===(o=null==j?void 0:j[t])||void 0===o?void 0:o.products)||void 0===r?void 0:r[e])&&(null===(l=Object.keys((null===(s=null===(n=null===(c=null==h?void 0:h[t])||void 0===c?void 0:c.products)||void 0===n?void 0:n[e])||void 0===s?void 0:s.variants)||[]))||void 0===l||l.forEach((()=>p++)),Object.keys((null===(u=null===(d=null===(i=null==j?void 0:j[t])||void 0===i?void 0:i.products)||void 0===d?void 0:d[e])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};return t("div",{children:[t(p,{children:[e(l,{Icon:r,onClick:()=>{g("collections")}}),e(i,{children:"Selected Products"})]}),t("div",{children:[Object.keys(C).length>0?e(o,{children:Object.keys(C).map((t=>{var o;return Object.keys((null===(o=null==C?void 0:C[t])||void 0===o?void 0:o.products)||[]).map((o=>{let r=!1;return(null==C?void 0:C.isCustom)&&(r=!0),e(u,{upliftAdditions:null,collectionId:t,productId:o,data:C[t].products[o],isProductPartiallyChecked:w(t,o),selectedData:j,selectedCollectionsDispatch:b,viewOnly:r,outOfStockAction:y},o)}))}))}):e(d,{title:"No Products Selected",subtitle:"Select products will appear here"}),e("div",{ref:P})]})]})};export{f as SelectedScreen};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"../../assets/icons/arrow_left.svg.js";import{useRef as l,useReducer as c,useEffect as n}from"react";import{IconButton as i}from"../icon-button/IconButton.js";import{BodyCaption as s}from"../TypographyStyle.js";import{EmptyState as d}from"./emptyState.js";import{ProductGroup as u}from"./productScreen.js";import{paginationReducer as a}from"./reducers.js";import{SelectedScreenHeader as v}from"./style.js";import{fetchFbStatus as p}from"./useFetchFbStatus copy.js";import{paginateSelectedItems as m}from"./utility.js";const f=f=>{const{selectedCollections:j,selectedCollectionsDispatch:h,setScreen:g,collections:b,outOfStockAction:y,storeId:S,fbStatusFetcher:k}=f,O=l(0),C=l(null),[I,P]=c(a,(()=>{console.log("initial");const e=m(j,10,0);return p(e,S,P,k),O.current+=1,e})());n((()=>{O.current=0}),[]),n((()=>{console.log("vj: observertarget",C.current);const e=new IntersectionObserver((e=>{if(console.log("vj: observertargetinside",e),e[0].isIntersecting&&(console.log("vj: nextPageRef",O.current),O.current>0)){const e=m(j,10,O.current);console.log("paginated inside observer target",{paginatedProducts:e,selectedCollections:j,curScreenData:I}),P({type:"paginate",data:e}),p(e,S,P,k),O.current+=1}}),{threshold:1});return C.current&&e.observe(C.current),()=>{C.current&&e.unobserve(C.current)}}),[C]);const w=(e,t)=>{var o,r,l,c,n,i,s,d,u;let a=0,v=0;return!!((null===(r=null===(o=null==j?void 0:j[e])||void 0===o?void 0:o.products)||void 0===r?void 0:r[t])&&(null===(i=Object.keys((null===(n=null===(c=null===(l=null==b?void 0:b[e])||void 0===l?void 0:l.products)||void 0===c?void 0:c[t])||void 0===n?void 0:n.variants)||[]))||void 0===i||i.forEach((()=>v++)),Object.keys((null===(u=null===(d=null===(s=null==j?void 0:j[e])||void 0===s?void 0:s.products)||void 0===d?void 0:d[t])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&v!==a))};return e("div",{children:[e(v,{children:[t(i,{Icon:r,onClick:()=>{g("collections")}}),t(s,{children:"Selected Products"})]}),e("div",{children:[Object.keys(I).length>0?t(o,{children:Object.keys(I).map((e=>{var o;return Object.keys((null===(o=null==I?void 0:I[e])||void 0===o?void 0:o.products)||[]).map((o=>{let r=!1;return(null==I?void 0:I.isCustom)&&(r=!0),t(u,{upliftAdditions:null,collectionId:e,productId:o,data:I[e].products[o],isProductPartiallyChecked:w(e,o),selectedData:j,selectedCollectionsDispatch:h,viewOnly:r,outOfStockAction:y},o)}))}))}):t(d,{title:"No Products Selected",subtitle:"Select products will appear here"}),t("div",{ref:C})]})]})};export{f as SelectedScreen};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.439-beta.ppis-13",
+	"version": "0.0.439-beta.ppis-15",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",