@trafilea/afrodita-components 7.27.5 → 7.27.7
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/autoshipV2/autoshipV2.js +1 -1
- package/build/es/components/color/ColorPickerWithTooltip.js +1 -1
- package/build/es/components/color/ColorRadioGroup.js +1 -1
- package/build/es/components/color/SingleColorPicker.js +1 -1
- package/build/index.d.ts +13 -1
- package/build/lib/components/autoshipV2/autoshipV2.js +1 -1
- package/build/lib/components/color/ColorPickerWithTooltip.js +1 -1
- package/build/lib/components/color/ColorRadioGroup.js +1 -1
- package/build/lib/components/color/SingleColorPicker.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as i,__assign as e}from"tslib";import{jsxs as o,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as d,useEffect as r}from"react";import{ComponentSize as a}from"../../types/enums.js";import{useTheme as s}from"../../core/theme/Theme.js";import"../../utils/constants/offerAtCart.js";import{decimalFormat as c}from"../../utils/decimalParser/decimalParser.js";import"../../utils/media.js";import"../../utils/mock-content/CancellationFlowAccordion.js";import{benefitsColorMapper as l}from"../autoship/config.js";import u from"../dropdown/variants/simple/SimpleDropdown.js";import{Icon as p}from"../icons/index.js";import{RadioInput as h}from"../radio/input/radio.js";import{Tooltip as m}from"../tooltip/Tooltip.js";import{Container as v,SubscriptionContainer as
|
|
1
|
+
import{__spreadArray as i,__assign as e}from"tslib";import{jsxs as o,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as d,useEffect as r}from"react";import{ComponentSize as a}from"../../types/enums.js";import{useTheme as s}from"../../core/theme/Theme.js";import"../../utils/constants/offerAtCart.js";import{decimalFormat as c}from"../../utils/decimalParser/decimalParser.js";import"../../utils/media.js";import"../../utils/mock-content/CancellationFlowAccordion.js";import{benefitsColorMapper as l}from"../autoship/config.js";import u from"../dropdown/variants/simple/SimpleDropdown.js";import{Icon as p}from"../icons/index.js";import{RadioInput as h}from"../radio/input/radio.js";import{Tooltip as m}from"../tooltip/Tooltip.js";import{Container as v,SubscriptionContainer as f,DiscountTag as b,SubscriptionHeader as g,FlexContainer as y,TooltipWrapper as P,StyledPrice as C,BenefitsContainer as j,Benefit as T,BulletIconWrapper as k,BenefitText as w,DeliveryFrequencyLabel as I,SinglePurchaseContainer as S}from"./styled.js";var x={oneTime:{id:"one-time-purchase"},autoship:{id:"autoship-subscribe-and-save"}},N={key:"1",label:"1 Month",value:1,disabled:!1},V=function(V){var L=V.tooltipContent,F=V.tooltipHeader,M=V.pricing,z=V.frequencyValues,A=V.frequencyUnit,R=void 0===A?"months":A,B=V.autoshipBenefits,D=V.benefits,q=V.onChange,E=V.singlePurchaseLabel,H=V.subscriptionLabel,_=V.className,O=V.closeIcon,Q=V.currencySymbol,U=void 0===Q?"$":Q,W=V.discountLabel,$=V.disabledInputs,G=V.hasInfoBulletIcons,J=void 0===G||G,K=V.borderRadiusValue,X=V.noRoundFloatInBadge,Y=s(),Z=z&&(null==z?void 0:z.length)>0?z.map((function(i){var e="".concat(i," ").concat(1===i?R.slice(0,-1):R);return{key:"".concat(i),label:e,value:i,disabled:!1}})):[N],ii=x.autoship&&((null==$?void 0:$.includes(x.autoship.id))?x.oneTime:x.autoship),ei=d(ii),oi=ei[0],ti=ei[1],ni=d(Z[0].value),di=ni[0],ri=ni[1],ai=M.listPrice,si=M.discountedPrice,ci=M.autoshipDiscountPercentage,li=Number((si-si*(ci/100)).toFixed(2)),ui=ai-li,pi=X?ui.toFixed(2):String(Math.floor(ui)),hi=ui/ai*100,mi=5*Math.round(hi/5),vi=null!=D?D:i(['<span style="font-weight: 600">Save up to '.concat(mi,"% always.</span>")],B.slice(0),!0),fi=function(){return{subscriptionPeriod:di,autoship:oi.id===x.autoship.id,originalPrice:ai,discountedPrice:Number(li)}};r((function(){q(fi())}),[]);var bi=function(i,o){if(!$||!$.includes(i.id)){var t=fi();if("radio"===o)return ti(i),void q(e(e({},t),{autoship:i.id===x.autoship.id}));ri(i),t.subscriptionPeriod=i,q(e(e({},t),{subscriptionPeriod:i}))}},gi=l(Y);return o(v,e({className:_},{children:[o(f,e({onClick:function(){return bi(x.autoship,"radio")},"data-testid":"subscription-purchase-block",selected:x.autoship.id===oi.id,borderRadiusValue:K},{children:[t(b,e({isSelected:x.autoship.id===oi.id},{children:null!=W?W:"".concat(mi,"% OFF - SAVE ").concat(U).concat(pi)}),void 0),o(g,{children:[o(y,{children:[t(h,{label:H,name:x.autoship.id,id:x.autoship.id,value:x.autoship.id,checked:x.autoship.id===oi.id,size:a.Medium,style:{marginRight:"10px"},useV2Style:!0,onChange:function(){},disabled:$&&$.includes(x.autoship.id)},void 0),t(P,{children:t(m,e({position:0,content:L,header:F,maxWidth:"248px",showCloseIcon:O,closeBtnSize:.7},{children:t(p.Actions.CircleQuestion,{width:1},void 0)}),void 0)},void 0)]},void 0),t(C,{testId:"subscription",finalPrice:"".concat(U).concat(c(Number(li))),selected:x.autoship.id===oi.id,size:a.Large,originalPrice:"".concat(U).concat(c(Number(ai)))},void 0)]},void 0),t(j,{children:vi.map((function(i){return o(T,{children:[J&&t(k,{children:t(p.Actions.Check,{width:1.2,height:1.2,fill:x.autoship.id===oi.id?gi.selected:gi.base},void 0)},void 0),t(w,{variant:"body",dangerouslySetInnerHTML:{__html:i}},void 0)]},i)}))},void 0),t(n,{children:Z.length>1?o(y,e({onClick:function(i){return i.stopPropagation()}},{children:[t(I,e({variant:"body"},{children:"Delivery Every:"}),void 0),t(u,{testId:"subscription-frequency",initialValue:Z[0],options:Z,onChange:function(i){return bi(i.value,"dropdown")},placeHolder:""},void 0)]}),void 0):o(I,e({variant:"body"},{children:["Delivery Every ",Z[0].label.toLowerCase()]}),void 0)},void 0)]}),void 0),o(S,e({"data-testid":"single-purchase-block",selected:x.oneTime.id===oi.id,borderRadiusValue:K,onClick:function(){return bi(x.oneTime,"radio")}},{children:[t(h,{label:E,name:x.oneTime.id,id:x.oneTime.id,value:x.oneTime.id,checked:x.oneTime.id===oi.id,size:a.Medium,onChange:function(){},useV2Style:!0,disabled:$&&$.includes(x.oneTime.id)},void 0),t(C,{testId:"single-purchase",finalPrice:"".concat(U).concat(c(Number(si))),selected:x.oneTime.id===oi.id,size:a.Large,originalPrice:"".concat(U).concat(c(Number(ai)))},void 0)]}),void 0)]}),void 0)};export{V as default};
|
|
2
2
|
//# sourceMappingURL=autoshipV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,jsx as e}from"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../core/theme/Theme.js";import"react";import"../../types/enums.js";import"../pricing/clubOffer/ClubOfferTag.js";import"../pricing/discount/styled.js";import"../pricing/styles.js";import{Tooltip as t}from"../tooltip/Tooltip.js";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as r}from"../atoms/Icon/Icon.js";import"../atoms/Image/styled.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/Toggle/toggle.styled.js";import l from"./ColorRadioGroup.js";import{renderOptions as s}from"./SingleColorPicker.js";import{ColorPickerWrapper as n,TooltipContent as a,NumericTooltip as m}from"./styles/ColorPickerwithTootip.styled.js";var d=function(d){var c,p=d.options,v=void 0===p?[]:p,u=d.selectedValue,h=d.label,b=d.onChange,g=d.inline,j=void 0!==g&&g,f=d.maxVisibleOptions,C=void 0===f?5:f,w=d.showCross,y=d.className,L=d.tooltipOptions,P=d.translatedLabels,I=v.slice(0,C),
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,jsx as e}from"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../core/theme/Theme.js";import"react";import"../../types/enums.js";import"../pricing/clubOffer/ClubOfferTag.js";import"../pricing/discount/styled.js";import"../pricing/styles.js";import{Tooltip as t}from"../tooltip/Tooltip.js";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as r}from"../atoms/Icon/Icon.js";import"../atoms/Image/styled.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/Toggle/toggle.styled.js";import l from"./ColorRadioGroup.js";import{renderOptions as s}from"./SingleColorPicker.js";import{ColorPickerWrapper as n,TooltipContent as a,NumericTooltip as m}from"./styles/ColorPickerwithTootip.styled.js";var d=function(d){var c,p=d.options,v=void 0===p?[]:p,u=d.selectedValue,h=d.label,b=d.onChange,g=d.inline,j=void 0!==g&&g,f=d.maxVisibleOptions,C=void 0===f?5:f,w=d.showCross,y=d.className,L=d.tooltipOptions,P=d.translatedLabels,I=d.colorRadioGroupProps,x=v.slice(0,C),T=v.slice(C),O=(null!=L?L:{}).showCloseIcon,N=(null==L?void 0:L.numeric)?null==T?void 0:T.length:0,V=u?null!==(c=null==P?void 0:P[u.label])&&void 0!==c?c:u.label:void 0;return i(n,o({},I,{className:y,value:u,onChange:b,css:{flexDirection:j?"row":"column",alignItems:j?"center":"start"}},{children:[e(l.Label,{label:h,values:V&&!j?V:void 0},void 0),i(l.OptionsContainer,o({css:{marginTop:j?"0":"0.63rem",marginLeft:j?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:[s(x,w,void 0,P),!!T.length&&e("div",o({style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e(t,o({showCloseIcon:O,position:1,elementContent:e(a,o({className:"tooltip-content"},{children:s(T,w,void 0,P)}),void 0),withArrow:!0},{children:(null==L?void 0:L.numeric)?i(m,o({"data-testid":"numeric-tooltip"},{children:["+",N]}),void 0):e("div",o({className:"arrow","data-testid":"tooltip-arrow"},{children:e(r,{name:"arrows/chevron_down",width:1,height:1},void 0)}),void 0)}),void 0)}),void 0)]}),void 0)]}),void 0)};export{d as default};
|
|
2
2
|
//# sourceMappingURL=ColorPickerWithTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n,__assign as e}from"tslib";import{jsx as
|
|
1
|
+
import{__makeTemplateObject as n,__assign as e}from"tslib";import{jsx as i,jsxs as r}from"react/jsx-runtime";import a from"@emotion/styled";import{RadioGroup as o}from"@headlessui/react";import{Text as l}from"../text/Text.js";var t,s,d,m,p,c=a(o)(t||(t=n(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),f=a(o.Label)(s||(s=n(["\n font-size: 0.88rem;\n"],["\n font-size: 0.88rem;\n"]))),u=a(o.Option)(d||(d=n(["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"],["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"]))),v=a.span(m||(m=n(["\n font-weight: 600;\n"],["\n font-weight: 600;\n"]))),g=a.div(p||(p=n(["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"],["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"]))),h=Object.assign((function(n){var r=n.value,a=n.onChange,o=n.children,l=n.className,t=n.onClick,s=n.onKeyDown;return i(c,e({value:r,onChange:a,className:l,onClick:t,onKeyDown:s},{children:o}),void 0)}),{Label:function(n){var a=n.label,o=n.values;return i(f,{children:r(l,e({variant:"body",weight:"regular",size:"small",asSpan:!0},{children:[a," ",i(v,{children:o},void 0)]}),void 0)},void 0)},Option:function(n){var r=n.value,a=n.children,o=n.disabled,l=n["aria-label"];return i(u,e({value:r,disabled:o,"aria-label":l},{children:a}),void 0)},OptionsContainer:g});export{h as default};
|
|
2
2
|
//# sourceMappingURL=ColorRadioGroup.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import l from"./ColorRadioGroup.js";import{ColorSelector as r}from"./selector/ColorSelector.js";import{OutOfStock as n}from"./selector/OutOfStock.js";import{PatternSelector as i}from"./selector/PatternSelector.js";var a=function(e,a,s,c){return void 0===a&&(a=!1),0===(null==e?void 0:e.length)?t(n,{title:"out of stock color"},void 0):null==e?void 0:e.map((function(e){var n;return t(l.Option,o({value:e,"aria-label":null!==(n=null==c?void 0:c[e.label])&&void 0!==n?n:e.label},{children:function(o){var l=o.checked;return e.meta.color?t(r,{color:e.meta.color,selected:l,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:l,noStock:e.noStock,dimension:s},void 0):null}}),e.label)}))},s=function(r){var n,i=r.options,s=r.selectedValue,c=r.label,d=r.onChange,
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import l from"./ColorRadioGroup.js";import{ColorSelector as r}from"./selector/ColorSelector.js";import{OutOfStock as n}from"./selector/OutOfStock.js";import{PatternSelector as i}from"./selector/PatternSelector.js";var a=function(e,a,s,c){return void 0===a&&(a=!1),0===(null==e?void 0:e.length)?t(n,{title:"out of stock color"},void 0):null==e?void 0:e.map((function(e){var n;return t(l.Option,o({value:e,"aria-label":null!==(n=null==c?void 0:c[e.label])&&void 0!==n?n:e.label},{children:function(o){var l=o.checked;return e.meta.color?t(r,{color:e.meta.color,selected:l,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:l,noStock:e.noStock,dimension:s},void 0):null}}),e.label)}))},s=function(r){var n,i=r.options,s=r.selectedValue,c=r.label,d=r.onChange,u=r.inline,m=void 0!==u&&u,v=r.showCross,p=void 0!==v&&v,f=r.dimension,b=r.translatedLabels,h=r.colorRadioGroupProps,C=s?null!==(n=null==b?void 0:b[s.label])&&void 0!==n?n:s.label:void 0;return e(l,o({},h,{value:s,onChange:d,css:{flexDirection:m?"row":"column",alignItems:m?"center":"start"}},{children:[t(l.Label,{label:c,values:C&&!m?C:void 0},void 0),t(l.OptionsContainer,o({css:{marginTop:m?"0":"0.5rem",marginLeft:m?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:a(i,p,f,b)}),void 0)]}),void 0)};export{s as default,a as renderOptions};
|
|
2
2
|
//# sourceMappingURL=SingleColorPicker.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -173,6 +173,7 @@ declare type AutoshipPropsV2 = {
|
|
|
173
173
|
disabledInputs?: AutoshipRadios[];
|
|
174
174
|
hasInfoBulletIcons?: boolean;
|
|
175
175
|
borderRadiusValue?: string;
|
|
176
|
+
noRoundFloatInBadge?: boolean;
|
|
176
177
|
};
|
|
177
178
|
declare const AutoshipV2: react__default.FC<AutoshipPropsV2>;
|
|
178
179
|
|
|
@@ -3237,6 +3238,15 @@ declare const Collection: {
|
|
|
3237
3238
|
ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, topRightTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, isOnViewport, productTags, showProductTags, tagsPosition, discountTag, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
3238
3239
|
};
|
|
3239
3240
|
|
|
3241
|
+
interface ColorPickerProps$1 {
|
|
3242
|
+
value?: ColorPickerOption | Set<ColorPickerOption>;
|
|
3243
|
+
onChange: (selectedOption: ColorPickerOption) => void;
|
|
3244
|
+
children: ReactNode;
|
|
3245
|
+
className?: string;
|
|
3246
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
3247
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
3248
|
+
}
|
|
3249
|
+
|
|
3240
3250
|
/** @jsxImportSource @emotion/react */
|
|
3241
3251
|
|
|
3242
3252
|
interface ColorPickerWithTooltipProps {
|
|
@@ -3253,6 +3263,7 @@ interface ColorPickerWithTooltipProps {
|
|
|
3253
3263
|
numeric?: boolean;
|
|
3254
3264
|
};
|
|
3255
3265
|
translatedLabels?: Record<string, string>;
|
|
3266
|
+
colorRadioGroupProps?: ColorPickerProps$1;
|
|
3256
3267
|
}
|
|
3257
3268
|
declare const ColorPickerWithTooltip: FC<ColorPickerWithTooltipProps>;
|
|
3258
3269
|
|
|
@@ -3273,8 +3284,9 @@ interface ColorPickerProps {
|
|
|
3273
3284
|
showCross?: boolean;
|
|
3274
3285
|
dimension?: ColorSelectorDimension;
|
|
3275
3286
|
translatedLabels?: Record<string, string>;
|
|
3287
|
+
colorRadioGroupProps?: ColorPickerProps$1;
|
|
3276
3288
|
}
|
|
3277
|
-
declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, showCross, dimension, translatedLabels, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3289
|
+
declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, showCross, dimension, translatedLabels, colorRadioGroupProps, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3278
3290
|
|
|
3279
3291
|
interface ColorSelectorProps {
|
|
3280
3292
|
color: string[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("../../types/enums.js"),s=require("../../core/theme/Theme.js");require("../../utils/constants/offerAtCart.js");var t=require("../../utils/decimalParser/decimalParser.js");require("../../utils/media.js"),require("../../utils/mock-content/CancellationFlowAccordion.js");var r=require("../autoship/config.js"),a=require("../dropdown/variants/simple/SimpleDropdown.js"),d=require("../icons/index.js"),c=require("../radio/input/radio.js"),l=require("../tooltip/Tooltip.js"),u=require("./styled.js"),p={oneTime:{id:"one-time-purchase"},autoship:{id:"autoship-subscribe-and-save"}},h={key:"1",label:"1 Month",value:1,disabled:!1};module.exports=function(m){var v=m.tooltipContent,b=m.tooltipHeader,g=m.pricing,j=m.frequencyValues,
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("../../types/enums.js"),s=require("../../core/theme/Theme.js");require("../../utils/constants/offerAtCart.js");var t=require("../../utils/decimalParser/decimalParser.js");require("../../utils/media.js"),require("../../utils/mock-content/CancellationFlowAccordion.js");var r=require("../autoship/config.js"),a=require("../dropdown/variants/simple/SimpleDropdown.js"),d=require("../icons/index.js"),c=require("../radio/input/radio.js"),l=require("../tooltip/Tooltip.js"),u=require("./styled.js"),p={oneTime:{id:"one-time-purchase"},autoship:{id:"autoship-subscribe-and-save"}},h={key:"1",label:"1 Month",value:1,disabled:!1};module.exports=function(m){var v=m.tooltipContent,b=m.tooltipHeader,g=m.pricing,j=m.frequencyValues,f=m.frequencyUnit,x=void 0===f?"months":f,y=m.autoshipBenefits,_=m.benefits,C=m.onChange,S=m.singlePurchaseLabel,q=m.subscriptionLabel,P=m.className,T=m.closeIcon,F=m.currencySymbol,I=void 0===F?"$":F,k=m.discountLabel,w=m.disabledInputs,z=m.hasInfoBulletIcons,L=void 0===z||z,B=m.borderRadiusValue,N=m.noRoundFloatInBadge,V=s.useTheme(),D=j&&(null==j?void 0:j.length)>0?j.map((function(e){var i="".concat(e," ").concat(1===e?x.slice(0,-1):x);return{key:"".concat(e),label:i,value:e,disabled:!1}})):[h],M=p.autoship&&((null==w?void 0:w.includes(p.autoship.id))?p.oneTime:p.autoship),R=n.useState(M),A=R[0],E=R[1],H=n.useState(D[0].value),W=H[0],O=H[1],Q=g.listPrice,U=g.discountedPrice,$=g.autoshipDiscountPercentage,G=Number((U-U*($/100)).toFixed(2)),J=Q-G,K=N?J.toFixed(2):String(Math.floor(J)),X=J/Q*100,Y=5*Math.round(X/5),Z=null!=_?_:e.__spreadArray(['<span style="font-weight: 600">Save up to '.concat(Y,"% always.</span>")],y.slice(0),!0),ee=function(){return{subscriptionPeriod:W,autoship:A.id===p.autoship.id,originalPrice:Q,discountedPrice:Number(G)}};n.useEffect((function(){C(ee())}),[]);var ie=function(i,n){if(!w||!w.includes(i.id)){var o=ee();if("radio"===n)return E(i),void C(e.__assign(e.__assign({},o),{autoship:i.id===p.autoship.id}));O(i),o.subscriptionPeriod=i,C(e.__assign(e.__assign({},o),{subscriptionPeriod:i}))}},ne=r.benefitsColorMapper(V);return i.jsxs(u.Container,e.__assign({className:P},{children:[i.jsxs(u.SubscriptionContainer,e.__assign({onClick:function(){return ie(p.autoship,"radio")},"data-testid":"subscription-purchase-block",selected:p.autoship.id===A.id,borderRadiusValue:B},{children:[i.jsx(u.DiscountTag,e.__assign({isSelected:p.autoship.id===A.id},{children:null!=k?k:"".concat(Y,"% OFF - SAVE ").concat(I).concat(K)}),void 0),i.jsxs(u.SubscriptionHeader,{children:[i.jsxs(u.FlexContainer,{children:[i.jsx(c.RadioInput,{label:q,name:p.autoship.id,id:p.autoship.id,value:p.autoship.id,checked:p.autoship.id===A.id,size:o.ComponentSize.Medium,style:{marginRight:"10px"},useV2Style:!0,onChange:function(){},disabled:w&&w.includes(p.autoship.id)},void 0),i.jsx(u.TooltipWrapper,{children:i.jsx(l.Tooltip,e.__assign({position:0,content:v,header:b,maxWidth:"248px",showCloseIcon:T,closeBtnSize:.7},{children:i.jsx(d.Icon.Actions.CircleQuestion,{width:1},void 0)}),void 0)},void 0)]},void 0),i.jsx(u.StyledPrice,{testId:"subscription",finalPrice:"".concat(I).concat(t.decimalFormat(Number(G))),selected:p.autoship.id===A.id,size:o.ComponentSize.Large,originalPrice:"".concat(I).concat(t.decimalFormat(Number(Q)))},void 0)]},void 0),i.jsx(u.BenefitsContainer,{children:Z.map((function(e){return i.jsxs(u.Benefit,{children:[L&&i.jsx(u.BulletIconWrapper,{children:i.jsx(d.Icon.Actions.Check,{width:1.2,height:1.2,fill:p.autoship.id===A.id?ne.selected:ne.base},void 0)},void 0),i.jsx(u.BenefitText,{variant:"body",dangerouslySetInnerHTML:{__html:e}},void 0)]},e)}))},void 0),i.jsx(i.Fragment,{children:D.length>1?i.jsxs(u.FlexContainer,e.__assign({onClick:function(e){return e.stopPropagation()}},{children:[i.jsx(u.DeliveryFrequencyLabel,e.__assign({variant:"body"},{children:"Delivery Every:"}),void 0),i.jsx(a,{testId:"subscription-frequency",initialValue:D[0],options:D,onChange:function(e){return ie(e.value,"dropdown")},placeHolder:""},void 0)]}),void 0):i.jsxs(u.DeliveryFrequencyLabel,e.__assign({variant:"body"},{children:["Delivery Every ",D[0].label.toLowerCase()]}),void 0)},void 0)]}),void 0),i.jsxs(u.SinglePurchaseContainer,e.__assign({"data-testid":"single-purchase-block",selected:p.oneTime.id===A.id,borderRadiusValue:B,onClick:function(){return ie(p.oneTime,"radio")}},{children:[i.jsx(c.RadioInput,{label:S,name:p.oneTime.id,id:p.oneTime.id,value:p.oneTime.id,checked:p.oneTime.id===A.id,size:o.ComponentSize.Medium,onChange:function(){},useV2Style:!0,disabled:w&&w.includes(p.oneTime.id)},void 0),i.jsx(u.StyledPrice,{testId:"single-purchase",finalPrice:"".concat(I).concat(t.decimalFormat(Number(U))),selected:p.oneTime.id===A.id,size:o.ComponentSize.Large,originalPrice:"".concat(I).concat(t.decimalFormat(Number(Q)))},void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=autoshipV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime");require("react/jsx-runtime"),require("../../core/theme/Theme.js"),require("react"),require("../../types/enums.js"),require("../pricing/clubOffer/ClubOfferTag.js"),require("../pricing/discount/styled.js"),require("../pricing/styles.js");var r=require("../tooltip/Tooltip.js");require("../atoms/PriceLabel/PriceLabel.js"),require("../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../atoms/HorizontalDivider/HorizontalDivider.js");var o=require("../atoms/Icon/Icon.js");require("../atoms/Image/styled.js"),require("../atoms/PriceLabelV2/PriceLabelV2.js"),require("../atoms/Toggle/toggle.styled.js");var s=require("./ColorRadioGroup.js"),t=require("./SingleColorPicker.js"),l=require("./styles/ColorPickerwithTootip.styled.js");module.exports=function(n){var a,d=n.options,c=void 0===d?[]:d,u=n.selectedValue,m=n.label,v=n.onChange,p=n.inline,j=void 0!==p&&p,g=n.maxVisibleOptions,h=void 0===g?5:g,b=n.showCross,q=n.className,C=n.tooltipOptions,x=n.translatedLabels,_=c.slice(0,h),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime");require("react/jsx-runtime"),require("../../core/theme/Theme.js"),require("react"),require("../../types/enums.js"),require("../pricing/clubOffer/ClubOfferTag.js"),require("../pricing/discount/styled.js"),require("../pricing/styles.js");var r=require("../tooltip/Tooltip.js");require("../atoms/PriceLabel/PriceLabel.js"),require("../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../atoms/HorizontalDivider/HorizontalDivider.js");var o=require("../atoms/Icon/Icon.js");require("../atoms/Image/styled.js"),require("../atoms/PriceLabelV2/PriceLabelV2.js"),require("../atoms/Toggle/toggle.styled.js");var s=require("./ColorRadioGroup.js"),t=require("./SingleColorPicker.js"),l=require("./styles/ColorPickerwithTootip.styled.js");module.exports=function(n){var a,d=n.options,c=void 0===d?[]:d,u=n.selectedValue,m=n.label,v=n.onChange,p=n.inline,j=void 0!==p&&p,g=n.maxVisibleOptions,h=void 0===g?5:g,b=n.showCross,q=n.className,C=n.tooltipOptions,x=n.translatedLabels,_=n.colorRadioGroupProps,w=c.slice(0,h),y=c.slice(h),P=(null!=C?C:{}).showCloseIcon,f=(null==C?void 0:C.numeric)?null==y?void 0:y.length:0,L=u?null!==(a=null==x?void 0:x[u.label])&&void 0!==a?a:u.label:void 0;return i.jsxs(l.ColorPickerWrapper,e.__assign({},_,{className:q,value:u,onChange:v,css:{flexDirection:j?"row":"column",alignItems:j?"center":"start"}},{children:[i.jsx(s.Label,{label:m,values:L&&!j?L:void 0},void 0),i.jsxs(s.OptionsContainer,e.__assign({css:{marginTop:j?"0":"0.63rem",marginLeft:j?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:[t.renderOptions(w,b,void 0,x),!!y.length&&i.jsx("div",e.__assign({style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:i.jsx(r.Tooltip,e.__assign({showCloseIcon:P,position:1,elementContent:i.jsx(l.TooltipContent,e.__assign({className:"tooltip-content"},{children:t.renderOptions(y,b,void 0,x)}),void 0),withArrow:!0},{children:(null==C?void 0:C.numeric)?i.jsxs(l.NumericTooltip,e.__assign({"data-testid":"numeric-tooltip"},{children:["+",f]}),void 0):i.jsx("div",e.__assign({className:"arrow","data-testid":"tooltip-arrow"},{children:i.jsx(o.Icon,{name:"arrows/chevron_down",width:1,height:1},void 0)}),void 0)}),void 0)}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ColorPickerWithTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),a=require("@emotion/styled"),i=require("@headlessui/react"),r=require("../text/Text.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,s,
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),a=require("@emotion/styled"),i=require("@headlessui/react"),r=require("../text/Text.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,o,s,d,u,c=t(a),p=c.default(i.RadioGroup)(l||(l=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),m=c.default(i.RadioGroup.Label)(o||(o=e.__makeTemplateObject(["\n font-size: 0.88rem;\n"],["\n font-size: 0.88rem;\n"]))),f=c.default(i.RadioGroup.Option)(s||(s=e.__makeTemplateObject(["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"],["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"]))),x=c.default.span(d||(d=e.__makeTemplateObject(["\n font-weight: 600;\n"],["\n font-weight: 600;\n"]))),v=c.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"],["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"]))),g=Object.assign((function(a){var i=a.value,r=a.onChange,t=a.children,l=a.className,o=a.onClick,s=a.onKeyDown;return n.jsx(p,e.__assign({value:i,onChange:r,className:l,onClick:o,onKeyDown:s},{children:t}),void 0)}),{Label:function(a){var i=a.label,t=a.values;return n.jsx(m,{children:n.jsxs(r.Text,e.__assign({variant:"body",weight:"regular",size:"small",asSpan:!0},{children:[i," ",n.jsx(x,{children:t},void 0)]}),void 0)},void 0)},Option:function(a){var i=a.value,r=a.children,t=a.disabled,l=a["aria-label"];return n.jsx(f,e.__assign({value:i,disabled:t,"aria-label":l},{children:r}),void 0)},OptionsContainer:v});module.exports=g;
|
|
2
2
|
//# sourceMappingURL=ColorRadioGroup.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),r=require("./ColorRadioGroup.js"),t=require("./selector/ColorSelector.js"),l=require("./selector/OutOfStock.js"),n=require("./selector/PatternSelector.js"),i=function(i,s,a,c){return void 0===s&&(s=!1),0===(null==i?void 0:i.length)?o.jsx(l.OutOfStock,{title:"out of stock color"},void 0):null==i?void 0:i.map((function(l){var i;return o.jsx(r.Option,e.__assign({value:l,"aria-label":null!==(i=null==c?void 0:c[l.label])&&void 0!==i?i:l.label},{children:function(e){var r=e.checked;return l.meta.color?o.jsx(t.ColorSelector,{color:l.meta.color,selected:r,testId:"".concat(l.label.split(" ").join("-").toLowerCase(),"-selector"),noStock:l.noStock,showCross:s,dimension:a},void 0):l.meta.pattern?o.jsx(n.PatternSelector,{url:l.meta.pattern.url,selected:r,noStock:l.noStock,dimension:a},void 0):null}}),l.label)}))};exports.default=function(t){var l,n=t.options,s=t.selectedValue,a=t.label,c=t.onChange,u=t.inline,d=void 0!==u&&u,v=t.showCross,p=void 0!==v&&v,m=t.dimension,j=t.translatedLabels,b=t.colorRadioGroupProps,x=s?null!==(l=null==j?void 0:j[s.label])&&void 0!==l?l:s.label:void 0;return o.jsxs(r,e.__assign({},b,{value:s,onChange:c,css:{flexDirection:d?"row":"column",alignItems:d?"center":"start"}},{children:[o.jsx(r.Label,{label:a,values:x&&!d?x:void 0},void 0),o.jsx(r.OptionsContainer,e.__assign({css:{marginTop:d?"0":"0.5rem",marginLeft:d?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:i(n,p,m,j)}),void 0)]}),void 0)},exports.renderOptions=i;
|
|
2
2
|
//# sourceMappingURL=SingleColorPicker.js.map
|
package/package.json
CHANGED