@bikdotai/bik-component-library 0.0.153-beta0.2 → 0.0.153-beta0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("lodash"),c=require("react"),d=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),s=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../TypographyStyle.js"),n=require("./collectionScreen.js"),a=require("./reducers.js"),u=require("./style.js");const p=t=>{const{collectionId:o,productId:c,data:d,selectedData:i,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t;return e.jsx("div",{children:e.jsx(v,{isVariant:!1,data:d,productId:c,collectionId:o,isSelected:!!(null===(u=null===(a=null==i?void 0:i[o])||void 0===a?void 0:a.products)||void 0===u?void 0:u[c]),isPartiallyChecked:n,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r},c)});var a,u},v=t=>{const{isVariant:o,data:c,productId:d,collectionId:l,variantId:s,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:v,viewOnly:h,isPartiallyChecked:j}=t;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:o},{children:[h?e.jsx(e.Fragment,{}):e.jsx(i.CheckBox,{isChecked:a,isPartiallyChecked:j||!1,onValueChange:function(e){o?e?v("variantSelected",{productId:d,variantId:s,collectionId:l,variant:c}):p({type:"variantUnselected",data:{productId:d,variantId:s,collectionId:l}}):e?v("productSelected",{productId:d,collectionId:l,product:c}):p({type:"productUnselected",data:{productId:d,collectionId:l}})}}),e.jsx(r.TitleRegular,{children:n.truncate(c.name,40,!0)})]}))};exports.ProductCard=v,exports.ProductGroup=p,exports.ProductsScreen=i=>{const n=c.useContext(a.CollectionIdContext),{data:v,collectionsDispatch:h,selectedData:j,selectedCollectionsDispatch:y,productFetcher:x,storeId:I,setScreen:C,setSaveDisabled:O}=i,[g]=c.useState(v),m=v.isSmartCollection||!1,b=e=>{var t,o,c,d,i,l,s,r;let a=0,u=0;return!!((null===(o=null===(t=null==j?void 0:j[n])||void 0===t?void 0:t.products)||void 0===o?void 0:o[e])&&(null===(i=Object.keys((null===(d=null===(c=null==v?void 0:v.products)||void 0===c?void 0:c[e])||void 0===d?void 0:d.variants)||[]))||void 0===i||i.forEach((()=>u++)),Object.keys((null===(r=null===(s=null===(l=null==j?void 0:j[n])||void 0===l?void 0:l.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&u!==a))};c.useEffect((()=>{(null==v?void 0:v.products)||(O(!0),x(n,I).then((e=>{Object.keys(e).length&&h({type:"productsFetched",data:{collectionId:n,products:e}}),O(!1)})).catch())}),[]);const k=(e,t)=>{const c=o.cloneDeep(v);if(delete c.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:c})).productId&&v.products){const e=o.cloneDeep(v.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:c,productOnlyData:e})}y({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(u.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(r.BodyCaption,Object.assign({style:{color:d.COLORS.content.secondary}},{children:v.name}))]}),e.jsx("div",{children:Object.keys((null==g?void 0:g.products)||[]).length?Object.keys(g.products||[]).map((t=>e.jsx(p,{collectionId:n,isProductPartiallyChecked:b(t),productId:t,data:g.products[t],selectedData:j,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:!!m},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(s.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{useContext as
|
|
1
|
+
import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{cloneDeep as c}from"lodash";import{useContext as d,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=o=>{const s=d(m),{data:v,collectionsDispatch:h,selectedData:I,selectedCollectionsDispatch:j,productFetcher:O,storeId:g,setScreen:b,setSaveDisabled:C}=o,[k]=l(v),D=v.isSmartCollection||!1,S=t=>{var e,o,i,c,d,l,n,r;let a=0,p=0;return!!((null===(o=null===(e=null==I?void 0:I[s])||void 0===e?void 0:e.products)||void 0===o?void 0:o[t])&&(null===(d=Object.keys((null===(c=null===(i=null==v?void 0:v.products)||void 0===i?void 0:i[t])||void 0===c?void 0:c.variants)||[]))||void 0===d||d.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,e)=>{const o=c(v);if(delete o.products,(e=Object.assign(Object.assign({},e),{catalogOnlyData:o})).productId&&v.products){const t=c(v.products[e.productId]);(null==t?void 0:t.variants)&&delete t.variants,e=Object.assign(Object.assign({},e),{catalogOnlyData:o,productOnlyData:t})}j({type:t,data:e})};return t("div",{children:[t(y,{children:[e(a,{Icon:i,height:16,onClick:()=>{b("collections")}}),e(u,Object.assign({style:{color:r.content.secondary}},{children:v.name}))]}),e("div",{children:Object.keys((null==k?void 0:k.products)||[]).length?Object.keys(k.products||[]).map((t=>e(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,o)=>e("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e(p,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))})]})},f=t=>{const{collectionId:o,productId:i,data:c,selectedData:d,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r,isProductPartiallyChecked:s}=t;return e("div",{children:e(O,{isVariant:!1,data:c,productId:i,collectionId:o,isSelected:!!(null===(p=null===(a=null==d?void 0:d[o])||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:c,data:d,productId:l,collectionId:n,variantId:r,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:u,viewOnly:m,isPartiallyChecked:y}=i;return t(I,Object.assign({isVariant:c},{children:[m?e(o,{}):e(s,{isChecked:a,isPartiallyChecked:y||!1,onValueChange:function(t){c?t?u("variantSelected",{productId:l,variantId:r,collectionId:n,variant:d}):p({type:"variantUnselected",data:{productId:l,variantId:r,collectionId:n}}):t?u("productSelected",{productId:l,collectionId:n,product:d}):p({type:"productUnselected",data:{productId:l,collectionId:n}})}}),e(v,{children:h(d.name,40,!0)})]}))};export{O as ProductCard,f as ProductGroup,j as ProductsScreen};
|