@bikdotai/bik-component-library 0.0.657-14 → 0.0.657-15
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("../../constants/Theme.js"),i=require("../../assets/icons/info.svg.js"),o=require("../checkBox/CheckBox.js"),
|
|
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"),l=require("../tooltips/Tooltip.js"),r=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:R,tagText:F,tagType:W}=a.ProductHelper.getDataForProductPickerTag(P,I,T);console.log({data:P});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(l.Tooltip,Object.assign({variant:"light",body:P.name,placement:"bottom",delay:400},{children:e.jsx(u.StyledTitleSmall,Object.assign({style:{width:F?`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:R,tagText:F,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==R?void 0:R.fbStatus)&&$||F?null:e.jsx(r.BodyCaption,Object.assign({color:t.COLORS.content.secondary},{children:U})),L&&e.jsx(l.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,l,r,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,l;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===(l=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===l?void 0:l[e])},w=S||!v.shouldShowVariant(j)?`${j.currency&&null!==(i=n.CurrencySymbols[j.currency])&&void 0!==i?i:""}${null!==(u=null!==(l=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!==l?l:null===(s=null===(a=Object.values(null!==(r=j.variants)&&void 0!==r?r:{}))||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,l,r,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===(r=null===(l=j.variants)||void 0===l?void 0:l[t])||void 0===r?void 0:r.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)}))]})};
|
|
@@ -1 +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
|
|
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 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:S,showProductDetailInfoIcon:T,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:S,showProductDetailInfoIcon:T,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:S,showProductDetailInfoIcon:T,currencyAndPrice:a,pickerWidth:V},t)}))]})},g=s=>{var P,f,g,b,j;const{isVariant:C,data:O,productId:x,collectionId:D,variantId:S,isSelected:T,selectedCollectionsDispatch:V,viewOnly:w,upliftAdditions:A,isPartiallyChecked:U,hideProductCheckbox:$,outOfStockAction:W,hideVariantCheckbox:B,hideProductVariants:F,pickerType:R="PRODUCT",onProductDetailClick:H,showProductDetailInfoIcon:K,currencyAndPrice:L,pickerWidth:q}=s,{isVariantForProductPickerTag:z,dataForProductPickerTag:E,tagText:G,tagType:J}=u.getDataForProductPickerTag(O,C,W);console.log({data:O});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&&($||B)){const t=Object.keys(O.variants);F?T?V({type:"productUnselected",data:{productId:x,collectionId:D}}):A("productSelected",{productId:x,variantId:S,collectionId:D,product:O}):T?V({type:"variantUnselected",data:{productId:x,variantId:S,collectionId:D}}):A("variantSelected",{productId:x,variantId:S||t[0],collectionId:D,variant:O})}},isActive:T},{children:[C&&!w&&!B||!C&&!w&&!$?i(d,{isChecked:T,isPartiallyChecked:U||!1,onValueChange:function(t,i,o){null==o||o.stopPropagation(),C?t?A(F?"productSelected":"variantSelected",{productId:x,variantId:S,collectionId:D,variant:O}):V({type:F?"productUnselected":"variantUnselected",data:{productId:x,variantId:S,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};
|