@bikdotai/bik-component-library 0.0.454-beta.ppi-5 → 0.0.454-beta.ppi-6

package/dist/cjs/components/product-picker-v2/rearrangeScreen.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"),s=require("react-beautiful-dnd"),c=require("../../constants/Theme.js"),o=require("../icon-button/IconButton.js"),n=require("../TypographyStyle.js"),i=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),l=require("./style.js"),d=require("./useFetchFbStatus.js"),u=require("./variantComponents.js");exports.RearrangeScreen=p=>{const{selectedCollections:j,selectedCollectionsDispatch:S,setScreen:h,rearrangeViewType:y,outOfStockAction:f,scrollContainerRef:x,storeId:q,fbStatusFetcher:C}=p,[O,b]=r.useState(a.parseSelectedVariantsToArray(j));r.useEffect((()=>{var e;null===(e=null==x?void 0:x.current)||void 0===e||e.scrollTo({top:0}),d.fetchFbStatusCollection(j,q,S,C),b(a.parseSelectedVariantsToArray(j))}),[j]);return e.jsxs(s.DragDropContext,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=O,[r]=t.splice(e.source.index,1);t.splice(e.destination.index,0,r),t.forEach(((e,t)=>{e.displayOrder=t})),b(t)}},{children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,width:16,height:16,color:c.COLORS.content.secondary,onClick:()=>{h("collections")}}),e.jsx(n.BodyCaption,Object.assign({color:c.COLORS.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===y?e.jsx(u.VariantsList,{selectedVariants:O,setSelectedVariants:b,selectedCollectionsDispatch:S,outOfStockAction:f}):e.jsx(u.VariantsGrid,{selectedVariants:O,setSelectedVariants:b,selectedCollectionsDispatch:S}):e.jsx(i.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};
+"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"),s=require("react-beautiful-dnd"),c=require("../../constants/Theme.js"),o=require("../icon-button/IconButton.js"),n=require("../TypographyStyle.js"),i=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),l=require("./style.js"),u=require("./useFetchFbStatus.js"),d=require("./variantComponents.js");exports.RearrangeScreen=p=>{const{selectedCollections:S,selectedCollectionsDispatch:j,setScreen:h,rearrangeViewType:f,outOfStockAction:y,scrollContainerRef:x,storeId:C,fbStatusFetcher:q}=p,[b,O]=r.useState(a.parseSelectedVariantsToArray(S));r.useEffect((()=>{var e;null===(e=null==x?void 0:x.current)||void 0===e||e.scrollTo({top:0}),u.fetchFbStatusCollection(S,C,j,q),O(a.parseSelectedVariantsToArray(S))}),[S]),r.useEffect((()=>{u.fetchFbStatusCollection(S,C,j,q)}),[]);return e.jsxs(s.DragDropContext,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=b,[r]=t.splice(e.source.index,1);t.splice(e.destination.index,0,r),t.forEach(((e,t)=>{e.displayOrder=t})),O(t)}},{children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,width:16,height:16,color:c.COLORS.content.secondary,onClick:()=>{h("collections")}}),e.jsx(n.BodyCaption,Object.assign({color:c.COLORS.content.secondary},{children:"All Products"}))]}),Object.keys(S).length>0?"list"===f?e.jsx(d.VariantsList,{selectedVariants:b,setSelectedVariants:O,selectedCollectionsDispatch:j,outOfStockAction:y}):e.jsx(d.VariantsGrid,{selectedVariants:b,setSelectedVariants:O,selectedCollectionsDispatch:j}):e.jsx(i.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};

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(t,e){let o={};switch(console.log("vj: selected Items",t),e.type){case"paginate":console.log("vj: paginate",e),o=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const a=e.data[t];if(Object.prototype.hasOwnProperty.call(o,t)){const e=o[t];o[t]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),a.products)})}else o[t]=a}return console.log("vj: collections copy",o),o;case"update":return console.log("vj: update",e),o=Object.assign({},t),console.log("vj: update collection",e),o;case"set":return o=Object.assign(Object.assign({},t),e.data),console.log("vj: update collection",e),o;case"filter":o={};for(const a in t)if(a in e.data){const c=Object.assign({},t[a]),s=e.data[a],d={};for(const t in c.products)if(t in s.products){const e=Object.assign({},c.products[t]),o=s.products[t],a={};for(const t in e.variants)t in o.variants&&(a[t]=Object.assign({},e.variants[t]));Object.keys(a).length>0&&(e.variants=a,d[t]=e)}Object.keys(d).length>0&&(c.products=d,o[a]=c)}return o;default:return t}},exports.searchReducer=function(t,e){return"set"===e.type?e.data:t},exports.selectedColectionsReducer=function(e,o){var a,c,s,d,n,l;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===(n=null==r?void 0:r[u])||void 0===n?void 0:n.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===(l=r[u])||void 0===l?void 0:l.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 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{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":console.log("vj: paginate",e),a=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const o=e.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const e=a[t];a[t]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),o.products)})}else a[t]=o}return console.log("vj: collections copy",a),a;case"update":return console.log("vj: update",e),a=Object.assign({},t),console.log("vj: update collection",e),a;case"set":return a=Object.assign(Object.assign({},t),e.data),console.log("vj: update collection",e),a;case"filter":a={};for(const o in t)if(o in e.data){const c=Object.assign({},t[o]),s=e.data[o],d={};for(const t in c.products)if(t in s.products){const e=Object.assign({},c.products[t]),a=s.products[t],o={};for(const t in e.variants)t in a.variants&&(o[t]=Object.assign({},e.variants[t]));Object.keys(o).length>0&&(e.variants=o,d[t]=e)}Object.keys(d).length>0&&(c.products=d,a[o]=c)}return a;default:return t}},exports.searchReducer=function(t,e){return"set"===e.type?e.data:t},exports.selectedColectionsReducer=function(e,a){var o,c,s,d,n,l;let r={},i="",u="",p="";switch(a.type){case"selected":return console.log("vj: selectedColectionsReducer selected",a),r=t.cloneDeep(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.cloneDeep(e),(null==r?void 0:r.isCustom)&&(r.isCustom=!1),delete r[a.data.id],r;case"productUnselected":return r=t.cloneDeep(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.cloneDeep(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.cloneDeep(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===(d=null===(s=null==r?void 0:r[u])||void 0===s?void 0:s.products)||void 0===d?void 0:d[i])||((null===(n=null==r?void 0:r[u])||void 0===n?void 0:n.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.cloneDeep(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===(l=r[u])||void 0===l?void 0:l.isSmartCollection)&&(r.isCustom=!1),delete r[u])),r;case"reset":return{};default:return e}};

package/dist/cjs/components/product-picker-v2/searchScreen.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"),o=require("react"),i=require("../icon-button/IconButton.js"),r=require("../TypographyStyle.js"),s=require("./emptyState.js"),c=require("./productScreen.js"),l=require("./style.js"),d=require("./useFetchFbStatus.js"),n=require("./utility.js");exports.SearchScreen=u=>{const{customCollectionRestriction:a,selectedCollections:v,searchedCollections:h,searchedCollectionsDispatch:p,selectedCollectionsDispatch:j,setScreen:y,collections:b,onBackPress:k,hideVariantCheckbox:x,pickerType:C,hideProductVariants:f,hideProductCheckbox:S,storeId:q,fbStatusFetcher:P}=u;o.useEffect((()=>{d.fetchFbStatusCollection(h,q,p,P)}),[h]);const O=(e,t)=>{var o,i,r,s,c,l,d,n,u;let a=0,h=0;return!!((null===(i=null===(o=null==v?void 0:v[e])||void 0===o?void 0:o.products)||void 0===i?void 0:i[t])&&(null===(l=Object.keys((null===(c=null===(s=null===(r=null==b?void 0:b[e])||void 0===r?void 0:r.products)||void 0===s?void 0:s[t])||void 0===c?void 0:c.variants)||[]))||void 0===l||l.forEach((()=>h++)),Object.keys((null===(u=null===(n=null===(d=null==v?void 0:v[e])||void 0===d?void 0:d.products)||void 0===n?void 0:n[t])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&h!==a))};return e.jsxs("div",{children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(i.IconButton,{Icon:t.default,onClick:()=>{y("collections"),k()}}),e.jsx(r.BodyCaption,{children:"Searched Products"})]}),e.jsx("div",{children:Object.keys(h).length?e.jsx(e.Fragment,{children:Object.keys(h).map((t=>{var o;return Object.keys((null===(o=null==h?void 0:h[t])||void 0===o?void 0:o.products)||[]).map((o=>{let i=!1;return(null==h?void 0:h.isCustom)&&(i=!0),e.jsx(c.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{const i=n.liftTheStateUp(o,h[e]);j({type:t,data:Object.assign(Object.assign({},i),{isRestricted:a})})})(t,e,o),productId:o,data:h[t].products[o],isProductPartiallyChecked:O(t,o),selectedData:v,selectedCollectionsDispatch:j,viewOnly:i,hideProductCheckbox:S,hideVariantCheckbox:x,hideProductVariants:f,pickerType:C},o)}))}))}):e.jsx(s.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("react"),i=require("../icon-button/IconButton.js"),r=require("../TypographyStyle.js"),s=require("./emptyState.js"),c=require("./productScreen.js"),l=require("./style.js"),d=require("./useFetchFbStatus.js"),n=require("./utility.js");exports.SearchScreen=u=>{const{customCollectionRestriction:a,selectedCollections:v,searchedCollections:h,searchedCollectionsDispatch:p,selectedCollectionsDispatch:j,setScreen:y,collections:b,onBackPress:k,hideVariantCheckbox:x,pickerType:C,hideProductVariants:f,hideProductCheckbox:S,storeId:q,fbStatusFetcher:P}=u;o.useEffect((()=>{d.fetchFbStatusCollection(h,q,p,P,"set")}),[h]);const O=(e,t)=>{var o,i,r,s,c,l,d,n,u;let a=0,h=0;return!!((null===(i=null===(o=null==v?void 0:v[e])||void 0===o?void 0:o.products)||void 0===i?void 0:i[t])&&(null===(l=Object.keys((null===(c=null===(s=null===(r=null==b?void 0:b[e])||void 0===r?void 0:r.products)||void 0===s?void 0:s[t])||void 0===c?void 0:c.variants)||[]))||void 0===l||l.forEach((()=>h++)),Object.keys((null===(u=null===(n=null===(d=null==v?void 0:v[e])||void 0===d?void 0:d.products)||void 0===n?void 0:n[t])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&h!==a))};return e.jsxs("div",{children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(i.IconButton,{Icon:t.default,onClick:()=>{y("collections"),k()}}),e.jsx(r.BodyCaption,{children:"Searched Products"})]}),e.jsx("div",{children:Object.keys(h).length?e.jsx(e.Fragment,{children:Object.keys(h).map((t=>{var o;return Object.keys((null===(o=null==h?void 0:h[t])||void 0===o?void 0:o.products)||[]).map((o=>{let i=!1;return(null==h?void 0:h.isCustom)&&(i=!0),e.jsx(c.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{const i=n.liftTheStateUp(o,h[e]);j({type:t,data:Object.assign(Object.assign({},i),{isRestricted:a})})})(t,e,o),productId:o,data:h[t].products[o],isProductPartiallyChecked:O(t,o),selectedData:v,selectedCollectionsDispatch:j,viewOnly:i,hideProductCheckbox:S,hideVariantCheckbox:x,hideProductVariants:f,pickerType:C},o)}))}))}):e.jsx(s.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r,useEffect as s}from"react";import{DragDropContext as c}from"react-beautiful-dnd";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as d}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as p}from"./style.js";import{fetchFbStatusCollection as m}from"./useFetchFbStatus.js";import{VariantsList as u,VariantsGrid as f}from"./variantComponents.js";const h=h=>{const{selectedCollections:j,selectedCollectionsDispatch:S,setScreen:y,rearrangeViewType:b,outOfStockAction:g,scrollContainerRef:C,storeId:O,fbStatusFetcher:v}=h,[V,k]=r(d(j));s((()=>{var t;null===(t=null==C?void 0:C.current)||void 0===t||t.scrollTo({top:0}),m(j,O,S,v),k(d(j))}),[j]);return t(c,Object.assign({onDragEnd:t=>{if(!t.destination)return;const e=V,[o]=e.splice(t.source.index,1);e.splice(t.destination.index,0,o),e.forEach(((t,e)=>{t.displayOrder=e})),k(e)}},{children:[t(p,{children:[e(n,{Icon:o,width:16,height:16,color:i.content.secondary,onClick:()=>{y("collections")}}),e(l,Object.assign({color:i.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===b?e(u,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:S,outOfStockAction:g}):e(f,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:S}):e(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};export{h as RearrangeScreen};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r,useEffect as s}from"react";import{DragDropContext as c}from"react-beautiful-dnd";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as d}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as p}from"./style.js";import{fetchFbStatusCollection as m}from"./useFetchFbStatus.js";import{VariantsList as u,VariantsGrid as f}from"./variantComponents.js";const h=h=>{const{selectedCollections:j,selectedCollectionsDispatch:S,setScreen:y,rearrangeViewType:b,outOfStockAction:g,scrollContainerRef:C,storeId:O,fbStatusFetcher:v}=h,[V,k]=r(d(j));s((()=>{var t;null===(t=null==C?void 0:C.current)||void 0===t||t.scrollTo({top:0}),m(j,O,S,v),k(d(j))}),[j]),s((()=>{m(j,O,S,v)}),[]);return t(c,Object.assign({onDragEnd:t=>{if(!t.destination)return;const e=V,[o]=e.splice(t.source.index,1);e.splice(t.destination.index,0,o),e.forEach(((t,e)=>{t.displayOrder=e})),k(e)}},{children:[t(p,{children:[e(n,{Icon:o,width:16,height:16,color:i.content.secondary,onClick:()=>{y("collections")}}),e(l,Object.assign({color:i.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===b?e(u,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:S,outOfStockAction:g}):e(f,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:S}):e(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};export{h as RearrangeScreen};

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

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

@@ -1 +1 @@
-import{jsxs as o,jsx as t,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{useEffect as r}from"react";import{IconButton as c}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as s}from"./emptyState.js";import{ProductGroup as d}from"./productScreen.js";import{SelectedScreenHeader as n}from"./style.js";import{fetchFbStatusCollection as u}from"./useFetchFbStatus.js";import{liftTheStateUp as a}from"./utility.js";const p=p=>{const{customCollectionRestriction:v,selectedCollections:h,searchedCollections:m,searchedCollectionsDispatch:f,selectedCollectionsDispatch:y,setScreen:j,collections:b,onBackPress:k,hideVariantCheckbox:C,pickerType:O,hideProductVariants:P,hideProductCheckbox:S,storeId:g,fbStatusFetcher:x}=p;r((()=>{u(m,g,f,x)}),[m]);const I=(o,t)=>{var e,i,r,c,l,s,d,n,u;let a=0,p=0;return!!((null===(i=null===(e=null==h?void 0:h[o])||void 0===e?void 0:e.products)||void 0===i?void 0:i[t])&&(null===(s=Object.keys((null===(l=null===(c=null===(r=null==b?void 0:b[o])||void 0===r?void 0:r.products)||void 0===c?void 0:c[t])||void 0===l?void 0:l.variants)||[]))||void 0===s||s.forEach((()=>p++)),Object.keys((null===(u=null===(n=null===(d=null==h?void 0:h[o])||void 0===d?void 0:d.products)||void 0===n?void 0:n[t])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};return o("div",{children:[o(n,{children:[t(c,{Icon:i,onClick:()=>{j("collections"),k()}}),t(l,{children:"Searched Products"})]}),t("div",{children:Object.keys(m).length?t(e,{children:Object.keys(m).map((o=>{var e;return Object.keys((null===(e=null==m?void 0:m[o])||void 0===e?void 0:e.products)||[]).map((e=>{let i=!1;return(null==m?void 0:m.isCustom)&&(i=!0),t(d,{collectionId:o,upliftAdditions:(t,e)=>((o,t,e)=>{const i=a(e,m[o]);y({type:t,data:Object.assign(Object.assign({},i),{isRestricted:v})})})(o,t,e),productId:e,data:m[o].products[e],isProductPartiallyChecked:I(o,e),selectedData:h,selectedCollectionsDispatch:y,viewOnly:i,hideProductCheckbox:S,hideVariantCheckbox:C,hideProductVariants:P,pickerType:O},e)}))}))}):t(s,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};export{p as SearchScreen};
+import{jsxs as t,jsx as o,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{useEffect as r}from"react";import{IconButton as c}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as s}from"./emptyState.js";import{ProductGroup as d}from"./productScreen.js";import{SelectedScreenHeader as n}from"./style.js";import{fetchFbStatusCollection as u}from"./useFetchFbStatus.js";import{liftTheStateUp as a}from"./utility.js";const p=p=>{const{customCollectionRestriction:v,selectedCollections:h,searchedCollections:m,searchedCollectionsDispatch:f,selectedCollectionsDispatch:y,setScreen:j,collections:b,onBackPress:k,hideVariantCheckbox:C,pickerType:O,hideProductVariants:P,hideProductCheckbox:S,storeId:g,fbStatusFetcher:x}=p;r((()=>{u(m,g,f,x,"set")}),[m]);const I=(t,o)=>{var e,i,r,c,l,s,d,n,u;let a=0,p=0;return!!((null===(i=null===(e=null==h?void 0:h[t])||void 0===e?void 0:e.products)||void 0===i?void 0:i[o])&&(null===(s=Object.keys((null===(l=null===(c=null===(r=null==b?void 0:b[t])||void 0===r?void 0:r.products)||void 0===c?void 0:c[o])||void 0===l?void 0:l.variants)||[]))||void 0===s||s.forEach((()=>p++)),Object.keys((null===(u=null===(n=null===(d=null==h?void 0:h[t])||void 0===d?void 0:d.products)||void 0===n?void 0:n[o])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};return t("div",{children:[t(n,{children:[o(c,{Icon:i,onClick:()=>{j("collections"),k()}}),o(l,{children:"Searched Products"})]}),o("div",{children:Object.keys(m).length?o(e,{children:Object.keys(m).map((t=>{var e;return Object.keys((null===(e=null==m?void 0:m[t])||void 0===e?void 0:e.products)||[]).map((e=>{let i=!1;return(null==m?void 0:m.isCustom)&&(i=!0),o(d,{collectionId:t,upliftAdditions:(o,e)=>((t,o,e)=>{const i=a(e,m[t]);y({type:o,data:Object.assign(Object.assign({},i),{isRestricted:v})})})(t,o,e),productId:e,data:m[t].products[e],isProductPartiallyChecked:I(t,e),selectedData:h,selectedCollectionsDispatch:y,viewOnly:i,hideProductCheckbox:S,hideVariantCheckbox:C,hideProductVariants:P,pickerType:O},e)}))}))}):o(s,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};export{p as SearchScreen};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.454-beta.ppi-5",
+	"version": "0.0.454-beta.ppi-6",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",