@bikdotai/bik-component-library 0.0.159-beta.9 → 0.0.161

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

@@ -1,7 +0,0 @@
-"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;
-`;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/searchScreen.d.ts

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("../icon-button/IconButton.js"),l=require("../TypographyStyle.js"),r=require("./emptyState.js"),i=require("./productScreen.js"),s=require("./style.js"),d=require("./utility.js");exports.SearchScreen=c=>{const{selectedCollections:n,searchedCollections:u,selectedCollectionsDispatch:a,setScreen:v,collections:p,onBackPress:j}=c,h=(e,t)=>{var o,l,r,i,s,d,c,u,a;let v=0,j=0;return!!((null===(l=null===(o=null==n?void 0:n[e])||void 0===o?void 0:o.products)||void 0===l?void 0:l[t])&&(null===(d=Object.keys((null===(s=null===(i=null===(r=null==p?void 0:p[e])||void 0===r?void 0:r.products)||void 0===i?void 0:i[t])||void 0===s?void 0:s.variants)||[]))||void 0===d||d.forEach((()=>j++)),Object.keys((null===(a=null===(u=null===(c=null==n?void 0:n[e])||void 0===c?void 0:c.products)||void 0===u?void 0:u[t])||void 0===a?void 0:a.variants)||[]).forEach((()=>v++)),v>0&&j!==v))};return e.jsxs("div",{children:[e.jsxs(s.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,onClick:()=>{v("collections"),j()}}),e.jsx(l.BodyCaption,{children:"Searched Products"})]}),e.jsx("div",{children:Object.keys(u).length?e.jsx(e.Fragment,{children:Object.keys(u).map((t=>{var o;return Object.keys((null===(o=null==u?void 0:u[t])||void 0===o?void 0:o.products)||[]).map((o=>{let l=!1;return(null==u?void 0:u.isCustom)&&(l=!0),e.jsx(i.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{const l=d.liftTheStateUp(o,u[e]);a({type:t,data:l})})(t,e,o),productId:o,data:u[t].products[o],isProductPartiallyChecked:h(t,o),selectedData:n,selectedCollectionsDispatch:a,viewOnly:l},o)}))}))}):e.jsx(r.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};

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

@@ -1 +0,0 @@
-export declare const liftTheStateUp: (payload: any, data: any) => any;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash");exports.liftTheStateUp=(t,a)=>{const s=e.cloneDeep(a);if(delete s.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:s})).productId&&a.products){const c=e.cloneDeep(a.products[t.productId]);(null==c?void 0:c.variants)&&delete c.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:s,productOnlyData:c})}return t};

package/dist/esm/assets/icons/box_round.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var l,t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},a.apply(this,arguments)}var r=r=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 49 48"},r),l||(l=e.createElement("rect",{width:48,height:48,x:.5,fill:"#F0F0F0",rx:24})),t||(t=e.createElement("path",{fill:"#9E9E9E",fillRule:"evenodd",d:"M23.002 13.403a3 3 0 0 1 2.996 0H26l7 4a3 3 0 0 1 .937.85 1 1 0 0 1 .249.413 3 3 0 0 1 .314 1.333V28a3 3 0 0 1-1.5 2.595l-.004.002L26 34.596l-.002.001a3.001 3.001 0 0 1-1.023.363.996.996 0 0 1-.95 0 3 3 0 0 1-1.023-.363L23 34.596l-6.996-3.998-.004-.002A3 3 0 0 1 14.5 28v-8.002a3 3 0 0 1 .314-1.333 1.006 1.006 0 0 1 .249-.414 3 3 0 0 1 .937-.848l.004-.002 6.998-4ZM25.5 32.578l6.5-3.714.002-.001a1.001 1.001 0 0 0 .498-.864v-7.462l-7 4.05v7.991Zm-2-7.991v7.991L17 28.864l-.002-.001a1.001 1.001 0 0 1-.498-.864v-7.462l7 4.05Zm1.504-9.449 6.457 3.69-6.961 4.027-6.961-4.027 6.457-3.69.004-.002a1 1 0 0 1 1 0l.004.002Z",clipRule:"evenodd"})));export{r as default};

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface EmptyStateProps {
-    title: string;
-    subtitle: string;
-}
-export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/box_round.svg.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{TitleRegular as n,BodySecondary as s}from"../TypographyStyle.js";const c=r=>{let{title:c,subtitle:l}=r;return t(m,{children:[e(o,{width:48,height:48}),e(n,Object.assign({style:{marginTop:8}},{children:c})),e(s,Object.assign({style:{color:i.content.secondary,marginTop:4}},{children:l}))]})},m=r.div`
-	height: 400px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-`;export{c as EmptyState};

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

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

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

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

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

@@ -1 +0,0 @@
-export declare const liftTheStateUp: (payload: any, data: any) => any;

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

@@ -1 +0,0 @@
-import{cloneDeep as t}from"lodash";const a=(a,s)=>{const o=t(s);if(delete o.products,(a=Object.assign(Object.assign({},a),{catalogOnlyData:o})).productId&&s.products){const c=t(s.products[a.productId]);(null==c?void 0:c.variants)&&delete c.variants,a=Object.assign(Object.assign({},a),{catalogOnlyData:o,productOnlyData:c})}return a};export{a as liftTheStateUp};