@bikdotai/bik-component-library 0.0.657-4 → 0.0.657-6
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.
- package/dist/cjs/components/product-picker-v2/product.js +1 -1
- package/dist/cjs/components/product-picker-v2/productInfoOverlay.js +1 -1
- package/dist/esm/components/product-picker-v2/product.js +1 -1
- package/dist/esm/components/product-picker-v2/productInfoOverlay.js +1 -1
- package/package.json +1 -1
|
@@ -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;const{isVariant:h,data:y,productId:I,collectionId:j,variantId:P,isSelected:x,selectedCollectionsDispatch:
|
|
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;const{isVariant:h,data:y,productId:I,collectionId:j,variantId:P,isSelected:x,selectedCollectionsDispatch:g,viewOnly:k,upliftAdditions:C,isPartiallyChecked:b,hideProductCheckbox:O,outOfStockAction:m,hideVariantCheckbox:S,hideProductVariants:f,pickerType:T="PRODUCT",onProductDetailClick:D,showProductDetailInfoIcon:V,currencyAndPrice:q}=n,{isVariantForProductPickerTag:w,dataForProductPickerTag:A,tagText:U,tagType:B}=a.ProductHelper.getDataForProductPickerTag(y,h,m);console.log({data:y});const F=h?y.skuId:null===(p=null===(v=null==y?void 0:y.variants)||void 0===v?void 0:v[0])||void 0===p?void 0:p.skuId;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:h,onClick:e=>{if(e.stopPropagation(),"PRODUCT"===T&&(O||S)){const e=Object.keys(y.variants);f?x?g({type:"productUnselected",data:{productId:I,collectionId:j}}):C("productSelected",{productId:I,variantId:P,collectionId:j,product:y}):x?g({type:"variantUnselected",data:{productId:I,variantId:P,collectionId:j}}):C("variantSelected",{productId:I,variantId:P||e[0],collectionId:j,variant:y})}},isActive:x},{children:[h&&!k&&!S||!h&&!k&&!O?e.jsx(o.CheckBox,{isChecked:x,isPartiallyChecked:b||!1,onValueChange:function(e,t,i){null==i||i.stopPropagation(),h?e?C(f?"productSelected":"variantSelected",{productId:I,variantId:P,collectionId:j,variant:y}):g({type:f?"productUnselected":"variantUnselected",data:{productId:I,variantId:P,collectionId:j}}):e?C("productSelected",{productId:I,collectionId:j,product:y}):g({type:"productUnselected",data:{productId:I,collectionId:j}})}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:e.jsx(d.ShimmerImage,{width:40,height:40,imageUrl:y.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:y.name,placement:"bottom",delay:400},{children:e.jsx(l.TitleSmall,Object.assign({numberOfLines:1},{children:y.name}))})),V&&e.jsx(c.IconButton,{onClick:()=>{null==D||D(y)},Icon:()=>e.jsx(i.default,{width:20,height:20,color:t.COLORS.content.placeholder})})]})),e.jsxs(u.ProductSubTitle,{children:[e.jsx(s.ProductPickerTag,{isVariant:w,data:A,tagText:U,tagType:B}),!(null==A?void 0:A.fbStatus)&&w||U?null:e.jsxs(e.Fragment,{children:[e.jsx(l.BodyCaption,Object.assign({color:t.COLORS.content.secondary},{children:q})),F&&e.jsx(r.Tooltip,Object.assign({body:F,placement:"top"},{children:e.jsx(u.SKUIDBadge,{children:e.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${F}`})})}))]})]})]}))]}))};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:g,isProductPartiallyChecked:k,hideProductCheckbox:C,outOfStockAction:b,hideVariantCheckbox:O,hideProductVariants:m,pickerType:S,onProductDetailClick:f,showProductDetailInfoIcon:T}=t,D=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])},V=m||!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:k,selectedCollectionsDispatch:P,upliftAdditions:g,viewOnly:x,hideProductCheckbox:C,hideVariantCheckbox:O,hideProductVariants:m,pickerType:S,outOfStockAction:b,onProductDetailClick:f,showProductDetailInfoIcon:T,currencyAndPrice:V},y),m?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:g,collectionId:h,isSelected:D(t),selectedCollectionsDispatch:P,outOfStockAction:b,onProductDetailClick:f,showProductDetailInfoIcon:T,currencyAndPrice:s},t)}))]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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"),u=require("./ProductPickerTag.js"),s=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,P,k,O,T,q,C,w,B;const $=void 0===t.productData.variants;let z;if($)z=`${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;z=`${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===(O=null===(k=Object.values(null!==(P=t.productData.variants)&&void 0!==P?P:{}))||void 0===k?void 0:k[0])||void 0===O?void 0:O.actualPrice)&&void 0!==T?T:""}`}const{isVariantForProductPickerTag:R,dataForProductPickerTag:L,tagText:_,tagType:A}=c.ProductHelper.getDataForProductPickerTag(t.productData,$,t.outOfStockAction)
|
|
1
|
+
"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"),u=require("./ProductPickerTag.js"),s=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,P,k,O,T,q,C,w,B;const $=void 0===t.productData.variants;let z;if($)z=`${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;z=`${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===(O=null===(k=Object.values(null!==(P=t.productData.variants)&&void 0!==P?P:{}))||void 0===k?void 0:k[0])||void 0===O?void 0:O.actualPrice)&&void 0!==T?T:""}`}const{isVariantForProductPickerTag:R,dataForProductPickerTag:L,tagText:_,tagType:A}=c.ProductHelper.getDataForProductPickerTag(t.productData,$,t.outOfStockAction);console.log({productData:t.productData});const F=$?t.productData.skuId:null===(w=null===(C=null===(q=t.productData)||void 0===q?void 0:q.variants)||void 0===C?void 0:C[0])||void 0===w?void 0:w.skuId;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:[F&&e.jsx(d.Tooltip,Object.assign({body:F,placement:"top"},{children:e.jsx(s.SKUIDBadge,{children:e.jsx(s.EllipsedBodyTiny,{children:`SKU ID: ${F}`})})})),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!==(B=t.productData.description)&&void 0!==B?B:""}}),e.jsx(n.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:$?z:p.shouldShowVariant(t.productData)?null:z})),e.jsx(u.ProductPickerTag,{isVariant:R,data:L,tagText:_,tagType:A})]})]})},y=v.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex: 1;
|
|
4
4
|
background: rgba(0, 0, 0, 0.5);
|
|
@@ -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 n}from"../icon-button/IconButton.js";import{ShimmerImage as l}from"../shimmer-image/ShimmerImage.js";import{Tooltip as r}from"../tooltips/Tooltip.js";import{TitleSmall as a,BodyCaption as s}from"../TypographyStyle.js";import{CurrencySymbols as u}from"./constants.js";import{ProductHelper as v}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{ProductCardStyle as h,ProductSubTitle as I,SKUIDBadge as m,EllipsedBodyTiny as y}from"./style.js";import{shouldShowVariant as P}from"./utility.js";const f=o=>{var e,c,d,n,l,r,a,s,v;const{collectionId:p,productId:h,data:I,selectedData:m,selectedCollectionsDispatch:y,viewOnly:f,upliftAdditions:g,isProductPartiallyChecked:b,hideProductCheckbox:j,outOfStockAction:C,hideVariantCheckbox:O,hideProductVariants:D,pickerType:x,onProductDetailClick:S,showProductDetailInfoIcon:T}=o,V=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=D||!P(I)?`${I.currency&&null!==(e=u[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===(s=null===(a=Object.values(null!==(r=I.variants)&&void 0!==r?r:{}))||void 0===a?void 0:a[0])||void 0===s?void 0:s.actualPrice)&&void 0!==v?v:""}`:"";return t("div",{children:[i(k,{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:g,viewOnly:f,hideProductCheckbox:j,hideVariantCheckbox:O,hideProductVariants:D,pickerType:x,outOfStockAction:C,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:A},h),D?null:P(I)&&Object.keys(I.variants||[]).map((t=>{var o,e,c,d,n,l,r;const a=`${I.currency&&null!==(o=u[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(k,{isVariant:!0,hideVariantCheckbox:O,data:Object.assign(Object.assign({},I.variants[t]),{currency:I.currency}),variantId:t,productId:h,viewOnly:f,upliftAdditions:g,collectionId:p,isSelected:V(t),selectedCollectionsDispatch:y,outOfStockAction:C,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:a},t)}))]})},k=u=>{var P,f;const{isVariant:k,data:g,productId:b,collectionId:j,variantId:C,isSelected:O,selectedCollectionsDispatch:D,viewOnly:x,upliftAdditions:S,isPartiallyChecked:T,hideProductCheckbox:V,outOfStockAction:A,hideVariantCheckbox:w,hideProductVariants:U,pickerType:$="PRODUCT",onProductDetailClick:B,showProductDetailInfoIcon:F,currencyAndPrice:R}=u,{isVariantForProductPickerTag:H,dataForProductPickerTag:K,tagText:L,tagType:q}=v.getDataForProductPickerTag(g,k,A)
|
|
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{TitleSmall as a,BodyCaption as s}from"../TypographyStyle.js";import{CurrencySymbols as u}from"./constants.js";import{ProductHelper as v}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{ProductCardStyle as h,ProductSubTitle as I,SKUIDBadge as m,EllipsedBodyTiny as y}from"./style.js";import{shouldShowVariant as P}from"./utility.js";const f=o=>{var e,c,d,n,l,r,a,s,v;const{collectionId:p,productId:h,data:I,selectedData:m,selectedCollectionsDispatch:y,viewOnly:f,upliftAdditions:g,isProductPartiallyChecked:b,hideProductCheckbox:j,outOfStockAction:C,hideVariantCheckbox:O,hideProductVariants:D,pickerType:x,onProductDetailClick:S,showProductDetailInfoIcon:T}=o,V=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=D||!P(I)?`${I.currency&&null!==(e=u[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===(s=null===(a=Object.values(null!==(r=I.variants)&&void 0!==r?r:{}))||void 0===a?void 0:a[0])||void 0===s?void 0:s.actualPrice)&&void 0!==v?v:""}`:"";return t("div",{children:[i(k,{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:g,viewOnly:f,hideProductCheckbox:j,hideVariantCheckbox:O,hideProductVariants:D,pickerType:x,outOfStockAction:C,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:A},h),D?null:P(I)&&Object.keys(I.variants||[]).map((t=>{var o,e,c,d,n,l,r;const a=`${I.currency&&null!==(o=u[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(k,{isVariant:!0,hideVariantCheckbox:O,data:Object.assign(Object.assign({},I.variants[t]),{currency:I.currency}),variantId:t,productId:h,viewOnly:f,upliftAdditions:g,collectionId:p,isSelected:V(t),selectedCollectionsDispatch:y,outOfStockAction:C,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:a},t)}))]})},k=u=>{var P,f;const{isVariant:k,data:g,productId:b,collectionId:j,variantId:C,isSelected:O,selectedCollectionsDispatch:D,viewOnly:x,upliftAdditions:S,isPartiallyChecked:T,hideProductCheckbox:V,outOfStockAction:A,hideVariantCheckbox:w,hideProductVariants:U,pickerType:$="PRODUCT",onProductDetailClick:B,showProductDetailInfoIcon:F,currencyAndPrice:R}=u,{isVariantForProductPickerTag:H,dataForProductPickerTag:K,tagText:L,tagType:q}=v.getDataForProductPickerTag(g,k,A);console.log({data:g});const z=k?g.skuId:null===(f=null===(P=null==g?void 0:g.variants)||void 0===P?void 0:P[0])||void 0===f?void 0:f.skuId;return t(h,Object.assign({isVariant:k,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===$&&(V||w)){const t=Object.keys(g.variants);U?O?D({type:"productUnselected",data:{productId:b,collectionId:j}}):S("productSelected",{productId:b,variantId:C,collectionId:j,product:g}):O?D({type:"variantUnselected",data:{productId:b,variantId:C,collectionId:j}}):S("variantSelected",{productId:b,variantId:C||t[0],collectionId:j,variant:g})}},isActive:O},{children:[k&&!x&&!w||!k&&!x&&!V?i(d,{isChecked:O,isPartiallyChecked:T||!1,onValueChange:function(t,i,o){null==o||o.stopPropagation(),k?t?S(U?"productSelected":"variantSelected",{productId:b,variantId:C,collectionId:j,variant:g}):D({type:U?"productUnselected":"variantUnselected",data:{productId:b,variantId:C,collectionId:j}}):t?S("productSelected",{productId:b,collectionId:j,product:g}):D({type:"productUnselected",data:{productId:b,collectionId:j}})}}):i(o,{}),i("div",{children:i(l,{width:40,height:40,imageUrl:g.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:g.name,placement:"bottom",delay:400},{children:i(a,Object.assign({numberOfLines:1},{children:g.name}))})),F&&i(n,{onClick:()=>{null==B||B(g)},Icon:()=>i(c,{width:20,height:20,color:e.content.placeholder})})]})),t(I,{children:[i(p,{isVariant:H,data:K,tagText:L,tagType:q}),!(null==K?void 0:K.fbStatus)&&H||L?null:t(o,{children:[i(s,Object.assign({color:e.content.secondary},{children:R})),z&&i(r,Object.assign({body:z,placement:"top"},{children:i(m,{children:i(y,{children:`SKU ID: ${z}`})})}))]})]})]}))]}))};export{k as ProductCard,f as ProductGroup};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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 d}from"../tooltips/Tooltip.js";import{TitleRegular as c,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,H;const N=void 0===i.productData.variants;let U;if(N)U=`${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;U=`${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:V,dataForProductPickerTag:_,tagText:B,tagType:K}=u.getDataForProductPickerTag(i.productData,N,i.outOfStockAction)
|
|
1
|
+
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 d}from"../tooltips/Tooltip.js";import{TitleRegular as c,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,H;const N=void 0===i.productData.variants;let U;if(N)U=`${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;U=`${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:V,dataForProductPickerTag:_,tagText:B,tagType:K}=u.getDataForProductPickerTag(i.productData,N,i.outOfStockAction);console.log({productData:i.productData});const L=N?i.productData.skuId:null===(C=null===(F=null===(A=i.productData)||void 0===A?void 0:A.variants)||void 0===F?void 0:F[0])||void 0===C?void 0:C.skuId;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:[L&&t(d,Object.assign({body:L,placement:"top"},{children:t(m,{children:t(v,{children:`SKU ID: ${L}`})})})),t(c,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!==(H=i.productData.description)&&void 0!==H?H:""}}),t(l,Object.assign({color:r.content.secondary},{children:N?U:g(i.productData)?null:U})),t(p,{isVariant:V,data:_,tagText:B,tagType:K})]})]})},h=i.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex: 1;
|
|
4
4
|
background: rgba(0, 0, 0, 0.5);
|