@bikdotai/bik-component-library 0.0.153-beta1.0 → 0.0.154-beta

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-}
-export declare const SelectedScreen: (props: SelectedScreenInterface) => JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-export declare const PickerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isDisabled: boolean;
-}, never>;
-export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isVariant: boolean;
-}, never>;
-export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCard: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/product-picker-hackathon/PickerHackathon.d.ts

@@ -1,55 +0,0 @@
-/// <reference types="react" />
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-}
-export interface Product {
-    name: string;
-    image: string;
-    variants?: {
-        [key: string]: ProductVariant;
-    };
-}
-export interface Collection {
-    id: string;
-    name: string;
-    image: string;
-    isSmartCollection: boolean;
-    products?: {
-        [key: string]: Product;
-    };
-}
-export type SelectedItems = {
-    [key: string]: Collection;
-};
-export type CollectionFetcherReturn = Promise<{
-    collections: {
-        [key: string]: {
-            image: string;
-            name: string;
-            isSmartCollection: string;
-        };
-    };
-}>;
-export type ProductFetcherReturn = Promise<{
-    [key: string]: Product;
-}>;
-export interface ProductPickerInterface {
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems) => void;
-    onClose: () => void;
-    visible: boolean;
-    zIndex?: number;
-    previewElement?: boolean;
-    onCancel: () => void;
-    onProceed: (payload: ProductPost) => void;
-}
-export interface ProductPost {
-    selectedProduct?: Product;
-    selectedUrl?: string;
-}
-export declare const PickerHackathon: (props: ProductPickerInterface) => JSX.Element;

package/dist/esm/components/product-picker-hackathon/PickerHackathon.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useReducer as c,useState as o,useEffect as l}from"react";import{CheckMark as i}from"../checkBox/CheckBox.js";import{Button as r}from"../button/Button.js";import{CollectionsScreen as s}from"./collectionScreen.js";import{ProductsScreen as n}from"./productScreen.js";import{collectionsReducer as d,selectedColectionsReducer as a,CollectionIdContext as p}from"./reducers.js";import{SelectedScreen as u}from"./selectedScreen.js";import{PickerStyle as h,ListContainerStyle as m,ScrollContainerStyle as v,PreviewContainerStyle as f,ProductCard as x,FooterStyle as b}from"./style.js";const y=y=>{const{storeId:g,selectedItems:j}=y,[C,D]=c(d,{}),[O,k]=o("collections"),[w,S]=o(""),[F,P]=o(0),[I,G]=c(a,Object.keys(j).length?j:{}),T=Object.keys(I||[]).flatMap((e=>{var t;return Object.keys((null===(t=I[e])||void 0===t?void 0:t.products)||[]).map((t=>{var c;return null===(c=I[e].products)||void 0===c?void 0:c[t]}))}))||[],[B,z]=o(),[W,A]=o(),[,M]=o(!1);l((()=>{M(!0),y.collectionFetcher(F,g).then((e=>{D({type:"fetched",data:(null==e?void 0:e.collections)||{}}),M(!1),P((e=>e+1))})).catch()}),[]),l((()=>{var e;w&&!(null===(e=null==C?void 0:C[w])||void 0===e?void 0:e.products)&&(M(!0),y.productFetcher(w,g).then((e=>{Object.keys(e).length&&(D({type:"productsFetched",data:{collectionId:w,products:e}}),M(!1))})).catch())}),[w]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[e(h,{children:[t(m,{children:e(v,{children:["collections"===O&&t(s,{collections:C,selectedCollectionsDispatch:G,setCollectionId:S,setScreen:k,selectedCollections:I,collectionFetcher:y.collectionFetcher,storeId:g,collectionsDispatch:D,setSaveDisabled:M,pagingControls:{curPage:F,setCurPage:P}}),"products"===O&&w&&t(p.Provider,Object.assign({value:w},{children:t(n,{productFetcher:y.productFetcher,setScreen:k,storeId:g,data:C[w],collectionsDispatch:D,selectedCollectionsDispatch:G,selectedData:I,setSaveDisabled:M})})),"view"===O&&t(u,{selectedCollections:I||{},selectedCollectionsDispatch:G,upliftAdditions:null,setScreen:k,collections:C})]})}),t(f,{children:T.length?t("div",Object.assign({style:{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:"12px",columnGap:"16px"}},{children:T.map((c=>t("div",Object.assign({style:{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:"12px",columnGap:"16px"}},{children:c.image&&e(x,Object.assign({onClick:()=>{return e=c,t=c.image,z(e),void A(t);var e,t}},{children:[t("img",{height:160,width:160,src:c.image,style:{borderRadius:"4px"}}),W===c.image&&t("div",Object.assign({style:{position:"absolute",top:"8px",left:"8px"}},{children:t(i,{isPartial:!1,isDisabled:!1})}))]}))}),c.name)))})):t("div",{})})]}),e(b,{children:[t(r,{onClick:y.onCancel,buttonText:"Cancel",buttonType:"tertiaryGray",size:"small"}),t(r,{buttonText:"Proceed",buttonType:"primary",size:"small",onClick:()=>y.onProceed({selectedProduct:B,selectedUrl:W})})]})]}))};export{y as PickerHackathon};

package/dist/esm/components/product-picker-hackathon/collectionScreen.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
-interface CollectionsScreenInterface {
-    collections: {
-        [key: string]: Collection;
-    };
-    selectedCollections: SelectedItems;
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    storeId: string;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    setSaveDisabled: React.Dispatch<boolean>;
-    pagingControls: {
-        curPage: number;
-        setCurPage: React.Dispatch<React.SetStateAction<number>>;
-    };
-}
-export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
-export {};

package/dist/esm/components/product-picker-hackathon/collectionScreen.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import{useRef as r,useState as c,useEffect as i}from"react";import{COLORS as n}from"../../constants/Theme.js";import{CheckBox as l}from"../checkBox/CheckBox.js";import{IconButton as d}from"../icon-button/IconButton.js";import{BikShimmer as a}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleRegular as h,BodyCaption as u}from"../TypographyStyle.js";import{CollectionCardStyle as p,CollectionCardInfoStyle as m,CollectionCardDetailStyle as v,CollectionNameHolder as b}from"./style.js";const g=(e,t,o)=>{if(e.length<=t)return e;const s=e.slice(0,t-1);return(o?s.slice(0,s.lastIndexOf(" ")):s)+"..."},j=o=>{const{collections:s,selectedCollectionsDispatch:n,setCollectionId:l,selectedCollections:d,setScreen:h,collectionFetcher:u,collectionsDispatch:p,pagingControls:m,storeId:v,setSaveDisabled:b}=o,g=r(null),j=r(m.curPage),C=(null==d?void 0:d.isCustom)||!1,[f,k]=c(!1);i((()=>{j.current=m.curPage}),[m.curPage]),i((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&j.current>0&&(b(!0),k(!0),u(j.current,v).then((e=>{p({type:"paged",data:(null==e?void 0:e.collections)||{}}),m.setCurPage(j.current+1),k(!1),b(!1)})).catch())}),{threshold:1});return g.current&&e.observe(g.current),()=>{g.current&&e.unobserve(g.current)}}),[g]);const O=e=>{var t,o;let r=0,c=0;if(d[e]){const i=null===(t=s[e])||void 0===t?void 0:t.products;i&&Object.keys(i).forEach((e=>{var t;const o=null===(t=i[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>r+=1))}));const n=null===(o=d[e])||void 0===o?void 0:o.products;return n&&Object.keys(n).forEach((e=>{var t;const o=null===(t=n[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>c+=1))})),!(r<=0&&c>0)&&(c>0&&r!==c)}return!1};return e("div",{children:[Object.keys(s).length?Object.keys(s).map((e=>t(y,{data:s[e],isDisabled:C&&!(null==d?void 0:d[e]),isChecked:!!(null==d?void 0:d[e]),isPartiallyChecked:O(e),selectedCollectionsDispatch:n,setCollectionId:l,setScreen:h,id:s[e].id},e))):[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(a,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))),t("div",{ref:g}),f&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(a,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},y=r=>{const{data:c,selectedCollectionsDispatch:i,setCollectionId:a,isPartiallyChecked:j,setScreen:y,id:C,isChecked:f,isDisabled:k}=r;return e(p,Object.assign({isDisabled:k},{children:[e(m,{children:[t(l,{isDisabled:k,isChecked:f,isPartiallyChecked:j,onValueChange:function(e,t){i(e?{type:"selected",data:{id:C,val:c}}:{type:"unselected",data:{id:C}}),a(e?C:"")}}),t(v,{children:e(b,{children:[t(h,{children:g(c.name,40,!0)}),Object.keys(c.products||{}).length?e(u,Object.assign({color:n.content.placeholder},{children:[Object.keys(c.products||{}).length," products"]})):t(o,{})]})})]}),t(d,{onClick:()=>{k||(a(C),y("products"))},Icon:s})]}))};export{j as CollectionsScreen,g as truncate};

package/dist/esm/components/product-picker-hackathon/index.d.ts

@@ -1 +0,0 @@
-export * from './PickerHackathon';

package/dist/esm/components/product-picker-hackathon/productScreen.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-interface ProductsScreenInterface {
-    data: Collection;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-}
-export declare const ProductGroup: (props: ProductGroupInterface) => JSX.Element;
-interface ProductCardInterface {
-    isVariant: boolean;
-    data: Product | ProductVariant;
-    productId: string;
-    collectionId: string;
-    variantId?: string;
-    isSelected: boolean;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isPartiallyChecked?: boolean;
-}
-export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
-export {};

package/dist/esm/components/product-picker-hackathon/productScreen.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as o,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{cloneDeep as d}from"lodash";import{useContext as c,useState as l,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as a}from"../icon-button/IconButton.js";import{BikShimmer as p}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as u,TitleRegular as v}from"../TypographyStyle.js";import{truncate as h}from"./collectionScreen.js";import{CollectionIdContext as m}from"./reducers.js";import{ProductScreenHeader as y,ProductCardStyle as I}from"./style.js";const j=e=>{const s=c(m),{data:v,collectionsDispatch:h,selectedData:I,selectedCollectionsDispatch:j,productFetcher:O,storeId:g,setScreen:b,setSaveDisabled:C}=e,[k]=l(v),D=(null==v?void 0:v.isSmartCollection)||!1,S=t=>{var o,e,i,d,c,l,n,r;let a=0,p=0;return!!((null===(e=null===(o=null==I?void 0:I[s])||void 0===o?void 0:o.products)||void 0===e?void 0:e[t])&&(null===(c=Object.keys((null===(d=null===(i=null==v?void 0:v.products)||void 0===i?void 0:i[t])||void 0===d?void 0:d.variants)||[]))||void 0===c||c.forEach((()=>p++)),Object.keys((null===(r=null===(n=null===(l=null==I?void 0:I[s])||void 0===l?void 0:l.products)||void 0===n?void 0:n[t])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};n((()=>{(null==v?void 0:v.products)||(C(!0),O(s,g).then((t=>{Object.keys(t||[]).length&&h({type:"productsFetched",data:{collectionId:s,products:t}}),C(!1)})).catch())}),[]);const x=(t,o)=>{const e=d(v);if(delete e.products,(o=Object.assign(Object.assign({},o),{catalogOnlyData:e})).productId&&v.products){const t=d(v.products[o.productId]);(null==t?void 0:t.variants)&&delete t.variants,o=Object.assign(Object.assign({},o),{catalogOnlyData:e,productOnlyData:t})}j({type:t,data:o})};return t("div",{children:[t(y,{children:[o(a,{Icon:i,height:16,onClick:()=>{b("collections")}}),o(u,Object.assign({style:{color:r.content.secondary}},{children:null==v?void 0:v.name}))]}),o("div",{children:Object.keys((null==k?void 0:k.products)||[]).length?Object.keys(k.products||[]).map((t=>o(f,{collectionId:s,isProductPartiallyChecked:S(t),productId:t,data:k.products[t],selectedData:I,selectedCollectionsDispatch:j,upliftAdditions:x,viewOnly:!!D},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,e)=>o("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:o(p,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),e)))})]})},f=t=>{const{collectionId:e,productId:i,data:d,selectedData:c,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r,isProductPartiallyChecked:s}=t;return o("div",{children:o(O,{isVariant:!1,data:d,productId:i,collectionId:e,isSelected:!!(null===(p=null===(a=null==c?void 0:c[e])||void 0===a?void 0:a.products)||void 0===p?void 0:p[i]),isPartiallyChecked:s,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r},i)});var a,p},O=i=>{const{isVariant:d,data:c,productId:l,collectionId:n,variantId:r,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:u,viewOnly:m,isPartiallyChecked:y}=i;return t(I,Object.assign({isVariant:d},{children:[m?o(e,{}):o(s,{isChecked:a,isPartiallyChecked:y||!1,onValueChange:function(t){d?t?u("variantSelected",{productId:l,variantId:r,collectionId:n,variant:c}):p({type:"variantUnselected",data:{productId:l,variantId:r,collectionId:n}}):t?u("productSelected",{productId:l,collectionId:n,product:c}):p({type:"productUnselected",data:{productId:l,collectionId:n}})}}),o(v,{children:h(null==c?void 0:c.name,40,!0)})]}))};export{O as ProductCard,f as ProductGroup,j as ProductsScreen};

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-export interface SelectedCollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function selectedColectionsReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
-export interface CollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
-export declare const CollectionIdContext: import("react").Context<string>;

package/dist/esm/components/product-picker-hackathon/selectedScreen.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-}
-export declare const SelectedScreen: (props: SelectedScreenInterface) => JSX.Element;
-export {};

package/dist/esm/components/product-picker-hackathon/style.d.ts

@@ -1,18 +0,0 @@
-export declare const PickerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isDisabled: boolean;
-}, never>;
-export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isVariant: boolean;
-}, never>;
-export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCard: import("styled-components").StyledComponent<"div", any, {}, never>;