@trafilea/afrodita-components 7.1.20 → 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.
|
@@ -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';
|
|
@@ -3579,8 +3579,9 @@ interface ProductOrderItemProps {
|
|
|
3579
3579
|
};
|
|
3580
3580
|
finalPriceStyle?: react__default.CSSProperties;
|
|
3581
3581
|
isGift?: boolean;
|
|
3582
|
+
isClub?: boolean;
|
|
3582
3583
|
}
|
|
3583
|
-
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;
|
|
3584
3585
|
|
|
3585
3586
|
interface ProgressBarProps {
|
|
3586
3587
|
description?: string;
|
|
@@ -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