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

package/dist/cjs/components/product-picker/ProductPickerModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),r=require("../bik-layout/PageLoader.js"),o=require("../checkBox/CheckBox.js"),c=require("../input/Input.js"),l=require("../modals/styledModal.js"),n=require("./ProductPicker.styled.js"),d=require("../TypographyStyle.js"),a=require("../../utils/DateUtils.js"),i=require("../../constants/Theme.js"),u=require("../../assets/icons/alert_triangle.svg.js"),p=require("../../assets/icons/search.svg.js");const h="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",x=({text:t,styleProps:s})=>e.jsxs(n.StyledZeroState,{children:[e.jsx("div",{className:"icon__container",style:{...s},children:e.jsx(u.default,{width:24,height:24,color:i.DEFAULT_THEME.colorsV2.content.secondary})}),e.jsx(d.TitleSmall,{children:"No results found"}),e.jsx(d.BodySecondary,{style:{color:i.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${t}"`})]}),j=l=>{const u=l.instaPost?a.default.dateFormat(new Date(l.instaPost.timestamp),"•",!0):"",[j,m]=s.useState(l.products),[P,y]=s.useState(!1),[g,E]=s.useState(""),_=s.useCallback(t.default((e=>{e?(m([]),l.onSearchKeyChange(e).then((e=>{m(e),y(!1)}))):(m(l.products),y(!1))}),700),[]);return e.jsxs(n.StyledProductPickerContainer,{children:[l.instaPost&&e.jsxs("div",{className:"post__wrapper",children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=h},src:l.instaPost?.media_url,className:"post__thumbnail"}),e.jsxs("div",{className:"post__info-wrapper",children:[e.jsx(d.BodyPrimary,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:l.instaPost.caption?i.DEFAULT_THEME.colorsV2.content.primary:i.DEFAULT_THEME.colorsV2.content.secondary},children:l.instaPost?.caption?l.instaPost?.caption:"No caption"}),e.jsx(d.Caption,{style:{color:i.DEFAULT_THEME.colorsV2.content.placeholder},children:u})]})]}),e.jsx("div",{style:{borderTop:l.instaPost?`1px solid ${i.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${i.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:l.instaPost?"16px 24px":"0px 24px 16px 24px"},children:e.jsx(c.Input,{placeholder:l.searchPlaceholder??"Search products..",onChangeText:e=>{E(e),e.trim()?.length>0?(y(!0),_(e)):(y(!1),m(l.products))},rightIcon:{icon:p.default}})}),e.jsxs("div",{style:{maxHeight:350,overflowY:"scroll"},children:[P&&e.jsx("div",{className:"loader__wrapper",children:e.jsx(r.PageLoader,{})}),0!==j.length||P?j.map((t=>{const s=l.selectedProducts.find((e=>e.id===t.id));return e.jsxs("div",{className:"product__wrapper",children:[e.jsxs("div",{className:"product__info-wrapper",children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=h},src:t.image??h,className:"product__image"}),e.jsx(d.TitleSmall,{children:t.name})]}),e.jsx("div",{style:{order:1},children:e.jsx(o.CheckBox,{isChecked:void 0!==s,onValueChange:e=>{((e,t)=>{const s=l.selectedProducts.find((e=>e.id===t.id));if(e&&!s){const e=[...l.selectedProducts,t];l.setSelectedProducts(e)}else if(s){const e=[...l.selectedProducts];let s=-1;l.selectedProducts.forEach(((e,r)=>{e.id===t.id&&(s=r)})),e.splice(s,1),l.setSelectedProducts(e)}})(e,t)}})})]},t.id)})):e.jsx(x,{text:g})]})]})};exports.PricePleaseProductPicker=t=>{const[r,o]=s.useState([]);return s.useEffect((()=>{o(t.selectedProducts??[])}),[t.selectedProducts?.length]),e.jsx(l.StyledModal,{open:t.show,onClose:()=>{t.onClose()},footerLeftCustomElement:r.length>10?e.jsx(d.Caption,{style:{color:i.DEFAULT_THEME.colorsV2.content.negative},children:"Can't add more than 10 products"}):e.jsx(d.Caption,{style:{color:i.DEFAULT_THEME.colorsV2.content.placeholder},children:r?`${r.length} selected`:""}),headingTitle:t.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{t.setSelectedProducts(r),t.onClose()}},secondaryButton:t.secondaryButtonProps,footerShadow:!0,children:e.jsx(j,{...t,selectedProducts:r,setSelectedProducts:o})})},exports.ProductPickerContent=j;

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

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import { ButtonProps } from '../button/model.js';
+
+interface IInstaPost {
+    caption?: string;
+    comments_count: number;
+    id: string;
+    ig_id: string;
+    media_type: string;
+    timestamp: string;
+    media_url: string;
+    permalink: string;
+    products: Product[];
+}
+interface ProductPickerProps {
+    show: boolean;
+    products: Product[] | Collection[];
+    onClose: () => void;
+    title: string;
+    onSave: (productIds: Product[] | Collection[]) => void;
+    onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
+    instaPost?: IInstaPost;
+    searchPlaceholder?: string;
+    selectedProducts: Product[] | Collection[];
+    setSelectedProducts: React__default.Dispatch<React__default.SetStateAction<Product[] | Collection[]>>;
+    secondaryButtonProps?: ButtonProps;
+}
+interface Product {
+    image: string;
+    variants: Variant[];
+    id: string;
+    combinations: Combination[];
+    photos: Photo[];
+    isNew: boolean;
+    currency: string;
+    isDiscounted: boolean;
+    isLimited: boolean;
+    catalogId: string;
+    isOutOfStock: boolean;
+    isHidden: boolean;
+    tags: string;
+    description: string;
+    name: string;
+    handle: string;
+}
+interface Collection {
+    id: string;
+    name: string;
+    description: string;
+    image: string;
+    isHidden: boolean;
+    isPrivate: boolean;
+    handle: string;
+    isSmartCollection: boolean;
+}
+interface Variant {
+    values: string[];
+    name: string;
+    type: string;
+}
+interface Combination {
+    id: string;
+    price: number;
+    discountedPrice: number;
+}
+interface Photo {
+    photoUrl: string;
+}
+
+export type { Collection, Combination, IInstaPost, Photo, Product, ProductPickerProps, Variant };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:t??5}).map(((i,t)=>e.jsx("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},t)))})};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../tag/Tag.js");exports.ProductPickerTag=i=>{const{isVariant:s,data:a,tagText:x,tagType:m}=i;return e.jsx("div",{style:{display:"flex"},children:!a?.fbStatus&&s?e.jsx(t.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):x?e.jsx("div",{style:{display:"flex"},children:e.jsx(r.Tag,{tagText:x,type:m,theme:"light"})}):e.jsx(e.Fragment,{})})};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),i=require("react"),c=require("../checkBox/CheckBox.js"),r=require("../icon-button/IconButton.js"),s=require("../tag/Tag.js"),l=require("../tooltips/Tooltip.js"),o=require("../TypographyStyle.js"),n=require("./emptyState.js"),a=require("./ProductPickerShimmer.js"),d=require("./style.js"),u=require("./utility.js");const h=i=>{const{customCollectionRestriction:n,data:a,selectedCollectionsDispatch:u,setCollectionId:h,setSelectedCollectionId:C,isPartiallyChecked:p,setScreen:y,id:j,isChecked:x,isDisabled:g,hideCollectionCheckbox:m,pickerType:k,usedInSearch:f}=i;return a?e.jsxs(d.CollectionCardStyle,{isDisabled:g,onClick:e=>{if(!g){if("COLLECTION"===k)return e.stopPropagation(),u({type:"reset",data:{}}),u({type:"selected",data:{id:j,val:a,isRestricted:n}}),h(j),void C(j);h(j),C(j),y("products")}},isActive:x,usedInSearch:f??!1,children:[e.jsxs(d.CollectionCardInfoStyle,{children:[!m&&e.jsx(c.CheckBox,{isDisabled:g,isChecked:x,isPartiallyChecked:p,onValueChange:function(e,t,i){i?.stopPropagation(),u(e?{type:"selected",data:{id:j,val:a,isRestricted:n}}:{type:"unselected",data:{id:j}}),C(e?j:"")}}),e.jsx(d.CollectionCardDetailStyle,{children:e.jsx(l.Tooltip,{body:a.name,placement:"bottom",delay:400,variant:"light",children:e.jsxs(d.CollectionNameHolder,{children:[f?e.jsx(o.BodyPrimary,{numberOfLines:1,children:a.name}):e.jsx(o.TitleRegular,{numberOfLines:1,children:a.name}),a.isSmartCollection?e.jsx("div",{style:{display:"flex"},children:e.jsx(s.Tag,{tagText:"Smart Collection",type:"warning"})}):e.jsx(e.Fragment,{})]})})})]}),"COLLECTION"!==k&&e.jsx(r.IconButton,{height:12,width:12,disabled:g,Icon:t.default})]}):e.jsx(e.Fragment,{})};exports.CollectionCard=h,exports.CollectionsScreen=t=>{const{customCollectionRestriction:c,dataLoading:r,collections:s,selectedCollectionsDispatch:l,setCollectionId:o,setSelectedCollectionId:d,selectedCollections:C,setScreen:p,collectionFetcher:y,collectionsDispatch:j,pagingControls:x,storeId:g,setSaveDisabled:m,hideCollectionCheckbox:k,renderWithoutModal:f,pickerType:S,scrollContainerRef:b,appType:P}=t,I=i.useRef(x.curPage),v=!!c&&C?.isCustom,[T,O]=i.useState(!1),q=i.useRef(!1),R=i.useRef(!1),D=()=>{if(!b||!b?.current)return;const{scrollTop:e,clientHeight:t,scrollHeight:i}=b.current;e+t>=i-20&&!q.current&&!R.current&&(m(!0),O(!0),R.current=!0,m(!0),O(!0),y(I.current,g,P).then((e=>{j({type:"paged",data:e?.collections||{}}),x.setCurPage(I.current+1),O(!1),m(!1),R.current=!1,Object.keys(e?.collections).length||(q.current=!0)})).catch())};return i.useEffect((()=>(b?.current?.addEventListener("scroll",D),()=>{b?.current?.removeEventListener("scroll",D)})),[]),i.useEffect((()=>{I.current=x.curPage}),[x.curPage]),e.jsxs("div",{children:[Object.keys(s??{})?.length?Object.keys(s).map((t=>{const i=!!C?.[t]&&("PRODUCT"!==S||!!Object.keys(C?.[t]?.products??{}).length);return e.jsx(h,{customCollectionRestriction:c,data:s[t],isDisabled:v&&!C?.[t],isChecked:i,isPartiallyChecked:u.isCollectionPartiallyChecked(t,s?.[t],C),selectedCollectionsDispatch:l,setCollectionId:o,setSelectedCollectionId:d,setScreen:p,id:t,hideCollectionCheckbox:k||"-1"===t,selectedCollections:C,renderWithoutModal:f,pickerType:S},t)})):r?e.jsx(a.ProductPickerShimmer,{}):e.jsx(n.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),T&&e.jsx(a.ProductPickerShimmer,{})]})},exports.truncate=(e,t,i)=>{if(!e)return"";if(e.length<=t)return e;const c=e.slice(0,t-1);return(i?c.slice(0,c.lastIndexOf(" ")):c)+"..."};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.CurrencySymbols={USD:"$",GBP:"£",CAD:"C$",AUD:"A$",DKK:"DKK",SEK:"SEK",EUR:"€",BRL:"R$",TRY:"₺",JPY:"¥",SAR:"ر.س",AED:"د.إ",EGP:"E£",MAD:"د.م.",INR:"₹",CHF:"Fr",CNY:"¥",NZD:"NZ$",MXN:"Mex$",ZAR:"R",RUB:"₽",KRW:"₩",SGD:"S$",PKR:"Rs",RO:"lei"};

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

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/box_round.svg.js"),r=require("styled-components"),n=require("../../constants/Theme.js"),s=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(r).default.div`
+	height: 400px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+`;exports.EmptyState=({title:r,subtitle:i})=>e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(s.TitleRegular,{style:{marginTop:8},children:r}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:4},children:i})]});

package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js"),e=Object.defineProperty,a=(t,a,n)=>((t,a,n)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[a]=n)(t,"symbol"!=typeof a?a+"":a,n);const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"},r=class{static getProductLabels(e,a=t.OUT_OF_STOCK_ACTION.NORMAL){let r="NORMAL";if(e.variants)return n[r];const i=e;return"REJECTED"===i?.fbStatus?n.FB_REJECTED:(a===t.OUT_OF_STOCK_ACTION.HIDE&&(!i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync&&0!==i?.quantity&&-2!==i?.quantity&&(r="NOT_SYNCED"),i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync||0===i?.quantity||-2===i?.quantity||(r="NORMAL")),a===t.OUT_OF_STOCK_ACTION.BLUR&&(!i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync&&0!==i?.quantity&&-2!==i?.quantity&&(r="NOT_SYNCED"),i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="OUT_OF_STOCK"),i.skipSync||0===i?.quantity||-2===i?.quantity||(r="NORMAL")),a===t.OUT_OF_STOCK_ACTION.NORMAL&&(!i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync&&0!==i?.quantity&&-2!==i?.quantity&&(r="NOT_SYNCED"),i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NORMAL"),i.skipSync||0===i?.quantity||-2===i?.quantity||(r="NORMAL")),n[r])}};a(r,"getTagType",(t=>n.FB_REJECTED===t?"negative":"warning")),a(r,"getDataForProductPickerTag",((t,e,a)=>{let n=t,i=e;1===Object.keys(t?.variants??{}).length&&(n=Object.values(t?.variants??{})[0],i=!0);const y=r.getProductLabels(n,a);return{isVariantForProductPickerTag:i,dataForProductPickerTag:n,tagText:y??void 0,tagType:r.getTagType(y??"")}}));let i=r;exports.ProductHelper=i,exports.parseSelectedVariantsToArray=t=>{let e=[];Object.keys(t).forEach((a=>Object.keys(t?.[a]?.products||[]).forEach((n=>{const r=t[a].products??[],i=r[n].variants??[];return Object.keys(i).map((t=>{const e=i[t];e.currency=r[n].currency,e.variantId=t,e.productId=n,e.collectionId=a,e.productName=r[n].name})),e=[...e,...Object.values(i)],e}))));const a=e.sort(((t,e)=>null==t.displayOrder&&null==e.displayOrder?0:null==t.displayOrder?1:null==e.displayOrder?-1:t.displayOrder-e.displayOrder));return a.forEach(((t,e)=>{t.displayOrder=e})),a};

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

@@ -0,0 +1,114 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { ButtonProps } from '../button/model.js';
+import { OUT_OF_STOCK_ACTION, FooterForNonModalI, ScreenName } from './type.js';
+
+interface ProductVariant {
+    name: string;
+    price: string;
+    image: string;
+    quantity: number;
+    skipSync?: boolean;
+    displayOrder?: number | null;
+    fbStatus?: FbProductStatus;
+    description?: string;
+    id?: string;
+    actualPrice?: string;
+    currency?: string;
+    skuId?: string;
+}
+interface Product {
+    name: string;
+    image: string;
+    description?: string;
+    variants?: {
+        [key: string]: ProductVariant;
+    };
+    id?: string;
+    handle?: string;
+    currency?: string;
+}
+interface Collection {
+    name: string;
+    image: string;
+    isSmartCollection: boolean;
+    products?: {
+        [key: string]: Product;
+    };
+}
+type SelectedItems = {
+    [key: string]: Collection;
+};
+type SearchedItems = {
+    collections: SelectedItems;
+    products: SelectedItems;
+};
+type CollectionFetcherReturn = Promise<{
+    collections: {
+        [key: string]: {
+            image: string;
+            name: string;
+            isSmartCollection: string;
+        };
+    };
+}>;
+type ProductFetcherReturn = Promise<{
+    [key: string]: Product;
+}>;
+type FbStatusFetcherReturn = Promise<{
+    [key: string]: FbProductStatus;
+}>;
+type FbProductStatus = 'APPROVED' | 'REJECTED';
+type ProductPickerInterface = {
+    hideGlobalSearch?: boolean;
+    hideInCollectionSearch?: boolean;
+    customCollectionRestriction?: boolean;
+    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string, appType: ApplicationType) => ProductFetcherReturn;
+    searchFetcher: (storeId: string, query: string, appType: ApplicationType) => Promise<SearchedItems | SelectedItems>;
+    collectionFetcher: (offset: number, storeId: string, appType: ApplicationType) => CollectionFetcherReturn;
+    productFetcher: (collectionId: string, storeId: string, appType: ApplicationType, limit?: number, offset?: number) => ProductFetcherReturn;
+    fbStatusFetcher?: (storeId: string, variantIds: string[], appType: ApplicationType) => FbStatusFetcherReturn;
+    storeId: string;
+    appType?: ApplicationType;
+    selectedItems: SelectedItems;
+    onAdd: (items: SelectedItems, total: number, secondaryClick?: boolean) => void;
+    onClose?: () => void;
+    visible: boolean;
+    zIndex?: number;
+    limit?: number;
+    exactLimit?: number;
+    hideCollectionCheckbox?: boolean;
+    hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    selectProductsFromCustomCollection?: boolean;
+    hideSelectionCount?: boolean;
+    title?: string;
+    postHeader?: React.ReactNode;
+    width?: string;
+    left?: string;
+    renderWithoutModal?: boolean;
+    onClickSave?: number;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    hideProductVariants?: boolean;
+    rearrangeEnabled?: boolean;
+    selectSingleItem?: boolean;
+    stickyFooter?: boolean;
+    showProductDetails?: boolean;
+    containerStyle?: React.CSSProperties;
+    crossButtonInsideHeader?: boolean;
+    footerForNonModal?: FooterForNonModalI;
+    useDynamicInfoImageSize?: boolean;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    subtitle?: string;
+} & ({
+    startupScreen: ScreenName.RearrangeProducts;
+    rearrangeEnabled: true;
+} | {
+    startupScreen?: Exclude<ScreenName, ScreenName.RearrangeProducts>;
+});
+declare const ProductPickerModal: (props: ProductPickerInterface) => react_jsx_runtime.JSX.Element;
+
+export { ProductPickerModal };
+export type { Collection, CollectionFetcherReturn, FbProductStatus, FbStatusFetcherReturn, Product, ProductFetcherReturn, ProductPickerInterface, ProductVariant, SearchedItems, SelectedItems };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js");var t=require("../../assets/icons/search.svg.js"),o=require("react"),c=require("../../constants/Theme.js"),r=require("../../assets/icons/cross.svg.js"),s=require("../button/Button.js"),n=require("../input/Input.js"),i=require("../modals/styledModal.js"),l=require("../spinner/Spinner.js"),a=require("../tag/Tag.js"),d=require("./collectionScreen.js"),u=require("./productInfoOverlay.js"),h=require("./productScreen.js"),p=require("./rearrangeScreen.js"),S=require("./reducers.js"),C=require("./searchScreen.js"),y=require("./selectedScreen.js"),g=require("./style.js"),x=require("./type.js"),m=require("./utility.js"),j=require("../../_virtual/bik-store.js");exports.ProductPickerModal=f=>{const{storeId:b,selectedItems:k,onClose:I,visible:F,zIndex:P,exactLimit:v,limit:T,hideCollectionCheckbox:O,hideProductCheckbox:R,outOfStockAction:D=x.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:q,selectProductsFromCustomCollection:E,hideSelectionCount:N,title:A,width:B,left:w,renderWithoutModal:L,onClickSave:M,pickerType:V,hideProductVariants:_=!1,startupScreen:z=x.ScreenName.Collections,rearrangeEnabled:$,selectSingleItem:H=!1,showProductDetails:K,containerStyle:W,crossButtonInsideHeader:G=!1,footerForNonModal:U={},primaryButton:Y,secondaryButton:J,subtitle:Q}=f,X=f.appType||j.__exports.ApplicationType.BIK,[Z,ee]=o.useReducer(S.collectionsReducer,{}),[te,oe]=o.useState([x.ScreenName.Collections,x.ScreenName.RearrangeProducts].includes(z)?z:x.ScreenName.Collections),[ce,re]=o.useState("grid"),[se,ne]=o.useState(""),[ie,le]=o.useState(""),[ae,de]=o.useState(0),[ue,he]=o.useState(!1),[pe,Se]=o.useState(0),[Ce,ye]=o.useState(""),[ge,xe]=o.useState(!1),[me,je]=o.useState(!1),[fe,be]=o.useReducer(S.searchReducer,{collections:{},products:{}}),[ke,Ie]=o.useReducer(S.selectedColectionsReducer,Object.keys(k).length>0?k:{}),Fe=o.useRef(null),[Pe,ve]=o.useState(!1),[Te,Oe]=o.useState();o.useEffect((()=>{he(!0),je(!0),f.collectionFetcher(ae,b,X).then((e=>{ee({type:"fetched",data:e?.collections||{}}),he(!1),de((e=>e+1)),je(!1)})).catch()}),[]),o.useEffect((()=>{let e=0;_?Object.keys(ke||[]).forEach((t=>{Object.keys(ke[t]?.products||[]).forEach((o=>{"-1"!==t&&ke[-1]&&ke[-1].products?.[o]||(e+=1)}))})):Object.keys(ke||[]).forEach((t=>{Object.keys(ke[t]?.products||[]).forEach((o=>{Object.keys(ke[t].products?.[o]?.variants||[]).forEach((()=>{e+=1}))}))})),Se(e)}),[Z,ke,_]),o.useEffect((()=>{ie&&(he(!0),f.productFetcher(ie,b,X).then((e=>{Object.keys(e).length&&ee({type:"productsFetched",data:{collectionId:ie,products:e}}),he(!1)})).catch())}),[ie]),o.useEffect((()=>{const e=setTimeout((()=>{"rearrange"!==te&&(Ce.length||"collections"!==te)&&(Ce.length?(xe(!0),f.searchFetcher(b,Ce,X).then((e=>{"collections"in e&&"products"in e?(be({type:"set",data:e}),ee({type:"searched",data:e.collections}),ee({type:"searched",data:e.products})):(be({type:"set",data:{collections:{},products:e}}),ee({type:"searched",data:e})),oe("searchProducts"),he(!1),xe(!1)}))):oe("collections"))}),800);return()=>clearTimeout(e)}),[Ce]),o.useEffect((()=>{M&&(f.onAdd(ke,pe),Re())}),[M]),o.useEffect((()=>{H&&Object.keys(ke||{}).length&&pe&&(f.onAdd(ke,pe),Re())}),[H,ke,pe]);const Re=()=>{Ie({type:"reset",data:{}})},De=()=>v&&pe>v?e.jsx(a.Tag,{tagText:`You can only select ${v} products`,type:"negative"}):T&&pe>T?e.jsx(a.Tag,{tagText:`You can only select ${T} products`,type:"negative"}):pe>0?e.jsx(s.Button,{onClick:()=>{oe($?x.ScreenName.RearrangeProducts:x.ScreenName.SelectedProducts)},buttonText:v?`${pe}/${v} products selected`:`${pe} products selected`,buttonType:["rearrange","view"].includes(te)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(te)}):e.jsx(s.Button,{disabled:!0,buttonText:v?`${pe}/${v} products selected`:`${pe} products selected`,buttonType:"tertiaryGray"}),qe=e=>ue?"Loading...":te===x.ScreenName.RearrangeProducts?e??"Done":e??"Add",Ee=e.jsxs(g.ContainerStyle,{style:W??{},children:[f.postHeader&&e.jsx("div",{style:{padding:"0 24px"},children:f.postHeader}),!f.hideGlobalSearch&&e.jsx(e.Fragment,{children:("collections"===te||"searchProducts"===te)&&e.jsx("div",{style:{padding:L?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"},children:e.jsx(n.Input,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>ge?e.jsx(l.Spinner,{size:"small",color:c.COLORS.content.primary}):e.jsx(t.default,{})},id:"listInput",height:"24px",type:"text",value:Ce,onChangeText:e=>{e.length&&e.trim().length?ye(e):ye("")}})})}),e.jsxs(g.ScrollContainerStyle,{ref:Fe,screenName:te,children:["collections"===te&&e.jsx(d.CollectionsScreen,{customCollectionRestriction:f.customCollectionRestriction,dataLoading:me,collections:Z,selectedCollectionsDispatch:Ie,setCollectionId:ne,setSelectedCollectionId:le,setScreen:oe,selectedCollections:ke,collectionFetcher:f.collectionFetcher,storeId:b,appType:X,collectionsDispatch:ee,setSaveDisabled:he,pagingControls:{curPage:ae,setCurPage:de},hideCollectionCheckbox:O,renderWithoutModal:L,pickerType:V,scrollContainerRef:Fe}),"products"===te&&se&&e.jsx(S.CollectionIdContext.Provider,{value:se,children:e.jsx(h.ProductsScreen,{hideInCollectionSearch:f.hideInCollectionSearch,customCollectionRestriction:f.customCollectionRestriction,productFetcher:f.productFetcher,setScreen:oe,storeId:b,appType:X,data:Z[se],collectionsDispatch:ee,selectedCollectionsDispatch:Ie,selectedData:ke,setSaveDisabled:he,searchInCollectionFetcher:f.searchInCollectionFetcher,hideProductCheckbox:R,outOfStockAction:D,hideVariantCheckbox:q,selectProductsFromCustomCollection:E,renderWithoutModal:L,pickerType:V,hideProductVariants:_,fbStatusFetcher:f.fbStatusFetcher,onProductDetailClick:e=>{ve(!0),Oe(e)},showProductDetailInfoIcon:K,scrollContainerRef:Fe})}),"view"===te&&e.jsx(y.SelectedScreen,{selectedCollections:ke||{},selectedCollectionsDispatch:Ie,setScreen:oe,collections:Z,hideProductVariants:_,outOfStockAction:D,storeId:b,appType:X,fbStatusFetcher:f.fbStatusFetcher}),"rearrange"===te&&e.jsx(p.RearrangeScreen,{selectedCollections:ke||{},selectedCollectionsDispatch:Ie,setScreen:oe,outOfStockAction:D,rearrangeViewType:"grid"===ce?"list":"grid",scrollContainerRef:Fe,storeId:b,appType:X,fbStatusFetcher:f.fbStatusFetcher}),"searchProducts"===te&&e.jsx(C.SearchScreen,{customCollectionRestriction:f.customCollectionRestriction,selectedCollections:ke||{},searchedCollections:fe||{},searchedCollectionsDispatch:be,selectedCollectionsDispatch:Ie,setScreen:oe,collections:Z,onBackPress:()=>{ye(""),be({type:"set",data:{collections:{},products:{}}})},pickerType:V,hideProductCheckbox:R,hideProductVariants:_,hideVariantCheckbox:q,storeId:b,appType:X,fbStatusFetcher:f.fbStatusFetcher,setCollectionId:ne,setSelectedCollectionId:le,renderWithoutModal:L,hideCollectionCheckbox:O,outOfStockAction:D})]})]});return e.jsx(e.Fragment,{children:L?e.jsxs(e.Fragment,{children:[Ee,U.renderFooter?e.jsxs(g.StyledFooterForNonModal,{children:[De(),e.jsx(s.Button,{buttonText:qe(U.primaryButtonText),disabled:!U.isLoading&&(ue||pe<1||v&&pe<v||!v&&T&&pe>T)||U.primaryButtonDisabled,isLoading:U.isLoading,onClick:()=>{f.onAdd(ke,pe),Re(),oe([x.ScreenName.Collections,x.ScreenName.RearrangeProducts].includes(z)?z:x.ScreenName.Collections)}})]}):e.jsx(e.Fragment,{}),Pe&&Te?e.jsx(u.ProductInfoOverlay,{productData:Te,outOfStockAction:D,useDynamicInfoImageSize:f.useDynamicInfoImageSize,onClose:()=>{ve(!1)}}):e.jsx(e.Fragment,{})]}):e.jsxs(i.StyledModal,{zIndex:P,open:F,onClose:()=>{I?.(),Re()},headingTitle:A||("collections"===te||"products"===te?"Select Products":"view"===te?"Selected Products":"searchProducts"===te?"Searched Results":"rearrange"===te?"Rearrange Products":void 0),headingSubtitle:Q,footerShadow:!0,centralContainerStyles:{width:B||"600px",left:w||"auto"},headerRightCustomElement:G?e.jsx("div",{style:{cursor:"pointer",display:"flex"},onClick:I,children:e.jsx(r.default,{width:20,height:20,color:c.COLORS.content.secondary})}):e.jsx(e.Fragment,{}),footerContainerStyle:f.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:c.COLORS.surface.standard}:void 0,primaryButton:Y?(Ae=Y,{...Ae,disabled:!Ae.isLoading&&(ue||pe<1||v&&pe<v||!v&&T&&pe>T)||Ae.disabled,onClick:()=>{f.onAdd(ke,pe),Re(),oe([x.ScreenName.Collections,x.ScreenName.RearrangeProducts].includes(z)?z:x.ScreenName.Collections)}}):{buttonText:qe(),disabled:ue||pe<1||v&&pe<v||!v&&T&&pe>T||!1,onClick:()=>{f.onAdd(ke,pe),Re()}},secondaryButton:J?(Ne=J,{...Ne,disabled:ue||pe<1||v&&pe<v||!v&&T&&pe>T||!1,onClick:()=>{const e=m.updateAllVariantsForSelectedProducts(ke,Z,fe);f.onAdd(e,pe,!0)}}):void 0,wrapperStyle:f.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:N?e.jsx(e.Fragment,{}):De(),hideCrossButton:Pe||G,children:[Ee,Pe&&Te?e.jsx(u.ProductInfoOverlay,{productData:Te,useDynamicInfoImageSize:f.useDynamicInfoImageSize,outOfStockAction:D,onClose:()=>{ve(!1)}}):e.jsx(e.Fragment,{})]})});var Ne,Ae};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),c=require("../../assets/icons/info.svg.js"),r=require("../checkBox/CheckBox.js"),i=require("../icon-button/IconButton.js"),o=require("../shimmer-image/ShimmerImage.js"),d=require("../tooltips/Tooltip.js"),a=require("../TypographyStyle.js"),n=require("./constants.js"),l=require("./helpers/ProductHelper.js"),s=require("./ProductPickerTag.js"),u=require("./style.js"),p=require("./utility.js");const h=n=>{const{isVariant:h,data:y,productId:I,collectionId:P,variantId:x,isSelected:j,selectedCollectionsDispatch:k,viewOnly:v,upliftAdditions:C,isPartiallyChecked:g,hideProductCheckbox:S,outOfStockAction:f,hideVariantCheckbox:m,hideProductVariants:b,pickerType:T="PRODUCT",onProductDetailClick:O,showProductDetailInfoIcon:D,currencyAndPrice:V}=n,{isVariantForProductPickerTag:q,dataForProductPickerTag:w,tagText:A,tagType:U}=l.ProductHelper.getDataForProductPickerTag(y,h,f),B=p.getSkuId(y,h);return e.jsxs(u.ProductCardStyle,{isVariant:h,onClick:e=>{if(e.stopPropagation(),"PRODUCT"===T&&(S||m)){const e=Object.keys(y.variants);b?j?k({type:"productUnselected",data:{productId:I,collectionId:P}}):C("productSelected",{productId:I,variantId:x,collectionId:P,product:y}):j?k({type:"variantUnselected",data:{productId:I,variantId:x,collectionId:P}}):C("variantSelected",{productId:I,variantId:x||e[0],collectionId:P,variant:y})}},isActive:j,children:[h&&!v&&!m||!h&&!v&&!S?e.jsx(r.CheckBox,{isChecked:j,isPartiallyChecked:g||!1,onValueChange:function(e,t,c){c?.stopPropagation(),h?e?C(b?"productSelected":"variantSelected",{productId:I,variantId:x,collectionId:P,variant:y}):k({type:b?"productUnselected":"variantUnselected",data:{productId:I,variantId:x,collectionId:P}}):e?C("productSelected",{productId:I,collectionId:P,product:y}):k({type:"productUnselected",data:{productId:I,collectionId:P}})}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:e.jsx(o.ShimmerImage,{width:40,height:40,imageUrl:y.image,alt:"Item",borderRadius:4})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:[e.jsx(d.Tooltip,{variant:"light",body:y.name,placement:"bottom",delay:400,children:e.jsx(a.TitleSmall,{style:{flex:1},numberOfLines:1,children:y.name})}),e.jsxs(u.ProductInfo,{children:[e.jsx(s.ProductPickerTag,{isVariant:q,data:w,tagText:A,tagType:U}),D&&e.jsx(i.IconButton,{onClick:()=>{O?.(y)},Icon:()=>e.jsx(c.default,{width:20,height:20,color:t.COLORS.content.placeholder})})]})]}),e.jsxs(u.ProductSubTitle,{children:[!w?.fbStatus&&q||A?null:e.jsx(a.BodyCaption,{color:t.COLORS.content.secondary,children:V}),B&&e.jsx(d.Tooltip,{body:B,placement:"top",children:e.jsx(u.SKUIDBadge,{children:e.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${B}`})})})]})]})]})};exports.ProductCard=h,exports.ProductGroup=t=>{const{collectionId:c,productId:r,data:i,selectedData:o,selectedCollectionsDispatch:d,viewOnly:a,upliftAdditions:l,isProductPartiallyChecked:s,hideProductCheckbox:u,outOfStockAction:y,hideVariantCheckbox:I,hideProductVariants:P,pickerType:x,onProductDetailClick:j,showProductDetailInfoIcon:k}=t,v=e=>{const t=o?.[c]?.products?.[r];if(!t)return!1;const i=o?.[c]?.products?.[r]?.variants?.[e];return!!i},C=P||!p.shouldShowVariant(i)?`${i.currency?n.CurrencySymbols[i.currency]??"":""}${Object.values(i.variants??{})?.[0]?.price??Object.values(i.variants??{})?.[0]?.actualPrice??""}`:"";return e.jsxs("div",{children:[e.jsx(h,{isVariant:!1,data:i,productId:r,collectionId:c,isSelected:(()=>{const e=o?.[c]?.products?.[r];return!!e})(),isPartiallyChecked:s,selectedCollectionsDispatch:d,upliftAdditions:l,viewOnly:a,hideProductCheckbox:u,hideVariantCheckbox:I,hideProductVariants:P,pickerType:x,outOfStockAction:y,onProductDetailClick:j,showProductDetailInfoIcon:k,currencyAndPrice:C},r),P?null:p.shouldShowVariant(i)&&Object.keys(i.variants||[]).map((t=>{const o=`${i.currency?n.CurrencySymbols[i.currency]??"":""}${i.variants?.[t]?.price??i.variants?.[t]?.actualPrice??""}`;return e.jsx(h,{isVariant:!0,hideVariantCheckbox:I,data:{...i.variants[t],currency:i.currency},variantId:t,productId:r,viewOnly:a,upliftAdditions:l,collectionId:c,isSelected:v(t),selectedCollectionsDispatch:d,outOfStockAction:y,onProductDetailClick:j,showProductDetailInfoIcon:k,currencyAndPrice:o},t)}))]})};

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

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../constants/Theme.js"),a=require("../../assets/icons/cross.svg.js"),o=require("../icon-button/IconButton.js"),i=require("../shimmer-image/ShimmerImage.js"),c=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),d=require("./constants.js"),s=require("./helpers/ProductHelper.js"),u=require("./ProductPickerTag.js"),l=require("./style.js"),p=require("./utility.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=x(t);const g=t=>{const a=void 0===t.productData.variants;let o;if(a)o=`${t.productData.currency?d.CurrencySymbols[t.productData.currency]??"":""}${t.productData?.price??t.productData?.actualPrice??""}`;else{const e=t.productData?.currency;o=`${e?d.CurrencySymbols[e]??"":""}${Object.values(t.productData.variants??{})?.[0]?.price??Object.values(t.productData.variants??{})?.[0]?.actualPrice??""}`}const{isVariantForProductPickerTag:x,dataForProductPickerTag:y,tagText:g,tagType:m}=s.ProductHelper.getDataForProductPickerTag(t.productData,a,t.outOfStockAction),f=p.getSkuId(t.productData,a);return e.jsxs(j,{children:[e.jsx(D,{children:e.jsx(i.ShimmerImage,{useDynamicInfoImageSize:t.useDynamicInfoImageSize,imageUrl:t.productData.image,width:200,height:200,borderRadius:4})}),e.jsxs(b,{children:[f&&e.jsx(c.Tooltip,{body:f,placement:"top",children:e.jsx(l.SKUIDBadge,{children:e.jsx(l.EllipsedBodyTiny,{children:`SKU ID: ${f}`})})}),e.jsx(n.TitleRegular,{style:{display:"flex"},children:t.productData.name}),e.jsx(n.BodyCaption,{color:r.COLORS.content.secondary,children:`Product ID: ${t.productData.id}`}),e.jsx(n.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:t.productData.description??""}}),e.jsx(n.BodyCaption,{color:r.COLORS.content.secondary,children:a?o:p.shouldShowVariant(t.productData)?null:o}),e.jsx(u.ProductPickerTag,{isVariant:x,data:y,tagText:g,tagType:m})]})]})},m=y.default.div`
+	display: flex;
+	flex: 1;
+	background: rgba(0, 0, 0, 0.5);
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	bottom: 0;
+	z-index: 10;
+
+	.overlay-description {
+		display: flex;
+		flex-direction: column;
+		max-height: 300px;
+		overflow-y: auto;
+		word-break: break-word;
+		margin-top: 8px;
+	}
+`,f=y.default.div`
+	display: flex;
+	flex: 1;
+	background: rgba(0, 0, 0, 0.5);
+`,h=y.default.div`
+	position: relative;
+
+	.close-button {
+		position: absolute;
+		top: -50px;
+		right: 0px;
+		margin: 10px;
+		background: ${r.COLORS.surface.standard};
+		border-radius: 50%;
+	}
+`,j=y.default.div`
+	display: flex;
+	background: white;
+	padding: 24px;
+	gap: 24px;
+	border-radius: 8px 8px 0px 0px;
+`,D=y.default.div`
+	display: flex;
+	max-width: min(50%, 200px);
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+`,b=y.default.div`
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: 4px;
+`;exports.ProductInfoCard=g,exports.ProductInfoOverlay=t=>e.jsxs(m,{children:[e.jsx(f,{}),e.jsx(h,{children:e.jsx(o.IconButton,{className:"close-button",onClick:t.onClose,Icon:a.default,width:20,height:20})}),e.jsx(g,{productData:t.productData,outOfStockAction:t.outOfStockAction,useDynamicInfoImageSize:t.useDynamicInfoImageSize})]});

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

@@ -0,0 +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("../../assets/icons/box.svg.js"),c=require("../../assets/icons/search.svg.js"),o=require("lodash"),s=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),u=require("../InfiniteScroll/InfiniteScroll.js"),d=require("../input/Input.js"),a=require("../spinner/Spinner.js"),h=require("../TypographyStyle.js"),p=require("./emptyState.js"),j=require("./product.js"),y=require("./ProductPickerShimmer.js"),f=require("./reducers.js"),g=require("./style.js"),k=require("./type.js"),C=require("./utility.js");exports.ProductsScreen=P=>{const{data:x,collectionsDispatch:S,selectedData:I,selectedCollectionsDispatch:v,productFetcher:O,storeId:b,setScreen:m,setSaveDisabled:q,hideInCollectionSearch:A,customCollectionRestriction:D,hideProductCheckbox:T,outOfStockAction:E=k.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:R=!1,selectProductsFromCustomCollection:V=!1,pickerType:L,hideProductVariants:F,fbStatusFetcher:w,onProductDetailClick:B,showProductDetailInfoIcon:_,scrollContainerRef:U,appType:K}=P,M=s.useContext(f.CollectionIdContext),N=s.useRef(0),H=s.useRef(!1),[J,W]=s.useState(""),[z,G]=s.useState(!1),[Q,X]=s.useState(x),Y=s.useRef(!0),Z=s.useRef(!1);s.useEffect((()=>{if(Y.current)return void(Y.current=!1);const e=setTimeout((()=>{J.length?(G(!0),P.searchInCollectionFetcher(b,M,J,K).then((e=>{const t=o.cloneDeep(x);t.products=e,X(t);const r=C.getVariantIdsToFetchAtProductLevel(e??{});ee(r,e??{},!0),q(!1),G(!1)}))):X(x)}),800);return()=>clearTimeout(e)}),[J]);s.useEffect((()=>{Z.current=!1,N.current=Math.floor(Object.keys(x.products??{})?.length/10);const e=C.getVariantIdsToFetchAtProductLevel(x.products??{});ee(e,x.products??{})}),[M]);const $=!!D&&x.isSmartCollection;s.useEffect((()=>{x?.products||te(10)}),[]);const ee=(e,t,r)=>{w||(r?C.markVariantsAsApprovedProductsLevel(t,S,M,Q,X):C.markVariantsAsApprovedProductsLevel(t,S,M)),e.length>0&&w&&w(b,e,K).then((e=>{const c={...t};Object.keys(t).forEach((r=>{Object.keys(t?.[r]?.variants??{}).forEach((o=>{const s=t?.[r].variants?.[o];s&&"REJECTED"===e[o]?s.fbStatus="REJECTED":s&&"APPROVED"===e[o]&&(s.fbStatus="APPROVED");const n=c?.[r]?.variants;n&&n[o]&&(n[o]=s)}))})),r?(X((e=>{const t={...e};return t.products=c,t})),S({type:"productsPaged",data:{collectionId:M,products:c}})):S({type:"productsPaged",data:{collectionId:M,products:c}})})).catch((e=>{r?C.markVariantsAsApprovedProductsLevel(t,S,M,Q,X):C.markVariantsAsApprovedProductsLevel(t,S,M)}))},te=e=>{q(!0),G(!0),O(M,b,K,e,0).then((t=>{if(Object.keys(t).length||(Z.current=!0),Object.keys(t).length){X({...Q,products:t});const e=C.getVariantIdsToFetchAtProductLevel(t);ee(e,t),N.current=1}e||v({type:"selected",data:{id:M,val:{...x,products:t}}}),q(!1),G(!1)})).catch()},re=(e,t)=>{const r=C.liftTheStateUp(t,x);v({type:e,data:{...r,isRestricted:D}})},ce=!!I?.[M]&&!!Object.keys(I?.[M]?.products??{}).length;return e.jsxs("div",{children:[e.jsxs(g.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{m("collections")}}),e.jsx(h.BodyCaption,{style:{color:n.COLORS.content.secondary},children:x.name})]}),!A&&e.jsx("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:e.jsx(d.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>z&&J.length?e.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.jsx(c.default,{})},id:"listInput",height:"24px",type:"text",value:J,onChangeText:e=>{e.length&&e.trim().length?W(e):W("")},placeholder:"Search using ID, Name or SKU ID"})}),Object.keys(Q?.products||[]).length>0&&!$&&!J.length&&!T&&"-1"!==M&&e.jsxs(g.ProductScreenCollectionCardStyle,{children:[e.jsx(i.CheckBox,{isChecked:ce,isPartiallyChecked:C.isCollectionPartiallyChecked(M,Q,I,F),onValueChange:function(e){e?te():v({type:"unselected",data:{id:M}})}}),e.jsx("div",{style:{width:40,height:40},children:e.jsx(r.default,{})}),e.jsx(h.TitleRegular,{children:"All Products"})]}),e.jsx(u.InfiniteScroll,{hasData:!(Object.keys(Q?.products||[]).length<10)&&!!Object.keys(Q?.products||[]).length,fetchMore:()=>(H.current=!0,O(M,b,K,10,N.current).then((e=>{let t=!1;if(Object.keys(e).length||(t=!0),Object.keys(e).length){const t=Q;t.products={...Q.products,...e},X({...t});const r=C.getVariantIdsToFetchAtProductLevel(e);ee(r,e)}return q(!1),H.current=!1,N.current+=1,t}))),containerRef:U,children:Object.keys(Q?.products||[]).length?Object.keys(Q.products||[]).map((t=>e.jsx(j.ProductGroup,{outOfStockAction:E,collectionId:M,isProductPartiallyChecked:C.isProductPartiallyChecked(M,t,I,Q,F),productId:t,data:Q.products[t],selectedData:I,selectedCollectionsDispatch:v,viewOnly:!V&&!!$,upliftAdditions:re,hideProductCheckbox:T,hideVariantCheckbox:R,hideProductVariants:F,pickerType:L,onProductDetailClick:B,showProductDetailInfoIcon:_},t))):z?e.jsx(y.ProductPickerShimmer,{limit:10}):e.jsx(p.EmptyState,{title:"No products to show",subtitle:J.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})})]})};

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

@@ -0,0 +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"),i=require("../TypographyStyle.js"),n=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),l=require("./style.js"),d=require("./utility.js"),u=require("./variantComponents.js");exports.RearrangeScreen=p=>{const{selectedCollections:S,selectedCollectionsDispatch:j,setScreen:h,rearrangeViewType:y,outOfStockAction:f,scrollContainerRef:x,storeId:q,fbStatusFetcher:C,appType:O}=p,[V,g]=r.useState(a.parseSelectedVariantsToArray(S));r.useEffect((()=>{g(a.parseSelectedVariantsToArray(S))}),[S]),r.useEffect((()=>{x?.current?.scrollTo({top:0}),d.fetchFbStatusCollection(S,q,O,j,C,"update")}),[]);return e.jsxs(s.DragDropContext,{onDragEnd:e=>{if(!e.destination)return;const t=V,[r]=t.splice(e.source.index,1);t.splice(e.destination.index,0,r),t.forEach(((e,t)=>{e.displayOrder=t})),g(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(i.BodyCaption,{color:c.COLORS.content.secondary,children:"All Products"})]}),Object.keys(S).length>0?"list"===y?e.jsx(u.VariantsList,{selectedVariants:V,setSelectedVariants:g,selectedCollectionsDispatch:j,outOfStockAction:f}):e.jsx(u.VariantsGrid,{selectedVariants:V,setSelectedVariants:g,selectedCollectionsDispatch:j}):e.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"})]})};

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

@@ -0,0 +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}};

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

@@ -0,0 +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."})})]})};

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

@@ -0,0 +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})]})]})};

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

@@ -0,0 +1,172 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./type.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);const d=l.default.div`
+	display: flex;
+	background-color: white;
+	height: ${e=>e.renderWithoutModal?"90%":"75vh"};
+	flex-direction: column;
+`,n=l.default.div`
+	overflow-y: scroll;
+	overflow-x: hidden;
+
+	::-webkit-scrollbar {
+		display: block;
+		width: 8px;
+	}
+
+	::-webkit-scrollbar-thumb {
+		background-color: ${e=>e.screenName!==o.ScreenName.RearrangeProducts?"#888":"#fff"};
+		border-radius: 8px;
+	}
+`,a=l.default.div`
+	height: 64px;
+	background-color: ${e=>e.isDisabled?"#F0F0F0":e.isActive?t.COLORS.background.positive.light:"white"};
+	border-bottom: 1px solid #e0e0e0;
+	padding: ${e=>e.usedInSearch?"12px 16px":"12px 24px"};
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	justify-content: space-between;
+	align-items: center;
+	:hover {
+		cursor: pointer;
+		background-color: ${t.COLORS.surface.hovered};
+	}
+`,p=l.default.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	column-gap: 18px;
+`,c=l.default.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+`,s=l.default.div`
+	display: flex;
+	flex-direction: row;
+	max-height: 32px;
+	min-height: 32px;
+	background-color: ${t.COLORS.background.base};
+	justify-content: flex-start;
+	align-items: center;
+	padding: 8px 16px;
+	margin-top: 16px;
+	position: sticky;
+	top: 0;
+	z-index: 10;
+`,x=l.default.div`
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	padding: 12px 16px;
+	border-bottom: 1px solid #e0e0e0;
+	align-items: center;
+`,f=l.default.div`
+	min-height: 64px;
+	background-color: ${e=>e.isActive?t.COLORS.background.positive.light:"white"};
+	border-bottom: 1px solid #e0e0e0;
+	padding: 12px 16px;
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	justify-content: flex-start;
+	align-items: center;
+	padding-left: ${e=>e.isVariant?"42px":"16px"};
+	:hover {
+		cursor: pointer;
+		background-color: ${t.COLORS.surface.hovered};
+	}
+`,u=l.default.div`
+	display: flex;
+	flex-direction: row;
+	max-height: 32px;
+	min-height: 32px;
+	background-color: ${t.COLORS.background.base};
+	justify-content: flex-start;
+	align-items: center;
+	padding: 8px 16px;
+	position: sticky;
+	top: 0;
+	z-index: 10;
+`,g=l.default.div`
+	display: flex;
+	flex-direction: column;
+`,y=l.default.div`
+	min-height: 72px;
+	background: white;
+	padding: 12px 16px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+
+	.text-container {
+		display: flex;
+		gap: 16px;
+		flex: 1;
+	}
+
+	.tooltip-title-tag {
+		display: flex;
+		flex: 1;
+		align-items: center;
+		justify-content: space-between;
+		width: 100%;
+		gap: 16px;
+	}
+	.info-container {
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+	}
+`,h=l.default.div`
+	height: 72px;
+	width: 72px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin: 16px;
+`;l.default.div`
+	display: flex;
+	width: 32px;
+	height: 32px;
+	padding: 6px;
+	justify-content: center;
+	align-items: center;
+	border: 1px solid ${t.COLORS.stroke.primary};
+	border-radius: 4px;
+`;const b=l.default.div`
+	padding: 16px 24px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-top: auto;
+	width: 100%;
+`,m=l.default.div`
+	width: fit-content;
+	background: ${t.COLORS.background.brandLight};
+	padding: 2px 6px;
+	border-radius: 14px;
+`,w=l.default(i.BodyTiny)`
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 196px;
+	display: block;
+	color: ${t.COLORS.background.inverseLight};
+`,v=l.default.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 5px;
+`,S=l.default.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 8px;
+	min-width: 0;
+`;l.default(i.TitleSmall)`
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	display: block;
+`,exports.CollectionCardDetailStyle=c,exports.CollectionCardInfoStyle=p,exports.CollectionCardStyle=a,exports.CollectionNameHolder=g,exports.ContainerStyle=d,exports.EllipsedBodyTiny=w,exports.ProductCardStyle=f,exports.ProductInfo=S,exports.ProductScreenCollectionCardStyle=x,exports.ProductScreenHeader=s,exports.ProductSubTitle=v,exports.SKUIDBadge=m,exports.ScrollContainerStyle=n,exports.SelectedScreenHeader=u,exports.StyledFooterForNonModal=b,exports.VariantCardGridStyle=h,exports.VariantCardListStyle=y;

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

@@ -0,0 +1,22 @@
+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 };

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

@@ -0,0 +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;

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

@@ -0,0 +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),{});

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

@@ -0,0 +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}`})})})]})]})]})})};

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

@@ -0,0 +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]})})};

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

@@ -0,0 +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})]})})};

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

@@ -0,0 +1,21 @@
+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 };