@trafilea/afrodita-components 7.1.19 → 7.1.22
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/color/SingleColorPicker.js +1 -1
- package/build/es/components/product/order/item/SimpleOrderItem.js +1 -1
- package/build/index.d.ts +5 -3
- package/build/lib/components/color/SingleColorPicker.js +1 -1
- package/build/lib/components/product/order/item/SimpleOrderItem.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import r from"./ColorRadioGroup.js";import{ColorSelector as n}from"./selector/ColorSelector.js";import{OutOfStock as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import r from"./ColorRadioGroup.js";import{ColorSelector as n}from"./selector/ColorSelector.js";import{OutOfStock as l}from"./selector/OutOfStock.js";import{PatternSelector as i}from"./selector/PatternSelector.js";var a=function(e,a,s){return void 0===a&&(a=!1),0===(null==e?void 0:e.length)?t(l,{title:"out of stock color"},void 0):null==e?void 0:e.map((function(e){return t(r.Option,o({value:e},{children:function(o){var r=o.checked;return e.meta.color?t(n,{color:e.meta.color,selected:r,testId:"".concat(e.label.split(" ").join("-").toLowerCase(),"-selector"),noStock:e.noStock,showCross:a,dimension:s},void 0):e.meta.pattern?t(i,{url:e.meta.pattern.url,selected:r,noStock:e.noStock,dimension:s},void 0):null}}),e.label)}))},s=function(n){var l,i=n.options,s=n.selectedValue,c=n.label,d=n.onChange,m=n.inline,u=void 0!==m&&m,v=n.showCross,p=void 0!==v&&v,f=n.dimension,b=n.translatedLabels,h=s?null!==(l=null==b?void 0:b[s.label])&&void 0!==l?l:s.label:void 0;return e(r,o({value:s,onChange:d,css:{flexDirection:u?"row":"column",alignItems:u?"center":"start"}},{children:[t(r.Label,{label:c,values:h&&!u?h:void 0},void 0),t(r.OptionsContainer,o({css:{marginTop:u?"0":"0.5rem",marginLeft:u?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:a(i,p,f)}),void 0)]}),void 0)};export{s as default,a as renderOptions};
|
|
2
2
|
//# sourceMappingURL=SingleColorPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__assign as
|
|
1
|
+
import{__makeTemplateObject as i,__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{useTheme as r}from"../../../../core/theme/Theme.js";import{mediaQueries as l}from"../../../../utils/media.js";import{ClubPriceMemberLabel as c}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as a}from"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react";import"../../../atoms/Toggle/toggle.styled.js";import{OfferBanner as s}from"../../../offer-banner/OfferBanner.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/DiscountTag.js";import{PriceLabel as m}from"../../../pricing/price/PriceLabel.js";import"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../types/enums.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";var p,h,g,f,u,v,b,x=t.div(p||(p=i(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"],["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"]))),y=t.div(h||(h=i(["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"],["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"])),"63px"),j=t.div(g||(g=i(["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"],["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"])),l({paddingLeft:["0.938rem","1.875rem"]}),"63px"),w=t.h2((function(i){return{fontWeight:600,fontSize:"1rem",lineHeight:"1.5rem",color:i.color,margin:"0.063rem 0"}})),P=t.h3((function(i){var e=i.color,n=i.fontSize,o=i.lineHeight;return{fontWeight:i.fontWeight,fontSize:n,lineHeight:o,color:e,margin:i.margin}})),L=t.div(f||(f=i(["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"],["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"])),(function(i){var e=i.withTag;return i.theme,e?l({justifyContent:["space-between","end"],flexDirection:["row","column"]}):"justify-content: end"})),z=t.div(u||(u=i(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"]))),C=t.span(v||(v=i(["\n display: block;\n transform: translateY(1px);\n"],["\n display: block;\n transform: translateY(1px);\n"]))),T=t.span(b||(b=i(["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"],["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"])),(function(i){return i.theme.colors.semantic.urgent.color})),k=function(i){var t,l,p,h,g,f,u,v,b=i.title,k=i.className,S=i.subtitle,V=i.midElement,H=i.image,I=i.price,O=i.tag,W=i.quantity,D=i.finalPriceStyle,q=i.isGift,F=i.isClub,G=r();return n(x,e({className:k},{children:[n(y,{children:[o(d,{src:H.src,alt:H.alt,width:"4.063rem",height:"5.375rem",objectFit:"cover",objectPosition:"center"},void 0),W?o(z,e({"data-testid":"order-item-quantity"},{children:o(C,{children:W},void 0)}),void 0):null]},void 0),n(j,e({"data-testid":"order-item-description-container",theme:G},{children:[o(w,e({color:G.colors.shades[700].color,"data-testid":"product-title"},{children:b}),void 0),S&&o(P,e({color:(null===(l=null===(t=G.component.pricing)||void 0===t?void 0:t.subtitle)||void 0===l?void 0:l.color)||G.colors.shades[700].color,fontSize:(null===(h=null===(p=G.component.pricing)||void 0===p?void 0:p.subtitle)||void 0===h?void 0:h.fontSize)||"0.75rem",lineHeight:(null===(f=null===(g=G.component.pricing)||void 0===g?void 0:g.subtitle)||void 0===f?void 0:f.lineHeight)||"1rem",fontWeight:(null===(v=null===(u=G.component.pricing)||void 0===u?void 0:u.subtitle)||void 0===v?void 0:v.fontWeight)||"normal","data-testid":"product-variant-title",margin:"0.5rem 0 0 0"},{children:S}),void 0),V,q&&o(T,{children:"Limited Time Only"},void 0),n(L,e({"data-testid":"order-item-price-container",withTag:!!O,theme:G},{children:[O&&o(s,{discountAppliedText:null==O?void 0:O.text,backgroundColor:null==O?void 0:O.backgroundColor},void 0),q?o(T,{children:"GIFT"},void 0):F?o(c,{finalPrice:I.finalPrice,originalPrice:I.originalPrice,isCollections:!1,isClubOffer:!0,isClub:!0,icon:o(a,{name:"other/club_filled",height:"21px",width:"52px"},void 0),style:{gap:8}},void 0):o(m,{finalPrice:I.finalPrice,originalPrice:I.originalPrice,color:I.color||G.colors.shades[700].color,size:G.component.pricing.priceLabel.price.size,finalPriceStyle:D,originalPriceStyled:!0},void 0)]}),void 0)]}),void 0)]}),void 0)};export{k as default};
|
|
2
2
|
//# sourceMappingURL=SimpleOrderItem.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -187,7 +187,7 @@ declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning
|
|
|
187
187
|
declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/mail_sent' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right' | 'messaging/question_circle_light';
|
|
188
188
|
declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/cart' | 'myaccount/vip' | 'myaccount/calendar' | 'myaccount/skin_type' | 'myaccount/magnify' | 'myaccount/beauty_products' | 'myaccount/email' | 'myaccount/contact' | 'myaccount/frowing' | 'myaccount/wallet_thin' | 'myaccount/box' | 'myaccount/cursor_click';
|
|
189
189
|
declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/benefits_v2' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_bag_v4' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2' | 'navigation/filters_v2' | 'navigation/gift';
|
|
190
|
-
declare type Other$1 = 'other/alarm_on' | 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/megafone' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock' | 'other/help_center' | 'other/arrow_outward' | 'other/coupons' | 'other/flag_usa' | 'other/flag_canada' | 'other/flag_aus' | 'other/flag_uk' | 'other/flag_nz' | 'other/flag_sg' | 'other/bookmark' | 'other/stars';
|
|
190
|
+
declare type Other$1 = 'other/alarm_on' | 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/megafone' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock' | 'other/help_center' | 'other/arrow_outward' | 'other/coupons' | 'other/flag_usa' | 'other/flag_canada' | 'other/flag_aus' | 'other/flag_uk' | 'other/flag_nz' | 'other/flag_sg' | 'other/bookmark' | 'other/stars' | 'other/club_filled';
|
|
191
191
|
declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa' | 'payment/payment_methods';
|
|
192
192
|
declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/free_returns_v2' | 'pdp/free_shipping_v2' | 'pdp/loading_trafisizy' | 'pdp/minus' | 'pdp/moon' | 'pdp/tape_measure' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/play_video' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/size_with_stars' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/drop_v2' | 'pdp/few_drops' | 'pdp/trust_badge' | 'pdp/verified' | 'pdp/wrinkle_free_face' | 'pdp/skin_appearance' | 'pdp/shine_heart' | 'pdp/cruelty_free' | 'pdp/ph_formula' | 'pdp/box' | 'pdp/afterpay_logo' | 'pdp/trustpilot_star' | 'pdp/trustpilot_half_star';
|
|
193
193
|
declare type SlideDots$1 = 'slidedots/slide_dot';
|
|
@@ -3093,8 +3093,9 @@ interface ColorPickerProps {
|
|
|
3093
3093
|
inline?: boolean;
|
|
3094
3094
|
showCross?: boolean;
|
|
3095
3095
|
dimension?: ColorSelectorDimension;
|
|
3096
|
+
translatedLabels?: Record<string, string>;
|
|
3096
3097
|
}
|
|
3097
|
-
declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, showCross, dimension, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3098
|
+
declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, showCross, dimension, translatedLabels, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3098
3099
|
|
|
3099
3100
|
interface CrossSellCheckboxProps extends rightToLeftProps {
|
|
3100
3101
|
imageURL: string;
|
|
@@ -3578,8 +3579,9 @@ interface ProductOrderItemProps {
|
|
|
3578
3579
|
};
|
|
3579
3580
|
finalPriceStyle?: react__default.CSSProperties;
|
|
3580
3581
|
isGift?: boolean;
|
|
3582
|
+
isClub?: boolean;
|
|
3581
3583
|
}
|
|
3582
|
-
declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, isGift, }: ProductOrderItemProps) => JSX.Element;
|
|
3584
|
+
declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, isGift, isClub, }: ProductOrderItemProps) => JSX.Element;
|
|
3583
3585
|
|
|
3584
3586
|
interface ProgressBarProps {
|
|
3585
3587
|
description?: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),t=require("./ColorRadioGroup.js"),r=require("./selector/ColorSelector.js"),n=require("./selector/OutOfStock.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),t=require("./ColorRadioGroup.js"),r=require("./selector/ColorSelector.js"),n=require("./selector/OutOfStock.js"),l=require("./selector/PatternSelector.js"),i=function(i,s,a){return void 0===s&&(s=!1),0===(null==i?void 0:i.length)?o.jsx(n.OutOfStock,{title:"out of stock color"},void 0):null==i?void 0:i.map((function(n){return o.jsx(t.Option,e.__assign({value:n},{children:function(e){var t=e.checked;return n.meta.color?o.jsx(r.ColorSelector,{color:n.meta.color,selected:t,testId:"".concat(n.label.split(" ").join("-").toLowerCase(),"-selector"),noStock:n.noStock,showCross:s,dimension:a},void 0):n.meta.pattern?o.jsx(l.PatternSelector,{url:n.meta.pattern.url,selected:t,noStock:n.noStock,dimension:a},void 0):null}}),n.label)}))};exports.default=function(r){var n,l=r.options,s=r.selectedValue,a=r.label,c=r.onChange,u=r.inline,d=void 0!==u&&u,v=r.showCross,m=void 0!==v&&v,p=r.dimension,j=r.translatedLabels,x=s?null!==(n=null==j?void 0:j[s.label])&&void 0!==n?n:s.label:void 0;return o.jsxs(t,e.__assign({value:s,onChange:c,css:{flexDirection:d?"row":"column",alignItems:d?"center":"start"}},{children:[o.jsx(t.Label,{label:a,values:x&&!d?x:void 0},void 0),o.jsx(t.OptionsContainer,e.__assign({css:{marginTop:d?"0":"0.5rem",marginLeft:d?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:i(l,m,p)}),void 0)]}),void 0)},exports.renderOptions=i;
|
|
2
2
|
//# sourceMappingURL=SingleColorPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),r=require("../../../../core/theme/Theme.js"),t=require("../../../../utils/media.js"),o=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../../atoms/Icon/Icon.js"),a=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react"),require("../../../atoms/Toggle/toggle.styled.js");var s=require("../../../offer-banner/OfferBanner.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/DiscountTag.js");var c=require("../../../pricing/price/PriceLabel.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../../types/enums.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var u,m,g,p,f,h,b,v=d(n),j=v.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"],["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"]))),x=v.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"],["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"])),"63px"),y=v.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"],["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"])),t.mediaQueries({paddingLeft:["0.938rem","1.875rem"]}),"63px"),_=v.default.h2((function(e){return{fontWeight:600,fontSize:"1rem",lineHeight:"1.5rem",color:e.color,margin:"0.063rem 0"}})),P=v.default.h3((function(e){var i=e.color,n=e.fontSize,r=e.lineHeight;return{fontWeight:e.fontWeight,fontSize:n,lineHeight:r,color:i,margin:e.margin}})),q=v.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"],["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"])),(function(e){var i=e.withTag;return e.theme,i?t.mediaQueries({justifyContent:["space-between","end"],flexDirection:["row","column"]}):"justify-content: end"})),w=v.default.div(f||(f=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"]))),L=v.default.span(h||(h=e.__makeTemplateObject(["\n display: block;\n transform: translateY(1px);\n"],["\n display: block;\n transform: translateY(1px);\n"]))),T=v.default.span(b||(b=e.__makeTemplateObject(["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"],["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"])),(function(e){return e.theme.colors.semantic.urgent.color}));module.exports=function(n){var t,d,u,m,g,p,f,h,b=n.title,v=n.className,k=n.subtitle,z=n.midElement,O=n.image,C=n.price,S=n.tag,V=n.quantity,H=n.finalPriceStyle,I=n.isGift,W=n.isClub,D=r.useTheme();return i.jsxs(j,e.__assign({className:v},{children:[i.jsxs(x,{children:[i.jsx(a.Image,{src:O.src,alt:O.alt,width:"4.063rem",height:"5.375rem",objectFit:"cover",objectPosition:"center"},void 0),V?i.jsx(w,e.__assign({"data-testid":"order-item-quantity"},{children:i.jsx(L,{children:V},void 0)}),void 0):null]},void 0),i.jsxs(y,e.__assign({"data-testid":"order-item-description-container",theme:D},{children:[i.jsx(_,e.__assign({color:D.colors.shades[700].color,"data-testid":"product-title"},{children:b}),void 0),k&&i.jsx(P,e.__assign({color:(null===(d=null===(t=D.component.pricing)||void 0===t?void 0:t.subtitle)||void 0===d?void 0:d.color)||D.colors.shades[700].color,fontSize:(null===(m=null===(u=D.component.pricing)||void 0===u?void 0:u.subtitle)||void 0===m?void 0:m.fontSize)||"0.75rem",lineHeight:(null===(p=null===(g=D.component.pricing)||void 0===g?void 0:g.subtitle)||void 0===p?void 0:p.lineHeight)||"1rem",fontWeight:(null===(h=null===(f=D.component.pricing)||void 0===f?void 0:f.subtitle)||void 0===h?void 0:h.fontWeight)||"normal","data-testid":"product-variant-title",margin:"0.5rem 0 0 0"},{children:k}),void 0),z,I&&i.jsx(T,{children:"Limited Time Only"},void 0),i.jsxs(q,e.__assign({"data-testid":"order-item-price-container",withTag:!!S,theme:D},{children:[S&&i.jsx(s.OfferBanner,{discountAppliedText:null==S?void 0:S.text,backgroundColor:null==S?void 0:S.backgroundColor},void 0),I?i.jsx(T,{children:"GIFT"},void 0):W?i.jsx(o.ClubPriceMemberLabel,{finalPrice:C.finalPrice,originalPrice:C.originalPrice,isCollections:!1,isClubOffer:!0,isClub:!0,icon:i.jsx(l.Icon,{name:"other/club_filled",height:"21px",width:"52px"},void 0),style:{gap:8}},void 0):i.jsx(c.PriceLabel,{finalPrice:C.finalPrice,originalPrice:C.originalPrice,color:C.color||D.colors.shades[700].color,size:D.component.pricing.priceLabel.price.size,finalPriceStyle:H,originalPriceStyled:!0},void 0)]}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=SimpleOrderItem.js.map
|
package/package.json
CHANGED