@bikdotai/bik-component-library 0.0.657-19 → 0.0.657-20

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

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=>{var v,p,h;const{isVariant:y,data:I,productId:j,collectionId:P,variantId:x,isSelected:k,selectedCollectionsDispatch:g,viewOnly:C,upliftAdditions:b,isPartiallyChecked:O,hideProductCheckbox:S,outOfStockAction:m,hideVariantCheckbox:f,hideProductVariants:T,pickerType:D="PRODUCT",onProductDetailClick:V,showProductDetailInfoIcon:w,currencyAndPrice:q,pickerWidth:A}=n,{isVariantForProductPickerTag:U,dataForProductPickerTag:B,tagText:$,tagType:F}=a.ProductHelper.getDataForProductPickerTag(I,y,m);console.log({data:I,isVariant:y,isVariantForProductPickerTag:U});const R=y?I.skuId:U?null===(h=null===(p=Object.values(null!==(v=null==I?void 0:I.variants)&&void 0!==v?v:{}))||void 0===p?void 0:p[0])||void 0===h?void 0:h.skuId:void 0;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:y,onClick:e=>{if(e.stopPropagation(),"PRODUCT"===D&&(S||f)){const e=Object.keys(I.variants);T?k?g({type:"productUnselected",data:{productId:j,collectionId:P}}):b("productSelected",{productId:j,variantId:x,collectionId:P,product:I}):k?g({type:"variantUnselected",data:{productId:j,variantId:x,collectionId:P}}):b("variantSelected",{productId:j,variantId:x||e[0],collectionId:P,variant:I})}},isActive:k},{children:[y&&!C&&!f||!y&&!C&&!S?e.jsx(o.CheckBox,{isChecked:k,isPartiallyChecked:O||!1,onValueChange:function(e,t,i){null==i||i.stopPropagation(),y?e?b(T?"productSelected":"variantSelected",{productId:j,variantId:x,collectionId:P,variant:I}):g({type:T?"productUnselected":"variantUnselected",data:{productId:j,variantId:x,collectionId:P}}):e?b("productSelected",{productId:j,collectionId:P,product:I}):g({type:"productUnselected",data:{productId:j,collectionId:P}})}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:e.jsx(d.ShimmerImage,{width:40,height:40,imageUrl:I.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"}},{children:[e.jsx(r.Tooltip,Object.assign({variant:"light",body:I.name,placement:"bottom",delay:400},{children:e.jsx(u.StyledTitleSmall,Object.assign({style:{width:$?`calc(${A} - 310px)`:`calc(${A} - ${y?"30px":"0px"} - 160px)`},numberOfLines:1},{children:I.name}))})),e.jsxs(u.ProductInfo,{children:[e.jsx(s.ProductPickerTag,{isVariant:U,data:B,tagText:$,tagType:F}),w&&e.jsx(c.IconButton,{onClick:()=>{null==V||V(I)},Icon:()=>e.jsx(i.default,{width:20,height:20,color:t.COLORS.content.placeholder})})]})]})),e.jsxs(u.ProductSubTitle,{children:[!(null==B?void 0:B.fbStatus)&&U||$?null:e.jsx(l.BodyCaption,Object.assign({color:t.COLORS.content.secondary},{children:q})),R&&e.jsx(r.Tooltip,Object.assign({body:R,placement:"top"},{children:e.jsx(u.SKUIDBadge,{children:e.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${R}`})})}))]})]}))]}))};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:k,isProductPartiallyChecked:g,hideProductCheckbox:C,outOfStockAction:b,hideVariantCheckbox:O,hideProductVariants:S,pickerType:m,onProductDetailClick:f,showProductDetailInfoIcon:T,pickerWidth:D}=t,V=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])},w=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:g,selectedCollectionsDispatch:P,upliftAdditions:k,viewOnly:x,hideProductCheckbox:C,hideVariantCheckbox:O,hideProductVariants:S,pickerType:m,outOfStockAction:b,onProductDetailClick:f,showProductDetailInfoIcon:T,currencyAndPrice:w,pickerWidth:D},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:k,collectionId:h,isSelected:V(t),selectedCollectionsDispatch:P,outOfStockAction:b,onProductDetailClick:f,showProductDetailInfoIcon:T,currencyAndPrice:s,pickerWidth:D},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=>{var v,p,h,y,j;const{isVariant:I,data:P,productId:x,collectionId:k,variantId:g,isSelected:C,selectedCollectionsDispatch:b,viewOnly:O,upliftAdditions:S,isPartiallyChecked:m,hideProductCheckbox:f,outOfStockAction:T,hideVariantCheckbox:D,hideProductVariants:V,pickerType:w="PRODUCT",onProductDetailClick:q,showProductDetailInfoIcon:A,currencyAndPrice:U,pickerWidth:B}=n,{isVariantForProductPickerTag:$,dataForProductPickerTag:F,tagText:R,tagType:W}=a.ProductHelper.getDataForProductPickerTag(P,I,T);console.log({data:P,isVariant:I,isVariantForProductPickerTag:$});const L=I?P.skuId:1===(null===(p=Object.values(null!==(v=null==P?void 0:P.variants)&&void 0!==v?v:{}))||void 0===p?void 0:p.length)?null===(j=null===(y=Object.values(null!==(h=null==P?void 0:P.variants)&&void 0!==h?h:{}))||void 0===y?void 0:y[0])||void 0===j?void 0:j.skuId:void 0;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:I,onClick:e=>{if(e.stopPropagation(),"PRODUCT"===w&&(f||D)){const e=Object.keys(P.variants);V?C?b({type:"productUnselected",data:{productId:x,collectionId:k}}):S("productSelected",{productId:x,variantId:g,collectionId:k,product:P}):C?b({type:"variantUnselected",data:{productId:x,variantId:g,collectionId:k}}):S("variantSelected",{productId:x,variantId:g||e[0],collectionId:k,variant:P})}},isActive:C},{children:[I&&!O&&!D||!I&&!O&&!f?e.jsx(o.CheckBox,{isChecked:C,isPartiallyChecked:m||!1,onValueChange:function(e,t,i){null==i||i.stopPropagation(),I?e?S(V?"productSelected":"variantSelected",{productId:x,variantId:g,collectionId:k,variant:P}):b({type:V?"productUnselected":"variantUnselected",data:{productId:x,variantId:g,collectionId:k}}):e?S("productSelected",{productId:x,collectionId:k,product:P}):b({type:"productUnselected",data:{productId:x,collectionId:k}})}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:e.jsx(d.ShimmerImage,{width:40,height:40,imageUrl:P.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"}},{children:[e.jsx(r.Tooltip,Object.assign({variant:"light",body:P.name,placement:"bottom",delay:400},{children:e.jsx(u.StyledTitleSmall,Object.assign({style:{width:R?`calc(${B} - 310px)`:`calc(${B} - ${I?"30px":"0px"} - 160px)`},numberOfLines:1},{children:P.name}))})),e.jsxs(u.ProductInfo,{children:[e.jsx(s.ProductPickerTag,{isVariant:$,data:F,tagText:R,tagType:W}),A&&e.jsx(c.IconButton,{onClick:()=>{null==q||q(P)},Icon:()=>e.jsx(i.default,{width:20,height:20,color:t.COLORS.content.placeholder})})]})]})),e.jsxs(u.ProductSubTitle,{children:[!(null==F?void 0:F.fbStatus)&&$||R?null:e.jsx(l.BodyCaption,Object.assign({color:t.COLORS.content.secondary},{children:U})),L&&e.jsx(r.Tooltip,Object.assign({body:L,placement:"top"},{children:e.jsx(u.SKUIDBadge,{children:e.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${L}`})})}))]})]}))]}))};exports.ProductCard=p,exports.ProductGroup=t=>{var i,o,c,d,r,l,a,s,u;const{collectionId:h,productId:y,data:j,selectedData:I,selectedCollectionsDispatch:P,viewOnly:x,upliftAdditions:k,isProductPartiallyChecked:g,hideProductCheckbox:C,outOfStockAction:b,hideVariantCheckbox:O,hideProductVariants:S,pickerType:m,onProductDetailClick:f,showProductDetailInfoIcon:T,pickerWidth:D}=t,V=e=>{var t,i,o,c,d,r;if(!(null===(i=null===(t=null==I?void 0:I[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==I?void 0:I[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])},w=S||!v.shouldShowVariant(j)?`${j.currency&&null!==(i=n.CurrencySymbols[j.currency])&&void 0!==i?i:""}${null!==(u=null!==(r=null===(d=null===(c=Object.values(null!==(o=j.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=j.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:j,productId:y,collectionId:h,isSelected:(()=>{var e,t;return!!(null===(t=null===(e=null==I?void 0:I[h])||void 0===e?void 0:e.products)||void 0===t?void 0:t[y])})(),isPartiallyChecked:g,selectedCollectionsDispatch:P,upliftAdditions:k,viewOnly:x,hideProductCheckbox:C,hideVariantCheckbox:O,hideProductVariants:S,pickerType:m,outOfStockAction:b,onProductDetailClick:f,showProductDetailInfoIcon:T,currencyAndPrice:w,pickerWidth:D},y),S?null:v.shouldShowVariant(j)&&Object.keys(j.variants||[]).map((t=>{var i,o,c,d,r,l,a;const s=`${j.currency&&null!==(i=n.CurrencySymbols[j.currency])&&void 0!==i?i:""}${null!==(a=null!==(d=null===(c=null===(o=j.variants)||void 0===o?void 0:o[t])||void 0===c?void 0:c.price)&&void 0!==d?d:null===(l=null===(r=j.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({},j.variants[t]),{currency:j.currency}),variantId:t,productId:y,viewOnly:x,upliftAdditions:k,collectionId:h,isSelected:V(t),selectedCollectionsDispatch:P,outOfStockAction:b,onProductDetailClick:f,showProductDetailInfoIcon:T,currencyAndPrice:s,pickerWidth:D},t)}))]})};

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

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

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

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

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

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

@@ -1,4 +1,4 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";import{IconButton as e}from"../icon-button/IconButton.js";import{ShimmerImage as n}from"../shimmer-image/ShimmerImage.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{TitleRegular as d,BodyCaption as l}from"../TypographyStyle.js";import{CurrencySymbols as s}from"./constants.js";import{ProductHelper as u}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{SKUIDBadge as m,EllipsedBodyTiny as v}from"./style.js";import{shouldShowVariant as g}from"./utility.js";const f=i=>o(h,{children:[t(y,{}),t(D,{children:t(e,{className:"close-button",onClick:i.onClose,Icon:a,width:20,height:20})}),t(x,{productData:i.productData,outOfStockAction:i.outOfStockAction,useDynamicInfoImageSize:i.useDynamicInfoImageSize})]}),x=i=>{var a,e,f,x,h,y,D,I,P,T,S,O,w,$,z,A,F,C;const H=void 0===i.productData.variants;let N;if(H)N=`${i.productData.currency&&null!==(a=s[i.productData.currency])&&void 0!==a?a:""}${null!==(h=null!==(f=null===(e=i.productData)||void 0===e?void 0:e.price)&&void 0!==f?f:null===(x=i.productData)||void 0===x?void 0:x.actualPrice)&&void 0!==h?h:""}`;else{const o=null===(y=i.productData)||void 0===y?void 0:y.currency;N=`${o&&null!==(D=s[o])&&void 0!==D?D:""}${null!==(z=null!==(S=null===(T=null===(P=Object.values(null!==(I=i.productData.variants)&&void 0!==I?I:{}))||void 0===P?void 0:P[0])||void 0===T?void 0:T.price)&&void 0!==S?S:null===($=null===(w=Object.values(null!==(O=i.productData.variants)&&void 0!==O?O:{}))||void 0===w?void 0:w[0])||void 0===$?void 0:$.actualPrice)&&void 0!==z?z:""}`}const{isVariantForProductPickerTag:U,dataForProductPickerTag:V,tagText:_,tagType:B}=u.getDataForProductPickerTag(i.productData,H,i.outOfStockAction);console.log({productData:i.productData});const K=H?i.productData.skuId:U?null===(F=Object.values(null!==(A=i.productData.variants)&&void 0!==A?A:{})[0])||void 0===F?void 0:F.skuId:void 0;return o(b,{children:[t(j,{children:t(n,{useDynamicInfoImageSize:i.useDynamicInfoImageSize,imageUrl:i.productData.image,width:200,height:200,borderRadius:4})}),o(k,{children:[K&&t(c,Object.assign({body:K,placement:"top"},{children:t(m,{children:t(v,{children:`SKU ID: ${K}`})})})),t(d,Object.assign({style:{display:"flex"}},{children:i.productData.name})),t(l,Object.assign({color:r.content.secondary},{children:`Product ID: ${i.productData.id}`})),t(l,{className:"overlay-description",dangerouslySetInnerHTML:{__html:null!==(C=i.productData.description)&&void 0!==C?C:""}}),t(l,Object.assign({color:r.content.secondary},{children:H?N:g(i.productData)?null:N})),t(p,{isVariant:U,data:V,tagText:_,tagType:B})]})]})},h=i.div`
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-components";import{COLORS as a}from"../../constants/Theme.js";import r from"../../assets/icons/cross.svg.js";import{IconButton as e}from"../icon-button/IconButton.js";import{ShimmerImage as n}from"../shimmer-image/ShimmerImage.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{TitleRegular as l,BodyCaption as c}from"../TypographyStyle.js";import{CurrencySymbols as s}from"./constants.js";import{ProductHelper as u}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{SKUIDBadge as m,EllipsedBodyTiny as v}from"./style.js";import{shouldShowVariant as g}from"./utility.js";const f=i=>o(h,{children:[t(y,{}),t(D,{children:t(e,{className:"close-button",onClick:i.onClose,Icon:r,width:20,height:20})}),t(x,{productData:i.productData,outOfStockAction:i.outOfStockAction,useDynamicInfoImageSize:i.useDynamicInfoImageSize})]}),x=i=>{var r,e,f,x,h,y,D,I,P,T,O,S,w,$,z,A,F,C,H,N,U;const V=void 0===i.productData.variants;let _;if(V)_=`${i.productData.currency&&null!==(r=s[i.productData.currency])&&void 0!==r?r:""}${null!==(h=null!==(f=null===(e=i.productData)||void 0===e?void 0:e.price)&&void 0!==f?f:null===(x=i.productData)||void 0===x?void 0:x.actualPrice)&&void 0!==h?h:""}`;else{const o=null===(y=i.productData)||void 0===y?void 0:y.currency;_=`${o&&null!==(D=s[o])&&void 0!==D?D:""}${null!==(z=null!==(O=null===(T=null===(P=Object.values(null!==(I=i.productData.variants)&&void 0!==I?I:{}))||void 0===P?void 0:P[0])||void 0===T?void 0:T.price)&&void 0!==O?O:null===($=null===(w=Object.values(null!==(S=i.productData.variants)&&void 0!==S?S:{}))||void 0===w?void 0:w[0])||void 0===$?void 0:$.actualPrice)&&void 0!==z?z:""}`}const{isVariantForProductPickerTag:B,dataForProductPickerTag:K,tagText:L,tagType:M}=u.getDataForProductPickerTag(i.productData,V,i.outOfStockAction);console.log({productData:i.productData});const R=V?i.productData.skuId:1===(null===(C=Object.values(null!==(F=null===(A=i.productData)||void 0===A?void 0:A.variants)&&void 0!==F?F:{}))||void 0===C?void 0:C.length)?null===(N=Object.values(null!==(H=i.productData.variants)&&void 0!==H?H:{})[0])||void 0===N?void 0:N.skuId:void 0;return o(b,{children:[t(j,{children:t(n,{useDynamicInfoImageSize:i.useDynamicInfoImageSize,imageUrl:i.productData.image,width:200,height:200,borderRadius:4})}),o(k,{children:[R&&t(d,Object.assign({body:R,placement:"top"},{children:t(m,{children:t(v,{children:`SKU ID: ${R}`})})})),t(l,Object.assign({style:{display:"flex"}},{children:i.productData.name})),t(c,Object.assign({color:a.content.secondary},{children:`Product ID: ${i.productData.id}`})),t(c,{className:"overlay-description",dangerouslySetInnerHTML:{__html:null!==(U=i.productData.description)&&void 0!==U?U:""}}),t(c,Object.assign({color:a.content.secondary},{children:V?_:g(i.productData)?null:_})),t(p,{isVariant:B,data:K,tagText:L,tagType:M})]})]})},h=i.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
@@ -29,7 +29,7 @@ import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-component
 		top: -50px;
 		right: 0px;
 		margin: 10px;
-		background: ${r.surface.standard};
+		background: ${a.surface.standard};
 		border-radius: 50%;
 	}
 `,b=i.div`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.657-19",
+	"version": "0.0.657-20",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",