@trafilea/afrodita-components 7.11.0 → 7.11.1
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 n,__spreadArray as r,__assign as o}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"@emotion/styled";import d from"html-react-parser";import{useTheme as a}from"../../core/theme/Theme.js";var l,c
|
|
1
|
+
import{__makeTemplateObject as n,__spreadArray as r,__assign as o}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"@emotion/styled";import d from"html-react-parser";import{useTheme as a}from"../../core/theme/Theme.js";var l,u,c=i.div(l||(l=n(["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: ",";\n background-color: ",";\n width: ",";\n border-radius: ",";\n left: ",";\n animation: ",";\n"],["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: ",";\n background-color: ",";\n width: ",";\n border-radius: ",";\n left: ",";\n animation: ",";\n"])),(function(n){return n.height||"0.5rem"}),(function(n){return n.backgroundColor}),(function(n){var r=n.percent;return r?v(r):"50%"}),(function(n){return n.borderRadius||"0.25rem"}),(function(n){return n.percent?"0":"-50%"}),(function(n){return n.percent?"none":"loading 1s ease-in 0.5s infinite"})),s=i.div((function(n){var r=n.backgroundColor;return{height:n.height||"0.5rem",width:"100%",backgroundColor:r,borderRadius:n.borderRadius||"0.25rem"}})),h=i.div({display:"grid",gridTemplateColumns:"1fr 10fr 1fr",justifyContent:"center",alignItems:"center",width:"416px",gap:"8px",maxWidth:"100%",padding:"0 16px",position:"relative"}),g=i.div((function(n){return{width:"475px",maxWidth:"100%",display:"flex",gap:"13px",padding:"16px 0",flexDirection:"column",alignItems:"center",background:n.backgroundColor}})),f=i.div(u||(u=n(["\n padding: 0 1rem;\n text-align: center;\n"],["\n padding: 0 1rem;\n text-align: center;\n"]))),v=function(n){return n<=100&&n>=0?"".concat(n,"%"):"0%"},m=i.div((function(n){return{fontWeight:n.isBold?600:400}})),p=i.div((function(n){var r=n.position,o=n.backgroundColor;return{position:"absolute",left:"calc(".concat(r,"% - 25.5px)"),top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",justifyContent:"center",width:"27px",height:"27px",borderRadius:"50%",backgroundColor:o||"#FFFFFF",border:"2px solid #FFFFFF",boxShadow:"0 0 0 1px ".concat(o),zIndex:2,overflow:"hidden",flexShrink:0,"& > *":{maxWidth:"100%",maxHeight:"100%",flexShrink:0}}})),b=i.div({position:"relative",width:"100%",overflow:"visible"}),x=function(n,r){var o=n/r;return o>1?100:100*o},C=function(n){var i,l,u=n.fillColor,v=void 0===u?"#F7A08B":u,C=n.backgroundColor,k=void 0===C?"#F7F7F7":C,F=n.unfilledColor,B=void 0===F?"#EEBFBD":F,y=n.currencyCode,w=void 0===y?"$":y,M=n.endingValue,S=void 0===M?70:M,A=n.currentAmount,I=void 0===A?0:A,P=n.rewardUnlockedMessage,D=n.isClubBarMotivatorTest,T=void 0!==D&&D,j=n.remainingAmountMessage,R=n.hasProgressBar,W=void 0===R||R,X=n.thresholds,E=a(),H=X&&X.length>0?function(n){return r([],n,!0).sort((function(n,r){return n.threshold-r.threshold}))}(X):void 0,_=function(n,r){if(r&&0!==r.length){var o=r.find((function(r){return n<r.threshold}));return null==o?void 0:o.threshold}}(I,H),z=function(n,r){if(r&&0!==r.length)for(var o=r.length-1;o>=0;o--)if(n>=r[o].threshold)return r[o]}(I,H),L=H?H[H.length-1].threshold:S,U=null!==(i=null!=_?_:L)&&void 0!==i?i:S,V=null===(l=null==H?void 0:H[0])||void 0===l?void 0:l.threshold,Y=void 0!==V&&I>=V,$=I>=U,q=x(I,U);return t(g,o({backgroundColor:k},{children:[W&&t(h,o({"data-testid":"MPBContainer"},{children:[t(m,{children:[w,I]},void 0),t(b,{children:[e(s,o({backgroundColor:B||E.colors.shades[100].color,"data-testid":"MPBBackground"},{children:e(c,{"data-testid":"MPBBar",backgroundColor:v,percent:q},void 0)}),void 0),Y&&(null==H?void 0:H.map((function(n,r){var t=x(n.threshold,L),i=function(n,r,o){return r>=n.threshold?n.iconBackgroundColor||o:"#D1D1D1"}(n,I,v);return e(p,o({position:t,backgroundColor:i,"data-testid":"MPBThresholdIcon-".concat(r)},{children:n.icon}),"threshold-".concat(r,"-").concat(n.threshold))})))]},void 0),t(m,o({isBold:!0},{children:[w,U]}),void 0)]}),void 0),$?e(f,{dangerouslySetInnerHTML:{__html:P}},void 0):function(){var n,r,o=H&&void 0!==_?_:S,i=Math.round(100*(o-I))/100;if(T)return t(f,{children:["Spend ",w,i," more to unlock ",e("strong",{children:"Free Priority Shipping"},void 0)," with Club!"]},void 0);var a=null!==(r=null!==(n=null==z?void 0:z.remainingAmountMessage)&&void 0!==n?n:j)&&void 0!==r?r:"Spend currencyCoderemainingAmount more to get <strong>Free Shipping</strong>";return a=(a=a.replace("currencyCode",w)).replace("remainingAmount",i.toString()),e(f,{children:d(a)},void 0)}()]}),void 0)};export{C as MotivatorProgressBar};
|
|
2
2
|
//# sourceMappingURL=MotivatorProgressBar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),r=require("react/jsx-runtime"),e=require("@emotion/styled"),t=require("html-react-parser"),o=require("../../core/theme/Theme.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,a,l=i(e),s=i(t),u=l.default.div(d||(d=n.__makeTemplateObject(["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: ",";\n background-color: ",";\n width: ",";\n border-radius: ",";\n left: ",";\n animation: ",";\n"],["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: ",";\n background-color: ",";\n width: ",";\n border-radius: ",";\n left: ",";\n animation: ",";\n"])),(function(n){return n.height||"0.5rem"}),(function(n){return n.backgroundColor}),(function(n){var r=n.percent;return r?v(r):"50%"}),(function(n){return n.borderRadius||"0.25rem"}),(function(n){return n.percent?"0":"-50%"}),(function(n){return n.percent?"none":"loading 1s ease-in 0.5s infinite"})),c=l.default.div((function(n){var r=n.backgroundColor;return{height:n.height||"0.5rem",width:"100%",backgroundColor:r,borderRadius:n.borderRadius||"0.25rem"}})),h=l.default.div({display:"grid",gridTemplateColumns:"1fr 10fr 1fr",justifyContent:"center",alignItems:"center",width:"416px",gap:"8px",maxWidth:"100%",padding:"0 16px",position:"relative"}),g=l.default.div((function(n){return{width:"475px",maxWidth:"100%",display:"flex",gap:"13px",padding:"16px 0",flexDirection:"column",alignItems:"center",background:n.backgroundColor}})),f=l.default.div(a||(a=n.__makeTemplateObject(["\n padding: 0 1rem;\n text-align: center;\n"],["\n padding: 0 1rem;\n text-align: center;\n"]))),v=function(n){return n<=100&&n>=0?"".concat(n,"%"):"0%"},m=l.default.div((function(n){return{fontWeight:n.isBold?600:400}})),p=l.default.div((function(n){var r=n.position,e=n.backgroundColor;return{position:"absolute",left:"calc(".concat(r,"% - 25.5px)"),top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",justifyContent:"center",width:"27px",height:"27px",borderRadius:"50%",backgroundColor:e||"#FFFFFF",border:"2px solid #FFFFFF",boxShadow:"0 0 0 1px ".concat(e),zIndex:2,overflow:"hidden",flexShrink:0,"& > *":{maxWidth:"100%",maxHeight:"100%",flexShrink:0}}})),x=l.default.div({position:"relative",width:"100%",overflow:"visible"}),b=function(n,r){var e=n/r;return e>1?100:100*e};exports.MotivatorProgressBar=function(e){var t,i=e.fillColor,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),r=require("react/jsx-runtime"),e=require("@emotion/styled"),t=require("html-react-parser"),o=require("../../core/theme/Theme.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,a,l=i(e),s=i(t),u=l.default.div(d||(d=n.__makeTemplateObject(["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: ",";\n background-color: ",";\n width: ",";\n border-radius: ",";\n left: ",";\n animation: ",";\n"],["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: ",";\n background-color: ",";\n width: ",";\n border-radius: ",";\n left: ",";\n animation: ",";\n"])),(function(n){return n.height||"0.5rem"}),(function(n){return n.backgroundColor}),(function(n){var r=n.percent;return r?v(r):"50%"}),(function(n){return n.borderRadius||"0.25rem"}),(function(n){return n.percent?"0":"-50%"}),(function(n){return n.percent?"none":"loading 1s ease-in 0.5s infinite"})),c=l.default.div((function(n){var r=n.backgroundColor;return{height:n.height||"0.5rem",width:"100%",backgroundColor:r,borderRadius:n.borderRadius||"0.25rem"}})),h=l.default.div({display:"grid",gridTemplateColumns:"1fr 10fr 1fr",justifyContent:"center",alignItems:"center",width:"416px",gap:"8px",maxWidth:"100%",padding:"0 16px",position:"relative"}),g=l.default.div((function(n){return{width:"475px",maxWidth:"100%",display:"flex",gap:"13px",padding:"16px 0",flexDirection:"column",alignItems:"center",background:n.backgroundColor}})),f=l.default.div(a||(a=n.__makeTemplateObject(["\n padding: 0 1rem;\n text-align: center;\n"],["\n padding: 0 1rem;\n text-align: center;\n"]))),v=function(n){return n<=100&&n>=0?"".concat(n,"%"):"0%"},m=l.default.div((function(n){return{fontWeight:n.isBold?600:400}})),p=l.default.div((function(n){var r=n.position,e=n.backgroundColor;return{position:"absolute",left:"calc(".concat(r,"% - 25.5px)"),top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",justifyContent:"center",width:"27px",height:"27px",borderRadius:"50%",backgroundColor:e||"#FFFFFF",border:"2px solid #FFFFFF",boxShadow:"0 0 0 1px ".concat(e),zIndex:2,overflow:"hidden",flexShrink:0,"& > *":{maxWidth:"100%",maxHeight:"100%",flexShrink:0}}})),x=l.default.div({position:"relative",width:"100%",overflow:"visible"}),b=function(n,r){var e=n/r;return e>1?100:100*e};exports.MotivatorProgressBar=function(e){var t,i,d=e.fillColor,a=void 0===d?"#F7A08B":d,l=e.backgroundColor,v=void 0===l?"#F7F7F7":l,k=e.unfilledColor,C=void 0===k?"#EEBFBD":k,j=e.currencyCode,_=void 0===j?"$":j,F=e.endingValue,y=void 0===F?70:F,B=e.currentAmount,w=void 0===B?0:B,M=e.rewardUnlockedMessage,S=e.isClubBarMotivatorTest,P=void 0!==S&&S,T=e.remainingAmountMessage,A=e.hasProgressBar,I=void 0===A||A,q=e.thresholds,D=o.useTheme(),R=q&&q.length>0?function(r){return n.__spreadArray([],r,!0).sort((function(n,r){return n.threshold-r.threshold}))}(q):void 0,W=function(n,r){if(r&&0!==r.length){var e=r.find((function(r){return n<r.threshold}));return null==e?void 0:e.threshold}}(w,R),X=function(n,r){if(r&&0!==r.length)for(var e=r.length-1;e>=0;e--)if(n>=r[e].threshold)return r[e]}(w,R),O=R?R[R.length-1].threshold:y,E=null!==(t=null!=W?W:O)&&void 0!==t?t:y,H=null===(i=null==R?void 0:R[0])||void 0===i?void 0:i.threshold,z=void 0!==H&&w>=H,L=w>=E,U=b(w,E);return r.jsxs(g,n.__assign({backgroundColor:v},{children:[I&&r.jsxs(h,n.__assign({"data-testid":"MPBContainer"},{children:[r.jsxs(m,{children:[_,w]},void 0),r.jsxs(x,{children:[r.jsx(c,n.__assign({backgroundColor:C||D.colors.shades[100].color,"data-testid":"MPBBackground"},{children:r.jsx(u,{"data-testid":"MPBBar",backgroundColor:a,percent:U},void 0)}),void 0),z&&(null==R?void 0:R.map((function(e,t){var o=b(e.threshold,O),i=function(n,r,e){return r>=n.threshold?n.iconBackgroundColor||e:"#D1D1D1"}(e,w,a);return r.jsx(p,n.__assign({position:o,backgroundColor:i,"data-testid":"MPBThresholdIcon-".concat(t)},{children:e.icon}),"threshold-".concat(t,"-").concat(e.threshold))})))]},void 0),r.jsxs(m,n.__assign({isBold:!0},{children:[_,E]}),void 0)]}),void 0),L?r.jsx(f,{dangerouslySetInnerHTML:{__html:M}},void 0):function(){var n,e,t=R&&void 0!==W?W:y,o=Math.round(100*(t-w))/100;if(P)return r.jsxs(f,{children:["Spend ",_,o," more to unlock ",r.jsx("strong",{children:"Free Priority Shipping"},void 0)," with Club!"]},void 0);var i=null!==(e=null!==(n=null==X?void 0:X.remainingAmountMessage)&&void 0!==n?n:T)&&void 0!==e?e:"Spend currencyCoderemainingAmount more to get <strong>Free Shipping</strong>";return i=(i=i.replace("currencyCode",_)).replace("remainingAmount",o.toString()),r.jsx(f,{children:s.default(i)},void 0)}()]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=MotivatorProgressBar.js.map
|
package/package.json
CHANGED