@bikdotai/bik-component-library 0.0.439-beta.ppis-10 → 0.0.439-beta.ppis-12

package/dist/cjs/components/product-picker-v2/reducers.d.ts

@@ -14,4 +14,5 @@ export interface CollectionsActions {
     };
 }
 export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
+export declare function paginationReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
 export declare const CollectionIdContext: import("react").Context<string>;

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.selectedColectionsReducer=function(e,o){var a,c,d,l,s,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===(l=null===(d=null==r?void 0:r[u])||void 0===d?void 0:d.products)||void 0===l?void 0:l[i])||((null===(s=null==r?void 0:r[u])||void 0===s?void 0:s.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":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}};

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

package/dist/cjs/components/product-picker-v2/useFetchFbStatus copy.d.ts

@@ -1,2 +1,2 @@
 import { FbStatusFetcherReturn, SelectedItems } from './modal';
-export declare const fetchFbStatus: (data: SelectedItems, storeId: string, setCurScreenData: React.Dispatch<React.SetStateAction<SelectedItems>>, fbStatusFetcher?: ((storeId: string, variantIds: string[]) => FbStatusFetcherReturn) | undefined) => void;
+export declare const fetchFbStatus: (data: SelectedItems, storeId: string, dispatchCurScreenData: any, fbStatusFetcher?: ((storeId: string, variantIds: string[]) => FbStatusFetcherReturn) | undefined) => void;

package/dist/cjs/components/product-picker-v2/useFetchFbStatus copy.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react");exports.fetchFbStatus=(v,i,l,d)=>{if(!d){const o=v;Object.keys(o).forEach((v=>{var i,l;const d=null!==(l=null===(i=o[v])||void 0===i?void 0:i.products)&&void 0!==l?l:{};Object.keys(d).forEach((i=>{var l,d,n,t;const s=null!==(t=null===(n=null===(d=null===(l=o[v])||void 0===l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===n?void 0:n.variants)&&void 0!==t?t:{};Object.keys(s).forEach((l=>{var d,n,t,s;const c=null===(s=null===(t=null===(n=null===(d=o[v])||void 0===d?void 0:d.products)||void 0===n?void 0:n[i])||void 0===t?void 0:t.variants)||void 0===s?void 0:s[l];c&&(c.fbStatus="APPROVED")}))}))})),l(o)}const n=(o=>{const v=[];return Object.keys(o).forEach((i=>{var l,d;const n=null!==(d=null===(l=o[i])||void 0===l?void 0:l.products)&&void 0!==d?d:{};Object.keys(n).forEach((l=>{var d,n,t,s;const c=null!==(s=null===(t=null===(n=null===(d=o[i])||void 0===d?void 0:d.products)||void 0===n?void 0:n[l])||void 0===t?void 0:t.variants)&&void 0!==s?s:{};Object.keys(c).forEach((d=>{var n,t,s,c;const u=null===(c=null===(s=null===(t=null===(n=o[i])||void 0===n?void 0:n.products)||void 0===t?void 0:t[l])||void 0===s?void 0:s.variants)||void 0===c?void 0:c[d];(null==u?void 0:u.fbStatus)||v.push(d)}))}))})),v})(v);console.log("vj: variantids",n),n.length>0&&d&&d(i,n).then((i=>{const d=Object.assign({},v);Object.keys(d).forEach((o=>{var v,l;const n=null!==(l=null===(v=d[o])||void 0===v?void 0:v.products)&&void 0!==l?l:{};Object.keys(n).forEach((v=>{var l,n,t,s;const c=null!==(s=null===(t=null===(n=null===(l=d[o])||void 0===l?void 0:l.products)||void 0===n?void 0:n[v])||void 0===t?void 0:t.variants)&&void 0!==s?s:{};Object.keys(c).forEach((l=>{var n,t,s,c;const u=null===(c=null===(s=null===(t=null===(n=d[o])||void 0===n?void 0:n.products)||void 0===t?void 0:t[v])||void 0===s?void 0:s.variants)||void 0===c?void 0:c[l];u&&"REJECTED"===i[l]?u.fbStatus="REJECTED":u&&"APPROVED"===i[l]&&(u.fbStatus="APPROVED")}))}))})),console.log("variantids",d);o.useMemo((()=>()=>{l((o=>Object.assign(Object.assign({},o),d)))}),[])()})).catch((o=>{const i=Object.assign({},v);Object.keys(i).forEach((o=>{var v,l;const d=null!==(l=null===(v=i[o])||void 0===v?void 0:v.products)&&void 0!==l?l:{};Object.keys(d).forEach((v=>{var l,d,n,t;const s=null!==(t=null===(n=null===(d=null===(l=i[o])||void 0===l?void 0:l.products)||void 0===d?void 0:d[v])||void 0===n?void 0:n.variants)&&void 0!==t?t:{};Object.keys(s).forEach((l=>{var d,n,t,s;const c=null===(s=null===(t=null===(n=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===n?void 0:n[v])||void 0===t?void 0:t.variants)||void 0===s?void 0:s[l];c&&(c.fbStatus="APPROVED")}))}))})),console.log("vj: variantids",i),l(i)}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.fetchFbStatus=(o,v,d,i)=>{if(!i){const v=o;Object.keys(v).forEach((o=>{var d,i;const l=null!==(i=null===(d=v[o])||void 0===d?void 0:d.products)&&void 0!==i?i:{};Object.keys(l).forEach((d=>{var i,l,t,n;const s=null!==(n=null===(t=null===(l=null===(i=v[o])||void 0===i?void 0:i.products)||void 0===l?void 0:l[d])||void 0===t?void 0:t.variants)&&void 0!==n?n:{};Object.keys(s).forEach((i=>{var l,t,n,s;const u=null===(s=null===(n=null===(t=null===(l=v[o])||void 0===l?void 0:l.products)||void 0===t?void 0:t[d])||void 0===n?void 0:n.variants)||void 0===s?void 0:s[i];u&&(u.fbStatus="APPROVED")}))}))})),d({type:"update",data:v})}const l=(o=>{const v=[];return Object.keys(o).forEach((d=>{var i,l;const t=null!==(l=null===(i=o[d])||void 0===i?void 0:i.products)&&void 0!==l?l:{};Object.keys(t).forEach((i=>{var l,t,n,s;const u=null!==(s=null===(n=null===(t=null===(l=o[d])||void 0===l?void 0:l.products)||void 0===t?void 0:t[i])||void 0===n?void 0:n.variants)&&void 0!==s?s:{};Object.keys(u).forEach((l=>{var t,n,s,u;const a=null===(u=null===(s=null===(n=null===(t=o[d])||void 0===t?void 0:t.products)||void 0===n?void 0:n[i])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[l];(null==a?void 0:a.fbStatus)||v.push(l)}))}))})),v})(o);console.log("vj: variantids",l),l.length>0&&i&&i(v,l).then((v=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var d,l;const t=null!==(l=null===(d=i[o])||void 0===d?void 0:d.products)&&void 0!==l?l:{};Object.keys(t).forEach((d=>{var l,t,n,s;const u=null!==(s=null===(n=null===(t=null===(l=i[o])||void 0===l?void 0:l.products)||void 0===t?void 0:t[d])||void 0===n?void 0:n.variants)&&void 0!==s?s:{};Object.keys(u).forEach((l=>{var t,n,s,u;const a=null===(u=null===(s=null===(n=null===(t=i[o])||void 0===t?void 0:t.products)||void 0===n?void 0:n[d])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[l];a&&"REJECTED"===v[l]?a.fbStatus="REJECTED":a&&"APPROVED"===v[l]&&(a.fbStatus="APPROVED")}))}))})),console.log("variantids",i),d({type:"update",data:i})})).catch((v=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var v,d;const l=null!==(d=null===(v=i[o])||void 0===v?void 0:v.products)&&void 0!==d?d:{};Object.keys(l).forEach((v=>{var d,l,t,n;const s=null!==(n=null===(t=null===(l=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===l?void 0:l[v])||void 0===t?void 0:t.variants)&&void 0!==n?n:{};Object.keys(s).forEach((d=>{var l,t,n,s;const u=null===(s=null===(n=null===(t=null===(l=i[o])||void 0===l?void 0:l.products)||void 0===t?void 0:t[v])||void 0===n?void 0:n.variants)||void 0===s?void 0:s[d];u&&(u.fbStatus="APPROVED")}))}))})),console.log("vj: variantids",i),d({type:"update",data:i})}))};

package/dist/esm/components/product-picker-v2/reducers.d.ts

@@ -14,4 +14,5 @@ export interface CollectionsActions {
     };
 }
 export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
+export declare function paginationReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
 export declare const CollectionIdContext: import("react").Context<string>;

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

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

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

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

package/dist/esm/components/product-picker-v2/useFetchFbStatus copy.d.ts

@@ -1,2 +1,2 @@
 import { FbStatusFetcherReturn, SelectedItems } from './modal';
-export declare const fetchFbStatus: (data: SelectedItems, storeId: string, setCurScreenData: React.Dispatch<React.SetStateAction<SelectedItems>>, fbStatusFetcher?: ((storeId: string, variantIds: string[]) => FbStatusFetcherReturn) | undefined) => void;
+export declare const fetchFbStatus: (data: SelectedItems, storeId: string, dispatchCurScreenData: any, fbStatusFetcher?: ((storeId: string, variantIds: string[]) => FbStatusFetcherReturn) | undefined) => void;

package/dist/esm/components/product-picker-v2/useFetchFbStatus copy.js

@@ -1 +1 @@
-import{useMemo as o}from"react";const v=(v,i,l,d)=>{if(!d){const o=v;Object.keys(o).forEach((v=>{var i,l;const d=null!==(l=null===(i=o[v])||void 0===i?void 0:i.products)&&void 0!==l?l:{};Object.keys(d).forEach((i=>{var l,d,n,t;const s=null!==(t=null===(n=null===(d=null===(l=o[v])||void 0===l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===n?void 0:n.variants)&&void 0!==t?t:{};Object.keys(s).forEach((l=>{var d,n,t,s;const c=null===(s=null===(t=null===(n=null===(d=o[v])||void 0===d?void 0:d.products)||void 0===n?void 0:n[i])||void 0===t?void 0:t.variants)||void 0===s?void 0:s[l];c&&(c.fbStatus="APPROVED")}))}))})),l(o)}const n=(o=>{const v=[];return Object.keys(o).forEach((i=>{var l,d;const n=null!==(d=null===(l=o[i])||void 0===l?void 0:l.products)&&void 0!==d?d:{};Object.keys(n).forEach((l=>{var d,n,t,s;const c=null!==(s=null===(t=null===(n=null===(d=o[i])||void 0===d?void 0:d.products)||void 0===n?void 0:n[l])||void 0===t?void 0:t.variants)&&void 0!==s?s:{};Object.keys(c).forEach((d=>{var n,t,s,c;const u=null===(c=null===(s=null===(t=null===(n=o[i])||void 0===n?void 0:n.products)||void 0===t?void 0:t[l])||void 0===s?void 0:s.variants)||void 0===c?void 0:c[d];(null==u?void 0:u.fbStatus)||v.push(d)}))}))})),v})(v);console.log("vj: variantids",n),n.length>0&&d&&d(i,n).then((i=>{const d=Object.assign({},v);Object.keys(d).forEach((o=>{var v,l;const n=null!==(l=null===(v=d[o])||void 0===v?void 0:v.products)&&void 0!==l?l:{};Object.keys(n).forEach((v=>{var l,n,t,s;const c=null!==(s=null===(t=null===(n=null===(l=d[o])||void 0===l?void 0:l.products)||void 0===n?void 0:n[v])||void 0===t?void 0:t.variants)&&void 0!==s?s:{};Object.keys(c).forEach((l=>{var n,t,s,c;const u=null===(c=null===(s=null===(t=null===(n=d[o])||void 0===n?void 0:n.products)||void 0===t?void 0:t[v])||void 0===s?void 0:s.variants)||void 0===c?void 0:c[l];u&&"REJECTED"===i[l]?u.fbStatus="REJECTED":u&&"APPROVED"===i[l]&&(u.fbStatus="APPROVED")}))}))})),console.log("variantids",d);o((()=>()=>{l((o=>Object.assign(Object.assign({},o),d)))}),[])()})).catch((o=>{const i=Object.assign({},v);Object.keys(i).forEach((o=>{var v,l;const d=null!==(l=null===(v=i[o])||void 0===v?void 0:v.products)&&void 0!==l?l:{};Object.keys(d).forEach((v=>{var l,d,n,t;const s=null!==(t=null===(n=null===(d=null===(l=i[o])||void 0===l?void 0:l.products)||void 0===d?void 0:d[v])||void 0===n?void 0:n.variants)&&void 0!==t?t:{};Object.keys(s).forEach((l=>{var d,n,t,s;const c=null===(s=null===(t=null===(n=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===n?void 0:n[v])||void 0===t?void 0:t.variants)||void 0===s?void 0:s[l];c&&(c.fbStatus="APPROVED")}))}))})),console.log("vj: variantids",i),l(i)}))};export{v as fetchFbStatus};
+const o=(o,v,d,i)=>{if(!i){const v=o;Object.keys(v).forEach((o=>{var d,i;const l=null!==(i=null===(d=v[o])||void 0===d?void 0:d.products)&&void 0!==i?i:{};Object.keys(l).forEach((d=>{var i,l,t,n;const s=null!==(n=null===(t=null===(l=null===(i=v[o])||void 0===i?void 0:i.products)||void 0===l?void 0:l[d])||void 0===t?void 0:t.variants)&&void 0!==n?n:{};Object.keys(s).forEach((i=>{var l,t,n,s;const a=null===(s=null===(n=null===(t=null===(l=v[o])||void 0===l?void 0:l.products)||void 0===t?void 0:t[d])||void 0===n?void 0:n.variants)||void 0===s?void 0:s[i];a&&(a.fbStatus="APPROVED")}))}))})),d({type:"update",data:v})}const l=(o=>{const v=[];return Object.keys(o).forEach((d=>{var i,l;const t=null!==(l=null===(i=o[d])||void 0===i?void 0:i.products)&&void 0!==l?l:{};Object.keys(t).forEach((i=>{var l,t,n,s;const a=null!==(s=null===(n=null===(t=null===(l=o[d])||void 0===l?void 0:l.products)||void 0===t?void 0:t[i])||void 0===n?void 0:n.variants)&&void 0!==s?s:{};Object.keys(a).forEach((l=>{var t,n,s,a;const u=null===(a=null===(s=null===(n=null===(t=o[d])||void 0===t?void 0:t.products)||void 0===n?void 0:n[i])||void 0===s?void 0:s.variants)||void 0===a?void 0:a[l];(null==u?void 0:u.fbStatus)||v.push(l)}))}))})),v})(o);console.log("vj: variantids",l),l.length>0&&i&&i(v,l).then((v=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var d,l;const t=null!==(l=null===(d=i[o])||void 0===d?void 0:d.products)&&void 0!==l?l:{};Object.keys(t).forEach((d=>{var l,t,n,s;const a=null!==(s=null===(n=null===(t=null===(l=i[o])||void 0===l?void 0:l.products)||void 0===t?void 0:t[d])||void 0===n?void 0:n.variants)&&void 0!==s?s:{};Object.keys(a).forEach((l=>{var t,n,s,a;const u=null===(a=null===(s=null===(n=null===(t=i[o])||void 0===t?void 0:t.products)||void 0===n?void 0:n[d])||void 0===s?void 0:s.variants)||void 0===a?void 0:a[l];u&&"REJECTED"===v[l]?u.fbStatus="REJECTED":u&&"APPROVED"===v[l]&&(u.fbStatus="APPROVED")}))}))})),console.log("variantids",i),d({type:"update",data:i})})).catch((v=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var v,d;const l=null!==(d=null===(v=i[o])||void 0===v?void 0:v.products)&&void 0!==d?d:{};Object.keys(l).forEach((v=>{var d,l,t,n;const s=null!==(n=null===(t=null===(l=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===l?void 0:l[v])||void 0===t?void 0:t.variants)&&void 0!==n?n:{};Object.keys(s).forEach((d=>{var l,t,n,s;const a=null===(s=null===(n=null===(t=null===(l=i[o])||void 0===l?void 0:l.products)||void 0===t?void 0:t[v])||void 0===n?void 0:n.variants)||void 0===s?void 0:s[d];a&&(a.fbStatus="APPROVED")}))}))})),console.log("vj: variantids",i),d({type:"update",data:i})}))};export{o as fetchFbStatus};

package/package.json

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