@bikdotai/bik-component-library 0.0.735-beta.1 → 0.0.736-beta.0

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

@@ -1,27 +1,27 @@
-export declare const CurrencySymbols: {
-    USD: string;
-    GBP: string;
-    CAD: string;
-    AUD: string;
-    DKK: string;
-    SEK: string;
-    EUR: string;
-    BRL: string;
-    TRY: string;
-    JPY: string;
-    SAR: string;
-    AED: string;
-    EGP: string;
-    MAD: string;
-    INR: string;
-    CHF: string;
-    CNY: string;
-    NZD: string;
-    MXN: string;
-    ZAR: string;
-    RUB: string;
-    KRW: string;
-    SGD: string;
-    PKR: string;
-    RO: string;
-};
+export declare const CurrencySymbols: {
+    USD: string;
+    GBP: string;
+    CAD: string;
+    AUD: string;
+    DKK: string;
+    SEK: string;
+    EUR: string;
+    BRL: string;
+    TRY: string;
+    JPY: string;
+    SAR: string;
+    AED: string;
+    EGP: string;
+    MAD: string;
+    INR: string;
+    CHF: string;
+    CNY: string;
+    NZD: string;
+    MXN: string;
+    ZAR: string;
+    RUB: string;
+    KRW: string;
+    SGD: string;
+    PKR: string;
+    RO: string;
+};

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

@@ -1,6 +1,6 @@
-interface EmptyStateProps {
-    title: string;
-    subtitle: string;
-}
-export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+interface EmptyStateProps {
+    title: string;
+    subtitle: string;
+}
+export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +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`
+"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"),s=require("../../constants/Theme.js"),n=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=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(s.TitleRegular,{style:{marginTop:8},children:i}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:4},children:l})]})};
+`;exports.EmptyState=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:i})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:l}))]})};

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

@@ -1,56 +1,56 @@
-import { TagType } from '@src/components/tag/model';
-import { Product, ProductVariant, SelectedItems } from '../modal';
-import { OUT_OF_STOCK_ACTION } from '../type';
-import { ProductVariantForRearrange } from '../variant';
-export declare class ProductHelper {
-    /**
-     * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)
-     * how to know if a product is hidden ? skipSync === true (not-synced)
-     *
-     * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE
-     *    - not-synced && OOS => NOT_SYNCED
-     *    - not-synced && !OOS => NOT_SYNCED
-     *    - !not-synced && OOS => NOT_SYNCED
-     *    - !not-synced && !OOS => NORMAL
-     *
-     *
-     * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR
-     *    - not-synced && OOS => NOT_SYNCED
-     *    - not-synced && !OOS => NOT_SYNCED
-     *    - !not-synced && OOS => OUT_OF_STOCK
-     *    - !not-synced && !OOS => NORMAL
-     *
-     *
-     * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL
-     *    - not-synced && OOS => NOT_SYNCED
-     *    - not-synced && !OOS => NOT_SYNCED
-     *    - !not-synced && OOS => NORMAL
-     *    - !not-synced && !OOS => NORMAL
-     *
-     * @param product
-     * @param currentCombination
-     * @param outOfStockAction
-     */
-    static getProductLabels(productVariant: Product | ProductVariant, outOfStockAction?: OUT_OF_STOCK_ACTION): string | null;
-    /**
-     * For FB Rejected returns 'negative', for rest returns 'warning'
-     */
-    static getTagType: (tagText: string) => TagType;
-    static getDataForProductPickerTag: (data: Product | ProductVariant, isVariant: boolean, outOfStockAction: OUT_OF_STOCK_ACTION | undefined) => {
-        isVariantForProductPickerTag: boolean;
-        dataForProductPickerTag: Product | ProductVariant;
-        tagText: string | undefined;
-        tagType: TagType;
-    };
-}
-/**
- * Loops through each collection, each product, each variant.
- * For each variant, adds a displayOrder if not already there.
- * For each variant, additional parameters are added from ProductVariantForRearrange
- * in order to display the variant card.
- * After converting to array, sorts the array based on displayOrder and returns.
- *
- * @param selectedCollections - Collections in object format
- * @returns Selected Varaints in array format, sorted based on displayOrder.
- */
-export declare const parseSelectedVariantsToArray: (selectedCollections: SelectedItems) => ProductVariantForRearrange[];
+import { TagType } from "../../tag/model";
+import { Product, ProductVariant, SelectedItems } from '../modal';
+import { OUT_OF_STOCK_ACTION } from '../type';
+import { ProductVariantForRearrange } from '../variant';
+export declare class ProductHelper {
+    /**
+     * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)
+     * how to know if a product is hidden ? skipSync === true (not-synced)
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => NOT_SYNCED
+     *    - !not-synced && !OOS => NORMAL
+     *
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => OUT_OF_STOCK
+     *    - !not-synced && !OOS => NORMAL
+     *
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => NORMAL
+     *    - !not-synced && !OOS => NORMAL
+     *
+     * @param product
+     * @param currentCombination
+     * @param outOfStockAction
+     */
+    static getProductLabels(productVariant: Product | ProductVariant, outOfStockAction?: OUT_OF_STOCK_ACTION): string | null;
+    /**
+     * For FB Rejected returns 'negative', for rest returns 'warning'
+     */
+    static getTagType: (tagText: string) => TagType;
+    static getDataForProductPickerTag: (data: Product | ProductVariant, isVariant: boolean, outOfStockAction: OUT_OF_STOCK_ACTION | undefined) => {
+        isVariantForProductPickerTag: boolean;
+        dataForProductPickerTag: Product | ProductVariant;
+        tagText: string | undefined;
+        tagType: TagType;
+    };
+}
+/**
+ * Loops through each collection, each product, each variant.
+ * For each variant, adds a displayOrder if not already there.
+ * For each variant, additional parameters are added from ProductVariantForRearrange
+ * in order to display the variant card.
+ * After converting to array, sorts the array based on displayOrder and returns.
+ *
+ * @param selectedCollections - Collections in object format
+ * @returns Selected Varaints in array format, sorted based on displayOrder.
+ */
+export declare const parseSelectedVariantsToArray: (selectedCollections: SelectedItems) => ProductVariantForRearrange[];

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

@@ -1,2 +1,2 @@
-export * from './modal';
-export { ScreenName } from './type';
+export * from './modal';
+export { ScreenName } from './type';

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

@@ -1,109 +1,110 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import { ButtonProps } from '../button/model';
-import { FooterForNonModalI, OUT_OF_STOCK_ACTION, ScreenName } from './type';
-export 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;
-}
-export interface Product {
-    name: string;
-    image: string;
-    description?: string;
-    variants?: {
-        [key: string]: ProductVariant;
-    };
-    id?: string;
-    handle?: string;
-    currency?: string;
-}
-export interface Collection {
-    name: string;
-    image: string;
-    isSmartCollection: boolean;
-    products?: {
-        [key: string]: Product;
-    };
-}
-export type SelectedItems = {
-    [key: string]: Collection;
-};
-export type SearchedItems = {
-    collections: SelectedItems;
-    products: SelectedItems;
-};
-export type CollectionFetcherReturn = Promise<{
-    collections: {
-        [key: string]: {
-            image: string;
-            name: string;
-            isSmartCollection: string;
-        };
-    };
-}>;
-export type ProductFetcherReturn = Promise<{
-    [key: string]: Product;
-}>;
-export type FbStatusFetcherReturn = Promise<{
-    [key: string]: FbProductStatus;
-}>;
-export type FbProductStatus = 'APPROVED' | 'REJECTED';
-export 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>;
-});
-export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { ButtonProps } from '../button/model';
+import { FooterForNonModalI, OUT_OF_STOCK_ACTION, ScreenName } from './type';
+export 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;
+}
+export interface Product {
+    name: string;
+    image: string;
+    description?: string;
+    variants?: {
+        [key: string]: ProductVariant;
+    };
+    id?: string;
+    handle?: string;
+    currency?: string;
+}
+export interface Collection {
+    name: string;
+    image: string;
+    isSmartCollection: boolean;
+    products?: {
+        [key: string]: Product;
+    };
+}
+export type SelectedItems = {
+    [key: string]: Collection;
+};
+export type SearchedItems = {
+    collections: SelectedItems;
+    products: SelectedItems;
+};
+export type CollectionFetcherReturn = Promise<{
+    collections: {
+        [key: string]: {
+            image: string;
+            name: string;
+            isSmartCollection: string;
+        };
+    };
+}>;
+export type ProductFetcherReturn = Promise<{
+    [key: string]: Product;
+}>;
+export type FbStatusFetcherReturn = Promise<{
+    [key: string]: FbProductStatus;
+}>;
+export type FbProductStatus = 'APPROVED' | 'REJECTED';
+export 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>;
+});
+export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,43 +1,44 @@
-import { Product, ProductVariant, SelectedItems } from './modal';
-import { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION } from './type';
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-    upliftAdditions: any;
-    hideProductCheckbox?: boolean;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    hideVariantCheckbox?: boolean;
-    hideProductVariants?: boolean;
-    showProductDetailInfoIcon?: boolean;
-    pickerType?: 'COLLECTION' | 'PRODUCT';
-    onProductDetailClick?: (productData: Product | ProductVariant) => void;
-}
-export declare const ProductGroup: (props: ProductGroupInterface) => import("react/jsx-runtime").JSX.Element;
-interface ProductCardInterface {
-    isVariant: boolean;
-    data: Product | ProductVariant;
-    productId: string;
-    collectionId: string;
-    variantId?: string;
-    isSelected: boolean;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    viewOnly: boolean;
-    isPartiallyChecked?: boolean;
-    upliftAdditions: any;
-    hideProductCheckbox?: boolean;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    hideVariantCheckbox?: boolean;
-    hideProductVariants?: boolean;
-    showProductDetailInfoIcon?: boolean;
-    pickerType?: 'COLLECTION' | 'PRODUCT';
-    onProductDetailClick?: (productData: Product | ProductVariant) => void;
-    currencyAndPrice?: string;
-}
-export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+import { Product, ProductVariant, SelectedItems } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+interface ProductGroupInterface {
+    collectionId: string;
+    productId: string;
+    data: Product;
+    selectedData: SelectedItems;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    viewOnly: boolean;
+    isProductPartiallyChecked?: boolean;
+    upliftAdditions: any;
+    hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    hideProductVariants?: boolean;
+    showProductDetailInfoIcon?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    onProductDetailClick?: (productData: Product | ProductVariant) => void;
+}
+export declare const ProductGroup: (props: ProductGroupInterface) => import("react/jsx-runtime").JSX.Element;
+interface ProductCardInterface {
+    isVariant: boolean;
+    data: Product | ProductVariant;
+    productId: string;
+    collectionId: string;
+    variantId?: string;
+    isSelected: boolean;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    viewOnly: boolean;
+    isPartiallyChecked?: boolean;
+    upliftAdditions: any;
+    hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    hideProductVariants?: boolean;
+    showProductDetailInfoIcon?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    onProductDetailClick?: (productData: Product | ProductVariant) => void;
+    currencyAndPrice?: string;
+}
+export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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