@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

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 a={};switch(e.type){case"fetched":return a={...e.data},a;case"productsFetched":return a={...t},a[e.data.collectionId].products=e.data.products,a;case"paged":return a={...t,...e.data},a;case"productsPaged":return a={...t},a[e.data.collectionId].products={...a[e.data.collectionId].products,...e.data.products},a;case"searched":a={...t};for(const t in e.data)t in a||(a[t]=e.data[t]);return a;default:return{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":a={...t};for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const r=e.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const e=a[t];a[t]={...e,products:{...e.products,...r.products}}}else a[t]=r}return a;case"update":return a={...t},a;case"set":return a={...t,...e.data},a;case"filter":a={};for(const r in t)if(r in e.data){const c={...t[r]},s=e.data[r],d={};for(const t in c.products)if(t in s.products){const e={...c.products[t]},a=s.products[t],r={};for(const t in e.variants)t in a.variants&&(r[t]={...e.variants[t]});Object.keys(r).length>0&&(e.variants=r,d[t]=e)}Object.keys(d).length>0&&(c.products=d,a[r]=c)}return a;default:return t}},exports.searchReducer=function(t,e){let a={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return a={...t},a.products=e.data,a;default:return t}},exports.selectedColectionsReducer=function(e,a){let r={},c="",s="",d="";switch(a.type){case"selected":return 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),r?.isCustom&&(r.isCustom=!1),delete r[a.data.id],r;case"productUnselected":return r=t.cloneDeep(e),c=a.data.productId,s=a.data.collectionId,delete r[s].products[c],Object.keys(r[s].products).length||(r?.isCustom&&(r.isCustom=!1),delete r[s]),r;case"productSelected":return r=t.cloneDeep(e),c=a.data.productId,s=a.data.collectionId,a.data.catalogOnlyData?.isSmartCollection&&(a.data.isRestricted&&(r={}),r.isCustom=!0),r?.[s]||(r[s]=a.data.catalogOnlyData,r[s].products={}),r[s].products[c]=a.data.product,r;case"variantSelected":return r=t.cloneDeep(e),c=a.data.productId,s=a.data.collectionId,d=a.data.variantId,a.data.catalogOnlyData?.isSmartCollection&&(a.data.isRestricted&&(r={}),r.isCustom=!0),r?.[s]||(r[s]=a.data.catalogOnlyData,r[s].products={},r[s].products[c]=a.data.productOnlyData,r[s].products[c].variants={}),r?.[s]?.products||(r[s].products={}),r?.[s]?.products?.[c]||(r[s].products[c]=a.data.productOnlyData,r[s].products[c].variants={}),r[s].products[c].variants||(r[s].products[c].variants={}),r[s].products[c].variants[d]=a.data.variant,r;case"variantUnselected":return r=t.cloneDeep(e),c=a.data.productId,s=a.data.collectionId,d=a.data.variantId,r[s].products[c]?.variants?.[d]&&delete r[s].products[c].variants[d],Object.keys(r[s].products?.[c]?.variants??{}).length||(delete r[s].products[c],Object.keys(r[s].products).length||(r[s]?.isSmartCollection&&(r.isCustom=!1),delete r[s])),r;case"update":return r={...e},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 a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;case"productsPaged":return a=Object.assign({},t),a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;case"searched":a=Object.assign({},t);for(const t in e.data)t in a||(a[t]=e.data[t]);return a;default:return{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":a=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const s=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),s.products)})}else a[t]=s}return a;case"update":return a=Object.assign({},t),a;case"set":return a=Object.assign(Object.assign({},t),e.data),a;case"filter":a={};for(const s in t)if(s in e.data){const c=Object.assign({},t[s]),d=e.data[s],o={};for(const t in c.products)if(t in d.products){const e=Object.assign({},c.products[t]),a=d.products[t],s={};for(const t in e.variants)t in a.variants&&(s[t]=Object.assign({},e.variants[t]));Object.keys(s).length>0&&(e.variants=s,o[t]=e)}Object.keys(o).length>0&&(c.products=o,a[s]=c)}return a;default:return t}},exports.searchReducer=function(t,e){let a={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return a=Object.assign({},t),a.products=e.data,a;default:return t}},exports.selectedColectionsReducer=function(e,a){var s,c,d,o,r,n,i,l,u,p,v;let O={},g="",b="",j="";switch(a.type){case"selected":return O=t.cloneDeep(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(O={}),O.isCustom=!0),O[a.data.id]=a.data.val,O;case"unselected":return O=t.cloneDeep(e),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[a.data.id],O;case"productUnselected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,delete O[b].products[g],Object.keys(O[b].products).length||((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[b]),O;case"productSelected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,(null===(s=a.data.catalogOnlyData)||void 0===s?void 0:s.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])||(O[b]=a.data.catalogOnlyData,O[b].products={}),O[b].products[g]=a.data.product,O;case"variantSelected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,j=a.data.variantId,(null===(c=a.data.catalogOnlyData)||void 0===c?void 0:c.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])||(O[b]=a.data.catalogOnlyData,O[b].products={},O[b].products[g]=a.data.productOnlyData,O[b].products[g].variants={}),(null===(d=null==O?void 0:O[b])||void 0===d?void 0:d.products)||(O[b].products={}),(null===(r=null===(o=null==O?void 0:O[b])||void 0===o?void 0:o.products)||void 0===r?void 0:r[g])||(O[b].products[g]=a.data.productOnlyData,O[b].products[g].variants={}),O[b].products[g].variants||(O[b].products[g].variants={}),O[b].products[g].variants[j]=a.data.variant,O;case"variantUnselected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,j=a.data.variantId,(null===(i=null===(n=O[b].products[g])||void 0===n?void 0:n.variants)||void 0===i?void 0:i[j])&&delete O[b].products[g].variants[j],Object.keys(null!==(p=null===(u=null===(l=O[b].products)||void 0===l?void 0:l[g])||void 0===u?void 0:u.variants)&&void 0!==p?p:{}).length||(delete O[b].products[g],Object.keys(O[b].products).length||((null===(v=O[b])||void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[b])),O;case"update":return O=Object.assign({},e),O;case"reset":return{};default:return e}};

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { Collection, FbStatusFetcherReturn, SearchedItems, SelectedItems } from '.';
+import { SearchReducerActions, SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+interface SearchScreenInterface {
+    customCollectionRestriction?: boolean;
+    selectedCollections: SelectedItems;
+    searchedCollections: SearchedItems;
+    searchedCollectionsDispatch: React.Dispatch<SearchReducerActions>;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    setScreen: React.Dispatch<React.SetStateAction<string>>;
+    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    collections: {
+        [key: string]: Collection;
+    };
+    onBackPress: () => void;
+    hideVariantCheckbox?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    hideProductVariants?: boolean;
+    hideProductCheckbox?: boolean;
+    storeId: string;
+    appType: ApplicationType;
+    fbStatusFetcher?: (storeId: string, variantIds: string[], appType: ApplicationType) => FbStatusFetcherReturn;
+    hideCollectionCheckbox?: boolean;
+    renderWithoutModal?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+}
+export declare const SearchScreen: (props: SearchScreenInterface) => import("react/jsx-runtime").JSX.Element;
+export {};

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"),c=require("react"),o=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),r=require("./collectionScreen.js"),i=require("./emptyState.js"),l=require("./product.js"),d=require("./style.js"),n=require("./utility.js");exports.SearchScreen=u=>{const{customCollectionRestriction:a,selectedCollections:h,searchedCollections:p,searchedCollectionsDispatch:C,selectedCollectionsDispatch:j,setScreen:y,collections:k,onBackPress:x,hideVariantCheckbox:S,pickerType:b,hideProductVariants:P,hideProductCheckbox:f,storeId:m,fbStatusFetcher:I,setCollectionId:q,setSelectedCollectionId:O,hideCollectionCheckbox:g,renderWithoutModal:v,outOfStockAction:D,appType:T}=u;c.useEffect((()=>{n.fetchFbStatusCollection(p.products??{},m,T,C,I,"setProducts")}),[p?.products]);const F=!!a&&h?.isCustom;return e.jsxs("div",{children:[e.jsxs(d.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,onClick:()=>{y("collections"),x()}}),e.jsx(s.BodyCaption,{children:Object.keys(p?.collections)?.length?"Searched Collections & Products":"Searched Products"})]}),e.jsx("div",{children:Object.keys(p?.products).length||Object.keys(p?.collections).length?e.jsxs(e.Fragment,{children:[e.jsx(e.Fragment,{children:Object.keys(p?.collections).map((t=>e.jsx(r.CollectionCard,{customCollectionRestriction:a,data:k?.[t],isDisabled:F&&!h?.[t],isChecked:!!h?.[t],isPartiallyChecked:n.isCollectionPartiallyChecked(t,k?.[t],h,P),selectedCollectionsDispatch:j,setCollectionId:q,setSelectedCollectionId:O,setScreen:y,id:t,hideCollectionCheckbox:g||"-1"===t,selectedCollections:h,renderWithoutModal:v,pickerType:b,usedInSearch:!0},t)))}),e.jsx(e.Fragment,{children:Object.keys(p?.products).map((t=>Object.keys(p?.products?.[t]?.products||[]).map((c=>{let o=!1;return p?.products?.isCustom&&(o=!0),e.jsx(l.ProductGroup,{collectionId:t,upliftAdditions:(e,c)=>((e,t,c)=>{const o=n.liftTheStateUp(c,p?.products?.[e]);j({type:t,data:{...o,isRestricted:a}})})(t,e,c),productId:c,data:(p?.products?.[t].products)[c],isProductPartiallyChecked:n.isProductPartiallyChecked(t,c,h,p.products?.[t],P),selectedData:h,selectedCollectionsDispatch:j,viewOnly:o,hideProductCheckbox:f,hideVariantCheckbox:S,hideProductVariants:P,pickerType:b,outOfStockAction:D},c)}))))})]}):e.jsx(i.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"),l=require("../icon-button/IconButton.js"),c=require("../TypographyStyle.js"),i=require("./collectionScreen.js"),s=require("./emptyState.js"),d=require("./product.js"),r=require("./style.js"),n=require("./utility.js");exports.SearchScreen=u=>{var a;const{customCollectionRestriction:h,selectedCollections:p,searchedCollections:v,searchedCollectionsDispatch:C,selectedCollectionsDispatch:j,setScreen:y,collections:k,onBackPress:b,hideVariantCheckbox:x,pickerType:S,hideProductVariants:P,hideProductCheckbox:f,storeId:m,fbStatusFetcher:O,setCollectionId:g,setSelectedCollectionId:I,hideCollectionCheckbox:q,renderWithoutModal:D,outOfStockAction:T,appType:F}=u;o.useEffect((()=>{var e;n.fetchFbStatusCollection(null!==(e=v.products)&&void 0!==e?e:{},m,F,C,O,"setProducts")}),[null==v?void 0:v.products]);const B=!!h&&(null==p?void 0:p.isCustom);return e.jsxs("div",{children:[e.jsxs(r.SelectedScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,onClick:()=>{y("collections"),b()}}),e.jsx(c.BodyCaption,{children:(null===(a=Object.keys(null==v?void 0:v.collections))||void 0===a?void 0:a.length)?"Searched Collections & Products":"Searched Products"})]}),e.jsx("div",{children:Object.keys(null==v?void 0:v.products).length||Object.keys(null==v?void 0:v.collections).length?e.jsxs(e.Fragment,{children:[e.jsx(e.Fragment,{children:Object.keys(null==v?void 0:v.collections).map((t=>e.jsx(i.CollectionCard,{customCollectionRestriction:h,data:null==k?void 0:k[t],isDisabled:B&&!(null==p?void 0:p[t]),isChecked:!!(null==p?void 0:p[t]),isPartiallyChecked:n.isCollectionPartiallyChecked(t,null==k?void 0:k[t],p,P),selectedCollectionsDispatch:j,setCollectionId:g,setSelectedCollectionId:I,setScreen:y,id:t,hideCollectionCheckbox:q||"-1"===t,selectedCollections:p,renderWithoutModal:D,pickerType:S,usedInSearch:!0},t)))}),e.jsx(e.Fragment,{children:Object.keys(null==v?void 0:v.products).map((t=>{var o,l;return Object.keys((null===(l=null===(o=null==v?void 0:v.products)||void 0===o?void 0:o[t])||void 0===l?void 0:l.products)||[]).map((o=>{var l,c,i;let s=!1;return(null===(l=null==v?void 0:v.products)||void 0===l?void 0:l.isCustom)&&(s=!0),e.jsx(d.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{var l;const c=n.liftTheStateUp(o,null===(l=null==v?void 0:v.products)||void 0===l?void 0:l[e]);j({type:t,data:Object.assign(Object.assign({},c),{isRestricted:h})})})(t,e,o),productId:o,data:(null===(c=null==v?void 0:v.products)||void 0===c?void 0:c[t].products)[o],isProductPartiallyChecked:n.isProductPartiallyChecked(t,o,p,null===(i=v.products)||void 0===i?void 0:i[t],P),selectedData:p,selectedCollectionsDispatch:j,viewOnly:s,hideProductCheckbox:f,hideVariantCheckbox:x,hideProductVariants:P,pickerType:S,outOfStockAction:T},o)}))}))})]}):e.jsx(s.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { Collection, FbStatusFetcherReturn, SelectedItems } from '.';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+interface SelectedScreenInterface {
+    selectedCollections: SelectedItems;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    setScreen: React.Dispatch<React.SetStateAction<string>>;
+    collections: {
+        [key: string]: Collection;
+    };
+    hideProductVariants?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    storeId: string;
+    appType: ApplicationType;
+    fbStatusFetcher?: (storeId: string, variantIds: string[], appType: ApplicationType) => FbStatusFetcherReturn;
+}
+export declare const SelectedScreen: (props: SelectedScreenInterface) => import("react/jsx-runtime").JSX.Element;
+export {};

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"),c=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),n=require("./emptyState.js"),i=require("./product.js"),o=require("./reducers.js"),u=require("./style.js"),l=require("./utility.js");exports.SelectedScreen=d=>{const{selectedCollections:a,selectedCollectionsDispatch:p,setScreen:j,collections:f,hideProductVariants:h=!1,outOfStockAction:y,storeId:S,fbStatusFetcher:b,appType:x}=d,g=r.useRef(0),q=r.useRef(null),[v,C]=r.useReducer(o.paginationReducer,{});r.useEffect((()=>{g.current=0;const e=l.paginateSelectedItems(a,10,0);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,x,C,b,"set"),g.current+=1}),[]),r.useEffect((()=>{C({type:"filter",data:a})}),[a]),r.useEffect((()=>{const e=new IntersectionObserver((e=>{if(e[0].isIntersecting&&g.current>0){const e=l.paginateSelectedItems(a,10,g.current);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,x,C,b,"update"),g.current+=1}}),{threshold:1});return q.current&&e.observe(q.current),()=>{q.current&&e.unobserve(q.current)}}),[q,a]);const I=a;return e.jsxs("div",{children:[e.jsxs(u.SelectedScreenHeader,{children:[e.jsx(c.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxs("div",{children:[Object.keys(v).length>0?e.jsx(e.Fragment,{children:Object.keys(v).map((t=>Object.keys(v?.[t]?.products||[]).map((r=>{let c=!1;return I?.isCustom&&(c=!0),e.jsx(i.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:v[t].products[r],isProductPartiallyChecked:l.isProductPartiallyChecked(t,r,I,f?.[t],h),selectedData:I,selectedCollectionsDispatch:p,viewOnly:c,hideProductVariants:h,outOfStockAction:y},r)}))))}):e.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsx("div",{ref:q})]})]})};
+"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"),c=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),n=require("./emptyState.js"),i=require("./product.js"),o=require("./reducers.js"),u=require("./style.js"),l=require("./utility.js");exports.SelectedScreen=d=>{const{selectedCollections:a,selectedCollectionsDispatch:p,setScreen:j,collections:f,hideProductVariants:h=!1,outOfStockAction:y,storeId:S,fbStatusFetcher:v,appType:b}=d,x=r.useRef(0),g=r.useRef(null),[q,C]=r.useReducer(o.paginationReducer,{});r.useEffect((()=>{x.current=0;const e=l.paginateSelectedItems(a,10,0);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,b,C,v,"set"),x.current+=1}),[]),r.useEffect((()=>{C({type:"filter",data:a})}),[a]),r.useEffect((()=>{const e=new IntersectionObserver((e=>{if(e[0].isIntersecting&&x.current>0){const e=l.paginateSelectedItems(a,10,x.current);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,b,C,v,"update"),x.current+=1}}),{threshold:1});return g.current&&e.observe(g.current),()=>{g.current&&e.unobserve(g.current)}}),[g,a]);const I=a;return e.jsxs("div",{children:[e.jsxs(u.SelectedScreenHeader,{children:[e.jsx(c.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxs("div",{children:[Object.keys(q).length>0?e.jsx(e.Fragment,{children:Object.keys(q).map((t=>{var r;return Object.keys((null===(r=null==q?void 0:q[t])||void 0===r?void 0:r.products)||[]).map((r=>{let c=!1;return(null==I?void 0:I.isCustom)&&(c=!0),e.jsx(i.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:q[t].products[r],isProductPartiallyChecked:l.isProductPartiallyChecked(t,r,I,null==f?void 0:f[t],h),selectedData:I,selectedCollectionsDispatch:p,viewOnly:c,hideProductVariants:h,outOfStockAction:y},r)}))}))}):e.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsx("div",{ref:g})]})]})};

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

@@ -0,0 +1,36 @@
+export declare const ContainerStyle: import("styled-components").StyledComponent<"div", any, {
+    renderWithoutModal?: boolean | undefined;
+}, never>;
+export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {
+    screenName: string;
+}, never>;
+export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
+    isDisabled: boolean;
+    isActive: boolean;
+    usedInSearch: boolean;
+}, never>;
+export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
+    isVariant: boolean;
+    isActive: boolean;
+}, never>;
+export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VariantCardListStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VariantCardGridStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeaderRightIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFooterForNonModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SKUIDBadge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EllipsedBodyTiny: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const ProductSubTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProductInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleSmall: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;

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

@@ -1,22 +1,19 @@
-declare enum OUT_OF_STOCK_ACTION {
-    HIDE = "HIDE",
-    NORMAL = "NORMAL",
-    /** @description shows OOS label  */
-    BLUR = "BLUR"
-}
-interface FooterForNonModalI {
-    renderFooter?: boolean;
-    primaryButtonText?: string;
-    primaryButtonDisabled?: boolean;
-    isLoading?: boolean;
-}
-declare enum ScreenName {
-    Collections = "collections",
-    RearrangeProducts = "rearrange",
-    SelectedProducts = "view",
-    SearchProducts = "searchProducts",
-    Products = "products"
-}
-
-export { OUT_OF_STOCK_ACTION, ScreenName };
-export type { FooterForNonModalI };
+export declare enum OUT_OF_STOCK_ACTION {
+    HIDE = "HIDE",
+    NORMAL = "NORMAL",
+    /** @description shows OOS label  */
+    BLUR = "BLUR"
+}
+export interface FooterForNonModalI {
+    renderFooter?: boolean;
+    primaryButtonText?: string;
+    primaryButtonDisabled?: boolean;
+    isLoading?: boolean;
+}
+export declare enum ScreenName {
+    Collections = "collections",
+    RearrangeProducts = "rearrange",
+    SelectedProducts = "view",
+    SearchProducts = "searchProducts",
+    Products = "products"
+}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=(e=>(e.HIDE="HIDE",e.NORMAL="NORMAL",e.BLUR="BLUR",e))(e||{}),r=(e=>(e.Collections="collections",e.RearrangeProducts="rearrange",e.SelectedProducts="view",e.SearchProducts="searchProducts",e.Products="products",e))(r||{});exports.OUT_OF_STOCK_ACTION=e,exports.ScreenName=r;
+"use strict";var e,r;Object.defineProperty(exports,"__esModule",{value:!0}),exports.OUT_OF_STOCK_ACTION=void 0,(e=exports.OUT_OF_STOCK_ACTION||(exports.OUT_OF_STOCK_ACTION={})).HIDE="HIDE",e.NORMAL="NORMAL",e.BLUR="BLUR",exports.ScreenName=void 0,(r=exports.ScreenName||(exports.ScreenName={})).Collections="collections",r.RearrangeProducts="rearrange",r.SelectedProducts="view",r.SearchProducts="searchProducts",r.Products="products";

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

@@ -0,0 +1,52 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { Collection, FbStatusFetcherReturn, Product, ProductVariant, SearchedItems, SelectedItems } from './modal';
+import { CollectionsActions } from './reducers';
+export declare const liftTheStateUp: (payload: any, data: any) => any;
+export declare function paginateSelectedItems(selectedItems: SelectedItems, limit: number, offset: number): {
+    [key: string]: Collection;
+};
+/**
+ * 3 scenarios.
+ * 1. If no api is provided -> marks everything as approved.
+ * 2. If api is success -> sets the status
+ * 3. If api is failure -> marks everything as approved.
+ *
+ * We first get the variant ids to fetch and only if we have variant ids, we call api.
+ */
+export declare const fetchFbStatusCollection: (data: SelectedItems, storeId: string, appType: ApplicationType, dispatcher: any, fbStatusFetcher?: ((storeId: string, variantIds: string[], appType: ApplicationType) => FbStatusFetcherReturn) | undefined, dispatchType?: string) => void;
+/**
+ * Instead of collection level, we do it product level.
+ *
+ * For more info refer @function getVariantIdsToFetch
+ */
+export declare const getVariantIdsToFetchAtProductLevel: (products: {
+    [key: string]: Product;
+}, globalData?: Collection) => string[];
+/**
+ * Instead of collection level, we do it product level.
+ *
+ * For more info refer @function markVariantsAsApproved
+ */
+export declare const markVariantsAsApprovedProductsLevel: (products: {
+    [key: string]: Product;
+}, dispatcher: React.Dispatch<CollectionsActions>, collectionId: string, curScreenData?: Collection, setCurScreenData?: React.Dispatch<React.SetStateAction<Collection>>) => void;
+/**
+ * If product has only one variant and variant name has product name, returns false.
+ * Other cases returns true.
+ */
+export declare const shouldShowVariant: (data: Product) => boolean;
+export declare const isProductPartiallyChecked: (collectionId: string, productId: string, selectedData: SelectedItems, currentCollection: Collection, hideProductVariants?: boolean) => boolean;
+export declare const isCollectionPartiallyChecked: (collectionId: string, collection: Collection, selectedCollections: SelectedItems, hideProductVariants?: boolean) => boolean;
+export declare const updateAllVariantsForSelectedProducts: (selectedItems: {
+    [key: string]: {
+        name: string;
+        image: string;
+        isSmartCollection: boolean;
+        products?: {
+            [key: string]: Product & {
+                allVariants?: ProductVariant | undefined;
+            };
+        } | undefined;
+    };
+}, collections: Collection, searchedProducts: SearchedItems) => Record<string, any>;
+export declare const getSkuId: (product: Product | ProductVariant, isVariant: boolean) => string | undefined;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");function e(t,e,s){if(!t)return{};const r=Object.keys(t).slice(s,s+e),c={};return r.forEach((e=>{c[e]=t[e]})),c}const s=(t,e,s)=>{Object.keys(t).forEach((e=>{const s=t[e]?.products??{};Object.keys(s).forEach((s=>{const r=t[e]?.products?.[s]?.variants??{};Object.keys(r).forEach((r=>{const c=t[e]?.products?.[s]?.variants?.[r];c&&!c.fbStatus&&(c.fbStatus="APPROVED")}))}))})),e({type:s,data:t})};exports.fetchFbStatusCollection=(t,e,r,c,o,a="paged")=>{o||s(t,c,a);const n=(t=>{const e=[];return Object.keys(t).forEach((s=>{const r=t[s]?.products??{};Object.keys(r).forEach((r=>{const c=t[s]?.products?.[r]?.variants??{};Object.keys(c).forEach((c=>{const o=t[s]?.products?.[r]?.variants?.[c];o?.fbStatus||e.push(c)}))}))})),e})(t);n.length>0&&o&&o(e,n,r).then((e=>{const s={...t};Object.keys(s).forEach((t=>{const r=s[t]?.products??{};Object.keys(r).forEach((r=>{const c=s[t]?.products?.[r]?.variants??{};Object.keys(c).forEach((c=>{const o=s[t]?.products?.[r]?.variants?.[c];o&&"REJECTED"===e[c]?o.fbStatus="REJECTED":o&&"APPROVED"===e[c]&&(o.fbStatus="APPROVED")}))}))})),c({type:a,data:s})})).catch((e=>{console.error("Error in fbStatusFetcher",e),s(t,c,a)}))},exports.getSkuId=(t,e)=>{if(e)return t.skuId;const s=Object.values(t?.variants??{});return 1===s.length&&s[0].name.includes(t.name)?s[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(t,e)=>{const s=[];return Object.keys(t??{}).forEach((r=>{const c=t?.[r]?.variants??{};Object.keys(c).forEach((c=>{let o;o=e?e?.products?.[r]?.variants?.[c]:t?.[r]?.variants?.[c],o?.fbStatus||s.push(c)}))})),s},exports.isCollectionPartiallyChecked=(t,e,s,r=!1)=>{let c=0,o=0;if(r){const r=e?.products??{};c=Object.keys(r).length;const a=s[t]?.products??{};o=Object.keys(a).length}else if(s[t]){const r=e?.products;r&&Object.keys(r).forEach((t=>{const e=r[t]?.variants;e&&Object.keys(e).forEach((t=>c+=1))}));const a=s[t]?.products;if(a&&Object.keys(a).forEach((t=>{const e=a[t]?.variants;e&&Object.keys(e).forEach((t=>o+=1))})),c<=0&&o>0)return!1}return o>0&&c!==o},exports.isProductPartiallyChecked=(t,e,s,r,c)=>{let o=0,a=0;if(s?.[t]?.products?.[e]){if(c)return!1;const n=s?.[t]?.products?.[e]?.variants||[];if(1===Object.keys(n).length)for(const r in n){const c=s?.[t]?.products?.[e],o=s?.[t]?.products?.[e]?.variants?.[r];if(o?.name?.includes(c?.name??""))return!1}if(Object.keys(r?.products?.[e]?.variants||[])?.forEach((()=>a++)),Object.keys(s?.[t]?.products?.[e]?.variants||[]).forEach((()=>o++)),o>0&&a!==o)return!0}return!1},exports.liftTheStateUp=(e,s)=>{const r=t.cloneDeep(s);if(delete r.products,(e={...e,catalogOnlyData:r}).productId&&s.products){const c=t.cloneDeep(s.products[e.productId]);c?.variants&&delete c.variants,e={...e,catalogOnlyData:r,productOnlyData:c}}return e},exports.markVariantsAsApprovedProductsLevel=(t,e,s,r,c)=>{const o={...t};if(Object.keys(t).forEach((e=>{Object.keys(t?.[e]?.variants??{}).forEach((s=>{const r=t?.[e].variants?.[s];r&&(r.fbStatus="APPROVED");const c=o?.[e]?.variants;c&&c[s]&&(c[s]=r)}))})),r&&c){const t={...r};t.products=o,c(t),e({type:"productsPaged",data:{collectionId:s,products:o}})}else e({type:"productsPaged",data:{collectionId:s,products:o}})},exports.paginateSelectedItems=function(t,s,r){const c={};let o=0;for(const a in t)if(Object.prototype.hasOwnProperty.call(t,a)){const n=t[a],u=e(n.products,s,r-o);u&&Object.keys(u).length>0&&(c[a]={...n,products:u}),o+=Object.keys(n.products??{}).length}return c},exports.shouldShowVariant=t=>{const e=Object.keys(t.variants||[]);let s=!1;return!(e.length<=1)||(e.forEach((e=>{s=t.variants?.[e].name.includes(t.name)??!1})),!s)},exports.updateAllVariantsForSelectedProducts=(e,s,r)=>Object.keys(e).reduce(((c,o)=>o in s?(c[o]={...e[o],products:Object.keys(e[o].products??{}).reduce(((c,a)=>{const n=s[o].products?.[a],u=r?.products?.[o]?.products?.[a];return n?c[a]={...e[o].products?.[a]||{},allVariants:t.cloneDeep(n.variants)}:u?c[a]={...e[o].products?.[a]||{},allVariants:t.cloneDeep(u.variants)}:e[o].products?.[a]?.allVariants&&(c[a]={...e[o].products?.[a]||{},allVariants:t.cloneDeep(e[o].products?.[a].allVariants)}),c}),{})},c):c),{});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("lodash");function l(o,l,t){if(!o)return{};const i=Object.keys(o).slice(t,t+l),n={};return i.forEach((l=>{n[l]=o[l]})),n}const t=(o,l,t)=>{Object.keys(o).forEach((l=>{var t,i;const n=null!==(i=null===(t=o[l])||void 0===t?void 0:t.products)&&void 0!==i?i:{};Object.keys(n).forEach((t=>{var i,n,d,v;const s=null!==(v=null===(d=null===(n=null===(i=o[l])||void 0===i?void 0:i.products)||void 0===n?void 0:n[t])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var n,d,v,s;const e=null===(s=null===(v=null===(d=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===d?void 0:d[t])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),l({type:t,data:o})};exports.fetchFbStatusCollection=function(o,l,i,n,d){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";d||t(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach((t=>{var i,n;const d=null!==(n=null===(i=o[t])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=o[t])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=o[t])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[n];(null==u?void 0:u.fbStatus)||l.push(n)}))}))})),l})(o);s.length>0&&d&&d(l,s,i).then((l=>{const t=Object.assign({},o);Object.keys(t).forEach((o=>{var i,n;const d=null!==(n=null===(i=t[o])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=t[o])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=t[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[n];u&&"REJECTED"===l[n]?u.fbStatus="REJECTED":u&&"APPROVED"===l[n]&&(u.fbStatus="APPROVED")}))}))})),n({type:v,data:t})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,n,v)}))},exports.getSkuId=(o,l)=>{var t;if(l)return o.skuId;const i=Object.values(null!==(t=null==o?void 0:o.variants)&&void 0!==t?t:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,l)=>{const t=[];return Object.keys(null!=o?o:{}).forEach((i=>{var n,d;const v=null!==(d=null===(n=null==o?void 0:o[i])||void 0===n?void 0:n.variants)&&void 0!==d?d:{};Object.keys(v).forEach((n=>{var d,v,s,e,u;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[n]:null===(u=null===(e=null==o?void 0:o[i])||void 0===e?void 0:e.variants)||void 0===u?void 0:u[n],(null==r?void 0:r.fbStatus)||t.push(n)}))})),t},exports.isCollectionPartiallyChecked=function(o,l,t){var i,n,d,v;let s=0,e=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==l?void 0:l.products)&&void 0!==i?i:{};s=Object.keys(v).length;const u=null!==(d=null===(n=t[o])||void 0===n?void 0:n.products)&&void 0!==d?d:{};e=Object.keys(u).length}else if(t[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach((o=>{var l;const t=null===(l=i[o])||void 0===l?void 0:l.variants;t&&Object.keys(t).forEach((o=>s+=1))}));const n=null===(v=t[o])||void 0===v?void 0:v.products;if(n&&Object.keys(n).forEach((o=>{var l;const t=null===(l=n[o])||void 0===l?void 0:l.variants;t&&Object.keys(t).forEach((o=>e+=1))})),s<=0&&e>0)return!1}return e>0&&s!==e},exports.isProductPartiallyChecked=(o,l,t,i,n)=>{var d,v,s,e,u,r,c,a,p,b,O,f,j,h,y,g,k,E,P;let D=0,S=0;if(null===(v=null===(d=null==t?void 0:t[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(n)return!1;const d=(null===(u=null===(e=null===(s=null==t?void 0:t[o])||void 0===s?void 0:s.products)||void 0===e?void 0:e[l])||void 0===u?void 0:u.variants)||[];if(1===Object.keys(d).length)for(const i in d){const n=null===(c=null===(r=null==t?void 0:t[o])||void 0===r?void 0:r.products)||void 0===c?void 0:c[l],d=null===(O=null===(b=null===(p=null===(a=null==t?void 0:t[o])||void 0===a?void 0:a.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[i];if(null===(f=null==d?void 0:d.name)||void 0===f?void 0:f.includes(null!==(j=null==n?void 0:n.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[l])||void 0===y?void 0:y.variants)||[]))||void 0===g||g.forEach((()=>S++)),Object.keys((null===(P=null===(E=null===(k=null==t?void 0:t[o])||void 0===k?void 0:k.products)||void 0===E?void 0:E[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&S!==D)return!0}return!1},exports.liftTheStateUp=(l,t)=>{const i=o.cloneDeep(t);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&t.products){const n=o.cloneDeep(t.products[l.productId]);(null==n?void 0:n.variants)&&delete n.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:n})}return l},exports.markVariantsAsApprovedProductsLevel=(o,l,t,i,n)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var t,i;Object.keys(null!==(i=null===(t=null==o?void 0:o[l])||void 0===t?void 0:t.variants)&&void 0!==i?i:{}).forEach((t=>{var i,n;const v=null===(i=null==o?void 0:o[l].variants)||void 0===i?void 0:i[t];v&&(v.fbStatus="APPROVED");const s=null===(n=null==d?void 0:d[l])||void 0===n?void 0:n.variants;s&&s[t]&&(s[t]=v)}))})),i&&n){const o=Object.assign({},i);o.products=d,n(o),l({type:"productsPaged",data:{collectionId:t,products:d}})}else l({type:"productsPaged",data:{collectionId:t,products:d}})},exports.paginateSelectedItems=function(o,t,i){var n;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=l(e.products,t,i-v);u&&Object.keys(u).length>0&&(d[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(n=e.products)&&void 0!==n?n:{}).length}return d},exports.shouldShowVariant=o=>{const l=Object.keys(o.variants||[]);let t=!1;return!(l.length<=1)||(l.forEach((l=>{var i,n;t=null!==(n=null===(i=o.variants)||void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==n&&n})),!t)},exports.updateAllVariantsForSelectedProducts=(l,t,i)=>Object.keys(l).reduce(((n,d)=>{var v;return d in t?(n[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce(((n,v)=>{var s,e,u,r,c,a,p,b,O,f;const j=null===(s=t[d].products)||void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)||void 0===e?void 0:e[d])||void 0===u?void 0:u.products)||void 0===r?void 0:r[v];return j?n[v]=Object.assign(Object.assign({},(null===(c=l[d].products)||void 0===c?void 0:c[v])||{}),{allVariants:o.cloneDeep(j.variants)}):h?n[v]=Object.assign(Object.assign({},(null===(a=l[d].products)||void 0===a?void 0:a[v])||{}),{allVariants:o.cloneDeep(h.variants)}):(null===(b=null===(p=l[d].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(n[v]=Object.assign(Object.assign({},(null===(O=l[d].products)||void 0===O?void 0:O[v])||{}),{allVariants:o.cloneDeep(null===(f=l[d].products)||void 0===f?void 0:f[v].allVariants)})),n}),{})}),n):n}),{});

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { ProductVariant } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+/**
+ * Extended type from Product Variant, which contains ids and name.
+ */
+export type ProductVariantForRearrange = ProductVariant & {
+    variantId: string;
+    productId: string;
+    collectionId: string;
+    productName: string;
+};
+/**
+ * Props type for variant card in rearrange screen
+ */
+export interface VariantCardInterface {
+    data: ProductVariantForRearrange;
+    selectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    onDelete?: () => void;
+}
+/**
+ * Variant card in list view format.
+ * Displays image, name and delete icon
+ */
+export declare const VariantCardListView: (props: VariantCardInterface) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Variant card in grid view format.
+ * Displays only image
+ */
+export declare const VariantCardGridView: (props: VariantCardInterface) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/delete.svg.js"),r=require("../../assets/icons/drag_handle.svg.js"),i=require("../tooltips/Tooltip.js"),a=require("../../constants/Theme.js"),s=require("../icon-button/IconButton.js"),o=require("../shimmer-image/ShimmerImage.js"),n=require("../TypographyStyle.js"),c=require("./constants.js"),d=require("./helpers/ProductHelper.js"),l=require("./ProductPickerTag.js"),u=require("./style.js");exports.VariantCardGridView=t=>{const{data:r}=t;return e.jsx(u.VariantCardGridStyle,{children:e.jsx(i.Tooltip,{body:r.name,alwaysVisible:!1,variant:"dark",placement:"bottom",children:e.jsx(o.ShimmerImage,{width:72,height:72,imageUrl:r.image,alt:"Item",borderRadius:4})})})},exports.VariantCardListView=h=>{const{data:m,selectedCollectionsDispatch:j,outOfStockAction:p}=h,x=()=>{let e;return e=m.name.includes(m.productName)?m.name:`${m.productName} ${m.name}`,e},{dataForProductPickerTag:g,tagText:y,tagType:I}=d.ProductHelper.getDataForProductPickerTag(m,!0,p),T=`${m.currency?c.CurrencySymbols[m.currency]??"":""}${m.price??m.actualPrice??""}`,S=m.skuId;return e.jsx(u.VariantCardListStyle,{children:e.jsxs("div",{className:"text-container",children:[e.jsx(r.default,{width:24,height:24,color:a.COLORS.content.placeholder}),e.jsx("div",{children:e.jsx(o.ShimmerImage,{width:40,height:40,imageUrl:m.image,alt:"Item",borderRadius:4},m.variantId)}),e.jsxs("div",{className:"info-container",children:[e.jsxs("div",{className:"tooltip-title-tag",children:[e.jsx(i.Tooltip,{body:x(),placement:"bottom",delay:400,variant:"light",children:e.jsx(n.TitleSmall,{numberOfLines:1,style:{flex:1,minWidth:0},children:x()})}),e.jsxs(u.ProductInfo,{children:[e.jsx(l.ProductPickerTag,{isVariant:!0,data:g,tagText:y,tagType:I}),e.jsx(s.IconButton,{Icon:()=>e.jsx(t.default,{width:24,height:24,color:a.COLORS.content.placeholder}),onClick:()=>{j&&j({type:"variantUnselected",data:{productId:m.productId,variantId:m.variantId,collectionId:m.collectionId}}),h.onDelete&&h.onDelete()}})]})]}),e.jsxs(u.ProductSubTitle,{children:[e.jsx(n.BodyCaption,{color:a.COLORS.content.secondary,children:!g?.fbStatus||y?null:T}),S&&e.jsx(i.Tooltip,{body:S,placement:"top",children:e.jsx(u.SKUIDBadge,{children:e.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${S}`})})})]})]})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/delete.svg.js"),r=require("../../assets/icons/drag_handle.svg.js"),i=require("../tooltips/Tooltip.js"),a=require("../../constants/Theme.js"),s=require("../icon-button/IconButton.js"),n=require("../shimmer-image/ShimmerImage.js"),o=require("../TypographyStyle.js"),c=require("./constants.js"),l=require("./helpers/ProductHelper.js"),d=require("./ProductPickerTag.js"),u=require("./style.js");exports.VariantCardGridView=t=>{const{data:r}=t;return e.jsx(u.VariantCardGridStyle,{children:e.jsx(i.Tooltip,Object.assign({body:r.name,alwaysVisible:!1,variant:"dark",placement:"bottom"},{children:e.jsx(n.ShimmerImage,{width:72,height:72,imageUrl:r.image,alt:"Item",borderRadius:4})}))})},exports.VariantCardListView=j=>{var h,m,g;const{data:p,selectedCollectionsDispatch:x,outOfStockAction:y}=j,b=()=>{let e;return e=p.name.includes(p.productName)?p.name:`${p.productName} ${p.name}`,e},{dataForProductPickerTag:v,tagText:I,tagType:O}=l.ProductHelper.getDataForProductPickerTag(p,!0,y),T=`${p.currency&&null!==(h=c.CurrencySymbols[p.currency])&&void 0!==h?h:""}${null!==(g=null!==(m=p.price)&&void 0!==m?m:p.actualPrice)&&void 0!==g?g:""}`,S=p.skuId;return e.jsx(u.VariantCardListStyle,{children:e.jsxs("div",Object.assign({className:"text-container"},{children:[e.jsx(r.default,{width:24,height:24,color:a.COLORS.content.placeholder}),e.jsx("div",{children:e.jsx(n.ShimmerImage,{width:40,height:40,imageUrl:p.image,alt:"Item",borderRadius:4},p.variantId)}),e.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsxs("div",Object.assign({className:"tooltip-title-tag"},{children:[e.jsx(i.Tooltip,Object.assign({body:b(),placement:"bottom",delay:400,variant:"light"},{children:e.jsx(o.TitleSmall,Object.assign({numberOfLines:1,style:{flex:1,minWidth:0}},{children:b()}))})),e.jsxs(u.ProductInfo,{children:[e.jsx(d.ProductPickerTag,{isVariant:!0,data:v,tagText:I,tagType:O}),e.jsx(s.IconButton,{Icon:()=>e.jsx(t.default,{width:24,height:24,color:a.COLORS.content.placeholder}),onClick:()=>{x&&x({type:"variantUnselected",data:{productId:p.productId,variantId:p.variantId,collectionId:p.collectionId}}),j.onDelete&&j.onDelete()}})]})]})),e.jsxs(u.ProductSubTitle,{children:[e.jsx(o.BodyCaption,Object.assign({color:a.COLORS.content.secondary},{children:!(null==v?void 0:v.fbStatus)||I?null:T})),S&&e.jsx(i.Tooltip,Object.assign({body:S,placement:"top"},{children:e.jsx(u.SKUIDBadge,{children:e.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${S}`})})}))]})]}))]}))})};

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+import { ProductVariantForRearrange } from './variant';
+/**
+ * Props for list of variants - applicable both in list and grid view
+ */
+export type VariantsComponentProps = {
+    selectedVariants: ProductVariantForRearrange[];
+    setSelectedVariants: React.Dispatch<React.SetStateAction<ProductVariantForRearrange[]>>;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+};
+/**
+ * Returns a react component of variants list, which are eligible to drag and drop.
+ */
+export declare const VariantsList: ({ selectedVariants, setSelectedVariants, selectedCollectionsDispatch, outOfStockAction, }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns a react component of variants grid, which are eligible to drag and drop.
+ */
+export declare const VariantsGrid: ({ selectedVariants }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-beautiful-dnd"),d=require("../../constants/Theme.js"),l=require("./variant.js");exports.VariantsGrid=({selectedVariants:r})=>e.jsx(a.Droppable,{droppableId:"droppable-horizontal",children:d=>e.jsxs("div",{...d.droppableProps,ref:d.innerRef,style:{...d.droppableProps.style,display:"flex"},children:[e.jsx(a.Droppable,{droppableId:"droppable-vertical",direction:"horizontal",children:d=>e.jsxs("div",{...d.droppableProps,ref:d.innerRef,style:{...d.droppableProps.style,display:"flex",flexWrap:"wrap",flexDirection:"row"},children:[r.map(((r,d)=>e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:d,children:(a,d)=>e.jsxs("div",{ref:a.innerRef,...a.draggableProps,...a.dragHandleProps,children:[e.jsx(l.VariantCardGridView,{data:r}),a.placeholder]})},`${r.productId}-${r.variantId}`))),d.placeholder]})}),d.placeholder]})}),exports.VariantsList=({selectedVariants:t,setSelectedVariants:s,selectedCollectionsDispatch:o,outOfStockAction:i})=>{const[n,p]=r.useState(-1);function c(e){if(e?.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return{...e,transform:r}}return e}return e.jsx(a.Droppable,{droppableId:"droppable-list",children:(r,u)=>e.jsxs("div",{...r.droppableProps,ref:r.innerRef,style:{backgroundColor:d.COLORS.surface.subdued,padding:"0.05px",height:t.length<8?"550px":"100%",overflow:"auto",...r.droppableProps.style},children:[t.map(((r,u)=>e.jsx("div",{style:{background:d.COLORS.surface.hovered,margin:"5px",boxShadow:u===n?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>p(u),onMouseLeave:()=>p(-1),children:e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:u,children:(a,d)=>e.jsx("div",{ref:a.innerRef,...a.draggableProps,...a.dragHandleProps,style:c({...a.draggableProps.style,...a.draggableSnapshot}),children:e.jsx(l.VariantCardListView,{data:r,selectedCollectionsDispatch:o,onDelete:()=>{const e=t.slice();e[u].displayOrder=null,e.splice(u,1),s(e)},outOfStockAction:i},`${r.productId}-${r.variantId}`)})},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`))),r.placeholder&&u.isDraggingOver?e.jsx("div",{style:{background:d.COLORS.surface.hovered,margin:"5px"},children:r.placeholder}):null]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-beautiful-dnd"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=r=>{let{selectedVariants:s}=r;return e.jsx(a.Droppable,Object.assign({droppableId:"droppable-horizontal"},{children:r=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign(Object.assign({},r.droppableProps.style),{display:"flex"})},{children:[e.jsx(a.Droppable,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:r=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign(Object.assign({},r.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"})},{children:[s.map(((r,s)=>e.jsx(a.Draggable,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:s},{children:(a,s)=>e.jsxs("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:r}),a.placeholder]}))}),`${r.productId}-${r.variantId}`))),r.placeholder]}))})),r.placeholder]}))}))},exports.VariantsList=i=>{let{selectedVariants:n,setSelectedVariants:d,selectedCollectionsDispatch:l,outOfStockAction:o}=i;const[p,c]=r.useState(-1);function b(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(a.Droppable,Object.assign({droppableId:"droppable-list"},{children:(r,i)=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:n.length<8?"550px":"100%",overflow:"auto"},r.droppableProps.style)},{children:[n.map(((r,i)=>e.jsx("div",Object.assign({style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:i===p?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>c(i),onMouseLeave:()=>c(-1)},{children:e.jsx(a.Draggable,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:i},{children:(a,s)=>e.jsx("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{style:b(Object.assign(Object.assign({},a.draggableProps.style),a.draggableSnapshot))},{children:e.jsx(t.VariantCardListView,{data:r,selectedCollectionsDispatch:l,onDelete:()=>{const e=n.slice();e[i].displayOrder=null,e.splice(i,1),d(e)},outOfStockAction:o},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),r.placeholder&&i.isDraggingOver?e.jsx("div",Object.assign({style:{background:s.COLORS.surface.hovered,margin:"5px"}},{children:r.placeholder})):null]}))}))};

package/dist/cjs/components/progress-bar/CircularProgressBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const CircularProgressBar: React.FC<{
+    percentage: number;
+    width?: number;
+    containerStyle?: React.CSSProperties;
+}>;
+export default CircularProgressBar;

package/dist/cjs/components/progress-bar/CircularProgressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/checklistIcon.svg.js");exports.default=({percentage:r,width:s=200,containerStyle:o})=>{const i=r<0?0:r>100?100:r,n=s/2-s/10,c=n*Math.PI*2,l=c-c*i/100,a=s/10,d=s/3;return e.jsx("div",{style:o,children:e.jsxs("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#7000FF"}),e.jsx("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),e.jsx("circle",{cx:s/2,cy:s/2,strokeWidth:a,r:n,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),e.jsx("circle",{cx:s/2,cy:s/2,strokeWidth:a,r:n,style:{stroke:"url(#gradientStroke)",strokeDasharray:c,strokeDashoffset:l},transform:`rotate(-90 ${s/2} ${s/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx(t.default,{x:s/2-d/2,width:d})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/checklistIcon.svg.js");exports.default=s=>{let{percentage:r,width:o=200,containerStyle:i}=s;const n=r<0?0:r>100?100:r,c=o/2-o/10,a=c*Math.PI*2,l=a-a*n/100,d=o/10,f=o/3;return e.jsx("div",Object.assign({style:i},{children:e.jsxs("svg",Object.assign({width:o,height:o,viewBox:`0 0 ${o} ${o}`},{children:[e.jsx("defs",{children:e.jsxs("linearGradient",Object.assign({id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%"},{children:[e.jsx("stop",{offset:"0%",stopColor:"#7000FF"}),e.jsx("stop",{offset:"100%",stopColor:"#AD00FF"})]}))}),e.jsx("circle",{cx:o/2,cy:o/2,strokeWidth:d,r:c,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),e.jsx("circle",{cx:o/2,cy:o/2,strokeWidth:d,r:c,style:{stroke:"url(#gradientStroke)",strokeDasharray:a,strokeDashoffset:l},transform:`rotate(-90 ${o/2} ${o/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx(t.default,{x:o/2-f/2,width:f})]}))}))};

package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts

@@ -1,21 +1,14 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as React from 'react';
-import * as _emotion_react from '@emotion/react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface ProgressBarProps {
-    completed: number;
-    isAnimated: boolean;
-    color?: string;
-    height?: number;
-}
-declare const ProgressBarComponent: (props: ProgressBarProps) => react_jsx_runtime.JSX.Element;
-declare const ProgressCompletedBar: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & {
-    color: string;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-export { ProgressBarComponent, ProgressCompletedBar };
-export type { ProgressBarProps };
+/// <reference types="react" />
+export interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/progress-bar/ProgressBarComponent.js

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("react-bootstrap"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(r).default.div`
-	flex: 50%;
-	.progress-bar {
-		background: ${e=>e.color};
-	}
-`;exports.ProgressBarComponent=r=>e.jsx(n,{color:r.color?r.color:o.COLORS.content.brand,children:e.jsx(t.ProgressBar,{animated:r.isAnimated,now:r.completed,style:{height:`${r.height?r.height:8}px`}})}),exports.ProgressCompletedBar=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("react/jsx-runtime"),b=require("react-bootstrap"),t=require("../../constants/Theme.js");function o(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const s=o(c).default("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));exports.ProgressBarComponent=c=>e.jsx(s,Object.assign({color:c.color?c.color:t.COLORS.content.brand},{children:e.jsx(b.ProgressBar,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),exports.ProgressCompletedBar=s;

package/dist/cjs/components/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProgressBarComponent';
+export * from './CircularProgressBar';

package/dist/cjs/components/progress-bar-v2/ProgressBarV2.d.ts

@@ -1,27 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare enum TextAlignment {
-    RIGHT = "right",
-    LEFT = "left",
-    TOP = "top",
-    BOTTOM = "bottom"
-}
-declare enum ProgressBarType {
-    CIRCLE = "circle",
-    LINE = "line"
-}
-interface ProgressBarV2Props {
-    progress: number;
-    type: ProgressBarType;
-    showProgress?: boolean;
-    text?: string;
-    size?: number;
-    progressBarThickness?: number;
-    color?: string;
-    textPosition?: TextAlignment;
-    matchParentWidth?: boolean;
-}
-declare const ProgressBarV2: (props: ProgressBarV2Props) => react_jsx_runtime.JSX.Element;
-
-export { ProgressBarType, ProgressBarV2, TextAlignment };
-export type { ProgressBarV2Props };
+export declare enum TextAlignment {
+    RIGHT = "right",
+    LEFT = "left",
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare enum ProgressBarType {
+    CIRCLE = "circle",
+    LINE = "line"
+}
+export interface ProgressBarV2Props {
+    progress: number;
+    type: ProgressBarType;
+    showProgress?: boolean;
+    text?: string;
+    size?: number;
+    progressBarThickness?: number;
+    color?: string;
+    textPosition?: TextAlignment;
+    matchParentWidth?: boolean;
+}
+export declare const ProgressBarV2: (props: ProgressBarV2Props) => import("react/jsx-runtime").JSX.Element;