@trafilea/afrodita-components 7.27.10 → 7.27.11
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/build/es/components/collection/product/truekind/ProductItemTK.js +1 -1
- package/build/es/components/tag/variants/product/ProductTag.js +1 -1
- package/build/es/components/tag/variants/product/styled.js +1 -1
- package/build/index.d.ts +8 -1
- package/build/lib/components/collection/product/truekind/ProductItemTK.js +1 -1
- package/build/lib/components/tag/variants/product/ProductTag.js +1 -1
- package/build/lib/components/tag/variants/product/styled.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as e,Fragment as t}from"@emotion/react/jsx-runtime";import{useMemo as r}from"react";import l from"../../../SkeletonBox/SkeletonBox.js";import{BuyNowPayLater as n}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as a}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as d}from"../../../shared/spacing/Spacing.js";import{StrengthBars as s}from"../../../strength-bars/StrengthBars.js";import{Text as c}from"../../../text/Text.js";import{useTheme as m}from"../../../../core/theme/Theme.js";import{useWindowDimensions as p}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as g}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as v}from"../../../../types/enums.js";import{Image as h}from"../../../atoms/Image/Image.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as u}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as b}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"react/jsx-runtime";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as y}from"../../../pricing/styles.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../tooltip/Tooltip.js";import"../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js";import{Rating as P}from"../../../rating/Rating.js";import j from"../../../tag/variants/product/ProductTag.js";import{getStylesBySize as w,ProdCardContainer as S,Container as L,ImageContainer as z,TopTagContainer as x,BottomTagContainer as C,TopRightTagContainer as T,ImageHoverContainer as N,TagsContainer as k,Title as V,MarginTopContainer as W}from"./styled.js";var B=function(B){var R=B.title,I=B.titleStyle,D=B.hasSpacing,F=void 0===D||D,M=B.textContainerGap,A=B.customSizeRating,H=B.image,O=B.ImageBorderRadius,_=B.imageHover,G=B.price,K=B.rating,X=B.size,q=B.alignName,E=void 0===q?"center":q,J=B.url,Q=B.className,U=B.topTag,Y=B.topRightTag,Z=B.bottomTag,$=B.onClick,ii=B.priceDisplayType,oi=void 0===ii?"default":ii,ei=B.originalPriceStyled,ti=B.priceAtBottom,ri=B.priceLoading,li=B.noFollow,ni=void 0!==li&&li,ai=B.colorPicker,di=void 0===ai?{display:!1,position:"top",component:void 0}:ai,si=B.isBNPL,ci=void 0===si?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:si,mi=B.hasStrength,pi=void 0===mi?{strength:-1,description:""}:mi,gi=B.clubPrice,vi=void 0===gi?"":gi,hi=B.showClubPriceLabel,ui=void 0!==hi&&hi,fi=B.isOnViewport,bi=void 0!==fi&&fi,yi=B.productTags,Pi=void 0===yi?[]:yi,ji=B.showProductTags,wi=void 0!==ji&&ji,Si=B.tagsPosition,Li=void 0===Si?"overlay":Si,zi=B.discountTag,xi=m(),Ci=w(X),Ti=p().isMobile,Ni=r((function(){var i;return(i={},i[v.Large]=8,i[v.Medium]=4,i[v.Small]=2,i)[X]}),[X]),ki=function(){return"styled"===oi?e(b,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,originalPriceStyled:ei,finalPriceStyled:!1,color:G.color,size:ei?v.Small:v.Large,testId:"volume-discount"},void 0):e(f,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,finalPriceStyled:!1,color:G.color,size:v.Medium,testId:"volume-discount",clubStyle:!!ui,finalPriceStyle:ui?Ti?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Vi=function(){return e(P,{size:X===v.Large?v.Small:v.XSmall,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return o(S,i({className:Q,"data-testid":"product-card-container-div"},{children:[o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",className:"picContainer",onClick:$},{children:[U||Z||Y?o(z,i({width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,"data-testid":"tags-image-container"},{children:[e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:"100%",height:"100%",loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),e(x,i({style:{width:di.display?"100%":"inherit"}},{children:U}),void 0),e(C,i({style:{width:di.display?"100%":"inherit"}},{children:Z}),void 0),!!Y&&e(T,{children:Y},void 0)]}),void 0):e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),_?e(N,{className:"hover__image",src:_.src,srcSet:g(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height},void 0):null]}),void 0),wi&&Pi.length>0&&"between"===Li&&e(k,i({"data-testid":"product-tags-container"},{children:Pi.map((function(i,o){return e(j,{text:i.text,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(i.text,"-").concat(o))}))}),void 0),di.display&&"top"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0),o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:ui?"flex-start":"center",gap:M}},{children:[F&&e(d,{size:Ni},void 0),I?e(c,i({variant:I.variant,weight:I.weight,size:I.size,style:{textAlign:ui?"left":E,marginTop:F?void 0:M}},{children:R}),void 0):e(V,i({theme:xi,align:ui?"left":E},{children:R}),void 0),F&&e(d,{size:Ni},void 0),di.display&&"middle"===di.position&&e(t,{children:di.component},void 0),-1!==(null==pi?void 0:pi.strength)&&o(t,{children:[e(s,{barsFilled:pi.strength,supportText:pi.description},void 0),e(d,{size:10},void 0)]},void 0),o(t,ti?{children:[A?e(P,{size:A,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e(Vi,{},void 0),F&&e(d,{size:Ni},void 0),o(W,{children:[ri?e(l,{height:"20px",width:"140px"},void 0):e(ki,{},void 0),zi&&e(y,i({size:v.Small},{children:e(u,i({},zi,{size:v.Medium,style:i({letterSpacing:"-0.05rem"},zi.style)}),void 0)}),void 0)]},void 0)]}:{children:[ri?e(l,{height:"20px",width:"140px"},void 0):o(t,{children:[e(ki,{},void 0),e(n,{displayBNPL:null==ci?void 0:ci.displayBNPL,installments:(null==ci?void 0:ci.installments)||0,installmentPrice:(null==ci?void 0:ci.installmentPrice)||"",iconFolder:null==ci?void 0:ci.iconFolder,iconName:(null==ci?void 0:ci.iconName)||"",showLogo:null==ci?void 0:ci.showLogo,iconColor:null==ci?void 0:ci.iconColor,fontSize:null==ci?void 0:ci.fontSize},void 0)]},void 0),ui&&e(a,{clubPrice:vi},void 0),F&&e(d,{size:Ni},void 0),e(Vi,{},void 0)]},void 0)]}),void 0),di.display&&"bottom"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0)]}),void 0)};export{B as default};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as o,jsx as e,Fragment as t}from"@emotion/react/jsx-runtime";import{useMemo as r}from"react";import l from"../../../SkeletonBox/SkeletonBox.js";import{BuyNowPayLater as n}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as a}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as d}from"../../../shared/spacing/Spacing.js";import{StrengthBars as s}from"../../../strength-bars/StrengthBars.js";import{Text as c}from"../../../text/Text.js";import{useTheme as m}from"../../../../core/theme/Theme.js";import{useWindowDimensions as p}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as g}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as v}from"../../../../types/enums.js";import{Image as h}from"../../../atoms/Image/Image.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as u}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as b}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"react/jsx-runtime";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as y}from"../../../pricing/styles.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../tooltip/Tooltip.js";import"../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js";import{Rating as P}from"../../../rating/Rating.js";import j from"../../../tag/variants/product/ProductTag.js";import{getStylesBySize as w,ProdCardContainer as S,Container as L,ImageContainer as z,TopTagContainer as x,BottomTagContainer as C,TopRightTagContainer as T,ImageHoverContainer as N,TagsContainer as k,Title as V,MarginTopContainer as W}from"./styled.js";var B=function(B){var R=B.title,I=B.titleStyle,D=B.hasSpacing,F=void 0===D||D,M=B.textContainerGap,A=B.customSizeRating,H=B.image,O=B.ImageBorderRadius,_=B.imageHover,G=B.price,K=B.rating,X=B.size,q=B.alignName,E=void 0===q?"center":q,J=B.url,Q=B.className,U=B.topTag,Y=B.topRightTag,Z=B.bottomTag,$=B.onClick,ii=B.priceDisplayType,oi=void 0===ii?"default":ii,ei=B.originalPriceStyled,ti=B.priceAtBottom,ri=B.priceLoading,li=B.noFollow,ni=void 0!==li&&li,ai=B.colorPicker,di=void 0===ai?{display:!1,position:"top",component:void 0}:ai,si=B.isBNPL,ci=void 0===si?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:si,mi=B.hasStrength,pi=void 0===mi?{strength:-1,description:""}:mi,gi=B.clubPrice,vi=void 0===gi?"":gi,hi=B.showClubPriceLabel,ui=void 0!==hi&&hi,fi=B.isOnViewport,bi=void 0!==fi&&fi,yi=B.productTags,Pi=void 0===yi?[]:yi,ji=B.showProductTags,wi=void 0!==ji&&ji,Si=B.tagsPosition,Li=void 0===Si?"overlay":Si,zi=B.discountTag,xi=m(),Ci=w(X),Ti=p().isMobile,Ni=r((function(){var i;return(i={},i[v.Large]=8,i[v.Medium]=4,i[v.Small]=2,i)[X]}),[X]),ki=function(){return"styled"===oi?e(b,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,originalPriceStyled:ei,finalPriceStyled:!1,color:G.color,size:ei?v.Small:v.Large,testId:"volume-discount"},void 0):e(f,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,finalPriceStyled:!1,color:G.color,size:v.Medium,testId:"volume-discount",clubStyle:!!ui,finalPriceStyle:ui?Ti?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Vi=function(){return e(P,{size:X===v.Large?v.Small:v.XSmall,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return o(S,i({className:Q,"data-testid":"product-card-container-div"},{children:[o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",className:"picContainer",onClick:$},{children:[U||Z||Y?o(z,i({width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,"data-testid":"tags-image-container"},{children:[e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:"100%",height:"100%",loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),e(x,i({style:{width:di.display?"100%":"inherit"}},{children:U}),void 0),e(C,i({style:{width:di.display?"100%":"inherit"}},{children:Z}),void 0),!!Y&&e(T,{children:Y},void 0)]}),void 0):e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),_?e(N,{className:"hover__image",src:_.src,srcSet:g(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height},void 0):null]}),void 0),wi&&Pi.length>0&&"between"===Li&&e(k,i({"data-testid":"product-tags-container"},{children:Pi.map((function(i,o){var t,r;return e(j,{text:i.text,image:i.image,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(null!==(r=null===(t=i.image)||void 0===t?void 0:t.src)&&void 0!==r?r:i.text,"-").concat(o))}))}),void 0),di.display&&"top"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0),o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:ui?"flex-start":"center",gap:M}},{children:[F&&e(d,{size:Ni},void 0),I?e(c,i({variant:I.variant,weight:I.weight,size:I.size,style:{textAlign:ui?"left":E,marginTop:F?void 0:M}},{children:R}),void 0):e(V,i({theme:xi,align:ui?"left":E},{children:R}),void 0),F&&e(d,{size:Ni},void 0),di.display&&"middle"===di.position&&e(t,{children:di.component},void 0),-1!==(null==pi?void 0:pi.strength)&&o(t,{children:[e(s,{barsFilled:pi.strength,supportText:pi.description},void 0),e(d,{size:10},void 0)]},void 0),o(t,ti?{children:[A?e(P,{size:A,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e(Vi,{},void 0),F&&e(d,{size:Ni},void 0),o(W,{children:[ri?e(l,{height:"20px",width:"140px"},void 0):e(ki,{},void 0),zi&&e(y,i({size:v.Small},{children:e(u,i({},zi,{size:v.Medium,style:i({letterSpacing:"-0.05rem"},zi.style)}),void 0)}),void 0)]},void 0)]}:{children:[ri?e(l,{height:"20px",width:"140px"},void 0):o(t,{children:[e(ki,{},void 0),e(n,{displayBNPL:null==ci?void 0:ci.displayBNPL,installments:(null==ci?void 0:ci.installments)||0,installmentPrice:(null==ci?void 0:ci.installmentPrice)||"",iconFolder:null==ci?void 0:ci.iconFolder,iconName:(null==ci?void 0:ci.iconName)||"",showLogo:null==ci?void 0:ci.showLogo,iconColor:null==ci?void 0:ci.iconColor,fontSize:null==ci?void 0:ci.fontSize},void 0)]},void 0),ui&&e(a,{clubPrice:vi},void 0),F&&e(d,{size:Ni},void 0),e(Vi,{},void 0)]},void 0)]}),void 0),di.display&&"bottom"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0)]}),void 0)};export{B as default};
|
|
2
2
|
//# sourceMappingURL=ProductItemTK.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{Container as e,TagImage as i}from"./styled.js";var d=function(d){var a=d.text,n=d.image,l=d.backgroundColor,s=d.textColor,h=d.borderColor,c=d.borderWidth,m=d.borderRadius,g=d.fontSize,b=d.fontWeight,f=d.padding,u=d.className,C=d.onClick;return o(e,r({backgroundColor:n?"transparent":l,textColor:s,borderColor:h,borderWidth:c,borderRadius:m,fontSize:g,fontWeight:b,padding:f,hasImage:!!n,className:u,onClick:C},{children:[n&&t(i,{src:n.src,alt:n.alt,width:n.width,height:n.height},void 0),a]}),void 0)};export{d as default};
|
|
2
2
|
//# sourceMappingURL=ProductTag.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";var r,o=t.
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";var r,e,o=t.img(r||(r=n(["\n display: block;\n max-width: ",";\n max-height: ",";\n object-fit: contain;\n flex-shrink: 0;\n background: transparent;\n"],["\n display: block;\n max-width: ",";\n max-height: ",";\n object-fit: contain;\n flex-shrink: 0;\n background: transparent;\n"])),(function(n){return n.width||"auto"}),(function(n){return n.height||"16px"})),i=t.div(e||(e=n(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding: ",";\n line-height: ",";\n border-radius: ",";\n font-size: ",";\n font-weight: ",";\n text-align: center;\n white-space: nowrap;\n cursor: ",";\n transition: all 0.2s ease-in-out;\n background-color: ",";\n color: ",";\n border: ",";\n\n &:hover {\n ","\n }\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding: ",";\n line-height: ",";\n border-radius: ",";\n font-size: ",";\n font-weight: ",";\n text-align: center;\n white-space: nowrap;\n cursor: ",";\n transition: all 0.2s ease-in-out;\n background-color: ",";\n color: ",";\n border: ",";\n\n &:hover {\n ","\n }\n"])),(function(n){var t=n.padding;return n.hasImage?"0":t||"4px 8px"}),(function(n){var t=n.hasImage,r=n.hasText;return t&&!r?"0":"1.2"}),(function(n){var t=n.borderRadius,r=n.hasImage,e=n.hasText;return r&&!e?t||"0":t||"4px"}),(function(n){return n.fontSize||"12px"}),(function(n){return n.fontWeight||"600"}),(function(n){return n.onClick?"pointer":"default"}),(function(n){return n.backgroundColor||"#F5F5F5"}),(function(n){return n.textColor||"#000000"}),(function(n){var t=n.borderWidth,r=n.borderColor;return t&&r?"".concat(t," solid ").concat(r):r?"1px solid ".concat(r):"none"}),(function(n){return n.onClick&&"\n opacity: 0.8;\n transform: translateY(-1px);\n "}));export{i as Container,o as TagImage};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1424,8 +1424,15 @@ interface DiscountTagProps$1 {
|
|
|
1424
1424
|
}
|
|
1425
1425
|
declare const DiscountTag: ({ discount, offText, savings, showSavings, showOnlySavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, icon, ariaLabel, tabIndex, role, }: DiscountTagProps$1) => JSX.Element;
|
|
1426
1426
|
|
|
1427
|
+
interface ProductTagImage {
|
|
1428
|
+
src: string;
|
|
1429
|
+
alt: string;
|
|
1430
|
+
width?: string;
|
|
1431
|
+
height?: string;
|
|
1432
|
+
}
|
|
1427
1433
|
interface ProductTagProps {
|
|
1428
|
-
text
|
|
1434
|
+
text?: string;
|
|
1435
|
+
image?: ProductTagImage;
|
|
1429
1436
|
backgroundColor?: string;
|
|
1430
1437
|
textColor?: string;
|
|
1431
1438
|
borderColor?: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var i=require("tslib"),e=require("@emotion/react/jsx-runtime"),r=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),t=require("../../../buynowpaylater/BuyNowPayLater.js"),n=require("../../../club-price-label/ClubPriceLabel.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../strength-bars/StrengthBars.js"),l=require("../../../text/Text.js"),d=require("../../../../core/theme/Theme.js"),c=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var u=require("../../../../types/enums.js"),v=require("../../../atoms/Image/Image.js");require("../../../pricing/clubOffer/ClubOfferTag.js");var p=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),h=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("react/jsx-runtime"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var j=require("../../../pricing/styles.js");require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("../../../tooltip/Tooltip.js"),require("../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js");var x=require("../../../rating/Rating.js"),S=require("../../../tag/variants/product/ProductTag.js"),b=require("./styled.js");module.exports=function(y){var C=y.title,P=y.titleStyle,z=y.hasSpacing,f=void 0===z||z,q=y.textContainerGap,w=y.customSizeRating,L=y.image,T=y.ImageBorderRadius,_=y.imageHover,N=y.price,B=y.rating,F=y.size,k=y.alignName,I=void 0===k?"center":k,R=y.url,V=y.className,W=y.topTag,D=y.topRightTag,M=y.bottomTag,A=y.onClick,H=y.priceDisplayType,O=void 0===H?"default":H,G=y.originalPriceStyled,K=y.priceAtBottom,X=y.priceLoading,E=y.noFollow,J=void 0!==E&&E,Q=y.colorPicker,U=void 0===Q?{display:!1,position:"top",component:void 0}:Q,Y=y.isBNPL,Z=void 0===Y?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Y,$=y.hasStrength,ii=void 0===$?{strength:-1,description:""}:$,ei=y.clubPrice,ri=void 0===ei?"":ei,oi=y.showClubPriceLabel,ti=void 0!==oi&&oi,ni=y.isOnViewport,si=void 0!==ni&&ni,ai=y.productTags,li=void 0===ai?[]:ai,di=y.showProductTags,ci=void 0!==di&&di,gi=y.tagsPosition,ui=void 0===gi?"overlay":gi,vi=y.discountTag,pi=d.useTheme(),mi=b.getStylesBySize(F),hi=c.useWindowDimensions().isMobile,ji=r.useMemo((function(){var i;return(i={},i[u.ComponentSize.Large]=8,i[u.ComponentSize.Medium]=4,i[u.ComponentSize.Small]=2,i)[F]}),[F]),xi=function(){return"styled"===O?e.jsx(h.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,originalPriceStyled:G,finalPriceStyled:!1,color:N.color,size:G?u.ComponentSize.Small:u.ComponentSize.Large,testId:"volume-discount"},void 0):e.jsx(m.PriceLabel,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:u.ComponentSize.Medium,testId:"volume-discount",clubStyle:!!ti,finalPriceStyle:ti?hi?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Si=function(){return e.jsx(x.Rating,{size:F===u.ComponentSize.Large?u.ComponentSize.Small:u.ComponentSize.XSmall,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return e.jsxs(b.ProdCardContainer,i.__assign({className:V,"data-testid":"product-card-container-div"},{children:[e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",className:"picContainer",onClick:A},{children:[W||M||D?e.jsxs(b.ImageContainer,i.__assign({width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,"data-testid":"tags-image-container"},{children:[e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:"100%",height:"100%",loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),e.jsx(b.TopTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:W}),void 0),e.jsx(b.BottomTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:M}),void 0),!!D&&e.jsx(b.TopRightTagContainer,{children:D},void 0)]}),void 0):e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),_?e.jsx(b.ImageHoverContainer,{className:"hover__image",src:_.src,srcSet:g.getSrcSet(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height},void 0):null]}),void 0),ci&&li.length>0&&"between"===ui&&e.jsx(b.TagsContainer,i.__assign({"data-testid":"product-tags-container"},{children:li.map((function(i,r){return e.jsx(S,{text:i.text,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(i.text,"-").concat(r))}))}),void 0),U.display&&"top"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0),e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",onClick:A,className:"textContainer",style:{alignItems:ti?"flex-start":"center",gap:q}},{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),P?e.jsx(l.Text,i.__assign({variant:P.variant,weight:P.weight,size:P.size,style:{textAlign:ti?"left":I,marginTop:f?void 0:q}},{children:C}),void 0):e.jsx(b.Title,i.__assign({theme:pi,align:ti?"left":I},{children:C}),void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),U.display&&"middle"===U.position&&e.jsx(e.Fragment,{children:U.component},void 0),-1!==(null==ii?void 0:ii.strength)&&e.jsxs(e.Fragment,{children:[e.jsx(a.StrengthBars,{barsFilled:ii.strength,supportText:ii.description},void 0),e.jsx(s.Spacing,{size:10},void 0)]},void 0),K?e.jsxs(e.Fragment,{children:[w?e.jsx(x.Rating,{size:w,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e.jsx(Si,{},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsxs(b.MarginTopContainer,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsx(xi,{},void 0),vi&&e.jsx(j.TagContainer,i.__assign({size:u.ComponentSize.Small},{children:e.jsx(p.DiscountTag,i.__assign({},vi,{size:u.ComponentSize.Medium,style:i.__assign({letterSpacing:"-0.05rem"},vi.style)}),void 0)}),void 0)]},void 0)]},void 0):e.jsxs(e.Fragment,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsxs(e.Fragment,{children:[e.jsx(xi,{},void 0),e.jsx(t.BuyNowPayLater,{displayBNPL:null==Z?void 0:Z.displayBNPL,installments:(null==Z?void 0:Z.installments)||0,installmentPrice:(null==Z?void 0:Z.installmentPrice)||"",iconFolder:null==Z?void 0:Z.iconFolder,iconName:(null==Z?void 0:Z.iconName)||"",showLogo:null==Z?void 0:Z.showLogo,iconColor:null==Z?void 0:Z.iconColor,fontSize:null==Z?void 0:Z.fontSize},void 0)]},void 0),ti&&e.jsx(n.ClubPriceLabel,{clubPrice:ri},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsx(Si,{},void 0)]},void 0)]}),void 0),U.display&&"bottom"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0)]}),void 0)};
|
|
1
|
+
"use strict";var i=require("tslib"),e=require("@emotion/react/jsx-runtime"),r=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),t=require("../../../buynowpaylater/BuyNowPayLater.js"),n=require("../../../club-price-label/ClubPriceLabel.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../strength-bars/StrengthBars.js"),l=require("../../../text/Text.js"),d=require("../../../../core/theme/Theme.js"),c=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var u=require("../../../../types/enums.js"),v=require("../../../atoms/Image/Image.js");require("../../../pricing/clubOffer/ClubOfferTag.js");var p=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),h=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("react/jsx-runtime"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var j=require("../../../pricing/styles.js");require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("../../../tooltip/Tooltip.js"),require("../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js");var x=require("../../../rating/Rating.js"),S=require("../../../tag/variants/product/ProductTag.js"),b=require("./styled.js");module.exports=function(y){var C=y.title,P=y.titleStyle,z=y.hasSpacing,f=void 0===z||z,q=y.textContainerGap,w=y.customSizeRating,L=y.image,T=y.ImageBorderRadius,_=y.imageHover,N=y.price,B=y.rating,F=y.size,k=y.alignName,I=void 0===k?"center":k,R=y.url,V=y.className,W=y.topTag,D=y.topRightTag,M=y.bottomTag,A=y.onClick,H=y.priceDisplayType,O=void 0===H?"default":H,G=y.originalPriceStyled,K=y.priceAtBottom,X=y.priceLoading,E=y.noFollow,J=void 0!==E&&E,Q=y.colorPicker,U=void 0===Q?{display:!1,position:"top",component:void 0}:Q,Y=y.isBNPL,Z=void 0===Y?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Y,$=y.hasStrength,ii=void 0===$?{strength:-1,description:""}:$,ei=y.clubPrice,ri=void 0===ei?"":ei,oi=y.showClubPriceLabel,ti=void 0!==oi&&oi,ni=y.isOnViewport,si=void 0!==ni&&ni,ai=y.productTags,li=void 0===ai?[]:ai,di=y.showProductTags,ci=void 0!==di&&di,gi=y.tagsPosition,ui=void 0===gi?"overlay":gi,vi=y.discountTag,pi=d.useTheme(),mi=b.getStylesBySize(F),hi=c.useWindowDimensions().isMobile,ji=r.useMemo((function(){var i;return(i={},i[u.ComponentSize.Large]=8,i[u.ComponentSize.Medium]=4,i[u.ComponentSize.Small]=2,i)[F]}),[F]),xi=function(){return"styled"===O?e.jsx(h.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,originalPriceStyled:G,finalPriceStyled:!1,color:N.color,size:G?u.ComponentSize.Small:u.ComponentSize.Large,testId:"volume-discount"},void 0):e.jsx(m.PriceLabel,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:u.ComponentSize.Medium,testId:"volume-discount",clubStyle:!!ti,finalPriceStyle:ti?hi?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Si=function(){return e.jsx(x.Rating,{size:F===u.ComponentSize.Large?u.ComponentSize.Small:u.ComponentSize.XSmall,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return e.jsxs(b.ProdCardContainer,i.__assign({className:V,"data-testid":"product-card-container-div"},{children:[e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",className:"picContainer",onClick:A},{children:[W||M||D?e.jsxs(b.ImageContainer,i.__assign({width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,"data-testid":"tags-image-container"},{children:[e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:"100%",height:"100%",loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),e.jsx(b.TopTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:W}),void 0),e.jsx(b.BottomTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:M}),void 0),!!D&&e.jsx(b.TopRightTagContainer,{children:D},void 0)]}),void 0):e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),_?e.jsx(b.ImageHoverContainer,{className:"hover__image",src:_.src,srcSet:g.getSrcSet(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height},void 0):null]}),void 0),ci&&li.length>0&&"between"===ui&&e.jsx(b.TagsContainer,i.__assign({"data-testid":"product-tags-container"},{children:li.map((function(i,r){var o,t;return e.jsx(S,{text:i.text,image:i.image,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(null!==(t=null===(o=i.image)||void 0===o?void 0:o.src)&&void 0!==t?t:i.text,"-").concat(r))}))}),void 0),U.display&&"top"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0),e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",onClick:A,className:"textContainer",style:{alignItems:ti?"flex-start":"center",gap:q}},{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),P?e.jsx(l.Text,i.__assign({variant:P.variant,weight:P.weight,size:P.size,style:{textAlign:ti?"left":I,marginTop:f?void 0:q}},{children:C}),void 0):e.jsx(b.Title,i.__assign({theme:pi,align:ti?"left":I},{children:C}),void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),U.display&&"middle"===U.position&&e.jsx(e.Fragment,{children:U.component},void 0),-1!==(null==ii?void 0:ii.strength)&&e.jsxs(e.Fragment,{children:[e.jsx(a.StrengthBars,{barsFilled:ii.strength,supportText:ii.description},void 0),e.jsx(s.Spacing,{size:10},void 0)]},void 0),K?e.jsxs(e.Fragment,{children:[w?e.jsx(x.Rating,{size:w,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e.jsx(Si,{},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsxs(b.MarginTopContainer,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsx(xi,{},void 0),vi&&e.jsx(j.TagContainer,i.__assign({size:u.ComponentSize.Small},{children:e.jsx(p.DiscountTag,i.__assign({},vi,{size:u.ComponentSize.Medium,style:i.__assign({letterSpacing:"-0.05rem"},vi.style)}),void 0)}),void 0)]},void 0)]},void 0):e.jsxs(e.Fragment,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsxs(e.Fragment,{children:[e.jsx(xi,{},void 0),e.jsx(t.BuyNowPayLater,{displayBNPL:null==Z?void 0:Z.displayBNPL,installments:(null==Z?void 0:Z.installments)||0,installmentPrice:(null==Z?void 0:Z.installmentPrice)||"",iconFolder:null==Z?void 0:Z.iconFolder,iconName:(null==Z?void 0:Z.iconName)||"",showLogo:null==Z?void 0:Z.showLogo,iconColor:null==Z?void 0:Z.iconColor,fontSize:null==Z?void 0:Z.fontSize},void 0)]},void 0),ti&&e.jsx(n.ClubPriceLabel,{clubPrice:ri},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsx(Si,{},void 0)]},void 0)]}),void 0),U.display&&"bottom"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductItemTK.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=require("tslib"),
|
|
1
|
+
"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),o=require("./styled.js");module.exports=function(t){var i=t.text,a=t.image,d=t.backgroundColor,s=t.textColor,n=t.borderColor,l=t.borderWidth,g=t.borderRadius,c=t.fontSize,h=t.fontWeight,u=t.padding,b=t.className,C=t.onClick;return e.jsxs(o.Container,r.__assign({backgroundColor:a?"transparent":d,textColor:s,borderColor:n,borderWidth:l,borderRadius:g,fontSize:c,fontWeight:h,padding:u,hasImage:!!a,className:b,onClick:C},{children:[a&&e.jsx(o.TagImage,{src:a.src,alt:a.alt,width:a.width,height:a.height},void 0),i]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductTag.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,r,o=t(require("@emotion/styled")),i=o.default.img(e||(e=n.__makeTemplateObject(["\n display: block;\n max-width: ",";\n max-height: ",";\n object-fit: contain;\n flex-shrink: 0;\n background: transparent;\n"],["\n display: block;\n max-width: ",";\n max-height: ",";\n object-fit: contain;\n flex-shrink: 0;\n background: transparent;\n"])),(function(n){return n.width||"auto"}),(function(n){return n.height||"16px"})),a=o.default.div(r||(r=n.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding: ",";\n line-height: ",";\n border-radius: ",";\n font-size: ",";\n font-weight: ",";\n text-align: center;\n white-space: nowrap;\n cursor: ",";\n transition: all 0.2s ease-in-out;\n background-color: ",";\n color: ",";\n border: ",";\n\n &:hover {\n ","\n }\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding: ",";\n line-height: ",";\n border-radius: ",";\n font-size: ",";\n font-weight: ",";\n text-align: center;\n white-space: nowrap;\n cursor: ",";\n transition: all 0.2s ease-in-out;\n background-color: ",";\n color: ",";\n border: ",";\n\n &:hover {\n ","\n }\n"])),(function(n){var t=n.padding;return n.hasImage?"0":t||"4px 8px"}),(function(n){var t=n.hasImage,e=n.hasText;return t&&!e?"0":"1.2"}),(function(n){var t=n.borderRadius,e=n.hasImage,r=n.hasText;return e&&!r?t||"0":t||"4px"}),(function(n){return n.fontSize||"12px"}),(function(n){return n.fontWeight||"600"}),(function(n){return n.onClick?"pointer":"default"}),(function(n){return n.backgroundColor||"#F5F5F5"}),(function(n){return n.textColor||"#000000"}),(function(n){var t=n.borderWidth,e=n.borderColor;return t&&e?"".concat(t," solid ").concat(e):e?"1px solid ".concat(e):"none"}),(function(n){return n.onClick&&"\n opacity: 0.8;\n transform: translateY(-1px);\n "}));exports.Container=a,exports.TagImage=i;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "7.27.
|
|
6
|
+
"version": "7.27.11",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/lib/index.js",
|
|
9
9
|
"style": "build/es/index.css",
|