@nuskin/react-loyalty-elements/dist/CircularProgressBar/index.mjs

A React based component library for reusable Nextgen Loyalty component

function n(n,e){if(e==null||e>n.length)e=n.length;for(var r=0,o=new Array(e);r<e;r++)o[r]=n[r];return o}function e(n){if(Array.isArray(n))return n}function r(n){if(n===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return n}function o(n,e,r){e=l(e);return d(n,y()?Reflect.construct(e,r||[],l(n).constructor):e.apply(n,r))}function t(n,e){if(!(n instanceof e)){throw new TypeError("Cannot call a class as a function")}}function i(n,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||false;o.configurable=true;if("value"in o)o.writable=true;Object.defineProperty(n,o.key,o)}}function a(n,e,r){if(e)i(n.prototype,e);if(r)i(n,r);return n}function l(n){l=Object.setPrototypeOf?Object.getPrototypeOf:function n(n){return n.__proto__||Object.getPrototypeOf(n)};return l(n)}function c(n,e){if(typeof e!=="function"&&e!==null){throw new TypeError("Super expression must either be null or a function")}n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:true,configurable:true}});if(e)p(n,e)}function u(n,e){var r=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(r==null)return;var o=[];var t=true;var i=false;var a,l;try{for(r=r.call(n);!(t=(a=r.next()).done);t=true){o.push(a.value);if(e&&o.length===e)break}}catch(n){i=true;l=n}finally{try{if(!t&&r["return"]!=null)r["return"]()}finally{if(i)throw l}}return o}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(n,e){if(e&&(h(e)==="object"||typeof e==="function")){return e}return r(n)}function p(n,e){p=Object.setPrototypeOf||function n(n,e){n.__proto__=e;return n};return p(n,e)}function m(n,r){return e(n)||u(n,r)||f(n,r)||s()}function v(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function h(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function f(e,r){if(!e)return;if(typeof e==="string")return n(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);if(o==="Object"&&e.constructor)o=e.constructor.name;if(o==="Map"||o==="Set")return Array.from(o);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return n(e,r)}function y(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(n){}return(y=function(){return!!n})()}function g(){var n=v(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    align-content: center;\n    background-color: #f5f5f5;\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    padding: 1.5rem;\n    margin-bottom: 20px;\n    height: 50%;\n    margin: auto;\n\n    @media (max-width: 950px) {\n        flex-direction: column;\n    }\n"]);g=function e(){return n};return n}function b(){var n=v(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    align-content: center;\n\n    .reward-logo {\n        width: 200px;\n        margin-bottom: 12px;\n    }\n\n    .reward-progress {\n        height: 150px;\n        width: 150px;\n    }\n    .progress-bar {\n        background-color: #e0e0e0;\n        height: 100%;\n    }\n\n    @media (max-width: 950px) {\n        flex-direction: column;\n\n        .info-container {\n            margin-left: 0px;\n            align-items: center;\n        }\n        .reward-progress-total-div {\n            margin-top: 10px;\n        }\n    }\n"]);b=function e(){return n};return n}function w(){var n=v(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin-left: 16px;\n\n    .info-item {\n        margin: 5px 0;\n        font-weight: 600;\n    }\n"]);w=function e(){return n};return n}function x(){var n=v(["\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n"]);x=function e(){return n};return n}function C(){var n=v(["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    color: black;\n\n    .center-value-progress-bar-price {\n        margin: 0;\n    }\n    .center-value-progress-bar-voucher {\n        margin: 0;\n        letter-spacing: 0.01em;\n    }\n"]);C=function e(){return n};return n}function _(){var n=v(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    .total-button {\n        display: flex;\n        align-items: center;\n        background-color: #e5edf6;\n        border-radius: 20px;\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 20px;\n    }\n    .reward-subtitle {\n        letter-spacing: 0;\n        display: flex;\n    }\n\n    @media (max-width: 950px) {\n        .reward-subtitle {\n            letter-spacing: 0;\n            display: flex;\n            text-align: center;\n        }\n        margin-top: 10px;\n    }\n"]);_=function e(){return n};return n}function M(){var n=v(["\n    display: flex;\n    align-items: center;\n    background-color: #e5edf6;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    padding: 1rem;\n    margin-bottom: 14px;\n\n    @media (max-width: 950px) {\n        margin-top: 14px;\n    }\n"]);M=function e(){return n};return n}function L(){var n=v(["\n    .info-icon {\n        margin-left: 6px !important;\n    }\n    .loyalty-icon {\n        height: 19px !important;\n        width: 19px !important;\n        margin-left: 6px !important;\n    }\n    .loyalty-warning-icon {\n        height: 19px !important;\n        width: 19px !important;\n        margin-right: 6px !important;\n    }\n    .outline-exclamation-icon {\n        height: 48px !important;\n        width: 48px !important;\n    }\n"]);L=function e(){return n};return n}function T(){var n=v(["\n    position: absolute;\n    height: 100%;\n"]);T=function e(){return n};return n}function A(){var n=v(["\n    background: #fff;\n    width: 6px;\n    height: 17%;\n"]);A=function e(){return n};return n}import{a as j,b as k,c as F,d as O}from"../chunk-B5UVKXR6.mjs";import{e as N,v as S}from"../chunk-YZGRTK3A.mjs";import{useState as B}from"react";import V from"react";import{CircularProgressbarWithChildren as R,buildStyles as E}from"react-circular-progressbar";var P=N(O()),Z=P.styled.div(g()),D=P.styled.div(b()),Q=P.styled.div(w()),W=P.styled.div(x()),I=P.styled.div(C()),z=P.styled.div(_()),H=P.styled.div(M()),Y=P.styled.span(L()),U=P.styled.div(T()),K=P.styled.div(A());import{jsx as X}from"react/jsx-runtime";function q(n){return X(U,{style:{transform:"rotate(".concat(n.turns,"turn)")},children:X(K,{})})}function G(n){var e=1/n.count;return Array(n.count).fill(null).map(function(n,r){return X(q,{turns:r*e+.5},r)})}var $=G;import{FaExclamationTriangle as J}from"react-icons/fa";import{jsx as nn,jsxs as ne}from"react/jsx-runtime";function nr(){return ne("svg",{width:"71",height:"42",viewBox:"0 0 71 42",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[nn("path",{d:"M5.32847 36.176C3.52571 36.176 2.06348 34.7138 2.06348 32.911L2.15695 28.3574L4.8277 28.4108L4.73422 32.9378C4.73422 33.2382 5.0013 33.5053 5.32847 33.5053H30.7606L34.0056 33.3584L34.1258 36.0291L30.8207 36.1827H5.32847V36.176Z",fill:"#405E50"}),nn("path",{d:"M68.3914 12.9147H65.7207V9.1156C65.7207 8.78843 65.4536 8.52136 65.1264 8.52136L36.3491 8.48129V5.81055L65.1264 5.85061C66.9225 5.85061 68.3914 7.31284 68.3914 9.1156V12.9147Z",fill:"#405E50"}),nn("path",{d:"M62.3222 41.6454C62.1152 41.6454 61.9082 41.6253 61.7012 41.5853L2.99822 30.2079C2.14358 30.041 1.40245 29.5536 0.915037 28.8325C0.427626 28.1114 0.24735 27.2434 0.414272 26.3821L4.94119 3.0197C5.10811 2.16506 5.59552 1.42393 6.31662 0.936522C7.03772 0.44911 7.90572 0.268835 8.76703 0.435756L67.47 11.8131C69.2394 12.1537 70.3945 13.8696 70.054 15.639L65.5271 39.0013C65.2199 40.5637 63.8512 41.6454 62.3222 41.6454ZM62.2087 38.968C62.5225 39.028 62.843 38.8211 62.9031 38.5006L67.43 15.1382C67.4901 14.8177 67.2831 14.5039 66.9626 14.4438L8.25291 3.05977C8.04593 3.0197 7.88569 3.09983 7.80556 3.15324C7.73212 3.20666 7.59858 3.32016 7.55184 3.53382L3.02493 26.8962C2.96484 27.2167 3.17182 27.5305 3.49231 27.5906L62.2087 38.968Z",fill:"#405E50"}),nn("path",{d:"M13.5344 22.0957C13.1405 22.0957 12.7398 22.0556 12.3392 21.9822C8.95406 21.3279 6.73066 18.0362 7.385 14.651C7.70549 13.0085 8.64025 11.593 10.029 10.6582C11.4178 9.72348 13.0804 9.38296 14.7229 9.70345C16.3654 10.0239 17.7809 10.9587 18.7156 12.3475C19.6504 13.7363 19.9909 15.3988 19.6704 17.0413C19.0895 20.0125 16.4655 22.0957 13.5344 22.0957ZM13.521 12.254C12.8133 12.254 12.1189 12.461 11.5247 12.8683C10.7301 13.4024 10.196 14.217 10.009 15.1584C9.6351 17.1014 10.9037 18.9843 12.8467 19.3582C14.7896 19.7321 16.6725 18.4635 17.0464 16.5205C17.2267 15.5791 17.0331 14.6243 16.4989 13.8298C15.9648 13.0352 15.1502 12.5011 14.2088 12.3141C13.9817 12.274 13.7481 12.254 13.521 12.254Z",fill:"#405E50"}),nn("path",{d:"M23.9338 15.4855L23.4255 18.1074L59.9361 25.1845L60.4443 22.5626L23.9338 15.4855Z",fill:"#405E50"}),nn("path",{d:"M22.8916 19.7002L22.3838 22.3223L58.8956 29.393L59.4034 26.771L22.8916 19.7002Z",fill:"#405E50"})]})}var no=nr;import{jsx as nt,jsxs as ni}from"react/jsx-runtime";function na(){return ni("svg",{width:"71",height:"42",viewBox:"0 0 71 42",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[nt("path",{d:"M5.32847 36.176C3.52571 36.176 2.06348 34.7138 2.06348 32.911L2.15695 28.3574L4.8277 28.4108L4.73422 32.9378C4.73422 33.2382 5.0013 33.5053 5.32847 33.5053H30.7606L34.0056 33.3584L34.1258 36.0291L30.8207 36.1827H5.32847V36.176Z",fill:"#B0B0B0"}),nt("path",{d:"M68.3914 12.9147H65.7207V9.1156C65.7207 8.78843 65.4536 8.52136 65.1264 8.52136L36.3491 8.48129V5.81055L65.1264 5.85061C66.9225 5.85061 68.3914 7.31284 68.3914 9.1156V12.9147Z",fill:"#B0B0B0"}),nt("path",{d:"M62.3222 41.6454C62.1152 41.6454 61.9082 41.6253 61.7012 41.5853L2.99822 30.2079C2.14358 30.041 1.40245 29.5536 0.915037 28.8325C0.427626 28.1114 0.24735 27.2434 0.414272 26.3821L4.94119 3.0197C5.10811 2.16506 5.59552 1.42393 6.31662 0.936522C7.03772 0.44911 7.90572 0.268835 8.76703 0.435756L67.47 11.8131C69.2394 12.1537 70.3945 13.8696 70.054 15.639L65.5271 39.0013C65.2199 40.5637 63.8512 41.6454 62.3222 41.6454ZM62.2087 38.968C62.5225 39.028 62.843 38.8211 62.9031 38.5006L67.43 15.1382C67.4901 14.8177 67.2831 14.5039 66.9626 14.4438L8.25291 3.05977C8.04593 3.0197 7.88569 3.09983 7.80556 3.15324C7.73212 3.20666 7.59858 3.32016 7.55184 3.53382L3.02493 26.8962C2.96484 27.2167 3.17182 27.5305 3.49231 27.5906L62.2087 38.968Z",fill:"#B0B0B0"}),nt("path",{d:"M13.5344 22.0957C13.1405 22.0957 12.7398 22.0556 12.3392 21.9822C8.95406 21.3279 6.73066 18.0362 7.385 14.651C7.70549 13.0085 8.64025 11.593 10.029 10.6582C11.4178 9.72348 13.0804 9.38296 14.7229 9.70345C16.3654 10.0239 17.7809 10.9587 18.7156 12.3475C19.6504 13.7363 19.9909 15.3988 19.6704 17.0413C19.0895 20.0125 16.4655 22.0957 13.5344 22.0957ZM13.521 12.254C12.8133 12.254 12.1189 12.461 11.5247 12.8683C10.7301 13.4024 10.196 14.217 10.009 15.1584C9.6351 17.1014 10.9037 18.9843 12.8467 19.3582C14.7896 19.7321 16.6725 18.4635 17.0464 16.5205C17.2267 15.5791 17.0331 14.6243 16.4989 13.8298C15.9648 13.0352 15.1502 12.5011 14.2088 12.3141C13.9817 12.274 13.7481 12.254 13.521 12.254Z",fill:"#B0B0B0"}),nt("path",{d:"M23.9338 15.4855L23.4255 18.1074L59.9361 25.1845L60.4443 22.5626L23.9338 15.4855Z",fill:"#B0B0B0"}),nt("path",{d:"M22.8916 19.7002L22.3838 22.3223L58.8956 29.393L59.4034 26.771L22.8916 19.7002Z",fill:"#B0B0B0"})]})}var nl=na;import nc from"react";var nu=function(n,e){return Object.keys(e).reduce(function(n,r){var o;var t=(o=e[r])!==null&&o!==void 0?o:"";return n.replace(new RegExp("%".concat(r,"%"),"g"),String(t))},n)};import{jsx as ns,jsxs as nd}from"react/jsx-runtime";var np=/*#__PURE__*/function(n){"use strict";c(e,n);function e(n){t(this,e);return o(this,e,[n])}a(e,[{key:"render",value:function n(){var n=this.props,e=n.value,r=n.voucherValue,o=n.maxMonths,t=n.handleOpenSubscriptionRewardPopup,i=n.notQualifyForRewardThisMonth,a=n.translationConfig,l=a===void 0?{voucherTargetAmount:"",monthsComplete:"",voucherEarned:"",learnMore:"",learn3xMore:"",callToAction:"",notQualify:"",approximateMonthly:"",approximateTotal:"",currentlyTrack:"",loyaltyLogoBlack:""}:a,c=n.learnMoreConfig,u=c===void 0?{tagLine:"",cardOneDescription:"",cardOneVoucherAmount:"",cardTwoDescription:"",cardTwoVoucherAmount:"",header:"",loyaltyLogoWhite:"",loyaltyBanner:"",learnMore:""}:c,s=n.currencyAbbreviate,d=s===void 0?!1:s,p=n.currencyFormat,m=p===void 0?function(){}:p,v="";r===50&&!i?v=l.learn3xMore:r===150||i?v=u.learnMore:r==null&&(v=l.learnMore);var h=nu(l.monthsComplete,{completed_months:e,total_months:o}),f=m(r||0,!0,d),y=l.voucherEarned.replace("%currency_symbol%%currency_amount%","".concat(f));return nd(Q,{children:[ns("img",{className:"reward-logo",src:l.loyaltyLogoBlack,alt:"Rewards Logo"}),e===o?ns("div",{className:"info-item",children:y}):ns("div",{className:"info-item",children:h}),ns(W,{id:"learnMore",onClick:t,children:ns("u",{children:v})})]})}}]);return e}(nc.Component),nm=np;import{NsTypography as nv}from"@nuskin/foundation-ui-components";import{jsx as nh,jsxs as nf}from"react/jsx-runtime";var ny=/*#__PURE__*/function(n){"use strict";c(e,n);function e(n){t(this,e);return o(this,e,[n])}a(e,[{key:"render",value:function n(){var n=this.props,e=n.value,r=e===void 0?0:e,o=n.voucherValue,t=o===void 0?0:o,i=n.maxMonths,a=i===void 0?0:i,l=n.handleOpenSubscriptionRewardPopup,c=l===void 0?function(){}:l,u=n.notQualifyForRewardThisMonth,s=u===void 0?!1:u,d=n.translationConfig,p=d===void 0?{voucherTargetAmount:"",monthsComplete:"",voucherEarned:"",learnMore:"",learn3xMore:"",callToAction:"",notQualify:"",approximateMonthly:"",approximateTotal:"",currentlyTrack:"",loyaltyLogoBlack:""}:d,m=n.learnMoreConfig,v=m===void 0?{tagLine:"",cardOneDescription:"",cardOneVoucherAmount:"",cardTwoDescription:"",cardTwoVoucherAmount:"",header:"",loyaltyLogoWhite:"",loyaltyBanner:"",learnMore:""}:m,h=n.currencyAbbreviate,f=h===void 0?!1:h,y=n.currencyFormat,g=y===void 0?function(){}:y,b=nu(p.voucherTargetAmount,{currency_symbol:"",voucher_amount:""}),w=g(t||0,!0,f);return nf(D,{children:[nh("div",{className:"reward-progress",children:nf(R,{value:r/a*100,strokeWidth:12,background:!0,styles:E({rotation:.5,strokeLinecap:"butt",backgroundColor:r===a&&!s?"rgb(195 240 194)":"#fff",pathColor:"#6BC56A",trailColor:"#E0E0E0"}),children:[nh($,{count:a}),r===a&&!s?nh(no,{}):s?nh(Y,{children:nh(J,{className:"outline-exclamation-icon",color:"#91ACC8"})}):t!=null||t!=null?nf(I,{children:[nh(nv,{component:"div",className:"center-value-progress-bar-price",variant:"title-l",weight:"bold",children:"".concat(w)}),nh(nv,{variant:"label-s",weight:"bold",component:"div",className:"center-value-progress-bar-voucher",children:b})]}):nh(I,{children:nh(nl,{})})]})}),nh(nm,{value:r,voucherValue:t,notQualifyForRewardThisMonth:s,handleOpenSubscriptionRewardPopup:c,maxMonths:a,translationConfig:p,learnMoreConfig:v,currencyAbbreviate:f,currencyFormat:g})]})}}]);return e}(V.Component),ng=ny;import nb from"react";import{FaExclamationTriangle as nw}from"react-icons/fa";import{NsTypography as nx}from"@nuskin/foundation-ui-components";import{jsx as nC,jsxs as n_}from"react/jsx-runtime";function nM(){return n_("svg",{width:"19",height:"19",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[nC("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.833344 9.99967C0.833344 4.93706 4.9374 0.833008 10 0.833008C15.0626 0.833008 19.1667 4.93706 19.1667 9.99967C19.1667 15.0623 15.0626 19.1663 10 19.1663C4.9374 19.1663 0.833344 15.0623 0.833344 9.99967ZM10 2.49967C5.85787 2.49967 2.50001 5.85754 2.50001 9.99967C2.50001 14.1418 5.85787 17.4997 10 17.4997C14.1421 17.4997 17.5 14.1418 17.5 9.99967C17.5 5.85754 14.1421 2.49967 10 2.49967Z",fill:"#4A6987"}),nC("line",{x1:"10.1667",y1:"9.375",x2:"10.1667",y2:"14.7917",stroke:"#4A6987",strokeWidth:"2"}),nC("path",{d:"M10.0052 7.75009C10.6338 7.75009 11.1718 7.22807 11.1771 6.57821C11.1718 5.93901 10.6338 5.41699 10.0052 5.41699C9.35537 5.41699 8.82803 5.93901 8.83335 6.57821C8.82803 7.22807 9.35537 7.75009 10.0052 7.75009Z",fill:"#4A6987"})]})}var nL=nM;F();import{Fragment as nT,jsx as nA,jsxs as nj}from"react/jsx-runtime";var nk=/*#__PURE__*/function(n){"use strict";c(e,n);function e(n){t(this,e);return o(this,e,[n])}a(e,[{key:"render",value:function n(){var n,e;var r=this.props,o=r.value,t=r.voucherValue,i=r.maxMonths,a=r.notQualifyForRewardThisMonth,l=r.amountShow,c=r.translationConfig,u=c===void 0?{voucherTargetAmount:"",monthsComplete:"",voucherEarned:"",learnMore:"",learn3xMore:"",callToAction:"",notQualify:"",approximateMonthly:"",approximateTotal:"",currentlyTrack:"",loyaltyLogoBlack:"",estimateDisclaimer:""}:c,s=r.storeConfig,d=s===void 0?{tiers:[{consecutive_months:0,min_spend:0,max_spend:0,promo_code:""},{consecutive_months:0,min_spend:0,promo_code:""}]}:s,p=r.currencyAbbreviate,m=p===void 0?!1:p,v=r.currencyFormat,h=v===void 0?function(){}:v,f=h(t||0,!0,m),y=u.currentlyTrack.replace("%currency_symbol%%currency_amount%","".concat(f)),g=nu(u.approximateTotal,{currency_symbol:"",projected_month_spend:""}),b=parseFloat(String(d===null||d===void 0?void 0:(e=d.tiers)===null||e===void 0?void 0:(n=e[0])===null||n===void 0?void 0:n.min_spend))||0,w=h(b,!0,m),x=u.callToAction.replace("%currency_symbol%%current_spend_target%","".concat(w)),C=nu(u.approximateMonthly,{currency_symbol:"",estimated_running_subscription_spend:""}),_=h(l!==null&&l!==void 0?l:0,!1,!1);return nj(z,{children:[nA(H,{children:a?nj(nT,{children:[nA(Y,{children:nA(nw,{className:"loyalty-warning-icon",color:"#4A6987"})}),nA(nx,{variant:"body-s",weight:"normal",className:"reward-subtitle",colorOverride:"#293A4A",noSpacing:!0,children:u.notQualify})]}):nj(nT,{children:[nA(nx,{variant:"body-s",weight:"normal",colorOverride:"#252525",className:"reward-subtitle",component:"span",noSpacing:!0,children:C}),"\xa0",nA(nx,{weight:"bold",className:"button-price",variant:"body-s",component:"span",children:"".concat(_)}),nA(Y,{children:nA(k,{slotProps:{tooltip:{sx:{color:"#FFFFFF",backgroundColor:"#252525",fontFamily:"Inter",fontWeight:400,fontSize:"14px",lineHeight:"20px","& .MuiTooltip-arrow":{color:"#252525"}}}},title:u.estimateDisclaimer,arrow:!0,placement:"top",children:nA("span",{className:"info-icon",children:nA(j,{children:nA(nL,{})})})})})]})}),o===i?"":a?nj(nx,{variant:"body-s",weight:"normal",className:"reward-subtitle",colorOverride:"#252525",component:"div",children:[g,"\xa0",nA(nx,{component:"span",className:"button-price",variant:"body-s",weight:"bold",children:"".concat(_)})]}):t!=null||t!=null?nA(nx,{variant:"body-s",weight:"bold",className:"reward-subtitle",colorOverride:"#252525",children:y}):nA(nx,{variant:"body-s",weight:"bold",className:"reward-subtitle",colorOverride:"#252525",children:x})]})}}]);return e}(nb.Component),nF=nk;import{useState as nO}from"react";import{FaExclamationTriangle as nN}from"react-icons/fa";import{NsTypography as nS}from"@nuskin/foundation-ui-components";import{CircularProgressbarWithChildren as nB,buildStyles as nV}from"react-circular-progressbar";F();import{Fragment as nR,jsx as nE,jsxs as nP}from"react/jsx-runtime";var nZ=function(n){var e,r;var o=m(nO(!1),2),t=o[0],i=o[1],a=function(){i(!t)},l=n.handleOpenSubscriptionRewardPopup,c=l===void 0?function(){}:l,u=n.notQualifyForRewardThisMonth,s=u===void 0?!1:u,d=n.value,p=d===void 0?0:d,v=n.voucherValue,h=v===void 0?0:v,f=n.amountShow,y=n.maxMonths,g=y===void 0?0:y,b=n.translationConfig,w=b===void 0?{voucherTargetAmount:"",monthsComplete:"",voucherEarned:"",learnMore:"",learn3xMore:"",callToAction:"",notQualify:"",approximateMonthly:"",approximateTotal:"",currentlyTrack:"",loyaltyLogoBlack:"",estimateDisclaimer:""}:b,x=n.learnMoreConfig,C=x===void 0?{tagLine:"",cardOneDescription:"",cardOneVoucherAmount:"",cardTwoDescription:"",cardTwoVoucherAmount:"",header:"",loyaltyLogoWhite:"",loyaltyBanner:"",learnMore:""}:x,_=n.storeConfig,M=_===void 0?{tiers:[{consecutive_months:"",min_spend:"",max_spend:"",promo_code:""},{consecutive_months:"",min_spend:"",promo_code:""}]}:_,L=n.currencyAbbreviate,T=L===void 0?!1:L,A=n.currencyFormat,F=A===void 0?function(){}:A,O="";h===50&&!s?O=w.learn3xMore:h===150||s?O=C.learnMore:h==null&&(O=w.learnMore);var N=nu(w.monthsComplete,{completed_months:p,total_months:g}),S=F(h||0,!0,T),B=w.voucherEarned.replace("%currency_symbol%%currency_amount%","".concat(S)),V=w.currentlyTrack.replace("%currency_symbol%%currency_amount%","".concat(S)),R=nu(w.approximateTotal,{currency_symbol:"",projected_month_spend:""}),E=parseFloat(String(M===null||M===void 0?void 0:(r=M.tiers)===null||r===void 0?void 0:(e=r[0])===null||e===void 0?void 0:e.min_spend))||0,P=F(E,!0,T),Z=w.callToAction.replace("%currency_symbol%%current_spend_target%","".concat(P)),U=nu(w.approximateMonthly,{currency_symbol:"",estimated_running_subscription_spend:""}),K=nu(w.voucherTargetAmount,{currency_symbol:"",voucher_amount:""}),X=F(f!==null&&f!==void 0?f:0,!1,!1);return nP(D,{children:[nE(Q,{children:nE("img",{className:"reward-logo",src:w.loyaltyLogoBlack,alt:"Rewards Logo"})}),nE("div",{className:"reward-progress",children:nP(nB,{value:p/g*100,strokeWidth:12,background:!0,styles:nV({rotation:.5,strokeLinecap:"butt",backgroundColor:p===g&&!s?"rgb(195 240 194)":"#fff",pathColor:"#6BC56A",trailColor:"#E0E0E0"}),children:[nE($,{count:g}),p===g&&!s?nE(no,{}):s?nE(Y,{children:nE(nN,{className:"outline-exclamation-icon",color:"#91ACC8"})}):h!=null||h!=null?nP(I,{children:[nE(nS,{component:"div",className:"center-value-progress-bar-price",variant:"title-l",weight:"bold",children:"".concat(S)}),nE(nS,{variant:"label-s",weight:"bold",component:"div",className:"center-value-progress-bar-voucher",children:K})]}):nE(I,{children:nE(nl,{})})]})}),nE(Q,{children:p===g&&f!==void 0&&f>E?nE("div",{className:"info-item",children:B}):nE("div",{className:"info-item",children:N})}),nP(z,{children:[p===g?"":s?nP(nS,{variant:"body-s",weight:"normal",className:"reward-subtitle",colorOverride:"#252525",component:"div",children:[R," ",nE(nS,{component:"span",className:"button-price",variant:"body-s",weight:"bold",children:"".concat(X)})]}):h!=null||h!=null?nE(nS,{variant:"body-s",weight:"bold",className:"reward-subtitle",colorOverride:"#252525",children:V}):nE(nS,{variant:"body-s",weight:"bold",className:"reward-subtitle",colorOverride:"#252525",children:Z}),nE(H,{children:s?nP(nR,{children:[nE(Y,{children:nE(nN,{className:"loyalty-warning-icon",color:"#4A6987"})}),nE(nS,{variant:"body-s",weight:"normal",className:"reward-subtitle",colorOverride:"#293A4A",noSpacing:!0,children:w.notQualify})]}):nP(nR,{children:[nP(nS,{variant:"body-s",weight:"normal",colorOverride:"#252525",className:"reward-subtitle",component:"span",noSpacing:!0,children:[U," "]}),"\xa0",nE(nS,{weight:"bold",className:"button-price",variant:"body-s",component:"span",children:"".concat(X)}),nE(Y,{children:nE(k,{slotProps:{tooltip:{sx:{color:"#FFFFFF",backgroundColor:"#252525",fontFamily:"Inter",fontWeight:400,fontSize:"14px",lineHeight:"20px","& .MuiTooltip-arrow":{color:"#252525"}}}},title:w.estimateDisclaimer,arrow:!0,placement:"top",open:t,onClose:function(){return i(!1)},children:nE("span",{className:"info-icon",children:nE(j,{onClick:a,children:nE(nL,{})})})})})]})})]}),nE(Q,{children:nE(W,{onClick:c,children:nE("u",{children:O})})})]})},nD=nZ;var nQ=(typeof window==="undefined"?"undefined":h(window))=="object",nW=/*#__PURE__*/function(){"use strict";function n(){t(this,n);this.width=nQ?window.innerWidth:0;this.scroll={vertical:nQ?window.scrollY:0,horizontal:nQ?window.scrollX:0,direction:"none"}}a(n,[{key:"isMobile",get:function n(){return this.isPhone}},{key:"isPhone",get:function n(){return nQ?window.innerWidth<768:this.width<768}}]);return n}(),nI=new nW;var nz=function(n,e,r,o,t,i,a,l,c){if(n){var u,s,d;var p,m;var v=n===null||n===void 0?void 0:(u=n.csmMonthlySubsOrderTotal)===null||u===void 0?void 0:u.sort(function(n,e){return n.year===e.year?e.month-n.month:e.year-n.year}),h=v===null||v===void 0?void 0:v.some(function(n){return n.month===c.getMonth()+1&&n.year===c.getFullYear()}),f=v===null||v===void 0?void 0:v.filter(function(n){return n.month===c.getMonth()+1&&n.year===c.getFullYear()}),y=(p=f===null||f===void 0?void 0:(s=f.map(function(n){return n.totalAmount}))===null||s===void 0?void 0:s[0])!==null&&p!==void 0?p:0,g=parseInt((m=n===null||n===void 0?void 0:(d=n.approximateMonthlyTotalResponse)===null||d===void 0?void 0:d.currentMonthTotal)!==null&&m!==void 0?m:"0"),b=0;g>r?b=r:b=e;var w=f===null||f===void 0?void 0:f.some(function(n){return n.totalAmount>=b}),x=h&&w?new Date(c.getFullYear(),c.getMonth()-(l-1),1):new Date(c.getFullYear(),c.getMonth()-l,1),C=v===null||v===void 0?void 0:v.filter(function(n){return new Date(n.year,n.month-1)>=x});C=C===null||C===void 0?void 0:C.filter(function(n){return n.promocode===null||n.promocode===void 0||n.promocode===""}),w||(C=C===null||C===void 0?void 0:C.filter(function(n){return!(n.month===c.getMonth()+1&&n.year===c.getFullYear())}));var _=C===null||C===void 0?void 0:C.slice(0,l),M=_===null||_===void 0?void 0:_.every(function(n){return n.totalAmount>=r}),L=_===null||_===void 0?void 0:_.map(function(n){return n===null||n===void 0?void 0:n.promocode}),T=!(L===null||L===void 0?void 0:L.some(function(n){return n===void 0}))?!1:L===null||L===void 0?void 0:L.every(function(n){return n===L[0]}),A=w?c.getMonth():c.getMonth()-1,j=2;if(_!=null&&L!=null)for(var k=0;k<(_===null||_===void 0?void 0:_.length);k++){var F,O,N;var S=(F=_[k])===null||F===void 0?void 0:F.totalAmount,B=c.getFullYear();if(((O=_[k])===null||O===void 0?void 0:O.month)&&((N=_[k])===null||N===void 0?void 0:N.month)!==new Date(B,A-k).getMonth()+1)return{monthCompletionValue:a,voucherValue:i};if(T&&(L[k]!==void 0||L[k]!==""||L[k]!==null))return{monthCompletionValue:0,voucherValue:i};if(S>=e&&(!L[k]||L[k]===void 0||L[k]===""||L[k]===null))a=a+1,M||j===2&&S>=r?i=t:(i=o,j=1);else if(S<e)return{monthCompletionValue:a,voucherValue:i}}(!h||!w)&&i!==o&&(g>=r?i=t:i=o),!w&&i===o&&a<l&&y>=e&&(a=a+1)}return{monthCompletionValue:a,voucherValue:i}};import{Fragment as nH,jsx as nY,jsxs as nU}from"react/jsx-runtime";var nK=function(n){var e,r,o,t,i,a,l,c,u;var s,d,p;var v=n.title,h=n.subscriptionData,f=n.translationConfig,y=n.learnMoreConfig,g=n.storeConfig,b=n.currencyFormat,w=2,x=(s=g===null||g===void 0?void 0:(r=g.tiers)===null||r===void 0?void 0:(e=r[0])===null||e===void 0?void 0:e.max_spend)!==null&&s!==void 0?s:0,C=(d=g===null||g===void 0?void 0:(t=g.tiers)===null||t===void 0?void 0:(o=t[0])===null||o===void 0?void 0:o.min_spend)!==null&&d!==void 0?d:0,_=(p=g===null||g===void 0?void 0:(a=g.tiers)===null||a===void 0?void 0:(i=a[0])===null||i===void 0?void 0:i.consecutive_months)!==null&&p!==void 0?p:0,M=m(B(!1),2),L=M[0],T=M[1],A=function(){return T(!0)},j=function(){return T(!1)},k=h,F=0,O=0,N=0;g===null||g===void 0?void 0:(l=g.tiers)===null||l===void 0?void 0:l.map(function(n){n.min_spend<C&&(C=n.min_spend),"max_spend"in n&&n.max_spend>x&&(x=n.max_spend)}),g===null||g===void 0?void 0:(c=g.tiers)===null||c===void 0?void 0:c.map(function(n){if(n.min_spend===C){var e,r;var o=n.promo_code;o=o===null||o===void 0?void 0:(r=o.split("-"))===null||r===void 0?void 0:(e=r[0])===null||e===void 0?void 0:e.replace("NSR",""),F=parseInt(o)}if(n.min_spend===x){var t,i;var a=n.promo_code;a=a===null||a===void 0?void 0:(i=a.split("-"))===null||i===void 0?void 0:(t=i[0])===null||t===void 0?void 0:t.replace("NSR",""),O=parseInt(a)}});var V;var R=0,E=parseInt((V=k===null||k===void 0?void 0:(u=k.approximateMonthlyTotalResponse)===null||u===void 0?void 0:u.currentMonthTotal)!==null&&V!==void 0?V:"0");E<C||E<x?R=F:E>x?R=O:R=0;var P=E<C&&R!==0&&w!==_,D=nz(k,C,x,F,O,R,N,_,new Date),Q=D.monthCompletionValue,W=D.voucherValue;return w=Q,R=W,nU(Z,{children:[nI.isMobile?nY(nD,{value:w,title:v,voucherValue:R,maxMonths:_,handleOpenSubscriptionRewardPopup:A,storeConfig:g,amountShow:E,notQualifyForRewardThisMonth:P,translationConfig:f,learnMoreConfig:y,currencyAbbreviate:g===null||g===void 0?void 0:g.currencyAbbreviate,currencyFormat:b}):nU(nH,{children:[nY(ng,{value:w,title:v,notQualifyForRewardThisMonth:P,monthCompletionValue:N,storeConfig:g,maxMonths:_,voucherValue:R,handleOpenSubscriptionRewardPopup:A,translationConfig:f,learnMoreConfig:y,currencyAbbreviate:g===null||g===void 0?void 0:g.currencyAbbreviate,currencyFormat:b}),nY(nF,{notQualifyForRewardThisMonth:P,value:w,voucherValue:R,maxMonths:_,title:v,monthCompletionValue:N,storeConfig:g,translationConfig:f,learnMoreConfig:y,handleOpenSubscriptionRewardPopup:A,amountShow:E,currencyAbbreviate:g===null||g===void 0?void 0:g.currencyAbbreviate,currencyFormat:b})]}),nY(S,{show:L,close:j,amountShow:E,learnMoreConfig:y,translationConfig:f})]})},nX=nK;export{nX as SubscriptionReward};//# sourceMappingURL=index.mjs.map