@bikdotai/bik-component-library 0.0.657-7 → 0.0.657-9
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:
|
|
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:j,productId:I,collectionId:P,variantId:x,isSelected:g,selectedCollectionsDispatch:k,viewOnly:C,upliftAdditions:b,isPartiallyChecked:O,hideProductCheckbox:m,outOfStockAction:S,hideVariantCheckbox:f,hideProductVariants:T,pickerType:D="PRODUCT",onProductDetailClick:V,showProductDetailInfoIcon:q,currencyAndPrice:w}=n,{isVariantForProductPickerTag:A,dataForProductPickerTag:U,tagText:B,tagType:F}=a.ProductHelper.getDataForProductPickerTag(j,y,S);console.log({data:j});const R=y?j.skuId:null===(h=null===(p=Object.values(null!==(v=null==j?void 0:j.variants)&&void 0!==v?v:{}))||void 0===p?void 0:p[0])||void 0===h?void 0:h.skuId;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:y,onClick:e=>{if(e.stopPropagation(),"PRODUCT"===D&&(m||f)){const e=Object.keys(j.variants);T?g?k({type:"productUnselected",data:{productId:I,collectionId:P}}):b("productSelected",{productId:I,variantId:x,collectionId:P,product:j}):g?k({type:"variantUnselected",data:{productId:I,variantId:x,collectionId:P}}):b("variantSelected",{productId:I,variantId:x||e[0],collectionId:P,variant:j})}},isActive:g},{children:[y&&!C&&!f||!y&&!C&&!m?e.jsx(o.CheckBox,{isChecked:g,isPartiallyChecked:O||!1,onValueChange:function(e,t,i){null==i||i.stopPropagation(),y?e?b(T?"productSelected":"variantSelected",{productId:I,variantId:x,collectionId:P,variant:j}):k({type:T?"productUnselected":"variantUnselected",data:{productId:I,variantId:x,collectionId:P}}):e?b("productSelected",{productId:I,collectionId:P,product:j}):k({type:"productUnselected",data:{productId:I,collectionId:P}})}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:e.jsx(d.ShimmerImage,{width:40,height:40,imageUrl:j.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:j.name,placement:"bottom",delay:400},{children:e.jsx(l.TitleSmall,Object.assign({numberOfLines:1},{children:j.name}))})),q&&e.jsx(c.IconButton,{onClick:()=>{null==V||V(j)},Icon:()=>e.jsx(i.default,{width:20,height:20,color:t.COLORS.content.placeholder})})]})),e.jsxs(u.ProductSubTitle,{children:[e.jsx(s.ProductPickerTag,{isVariant:A,data:U,tagText:B,tagType:F}),!(null==U?void 0:U.fbStatus)&&A||B?null:e.jsxs(e.Fragment,{children:[e.jsx(l.BodyCaption,Object.assign({color:t.COLORS.content.secondary},{children:w})),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:j,selectedData:I,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==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])},V=m||!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: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(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: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"),
|
|
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"),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:null===(C=Object.values(null!==(q=t.productData.variants)&&void 0!==q?q:{})[0])||void 0===C?void 0:C.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:[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`
|
|
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:
|
|
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,k;const{isVariant:g,data:b,productId:j,collectionId:C,variantId:O,isSelected:D,selectedCollectionsDispatch:x,viewOnly:S,upliftAdditions:T,isPartiallyChecked:V,hideProductCheckbox:A,outOfStockAction:w,hideVariantCheckbox:U,hideProductVariants:$,pickerType:B="PRODUCT",onProductDetailClick:F,showProductDetailInfoIcon:R,currencyAndPrice:H}=u,{isVariantForProductPickerTag:K,dataForProductPickerTag:L,tagText:q,tagType:z}=v.getDataForProductPickerTag(b,g,w);console.log({data:b});const E=g?b.skuId:null===(k=null===(f=Object.values(null!==(P=null==b?void 0:b.variants)&&void 0!==P?P:{}))||void 0===f?void 0:f[0])||void 0===k?void 0:k.skuId;return t(h,Object.assign({isVariant:g,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===B&&(A||U)){const t=Object.keys(b.variants);$?D?x({type:"productUnselected",data:{productId:j,collectionId:C}}):T("productSelected",{productId:j,variantId:O,collectionId:C,product:b}):D?x({type:"variantUnselected",data:{productId:j,variantId:O,collectionId:C}}):T("variantSelected",{productId:j,variantId:O||t[0],collectionId:C,variant:b})}},isActive:D},{children:[g&&!S&&!U||!g&&!S&&!A?i(d,{isChecked:D,isPartiallyChecked:V||!1,onValueChange:function(t,i,o){null==o||o.stopPropagation(),g?t?T($?"productSelected":"variantSelected",{productId:j,variantId:O,collectionId:C,variant:b}):x({type:$?"productUnselected":"variantUnselected",data:{productId:j,variantId:O,collectionId:C}}):t?T("productSelected",{productId:j,collectionId:C,product:b}):x({type:"productUnselected",data:{productId:j,collectionId:C}})}}):i(o,{}),i("div",{children:i(l,{width:40,height:40,imageUrl:b.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:b.name,placement:"bottom",delay:400},{children:i(a,Object.assign({numberOfLines:1},{children:b.name}))})),R&&i(n,{onClick:()=>{null==F||F(b)},Icon:()=>i(c,{width:20,height:20,color:e.content.placeholder})})]})),t(I,{children:[i(p,{isVariant:K,data:L,tagText:q,tagType:z}),!(null==L?void 0:L.fbStatus)&&K||q?null:t(o,{children:[i(s,Object.assign({color:e.content.secondary},{children:H})),E&&i(r,Object.assign({body:E,placement:"top"},{children:i(m,{children:i(y,{children:`SKU ID: ${E}`})})}))]})]})]}))]}))};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
|
|
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 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:null===(F=Object.values(null!==(A=i.productData.variants)&&void 0!==A?A:{})[0])||void 0===F?void 0:F.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:[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`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex: 1;
|
|
4
4
|
background: rgba(0, 0, 0, 0.5);
|