@bikdotai/bik-component-library 0.0.657-17 → 0.0.657-18
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"),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:
|
|
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});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:["isVariantForProductPickerTag :",String(U),"isVariant :",String(y),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)}))]})};
|
|
@@ -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 c from"../../assets/icons/info.svg.js";import{CheckBox as d}from"../checkBox/CheckBox.js";import{IconButton as
|
|
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 r}from"../shimmer-image/ShimmerImage.js";import{Tooltip as l}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,r,l,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,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!==(r=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!==r?r:null===(u=null===(a=Object.values(null!==(l=I.variants)&&void 0!==l?l:{}))||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,n,r,l;const a=`${I.currency&&null!==(o=s[I.currency])&&void 0!==o?o:""}${null!==(l=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===(r=null===(n=I.variants)||void 0===n?void 0:n[t])||void 0===r?void 0:r.actualPrice)&&void 0!==l?l:""}`;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;const{isVariant:b,data:j,productId:C,collectionId:O,variantId:x,isSelected:D,selectedCollectionsDispatch:S,viewOnly:T,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});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?S({type:"productUnselected",data:{productId:C,collectionId:O}}):V("productSelected",{productId:C,variantId:x,collectionId:O,product:j}):D?S({type:"variantUnselected",data:{productId:C,variantId:x,collectionId:O}}):V("variantSelected",{productId:C,variantId:x||t[0],collectionId:O,variant:j})}},isActive:D},{children:["isVariantForProductPickerTag :",String(L),"isVariant :",String(b),b&&!T&&!$||!b&&!T&&!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}):S({type:F?"productUnselected":"variantUnselected",data:{productId:C,variantId:x,collectionId:O}}):t?V("productSelected",{productId:C,collectionId:O,product:j}):S({type:"productUnselected",data:{productId:C,collectionId:O}})}}):i(o,{}),i("div",{children:i(r,{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(l,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(l,Object.assign({body:G,placement:"top"},{children:i(y,{children:i(k,{children:`SKU ID: ${G}`})})}))]})]}))]}))};export{g as ProductCard,f as ProductGroup};
|