CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="en-US"> <head> <title>Checkout</title> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <link rel="dns-prefetch" href="//s.aolcdn.com" name="aolcdn" /> <link rel="dns-prefetch" href="//www.paypalobjects.com" name="paypalcdn" /> <link rel="dns-prefetch" href="//d1sjyfqescdy46.cloudfront.net" name="cloudfrontcdn" /> <link rel="dns-prefetch" href="//s.yimg.com" name="yimg" /> <link rel="dns-prefetch" href="//jsl.obi.aol.com" name="obi" />  <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" href=" https://s.yimg.com/rz/l/favicon.ico" rel="icon" type="image/png" /> <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" rel="stylesheet" type="text/css" href="https://s.aolcdn.com/membership/omp-static/fonts/opensans/openSansFont.css" />  <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" rel="stylesheet" href="https://s.yimg.com/cv/ae/sports/fonts/2017/yahoosans2.css"> <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" rel="stylesheet" href="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/checkout/css/checkout_base.css" /> <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" href="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/css/jquery.qtip-2.2.0.min.css" rel="stylesheet" />  <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" rel="stylesheet" href="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/checkout/css/themes/hawkeye.css" />  <link nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" rel="stylesheet" href="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/checkout/css/themes/namespace/yahoo.css" />  <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/js/foundation-5.2.2.min.modernizr.js" type="text/javascript"></script>  <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/js/v1/dist/lt-9.js" type="text/javascript"></script>   <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/js/v1/dist/gt-9.js" type="text/javascript"></script>   <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/js/jquery.placeholder.min.js" type="text/javascript"></script>   <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript"> var ompClient={"domains":["checkout.yahoo.com"],"name":"yahoo","conf":{"merchant":"yhoo","i18nName":"yahoo","theme":"hawkeye","locale":"en_US","currency":"$","lang":"en-US","country":"US","namespace":"yahoo","identitySrc":"checkout","pageLevel":{"subscriptionWarning":{"140":[],"141":["VT"]},"trialWarning":{"DC":28},"checkout":{"default":{"clientCMS":"omp_checkout_yahoo","enableMbox":"true","enablePromo":"true","createAccountEnabled":true,"enableEligibilityCheck":true,"allowCreateAccountLocation":["US","GB","IE"],"enableTaxCalculation":false,"noPayPalWithExisting":false}},"manage":{"default":{"clientCMS":"omp_manage_yahoo_en_us","enableMbox":"false"}},"plans":{"default":{"clientCMS":"omp_plans_yahoo_en_US"}},"refnd":{"default":{"clientCMS":"omp_refnd_yahoo_en_US"}}},"favicon":"https://s.yimg.com/rz/l/favicon.ico","fonts":["https://s.yimg.com/cv/ae/sports/fonts/2017/yahoosans2.css"],"benefits":{"60881":{"slug":"account-pro","sku":"omp-benefit-accountpro"},"60910":{"slug":"lastpass-premium","sku":"omp-benefit-lastpass"},"60931":{"slug":"mcafee-multi-access","sku":"omp-benefit-mcafee"},"60932":{"slug":"extended-device-coverage","sku":"omp-benefit-extended-coverage"},"60933":{"slug":"assist","sku":"omp-benefit-assist"},"60976":{"slug":"nordvpn","sku":"omp-benefit-nordvpn"}},"currencyCode":"USD"},"features":{"guce":{"enable":"true","consetHost":"guce.yahoo.com","productEu":"false"},"analytics":{"name":"rapid","rapid":{"spaceIds":[{"default":{"default":1197806124,"mobile":1197806125,"tablet":1197806126},"plans":{"default":1197808779,"mobile":1197808780,"tablet":1197808781},"careportal":{"default":1197809049,"mobile":1197809050,"tablet":1197809051}}],"st_sec":"us.yoplan"},"comscore":{"c2":7241469},"dcmSession":"true"},"payGateway":{"name":"obi","obi":{"propName":"yahoo","threeDSOrgUnitId":"5d5e136c4e54031f30e033e5","default":{"safetechId":"300130","websiteId":"YAHOORS"},"checkout":{"safetechId":"300130","websiteId":"YAHOORS"},"wallet":{"safetechId":"300130","websiteId":"YAHOORS","allowPayPal":true,"disablePayPalCountries":["RO","TW","PH","MY","ID","ES"]},"careportal":{"safetechId":"300130","websiteId":"YCARE","allowPayPal":false}}},"enableSmartyStreets":true},"supportedLocale":[],"clientCMS":"omp_checkout_yahoo","subMerchant":"","merchant":"yhoo","lang":"en-US","currencyCode":"USD","country":"US","namespace":"yahoo"}; var ompAuth={"legacyAol":"false","user_idp":"legacy_y","login":"https://login.yahoo.com/?.done=https%3A%2F%2Fcheckout.yahoo.com%2Fcheckout%2Fv1%3Fsku%3Dnor-yh-1c111633%26ncid%3Dmbr_ryhdefad00000007&lang=en-US&.src=checkout&activity=checkout&pspid=1197806124","logout":"https://login.yahoo.com/?.done=https%3A%2F%2Fcheckout.yahoo.com%2Fcheckout%2Fv1%3Fsku%3Dnor-yh-1c111633%26ncid%3Dmbr_ryhdefad00000007&logout_all=1&.direct=2&lang=en-US&.src=checkout&activity=checkout&pspid=1197806124","is_primary":false,"allow_tandt":false,"eu":"false","mblYlc":"https://login.yahoo.com/ylc?done=http%3A%2F%2Fcheckout.yahoo.com%2Fcheckout%2Fv1%3Fsku%3Dnor-yh-1c111633%26ncid%3Dmbr_ryhdefad00000007&skip=0&src=","mblYlcAdd":"https://login.yahoo.com/account/comm-channel/add?done=http%3A%2F%2Fcheckout.yahoo.com%2Fcheckout%2Fv1%3Fsku%3Dnor-yh-1c111633%26ncid%3Dmbr_ryhdefad00000007&skip=0&src=","createAccountLink":"https://login.yahoo.com/account/create?.done=https%3A%2F%2Fcheckout.yahoo.com%2Fcheckout%2Fv1%3Fsku%3Dnor-yh-1c111633%26ncid%3Dmbr_ryhdefad00000007&lang=en-US&.src=checkout&activity=checkout&pspid=1197806124","privacyLinks":{"warningMsg":"","links":{"terms_and_privacy":{"multiurl":true,"label":"${terms_link}Terms${end_link} and ${privacy_link}Privacy Policy${end_link}","urls":{"privacy_link":"https://guce.yahoo.com/privacy-policy?locale=en-US","terms_link":"https://guce.yahoo.com/terms?locale=en-US"},"ids":{"terms_link":"privacy-link-terms","privacy_link":"privacy-link-privacy"}},"dashboard":{"url":"https://guce.yahoo.com/privacy-dashboard?locale=en-US","label":"Privacy Dashboard","id":"privacy-link"}},"footerSequence":["terms_and_privacy","dashboard"]}}; var kaptchaSessionId="916908cd37b84ea2a511e5ef5b3d8531"; var dcmSessionId=""; var ompBuildEnv="prod"; var ompToken="MTczMjM5NjM5MTE1NA==.VB+0ZFT0zuc4CJjTNECK4Dp+bSMJ50F9KH3GcjuLocA="; var ompBuildNumber="3444"; var ompDispatcherEndpoint="https://s.yimg.com/kj/js/dispatcherWidget.js";  </script>  <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript" src="https://jsl.obi.aol.com/obick.umd.js"></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://www.paypalobjects.com/api/checkout.js" async></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/js/v1/dist/checkout-common.js" type="text/javascript"></script> <script> var MODE_CONFIG={}; var PAGE_CONFIG={}; var CM_CONFIG={}; var ompTemplateName="base"; </script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript"> var enable_sub_with_phone_cnt=1; </script>  <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript"> var ompc="eyJzdWJNZXJjaGFudCI6IiIsInJlcXVlc3RlZFRhcmdldFNOIjpmYWxzZSwic2t1Ijoibm9yLXloLTFjMTExNjMzIiwibmNpZCI6Im1icl9yeWhkZWZhZDAwMDAwMDA3IiwidGhlbWUiOiIiLCJvbXBJZCI6ImRkYThhNzI5LTkyZjQtNDZmZC1iNGViLTdmODg5OWNmMWU5MyIsInAiOiIiLCJtYm94RGlzYWJsZSI6IiIsIm1ib3hTZXNzaW9uIjoiIiwidmFySWQiOiIiLCJ4dCI6IiIsImlzcmMiOiIiLCJvcmRlcklkIjoiIiwicGdjIjoiIiwiZ2Z0ZCI6IiIsInJwcm9tbyI6IiIsImRzcGNpZCI6IiIsImRzcG4iOiIiLCJkc3BpZCI6IiJ9"; </script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://s.yimg.com/ss/analytics3.js"></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/js/rapid/user_agent_parser.js"></script> <script type="text/javascript" nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ"> var _comscore = _comscore || []; var paramObj = {c1: "2", c2: "7241469"}; try { if(ompClient.features.analytics.comscore.c2) paramObj.c2 = ompClient.features.analytics.comscore.c2+""; } catch (e){} try { paramObj.cs_fpid = ompAuth.comscoreData.cs_fpid; paramObj.cs_fpdm = ompAuth.comscoreData.cs_fpdm; paramObj.c14 = ompAuth.comscoreData.c14; } catch (e){} _comscore.push(paramObj); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = "https://s.yimg.com/cx/vzm/cs.js"; el.parentNode.insertBefore(s, el); })(); </script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/js/checkout/checkout-app.js" type="text/javascript"></script> <style> .template-emea #help-details .sales-support-component {padding-right:76px !important}</style>  <meta name="oath:guce:consent-host" content="guce.yahoo.com"/> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" async src="https://s.yimg.com/oa/consent.js"></script> <meta name="conf:cjs:consent-event-listener" content="true"> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript" src="https://consent.cmp.oath.com/cmpStub.min.js" ></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" type="text/javascript" src="https://consent.cmp.oath.com/cmp.js" async="true" ></script> <meta property="og:type" content="article" /> <meta property="og:url" content="http://checkout.yahoo.com/checkout/v1?sku=nor-yh-1c111633&ncid=mbr_ryhdefad00000007" /> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ"> var requestCountryCode = "SG"; </script> <style nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ"> #checkout-process,#subscribe-newsletter {display:none;} #checkout-error-page {min-height: 600px;margin-top: 1rem;display:none;} #promo-result-area,#apply-promo-area,#bundle-product-detail-area,#bundle-product-detail-area-mobile,#billing-instruments-component {display:none;} #existing-instruments-title-area p, #existing-instruments-title-area h3 {display:none;} #billing-purchase-component {display:none;} #recurring-confirm, #recurring-confirm .error {display:none;} #credit-tos-agreement h4 {display:block;} #debit-tos-agreement {display:none;} #tos-agreement-content {display:block;} #overlaySpinner {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1099; background-color: rgba(0, 0, 0, 0.2); display: none;} #overlaySpinner img {margin-top:10%;} #place-your-order-tos-agreement-area .paypal-button-wrapper-emea {margin-left:6em;padding:0; border:none;} #checkout-process .signin-option-component-wrapper-emea .medium-10 {width: 81.33333% !important;} #checkout-process .signin-option-component-wrapper-base #new-user-page-sign-in {margin-left: 0em !important;} #checkout-process .signin-option-component-wrapper-emea #new-user-page-sign-in {margin-left: -2.5em !important;} @media only screen and (max-width: 40em) { #place-your-order-tos-agreement-area .paypal-button-wrapper-emea {margin:0 auto 1.42857rem auto;} #place-your-order-tos-agreement-area .purchase-order-button-emea {padding:0 1.52858rem !important;} #checkout-process .signin-option-component-wrapper-emea #new-user-page-sign-in {margin-left: 0em !important;} #bundle-product-detail-area-mobile {display: block;} } #instrumentsListContainer label {margin:0 } #gift-option-component, #gift-redeem-component .grey-background,#signin-option-component .grey-background { background-color: #f7f7f7; padding: 10px 15px 10px 15px; text-align: left; margin-bottom: 2em; } #place-your-order-tos-agreement-area UL.vendor-terms-privacy-list {display:none;} </style> </head> <body id="checkout-page-body"><div id="ps_checkout_mbox" class="mboxDefault"></div> <div id="product-lightbox" style="display:none;overflow:visible;"></div> <div id="system-requirements-lightbox" style="display:none;overflow:visible;"></div> <header style="display: none;" class="row template-base" id="common-header-component"></header> <main style="display: none;">  <section class="row" id="checkout-process"> <div class="medium-12 medium-centered columns main-section-area">  <div id="checkout-error-page"></div> <div class="row js-checkout-content-section"> <div id="your-product" class="medium-4 columns">  <div id="referred-component-right" class="referred hide-for-medium-up"></div> <div id="product-campaign-promo-banner" style="display:none;"> <div style="position: relative; display: inline-block;"> <div>get <span class="campaign-promo-amount"></span> off</div> <div class="js-campaign-promo-desc"></div> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/tag_bmsm.svg" style="position: absolute;left: -40px;top: 0px;width: 34px;"> </div> <div class="caret"></div> </div> <div class="mobile-phone-number-2nd-section" style="display:none;"></div> <div id="promo-banner"></div> <div id="product-summary-area"></div> <div id="promo-result-area"> <div class="panel">Promo Code(s) Applied</div> <div id="promo-result-list"></div> <div class="columns"> <a href="#" class="expander-link expanded">Details</a> <p class="promo-details">Offer may be used once per account...</p> </div> </div> <div id="apply-promo-area"> <a href="#" class="expander-link">Apply Promo Code</a> <div class="row"> <div class="small-8 columns"> <input type="text" /> <span class="error"></span> </div> <div class="small-4 columns text-right"> <a href="#" class="button expand">Apply</a> </div> </div> </div> <div id="bundle-product-detail-area" class="bundle-product-detail-wrapper"></div> <div id="extra-disclaimer-area"></div> </div> <div class="medium-8 columns section-body"> <div id="checkout-top-component"></div>  <div id="referred-component-left" class="referred hide-for-small-down"></div>  <div id="eligibility-notification" class="notification"></div>  <div id="payment-information"> <div class="notification" role="alert"></div> </div>  <div id="billing-period-toggle-component-a"></div>  <div id="signin-option-component" class="signin-option-component-wrapper-base"></div>  <div id="tncp-eligible-component"></div>  <div id="gift-option-component" class="hide"></div> <div id="gift-redeem-component" class="hide"></div> <div id="billing-information-module">  <div id="payment-information-text-component"></div>  <div id="billing-top-component"></div>  <div id="billing-instruments-component"> <div id="existing-instruments-title-area"> <h3 data-component="app_client" data-field="CP.h3.header">Select Your Payment Method</h3> <p data-component="app_client" data-field="CP.h3.message">For your protection, please enter your security code.</p> </div> </div>  <div id="billing-component"> <div class="payment-method-form"> <div id="instrumentsListContainer"> <div id="add-new-payment-area" class="row payment-method-row"> <div class="columns"> <label class="card-cc check" for="newInstrument"> <input type="radio" name="instrumentList" id="newInstrument" data-component="app_client" data-field="CP.add.payment" /> </label> </div> </div> </div> <div id="payment-option-component"></div> </div> </div> <div id="billing-tandc-component"></div> <div id="subwithphone-content"></div> <div id="extra-name-content"></div>     <div id="billing-purchase-component"> <div id="subscribe-newsletter"> <div id="newsletter-insider-div" class="checkbox-group"> <input type="checkbox" id="newsletter-insider" /> <label for="newsletter-insider" class="debitcard-cc check-debit"></label> <span class="js-newsLetter-text" name="newsletter-insider">Subscribe Newsletter</span> </div> <div id="newsletter-parenting-div" class="checkbox-group"> <input type="checkbox" id="newsletter-parenting" /> <label for="newsletter-parenting" class="debitcard-cc check-debit"></label> <span class="js-newsLetter-text" name="newsletter-parenting">Subscribe Parenting Newsletter</span> </div> </div> <div id="recurring-confirm"> <div id="recurring-confirm-insider-div" > </div> <span class="error"></span> </div> </div> <div id="place-your-order-tos-agreement-area" class="row"> <div id="credit-tos-agreement" class="small-12 columns"> <h4 style="display:block;font-size:14px;margin-bottom: 8px;" data-component="app_client" data-field="CP.h4.header"></h4> </div> <div class="medium-5 columns place-order-button"> <a href="#" class="button expand purchase-order-button-base" id="place-your-order" data-component="app_client" data-field="CP.button.order"></a> </div> <div class="medium-6 columns"> <div class="paypal-button-wrapper paypal-button-wrapper-base"> <div id="omp-paypal-button-container"></div> </div> </div> </div> </div>  <div id="tos-agreement-content"></div>  <div id="domicile-content"></div> <div id="bundle-product-detail-area-mobile" class="bundle-product-detail-wrapper"></div> </div> </div> </div> </div> </section> </main> <div id="overlaySpinner" align="center"><img src="https://s.aolcdn.com/os/bill_aol_com/new/images/frontdoor/spinner.gif"></div>  <iframe nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" width="1" height="1" frameborder="0" scrolling="no" src="https://securevar.paymentech.com/kount/LogoHtm?m=300130&s=916908cd37b84ea2a511e5ef5b3d8531"> <img width="1" height="1" src="https://s.aolcdn.com/os/gtr/qh/res/1395334823388/img/checkout/LogoGif.gif?m=300130&s=916908cd37b84ea2a511e5ef5b3d8531"/> </iframe> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/js/checkout/error/locale_en_US-error.js" type="text/javascript"></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/js/checkout/checkout-cart.js" type="text/javascript"></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/js/checkout/checkout-promo.js" type="text/javascript"></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ" src="https://d1sjyfqescdy46.cloudfront.net/static-assets/3444/static/assets/js/jquery.mask.1.13.4.min.js" type="text/javascript"></script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ"> var CMPT_CONFIG = { "components": [{ "view": checkoutCartPage.CommonHeaderView, "template": "common-header-template", "name": "CommonHeaderView" },{ "view": checkoutCartPage.TopErrorMessageView, "template": "alert-notification-template", "name": "TopErrorMessageView" }, { "view": checkoutCartPage.ReferredLeftView, "template": "referred-template", "name": "ReferredLeftView" }, { "view": checkoutCartPage.ReferredRightView, "template": "referred-template", "name": "ReferredRightView" }, { "view": checkoutCartPage.OrderSummaryView, "template": "product-summary-template", "name": "OrderSummaryView" }, { "view": checkoutCartPage.PromoView, "template": "bundled-summary-template", "name": "PromoViewBundle" //jian add Bundle, otherwise it won't work, dup view name, binding to same element #apply-promo-area }, { "view": checkoutCartPage.PromoView, "template": "promo-option-template", "name": "PromoView" }, { "view": checkoutCartPage.InstrumentListView, "template": "payment-option-template", "name": "InstrumentListView" }, { "view": checkoutCartPage.BillingTopView, "template": "billing-top-template", "name": "BillingTopView" }, { "view": checkoutCartPage.BillingPeriodToggleAView, "template": "billing-period-toggle-template-a", "name": "BillingPeriodToggleAView" }, { "view": checkoutCartPage.BillingPeriodToggleBView, "template": "billing-period-toggle-template-b", "name": "BillingPeriodToggleBView" }, { "view": checkoutCartPage.PaymentInformationTextView, "template": "payment-information-text-template", "name": "PaymentInformationTextView" }, { "view": checkoutCartPage.CheckoutTopView, "template": "checkout-top-template", "name": "CheckoutTopView" }, { "view": checkoutCartPage.SigninOptionView, "template": "signin-option-template", "name": "SigninOptionView" }, { "view": checkoutCartPage.DomicileContentView, "template": "domicile-content-template", "name": "DomicileContentView" }, { "view": checkoutCartPage.TncpEligibleView, "template": "tncp-eligible-template", "name": "TncpEligibleView" }, { "view": checkoutCartPage.OrderSubView, "template": "order-sub-template", "name": "OrderSubView" }, { "view": checkoutCartPage.SubWithPhoneView, "template": "sub-with-phone-template", "name": "SubWithPhoneView" }, { "view": checkoutCartPage.SubWithGiftView, "template": "sub-with-gift-template", "name": "SubWithGiftView" }, { "view": checkoutCartPage.SubWithGiftRedeemView, "template": "sub-with-gift-redeem-template", "name": "SubWithGiftRedeemView" }, { "view": checkoutCartPage.SigninOptionGiftRedeemView, "template": "signin-option-gift-redeem-template", "name": "SigninOptionGiftRedeemView" }, { "view": checkoutCartPage.CheckoutTopGiftRedeemView, "template": "checkout-top-gift-redeem-template", "name": "CheckoutTopGiftRedeemView" } ] }; </script> <script id="common-header-template" type="text/template"> <nav id="account-menu" class="signed-out"> <div class="hide-for-small"> <a href="<%=authStatusObj.attributes.login%>" id="checkout-sign-in" class="brand-specific-text-color hide-for-signed-in signed-out"><%-$.t('header.signin')%></a> <a href="javascript:void(0)" id="checkout-global-welcome" data-dropdown="account-menu-dd" class="dropdown-arrow brand-specific-text-color hide-for-signed-out" data-options="is_hover:false;"></a> <ul id="account-menu-dd" class="f-dropdown text-left hide-for-signed-out" data-dropdown-content="co-dd"> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="checkout-sign-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout')%></a></li> </ul> </div> <div class="show-for-small-only"> <ul id="mobile-account-menu-dd" class="f-dropdown text-left" data-dropdown-content="mco-dd"> <li class="hide-for-signed-out"><span id="mobile-checkout-global-welcome"></span></li> <li class="hide-for-signed-in"><a href="<%=authStatusObj.attributes.login%>" id="mobile-checkout-sign-in"><%-$.t('header.signin') %></a></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="mobile-checkout-sign-out" class="hide-for-signed-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout') %></a></li> </ul> <a href="javascript:void(0)" data-dropdown="mobile-account-menu-dd" class="mobile-menu-icon"><i></i><i>Menu</i><i></i></a> </div> </nav> <div class="medium-6 columns brand-logo small-only-text-center"> <%if(checkoutConfigStatus.attributes.modeConfig.logo_image_url){%> <img class="js-checkout-logo" alt="AOL Logo" src="<%=checkoutConfigStatus.attributes.modeConfig.logo_image_url%>" /> <%}%> <div class="medium-6 columns phone-number show-for-small-only"> <div class="sales-support-component-mobile"></div> </div> </div> <div class="medium-6 columns text-right hide-for-small"> <div id="help-details"> <span class="sales-support-component"></span> </div> </div> </script> <script id="common-header-template-yahoo" type="text/template"> <nav id="account-menu" class="signed-out"> <div class="hide-for-small"> <a href="<%=authStatusObj.attributes.login%>" id="checkout-sign-in" class="brand-specific-text-color hide-for-signed-in signed-out signin-text"><%-$.t('header.signin') %></a> <a href="#" data-dropdown="account-menu-dd" data-options="is_hover:false;"> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/avatar-white.svg" class="hide-for-signed-out header_profile_image avartar-white" style="width:26px;border-radius:50%;"> </a> <ul id="account-menu-dd" class="f-dropdown text-left hide-for-signed-out" data-dropdown-content="co-dd"> <li id="checkout-global-welcome" class="welcome-text"></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="checkout-sign-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout') %></a></li> </ul> <div class="medium-12 columns"> <div class=""> <img data-dropdown="account-menu-dd" src="https://s.aolcdn.com/membership/omp-static/images/yahoo/avatar-black.svg" class="hide-for-signed-out header_profile_image avartar-black" style="width:26px;border-radius:50%;display:none;"> </div> </div>  </div> <div class="show-for-small-only"> <ul id="mobile-account-menu-dd" class="f-dropdown text-left" data-dropdown-content="mco-dd"> <li class="hide-for-signed-out"><span id="mobile-checkout-global-welcome"></span></li> <li class="hide-for-signed-in"><a href="<%=authStatusObj.attributes.login%>" id="mobile-checkout-sign-in"><%-$.t('header.signin') %></a></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="mobile-checkout-sign-out" class="hide-for-signed-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout') %></a></li> </ul> <a href="javascript:void(0)" data-dropdown="mobile-account-menu-dd" class="mobile-menu-icon"><i></i><i>Menu</i><i></i></a> </div> </nav> <div class="medium-6 columns brand-logo small-only-text-center"> <%if(checkoutConfigStatus.attributes.modeConfig.logo_image_url){%> <img class="js-checkout-logo" alt="YAHOO Logo" src="<%-checkoutConfigStatus.attributes.modeConfig.logo_image_url %>" /> <%}%> <div class="medium-6 columns phone-number show-for-small-only"> <div class="sales-support-component-mobile"></div> </div> </div> <div class="medium-6 columns text-right hide-for-small" > <div id="help-details" class="<%-ompAuth.user_guid? "user-authed": "" %>"> <span class="sales-support-component"></span> </div> </div> </script> <script id="common-header-template-yahoo_finance" type="text/template"> <nav id="account-menu" class="signed-out"> <div class="hide-for-small"> <a href="<%=authStatusObj.attributes.login%>" id="checkout-sign-in" class="brand-specific-text-color hide-for-signed-in signed-out signin-text"><%-$.t('header.signin') %></a> <a href="#" data-dropdown="account-menu-dd" data-options="is_hover:false;"> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/avatar-white.svg" class="hide-for-signed-out header_profile_image" style="width:26px;border-radius:50%;"> </a> <ul id="account-menu-dd" class="f-dropdown text-left hide-for-signed-out" data-dropdown-content="co-dd"> <li id="checkout-global-welcome" class="welcome-text"></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="checkout-sign-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout') %></a></li> </ul> <div class="medium-12 columns"> </div>  </div> <div class="show-for-small-only"> <ul id="mobile-account-menu-dd" class="f-dropdown text-left" data-dropdown-content="mco-dd"> <li class="hide-for-signed-out"><span id="mobile-checkout-global-welcome"></span></li> <li class="hide-for-signed-in"><a href="<%=authStatusObj.attributes.login%>" id="mobile-checkout-sign-in"><%-$.t('header.signin') %></a></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="mobile-checkout-sign-out" class="hide-for-signed-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout') %></a></li> </ul> <a href="javascript:void(0)" data-dropdown="mobile-account-menu-dd" class="mobile-menu-icon"><i></i><i>Menu</i><i></i></a> </div> </nav> <div class="medium-6 columns brand-logo small-only-text-center"> <%if(checkoutConfigStatus.attributes.modeConfig.logo_image_url){%> <a href="https://finance.yahoo.com/"> <img class="js-checkout-logo" alt="YAHOO Logo" src="<%-checkoutConfigStatus.attributes.modeConfig.logo_image_url %>" /> </a> <%}%> <div class="medium-6 columns phone-number show-for-small-only" style="display:none !important;"> <div class="sales-support-component-mobile"></div> </div> </div> <div class="medium-6 columns text-right hide-for-small" style="display:none !important;"> <div id="help-details"> <span class="sales-support-component"></span> </div> </div> </script> <script id="common-header-template-yahoo_fantasysports_en_US" type="text/template"> <nav id="account-menu" class="signed-out"> <div class="hide-for-small"> <a href="<%=authStatusObj.attributes.login%>" id="checkout-sign-in" class="brand-specific-text-color hide-for-signed-in signed-out signin-text"><%-$.t('header.signin')%></a> <a href="#" data-dropdown="account-menu-dd" data-options="is_hover:false;"> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/avatar-white.svg" class="hide-for-signed-out header_profile_image avartar-white" style="width:26px;border-radius:50%;"> </a> <ul id="account-menu-dd" class="f-dropdown text-left hide-for-signed-out" data-dropdown-content="co-dd"> <li id="checkout-global-welcome" class="welcome-text"></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="checkout-sign-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout') %></a></li> </ul> <div class="medium-12 columns"> <div class=""> <img data-dropdown="account-menu-dd" src="https://s.aolcdn.com/membership/omp-static/images/yahoo/avatar-black.svg" class="hide-for-signed-out header_profile_image avartar-black" style="width:26px;border-radius:50%;display:none;"> </div> </div>  </div> <div class="show-for-small-only"> <ul id="mobile-account-menu-dd" class="f-dropdown text-left" data-dropdown-content="mco-dd"> <li class="hide-for-signed-out"><span id="mobile-checkout-global-welcome"></span></li> <li class="hide-for-signed-in"><a href="<%=authStatusObj.attributes.login%>" id="mobile-checkout-sign-in"><%-$.t('header.signin')%></a></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="mobile-checkout-sign-out" class="hide-for-signed-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout')%></a></li> </ul> <a href="javascript:void(0)" data-dropdown="mobile-account-menu-dd" class="mobile-menu-icon"><i></i><i>Menu</i><i></i></a> </div> </nav> <div class="medium-6 columns brand-logo small-only-text-center"> <%if(checkoutConfigStatus.attributes.modeConfig.logo_image_url){%> <img class="js-checkout-logo" alt="YAHOO Logo" src="<%-checkoutConfigStatus.attributes.modeConfig.logo_image_url %>" /> <%}%> <div class="medium-6 columns phone-number show-for-small-only"> <div class="sales-support-component-mobile"></div> </div> </div> <div class="medium-6 columns text-right hide-for-small" > <div id="help-details" class="<%-ompAuth.user_guid? "user-authed": "" %>"> <span class="sales-support-component"></span> </div> </div> </script> <script id="common-header-template-huffpost_en_US" type="text/template"> <nav id="account-menu" class="signed-out"> <div class="hide-for-small"> <a href="<%=authStatusObj.attributes.login%>" id="checkout-sign-in" class="brand-specific-text-color hide-for-signed-in signed-out signin-text"><%-$.t('header.signin')%></a> <ul id="account-menu-dd" class="f-dropdown text-left hide-for-signed-out" data-dropdown-content="co-dd"> <li id="checkout-global-welcome" class="welcome-text"></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="checkout-sign-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout')%></a></li> </ul> <div class="medium-12 columns"> <div class=""><img data-dropdown="account-menu-dd" src="https://s3.amazonaws.com/membership-cdn/omp-static/images/huffpost/avatar.svg" class="hide-for-signed-out header_profile_image"> </div> </div>  </div> <div class="show-for-small-only"> <ul id="mobile-account-menu-dd" class="f-dropdown text-left" data-dropdown-content="mco-dd"> <li class="hide-for-signed-out"><span id="mobile-checkout-global-welcome"></span></li> <li class="hide-for-signed-in"><a href="<%=authStatusObj.attributes.login%>" id="mobile-checkout-sign-in"><%-$.t('header.signin')%></a></li> <%if(checkoutConfigStatus.attributes.modeConfig.subscriptions_url){%> <li class="manage-link-component"></li> <%}%> <li id="mobile-checkout-sign-out" class="hide-for-signed-out"><a href="<%=authStatusObj.attributes.logout%>"><%-$.t('header.signout')%></a></li> </ul> <a href="javascript:void(0)" data-dropdown="mobile-account-menu-dd" class="mobile-menu-icon"><i></i><i>Menu</i><i></i></a> </div> </nav> <div class="medium-12 columns brand-logo small-only-text-center"> <%if(checkoutConfigStatus.attributes.modeConfig.logo_image_url){%> <img alt="logo" src="<%=checkoutConfigStatus.attributes.modeConfig.logo_image_url%>" /> <%}%> <div class="medium-6 columns phone-number show-for-small-only" style="display:none !important;"> <span class="sales-support-component-mobile"></span> </div> </div> <div class="medium-6 columns text-right hide-for-small" style="display:none !important;"> <div id="help-details"> <span class="sales-support-component"></span> </div> </div> </script> <script id="common-manage-link-template" type="text/template"> <%if(productStatus.attributes.cartAttr && productStatus.attributes.cartAttr.ncid){%> <a href="<%=CHECKOUT.UTIL.updateNCID(CHECKOUT.UTIL.getEnvUrl(checkoutConfigStatus.attributes.modeConfig.subscriptions_url),productStatus.attributes.cartAttr.ncid)%>"><%-$.t('header.mySubscriptions')%></a> <%}else{%> <a href="<%=CHECKOUT.UTIL.getEnvUrl(checkoutConfigStatus.attributes.modeConfig.subscriptions_url)%>"><%-$.t('header.mySubscriptions')%></a> <%}%> </script> <script id="common-sales-support-template" type="text/template"> <%if(productStatus.attributes.cartProductAttr.attributes && productStatus.attributes.cartProductAttr.attributes.sales_support_number){%> <%if(isMobile && productStatus.attributes.cartProductAttr.attributes.sales_support_number!="hide_phone"){%> <%-$.t('header.callUs')%>: <a href="tel:<%=productStatus.attributes.cartProductAttr.attributes.sales_support_number%>"><%=productStatus.attributes.cartProductAttr.attributes.sales_support_number%></a> <%} else if(productStatus.attributes.cartProductAttr.attributes.sales_support_number!="hide_phone") {%> <%-$.t('header.callUs')%>: <span><%=productStatus.attributes.cartProductAttr.attributes.sales_support_number%></span> <%}%> <% } else {%> <%if(productStatus.attributes.productAttr.attributes && productStatus.attributes.productAttr.attributes.sales_support_number){%> <%if(isMobile){%> <%-$.t('header.callUs')%>: <a href="tel:<%=productStatus.attributes.productAttr.attributes.sales_support_number%>"><%=productStatus.attributes.productAttr.attributes.sales_support_number%></a> <%} else {%> <%-$.t('header.callUs')%>: <span><%=productStatus.attributes.productAttr.attributes.sales_support_number%></span> <%}%> <%}}%> </script> <script type="text/template" id="dcmsession-template"> <%if(dcmSessionAttr.client.features.analytics.hasOwnProperty("dcmSession") && dcmSessionAttr.client.features.analytics.dcmSession == "true") {%> <% var dcmSessionU=dcmSessionAttr.productAttr.name%> <%if(dcmSessionAttr.productAttr.attributes && dcmSessionAttr.productAttr.attributes.slug){ dcmSessionU = dcmSessionAttr.productAttr.attributes.slug; }%> <% var gtmContainerId="GTM-NVQTVCX"; if(dcmSessionAttr.client.namespace == "aol") { gtmContainerId = "GTM-NB4W2NQ"; } var ncidValue = ""; if(dcmSessionAttr.cartAttr.ncid) { ncidValue = "&u59=" + dcmSessionAttr.cartAttr.ncid; } %>  <iframe src="https://s.yimg.com/jk/gtm/gtm_ns.html?id=<%=gtmContainerId%><%-ncidValue %>&u47=purchase&u9=<%=dcmSessionU%>&u51=<%=dcmSessionAttr.cartProductAttr.sku%>&u10=<%=CHECKOUT.UTIL.getFormattedPrice(dcmSessionAttr.cartProductAttr.price,dcmSessionAttr.client.conf.country)%>&u1=<%=dcmSessionAttr.dcmSessionId%>&u29=<%=dcmSessionAttr.client.conf.namespace%>&u34=<%-dcmSessionAttr.cartAttr.varId||"" %>&u35=<%-dcmSessionAttr.confirmationObj.purchaseResponseObj.oid||"" %>&enablePostMessaging=true" height="0" width="0" style="display:none;visibility:hidden" referrerpolicy="origin" sandbox="allow-scripts allow-same-origin"></iframe> <%}%> </script> <script type="text/template" id="promo-result-template"> <div class="applied-promo"> <div class="confirm-promo-removal panel"> <div class="row"> <div class="columns"><%-$.t('promo.removePromoQuestion')%></div> <div class="columns text-right"> <a href="javascript:void(0)" class="confirm-delete"><%-$.t('promo.yesLabel')%></a> <a href="javascript:void(0)" class="cancel-delete"><%-$.t('promo.cancelLabel')%></a> </div> </div> </div> <div class="panel"> <div class="remove-promo-row row"> <% if(MODE_CONFIG.promo_remove === undefined || MODE_CONFIG.promo_remove == false) {%> <% }else{%> <div class="columns text-right"> <a href="javascript:void(0)" class="remove-promo">$.t('promo.removeLabel')</a>  </div> <% }%> </div> <% if(promoDisplayName) { var promoLineItemArr = promoDisplayName.split("/"); _.each(promoLineItemArr, function(promoLineItem){ if(promoLineItem) { %> <div class="row"> <div class="medium-7 columns"> <%-promoLineItem? promoLineItem.split("|")[0]: "" %> </div> <div class="medium-5 columns text-right"> <%-promoLineItem? promoLineItem.split("|")[1]: ""%> </div> </div> <% } }); } %> </div> </div> </script> <div> <script id="tncp-eligible-template" type="text/template"> <% if(checkoutAttr.tncp && $.t('tncp.eligibleHeader') != undefined){ var cnTncpEligibleHeader = $.t('tncp.eligibleHeader',{"trialPeriod":checkoutAttr.cartProductAttr.attributes.trial_period,"productName":checkoutAttr.productAttr.name}) var cnTncpEligibleText = $.t('tncp.eligibleText') var styleClass="tncp-eligible"; %> <% if(!checkoutAttr.tncpMblVerify) { var getOmpAuth = CHECKOUT.UTIL.getOmpAuth() || {}; cnTncpEligibleText = $.t('tncp.inEligibleText',{'mobileVerify':getOmpAuth.mblYlc,'mobileAdd':getOmpAuth.mblYlcAdd}) cnTncpEligibleHeader = $.t('tncp.inEligibleHeader'); styleClass = "tncp-ineligible"; } %> <div class="row <%=styleClass%>"> <div class="columns"><h3 class="aol-member-signin"> <%=cnTncpEligibleHeader%> </h3></div> <div class="columns"> <p> <%=cnTncpEligibleText%> </p> </div> </div> <%}%> </script> <script id="signin-option-template" type="text/template">   <% var cnTopHeader = $.t('billing.signInText')%> <% var cnTopSignin = $.t('billing.signInLabel')%> <% var cnTopFreeTrialText = $.t('billing.signInWithFreeTrial')%> <% if(checkoutAttr.tncp) { cnTopHeader = $.t('tncp.signInHeader'); cnTopFreeTrialText ="" } if(checkoutAttr.miscAttr.tncpwc){ cnTopHeader = $.t('billing.signInText') cnTopFreeTrialText ="" } var overwriteTopHeader = ""; try { overwriteTopHeader = checkoutAttr.cartProductAttr.attributes.signin_text; } catch(e) {} if(overwriteTopHeader) cnTopHeader = overwriteTopHeader; %> <div class="row"> <div class="medium-9 columns" data-component="app_client" data-field="CN.already.have.v3"><h3 class="aol-member-signin"> <%if(!overwriteTopHeader && CHECKOUT.UTIL.withTrialPeriod(checkoutAttr)) {%> <%=cnTopFreeTrialText%> <%}%> <%=cnTopHeader %> </h3></div> <div class="medium-3 columns signin brand-specific-text-color" data-component="app_client" data-field="CN.already.have.v3.signin"><a id="new-user-page-sign-in" href="#" class="button"><%=$.t('billing.signInLabel')%></a></div> </div> </script> <script id="billing-period-toggle-template-a" type="text/template"> <div style="font-size: 1.20rem;font-weight: bold;margin-bottom: 10px;text-align:left;" data-i18n="billingToggle.title"></div> <% if(checkoutAttr.cartProductAttr.attributes.trial_period && checkoutAttr.cartProductAttr.attributes.trial_period != "0") { %> <div class="toggle-charge-ct"> <%=$.t('billingToggle.freeTrialTextA',{"trialPeriod":checkoutAttr.cartProductAttr.attributes.trial_period})%></div> <% } %> <div id="billing-period-toggle-button-row-a"> <% if(monthlyFirst) { %> <a href="#" id="monthly-toggle-link-a"> <div class="toggle-link"> <b></b><br> <span id="monthlyCT-a"> </span><br> <span class="savings-ct" style="background-color: inherit;"> </span> </div> </a> <div style="float: left;width: 20px;height: 1px;"></div> <a href="#" id="annual-toggle-link-a"> <div class="toggle-link"> <b></b><br> <span id="annualCT-a"> </span><br> <span id="annualSavingsCT-a" class="savings-ct"> </span> </div> </a> <% } else { %> <a href="#" id="annual-toggle-link-a"> <div class="toggle-link"> <b></b><br> <span id="annualCT-a"> </span><br> <span id="annualSavingsCT-a" class="savings-ct"> </span> </div> </a> <div style="float: left;width: 20px;height: 1px;"></div> <a href="#" id="monthly-toggle-link-a"> <div class="toggle-link"> <b></b><br> <span id="monthlyCT-a"> </span><br> <span class="savings-ct" style="background-color: inherit;"> </span> </div> </a> <% } %> </div> </script>  <script id="billing-period-toggle-template-b" type="text/template"> <div style="font-size: 1.20rem;font-weight: bold;margin-bottom: 10px;text-align:left;" data-i18n="billingToggle.title"> </div> <% if(checkoutAttr.cartProductAttr.attributes.trial_period && checkoutAttr.cartProductAttr.attributes.trial_period != "0") { %> <div class="toggle-charge-ct"> <%=$.t('billingToggle.freeTrialTextB',{"trialPeriod":checkoutAttr.cartProductAttr.attributes.trial_period})%></div> <% } %> <div id="billing-period-toggle-button-row-b"> <a href="#" id="monthly-toggle-link-b"> <div class="toggle-link"> <b></b><br> <span id="monthlyCT-b"> </span><br> <span class="savings-ct" style="background-color: inherit;"> </span> </div> </a> <div style=" float: left; width: 20px; height: 1px; "></div> <a href="#" id="annual-toggle-link-b"> <div class="toggle-link"> <b></b><br> <span id="annualCT-b"> </span><br> <span id="annualSavingsCT-b" class="savings-ct"> </span> </div> </a> </div> </script> <script id="create-identity-fields-template" type="text/template"> <div class="checkout-create-account-title" data-i18n="[html]createAccount.header"></div> <div class="row"> <div class="medium-6 columns"> <label class="labels" data-i18n="createAccount.currentEmail"></label> <input type="text" id="signin-email" title="<%-$.t('createAccount.currentEmail') %>" /> </div> <div class="medium-6 columns"> <label class="labels" data-i18n="createAccount.confirmCurrentEmail"></label> <input type="text" id="signin-confirm-email" title="<%-$.t('createAccount.confirmCurrentEmail') %>" /> </div> </div> <span id="creatre-account-email-error" class="error" style="display:none;"></span> <div class="row"> <div class="medium-4 columns"> <div style="position:relative;"> <div style="position:absolute;width: 30px; top: 30px;right: 0px; "> <a href="javascript:void(0)" class="has-qtip ie8-class" data-qtip-type="secure-server" data-i18n="[title]createAccount.tooYoung"><img class="birth-year-question-mark" src="https://membership-cdn.s3.amazonaws.com/omp-static/images/yahoo/question-mark-icon.svg" /></a> </div> <label class="labels" data-i18n="createAccount.birthYear"></label> <input data-i18n="[placeholder]createAccount.birthYearPl" type="text" id="signin-birth-year" style="margin-bottom:0;" title="<%-$.t('createAccount.birthYear') %>" /> </div> </div> <div class="medium-4 columns" style="display: none;" id="signin-birth-date-container"> <label class="labels" data-i18n="createAccount.birthDate"></label> <input data-i18n="[placeholder]createAccount.birthDatePl" type="text" id="signin-birth-date" style="margin-bottom:0;" title="<%-$.t('createAccount.birthYear') %>" /> </div> <div class="medium-4 columns"></div> </div> <span id="creatre-account-birth-date-error" class="error" style="display:none;"></span> </script> <script id="checkout-error-page-template" type="text/template"> <% var hideClass=""; if(checkoutAttr.tncp != undefined && checkoutAttr.tncp){ hideClass ="print-only"; } %> <div class="row"> <div class="small-12 columns"> <h1 class="top_title" data-i18n="billing.checkoutTitle" style="font-size: 2.025rem;font-weight: bold;"></h1> </div> </div> <div style="font-size:1.25rem;margin-top: 1rem;line-height:1.5rem;"> <%=errorMsg %> </div> <% if(window.ompAuth.allow_tandt && checkoutAttr.modeConfig.enable_dispatcher != undefined && checkoutAttr.modeConfig.enable_dispatcher === true){%> <div class="row" style="padding-top:5em;text-align:center;"> <div class="medium-12 column"><div id="checkout-error-page-offer"></div> </div> </div> <% print("<sc" + "ript type='text/javascript'>"); %> var widgetWidth = "800"; var widgetHeight = "600"; if (CHECKOUT.UTIL.getMql('tablet')) { widgetWidth = "700"; } if (CHECKOUT.UTIL.getMql('mobile')) { widgetWidth = "300"; } var channelId="checkout"; if(window.ompClient && window.ompClient.namespace === "aol"){ channelId ="aolCheckout"; } var widgetConfig = { appId: channelId, locale: "<%=checkoutAttr.client.lang%>" }; var contextObj = { name: "ineligible", targetElementId: "checkout-error-page-offer", height: widgetHeight, width: widgetWidth, offerId: "<%=checkoutAttr.productAttr.attributes.offer_id%>", productName: "<%=checkoutAttr.productAttr.name%>", pricePoint: "<%=CHECKOUT.UTIL.getFormattedPrice(checkoutAttr.cartProductAttr.price) %>" } CHECKOUT.UTIL.loadScript(ompDispatcherEndpoint, function() { widgetConfig.contexts = [contextObj]; dispatcherWidget.initialize(widgetConfig); }); <% print("</sc"+"ript>"); %> <% }%> </script> <script id="checkout-top-template" type="text/template"> <div class="row hide-for-small section-header"> <div class="medium-7 columns"> <h1 data-component="app_client" data-field="CP.h1.header" class="top_title" data-i18n="billing.checkoutTitle"></h1> </div> <div class="medium-5 columns text-right"> <% if(ompClient.conf.theme=="blackwidow") { %> <a href="javascript:void(0)" class="security-link has-qtip ie8-class" data-qtip-type="secure-server" data-i18n="[title]billing.secureServerMessage;billing.secureServerLabel" data-component="app_client"></a> <% } else { %> <a href="javascript:void(0)" class="security-link has-qtip ie8-class" data-qtip-type="secure-server" data-i18n="[title]billing.secureServerMessage;" style="width:90px;height:27px;background-position:right 0px;background-size:95px 26px;background-image: url(https://o.aolcdn.com/membership/omp-static/images/yahoo/secure-badge.svg)"></a> <% } %> </div> </div> </script> <script id="curr-instrument-template" type="text/template">  <div class="row payment-method-row"> <div class="medium-5 columns stored-card-label"> <input type="radio" name="instrumentList" id="<%-instrument.id %>" data-type="<%-instrument.paymentInstrument.paymentType%>" /> <label class="card-cc check" for="<%-instrument.id %>"> <% if(instrument.paymentInstrument.paymentType=="PAYPAL_SUBSCRIPTION") { %> <%-instrument.paymentInstrument.accountHolderName %> <%-$.t('paypal.paypalAccount')%> <% } else { %> <%-CHECKOUT.UTIL.getPrettyPmtType(instrument.paymentInstrument.paymentType) %> <%-$.t('billing.cardEndingIn')%> <%-instrument.paymentInstrument.lastFourDigits %> <% } %> </label> <div class="editThisInstrumentSection"> <% if(instrument.paymentInstrument.paymentType!=="PAYPAL_SUBSCRIPTION") { %> <a href="javascript:void(0)" class="expander-link payment-method-expander" id="<%-instrument.id %>" data-i18n="[append]billing.editCard" data-type="<%-instrument.paymentInstrument.paymentType%>"></a> <% } %> </div> </div> <div class="medium-4 small-5 columns cvv2InstrumentSection">  </div> </div> </script> <script id="payment-option-template" type="text/template"> <div class="row"> <div class="medium-4 columns stored-card-label"> <input type="radio" name="paymentOption" id="paymentDD" data-id="newInstrument" /><i class="accepted-credit-cards accepted-debit-cards"></i> </div> <div class="medium-4 columns stored-card-label"> <input type="radio" name="paymentOption" id="paymentCC" data-id="newInstrument" /><i class="accepted-credit-cards uk-credit-cards"></i> </div> <div class="medium-2 columns stored-card-label"></div> </div> </script> <script id="billing-top-template" type="text/template"> <%if($.t('billing.terms','')){%> <div class="row"> <div class="medium-12 columns"> <p><%=$.t('billing.terms','')%></p> </div> </div> <%}%> </script> <script id="billing-form-template" type="text/template"> <% if(ompClient.conf.theme=="blackwidow") { %> <a href="javascript:void(0)" class="security-link show-for-small-only right has-qtip" data-qtip-type="secure-server" data-i18n="[title]billing.secureServerMessage;billing.secureServerLabel" data-component="app_client" data-field="CP.TPL.secureserver.message"></a> <% } else { %> <a href="javascript:void(0)" class="security-link show-for-small-only right has-qtip" data-qtip-type="secure-server" data-i18n="[title]billing.secureServerMessage;" style="float:right;margin-bottom:0;width:90px;height:27px;background-position:right 0px;background-size:95px 26px;background-image: url(https://o.aolcdn.com/membership/omp-static/images/yahoo/secure-badge.svg)"></a> <% } %> <% var billingGiven = (instrument&&instrument.userInformation&&instrument.userInformation.firstUserName&&instrument.userInformation.firstUserName.firstName) || (ompAuth && ompAuth.user_profile && ompAuth.user_profile.attributes && ompAuth.user_profile.attributes.name && ompAuth.user_profile.attributes.name.given); var billingFamily = (instrument&&instrument.userInformation&&instrument.userInformation.firstUserName&&instrument.userInformation.firstUserName.lastName) || (ompAuth && ompAuth.user_profile && ompAuth.user_profile.attributes && ompAuth.user_profile.attributes.name && ompAuth.user_profile.attributes.name.family); var fullName = instrument&&instrument.paymentInstrument&&instrument.paymentInstrument.accountHolderName; if(!fullName) { try { fullName = ompAuth.user_profile.attributes.name.given + " " + ompAuth.user_profile.attributes.name.family; } catch(e){} } %> <div class="row">  <div class="small-12 columns" fieldName="FULL_NAME"> <label class="labels" data-i18n="billing.fullName"></label> <input rapid="fn" type="text" maxLength="43" value="<%-fullName %>" title="<%-$.t("billing.fullName") %>" /> <span class="error"></span> </div> </div> <% if (checkoutCartPage.myStatus.useOldUsLayout()) { %> <div class="row"> <div class="medium-7 columns" fieldName="ADDRESS"> <label class="labels" data-i18n="billing.address"></label> <input rapid="address" aria-controls="tt-menu-popup-id" role="combobox" type="text" maxLength="60" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.street1: "" %>" title="<%-$.t("billing.address") %>" /> <span class="error"></span> </div> <div class="medium-5 columns" fieldName="APTUNIT"> <label class="labels" data-i18n="billing.aptUnit"></label> <input type="text" maxLength="60" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.street2: "" %>" title="<%-$.t("billing.aptUnit") %>" /> <span class="error"></span> </div> </div> <div class="row"> <div class="medium-3 columns end" fieldName="ZIP"> <label id="zipTitle" class="labels" ><%=checkoutCartPage.myStatus.getZipTitle()%></label> <input autoquery="zipcode" rapid="zip" type="text" maxLength="8" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.zip: '' %>" title="<%-checkoutCartPage.myStatus.getZipTitle() %>" /> <span class="error"></span> </div> <div class="medium-6 columns" fieldName="CITY"> <label class="labels" data-i18n="billing.city"></label> <input rapid="city" type="text" maxLength="30" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.city: '' %>" title="<%-$.t("billing.city") %>" /> <span class="error"></span> </div> <% var stateArr = $.t('stateListUS', { returnObjects: true }); if(stateArr.length>0) { %> <div class="medium-3 columns" fieldName="STATE"> <label class="labels" data-i18n="billing.state"></label> <select name="state" id="state" rapid="state" class="js-billing-form-state" title="<%-$.t("billing.state") %>"> <option value="" data-i18n="billing.chooseState"></option> <% var selectedState = !_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.state: ""; var selectedStr=""; _.each(stateArr, function(theState){ stateValue = _.keys(theState)[0]; if(selectedState == stateValue) selectedStr = "selected"; else selectedStr = ""; %> <option value="<%=stateValue %>" <%=selectedStr %>><%=stateValue %></option> <% }); %> </select> <span class="error"></span> </div> <% } %> </div> <% } else { %> <div class="row"> <div class="medium-6 columns" fieldName="ADDRESS"> <label class="labels" data-i18n="billing.address"></label> <input rapid="address" aria-controls="tt-menu-popup-id" role="combobox" type="text" maxLength="60" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.street1: "" %>" title="<%-$.t("billing.address") %>" /> <span class="error"></span> </div> <div class="medium-6 columns" fieldName="APTUNIT"> <label class="labels" data-i18n="billing.aptUnit"></label> <input type="text" maxLength="60" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.street2: "" %>" title="<%-$.t("billing.aptUnit") %>" /> <span class="error"></span> </div> </div> <div class="row"> <div class="medium-6 columns" fieldName="CITY"> <label class="labels" data-i18n="billing.city"></label> <input rapid="city" type="text" maxLength="30" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.city: '' %>" title="<%-$.t("billing.city") %>" /> <span class="error"></span> </div> <% var stateArr = $.t('stateList'+checkoutCartPage.myStatus.getCountry(), { returnObjects: true }); if(stateArr.length>0) { %> <div class="medium-6 columns" fieldName="STATE"> <label id="stateTitle" class="labels" ><%=checkoutCartPage.myStatus.getStateTitle()%></label> <% var theSelectedStateList = $.t('stateList'+checkoutCartPage.myStatus.getCountry(), { returnObjects: true }); var selectDomStyle = ""; var inputDomStyle = ""; if(Array.isArray(theSelectedStateList) && theSelectedStateList.length>0) inputDomStyle = "display:none;"; else selectDomStyle = "display:none;"; %> <select name="state" id="state" style="<%=selectDomStyle %>" rapid="state" class="js-billing-form-state" title="<%-checkoutCartPage.myStatus.getStateTitle() %>"> <option value="" ><%= $.t('choose')+' '+checkoutCartPage.myStatus.getStateTitle()%></option> <% _.each(theSelectedStateList, function(theState){ {%> <option <%-_.keys(theState)[0] && checkoutCartPage.myStatus.getState() && _.keys(theState)[0].toUpperCase()==checkoutCartPage.myStatus.getState().toUpperCase()? "selected": "" %> value="<%-_.keys(theState)[0]%>"><%-theState[_.keys(theState)[0]] %></option> <%} }, this); %> </select> <% var selectedState = ""; try { selectedState = instrument.userInformation.billingAddress.state; } catch(e){} %> <input style="<%=inputDomStyle %>" id="stateInput" name="stateInput" type="text" value="<%-selectedState %>" > <span class="error"></span> </div> <% } %> </div> <div class="row"> <div class="medium-6 columns end" fieldName="ZIP"> <label id="zipTitle" class="labels" ><%=checkoutCartPage.myStatus.getZipTitle()%></label> <input rapid="zip" type="text" maxLength="8" value="<%-!_.isUndefined(instrument.userInformation) ? instrument.userInformation.billingAddress.zip: '' %>" title="<%-checkoutCartPage.myStatus.getZipTitle() %>" /> <span class="error"></span> </div> <div class="medium-6 columns"> <label class="labels" data-i18n="billing.country"></label> <select name="country" id="country" title="<%-$.t("billing.country") %>"> <option value="" data-i18n="billing.chooseCountry"></option> <% _.each($.t('countryList', { returnObjects: true }), function(theCountry){ %> <option <%-_.keys(theCountry)[0] && checkoutCartPage.myStatus.getCountry() && _.keys(theCountry)[0].toUpperCase()==checkoutCartPage.myStatus.getCountry().toUpperCase()? "selected": "" %> value="<%-_.keys(theCountry)[0]%>"><%-theCountry[_.keys(theCountry)[0]] %></option> <% }, this); %> </select> <span class="error"></span> </div> </div> <% } %> <% if(checkoutAttr.modeConfig.eveningphone_display != undefined && checkoutAttr.modeConfig.eveningphone_display) {%> <div class="row"> <div class="medium-5 columns" fieldName="EVENINGPHONE"> <i class="help-icon has-qtip ie8-class phone-labels" data-qtip-type="secure-server" data-i18n="billing.eveningphone" data-i18n="[title]billing.eveningphone"></i> <label class="labels" data-i18n="billing.eveningphonePl"></label> <input type="text" class="eveningphone" maxLength="14" value="<%-eligibilityObj.eveningPhone ? eligibilityObj.eveningPhone: "" %>" title="<%-$.t("billing.eveningphonePl") %>" /> <span class="error"></span> </div> <div class="medium-4 columns"></div> <div class="medium-3 columns"></div> </div> <% }%> <div class="row"> <% if(isEdit) { %> <div class="medium-7 columns"> <label class="labels" data-i18n="billing.cardNumber"></label> <br/> <div style="position:relative;"> <% if (checkoutCartPage.myStatus.useOldUsLayout()) { %> <div style="position:absolute;width: 140px; top: 0px;left: 180px; "> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/creditcards.svg" alt="american express, mastercard, visa, discover" title="Credit card icon" /> </div> <% } else { %> <div style="position:absolute;width: 70px; top: 0px;left: 250px; "> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/visa-master-only.svg" alt="mastercard, visa" title="Credit card icon" /> </div> <% }%> <label style="margin-bottom: 33px;">XXXX-XXXX-XXXX-<%=instrument.paymentInstrument.lastFourDigits %></label> </div> </div> <% } else { %> <div class="medium-9 columns" fieldName="CARD_NUMBER"> <label class="labels" data-i18n="billing.cardNumber"></label> <div style="position:relative;"> <% if (checkoutCartPage.myStatus.useOldUsLayout()) { %> <div style="position:absolute;width: 140px; top: 6px;right: 10px; "> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/creditcards.svg" alt="american express, mastercard, visa, discover" title="Credit card icon" /> </div> <% } else { %> <div style="position:absolute;width: 70px; top: 8px;right: 10px; "> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/visa-master-only.svg" alt="mastercard, visa" title="Credit card icon" /> </div> <% }%> <div id="cardnumber-section" class="obick-card-number obick-div"></div> <span class="error"></span> </div> </div> <% } %> <div class="medium-3 end columns" fieldName="CVV2" style="<%-isEdit&&instrument&&instrument.id=="COF"? "display:none;": "" %>"> <i classxxx="help-icon has-qtip help-labels" data-qtip-type="cvv-diagram" title="<div class="cvv-diagram"/>"></i> <label class="labels" data-i18n="billing.secureCode"></label> <div style="position:relative;"> <div style="position:absolute;width: 40px; top: -25px;right: 25px; "> <i tabindex="0" class="help-icon has-qtip help-labels" data-qtip-type="cvv-diagram" title="Credit card security code: 3 or 4 digit"></i> </div> <div class="obick-cvv obick-div"></div> <span class="error"></span> </div> </div> </div> <div class="row" > <div class="medium-5 columns"> <div class="row" fieldName="EXPIRATION_DATE"> <div class="small-6 columns"> <label class="labels expdt" data-i18n="billing.month"></label> <select rapid="expm" class="expirationMonth" title="<%-$.t("billing.expiryDate") + " - " + $.t("billing.month") %>"> <option value="">MM</option> <% var dateObj; var selectedYear="1968"; var selectedMon="33"; if(!_.isUndefined(instrument.userInformation)){ dateObj = new Date(instrument.paymentInstrument.expiryDate); selectedYear = "" + dateObj.getFullYear(); selectedMon = dateObj.getMonth()+1; } if(selectedMon>9) selectedMon = "" + selectedMon; else selectedMon = "0" + selectedMon; for(var monVal=1; monVal<=12; monVal++) { if(monVal<10 && "0"+monVal==selectedMon){ %> <option value="<%-"0"+monVal %>" selected><%-"0"+monVal %></option> <% } else if(monVal<10) { %> <option value="<%-"0"+monVal %>"><%-"0"+monVal %></option> <% } else if(monVal==selectedMon) { %> <option value="<%-monVal %>" selected><%-monVal %></option> <% } else { %> <option value="<%-monVal %>"><%-monVal %></option> <% } } %> </select> <span class="error" style="white-space:nowrap"></span> </div> <div class="small-6 columns"> <label class="labels expdt" data-i18n="billing.year"></label> <select rapid="expy" class="expirationYear" title="<%-$.t("billing.expiryDate") + " - " + $.t("billing.year") %>"> <option value="">YY</option> <% var currYear = new Date().getFullYear(); for(var yearVal=currYear; yearVal<=currYear+10; yearVal++) { if(yearVal+""==selectedYear) { %> <option value="<%-yearVal %>" selected><%=yearVal%2000 %></option> <% } else { %> <option value="<%-yearVal %>"><%=yearVal%2000 %></option> <% } } %> </select> </div> </div> </div> <div class="medium-6 end columns credit-debit-checkbox" fieldName="CREDIT_DEBIT"> <% if(!isEdit) { %> <% if(ompClient.conf.pageLevel.checkout && ompClient.conf.pageLevel.checkout.default && ompClient.conf.pageLevel.checkout.default.disableDebit=="true") { %>   <% } else { %> <%if($.t('billing.usingDebit')){%> <i class="has-qtip ie8-class debit-labels" data-qtip-type="secure-server" data-i18n="[title]billing.usingDebit" data-i18n="question"></i> <% } %> <input type="checkbox" id="credit-debit" title="<%= $.t('billing.usingDebit')%>"/><%= $.t('billing.usingDebit')%><label class="debitcard-cc check-debit" for="credit-debit"></label> <% } %> <% } %> </div> </div> <% if(!isEdit) { %> <div class="obick-apple-pay-class" id="obick-apple-pay" style="max-height: 40px;">  </div> <% } %> </script> <script id="alert-notification-template" type="text/template"> <i class="<%-iconClass %>"></i> <div> <%=message1 %> </div> <div class="more-content"> <%=typeof message2 !='undefined' ? message2 : "" %> </div> </script> <script id="referred-template" type="text/template"> <div class="referred-section"> <div class="referred-section__header"> <img src="<%=checkoutAttr.productAttr.attributes.refer_friend_header_icon%>"> </div> <div class="referred-section__body"> <h2 class="referred-section__title"><%=checkoutAttr.productAttr.attributes.refer_friend_header %></h2> <p> <%=checkoutAttr.productAttr.attributes.refer_friend_desc %> </p> </div> </div> </script> <script id="eligibility-conflict-message-template" type="text/template"> <div style="margin-top: 1rem"> <% if(conflictingProducts && conflictingProducts.length) { var bundleConflicts = {}; var nonBundleConflicts = {}; _.each(conflictingProducts, function(product) { if(product.conflictingOfferBundleType !== 'NONE'){ if(_.has(bundleConflicts,product.conflictingOfferName)){ bundleConflicts[product.conflictingOfferName].push(product); } else { bundleConflicts[product.conflictingOfferName] = [product]; } } else { if(_.has(nonBundleConflicts,product.conflictingOfferName)){ nonBundleConflicts[product.conflictingOfferName].push(product); } else { nonBundleConflicts[product.conflictingOfferName] = [product]; } } }); %> <% _.each(bundleConflicts, function(value, key) { %> <ul style="font-size:inherit;margin-bottom:0.5rem"><li><%=key%></li> <li style="list-style-type: none;"> <ul style="font-size:inherit"> <% for (var i = 0; i < value.length; i++) { if(value[i].conflictingProductName !== key && (value[i].conflictingOfferDisplayType && value[i].conflictingOfferDisplayType !== 'STANDALONE')) {%> <li><%=value[i].conflictingProductName%></li> <% } } %> </ul> </li> </ul> <% }) %> <% _.each(nonBundleConflicts, function(value, key) { %> <ul style="font-size:inherit;"> <% for (var i = 0; i < value.length; i++) {%> <li><%=value[i].conflictingProductName%></li> <% } %> </ul> <% }) %> <%}%> </div> </script> <script id="product-summary-template" type="text/template">  <div class="row show-for-small-only"> <div class="medium-7 columns"> <h1 data-component="app_client" data-field="CP.h1.header" class="top_title" style="display:none;" data-i18n="billing.checkoutTitle"></h1> </div> </div> <% var frequencyMap = $.t('billing.frequencyMap', { returnObjects: true }); var withTrialPeriod = false; var withTncpTrialPeriod = checkoutAttr.tncp; var withTncpwc = false; var hideClass=""; var subWithPhoneFeature= checkoutAttr.subWithPhone; var subWithPhoneCnt = checkoutAttr.subWithPhoneCnt; if(checkoutAttr.tncp != undefined && checkoutAttr.tncp){ hideClass ="print-only"; } if(checkoutAttr.miscAttr && checkoutAttr.miscAttr.tncpwc){ withTncpwc = checkoutAttr.miscAttr.tncpwc; } var subWithGiftFeature = checkoutAttr.subWithGift; var subWithGiftObj = checkoutAttr.subWithGiftObj; var subWithGiftRedeem = checkoutAttr.subWithGiftRedeem; var hideProductPrice=""; if(subWithGiftRedeem) { hideProductPrice ="print-only"; } var isHide = false; try { if(checkoutAttr.cartAttr.xt) { var tntComponentObjArr = JSON.parse(checkoutAttr.cartProductAttr.attributes.tnt_component.replace(/\n/g, "")); isHide = CHECKOUT.UTIL.getValueFromObjArr(tntComponentObjArr, "productSummarySection"); } } catch (e) {} %> <div class="product-summary" style="<%-isHide? "display: none;": "" %>"> <img src="<%-checkoutAttr.productAttr.attributes.medium_img_url %>" xKEEPx="http://placehold.it/140x80" data-src="attributes.medium_img_url" data-component="mag_catalog" data-field="attributes.medium_img_url" /> <a href="javascript:void(0)" style="display:none;" class="security-link has-qtip ie8-class" data-qtip-type="secure-server" data-i18n= "[title]billing.secureServerMessage;billing.secureServerLabel" data-component="app_client" data-field="CP.secureserver.message"></a> <p class="product-name" data-component="mag_catalog" data-field="name"><%=checkoutAttr.productAttr.name %></p> <p class="product-desc" style="padding-right: 10px;"><%=checkoutAttr.productAttr.description %></p> </div>  <div id="billing-period-toggle-component-b"></div> <div class="js-product-pricing-disclaimer-section"> <div class="product-pricing <%-hideProductPrice%>"> <% if($.t('billing.price')){%> <div class="row <%-hideClass%>"> <% var thePrice = checkoutAttr.enableTaxCalculation? $.t('billing.price'): $.t('billing.subscriptionFee'); var labelFee = frequencyMap[checkoutAttr.cartProductAttr.attributes.time_period] + " "; var msrp = checkoutAttr.cartProductAttr.attributes.msrp; var cartPrice = checkoutAttr.cartProductAttr.price; if(subWithPhoneFeature){ thePrice = thePrice.replace(":","") + "<br><span style='font-size: 0.875rem;'>" + $.t('subscriptionWithPhone.priceLabel') + "</span>"; } if(checkoutAttr.cartProductAttr.attributes.time_period=="142") { //one time purchase var theSubscriptionFeeText = $.t('billing.subscriptionFeeForOneTime', ""); if(theSubscriptionFeeText) thePrice = checkoutAttr.enableTaxCalculation? $.t('billing.price'): theSubscriptionFeeText; } if(ompClient.lang == "fr-FR" ) { labelFee = thePrice + " " + labelFee + ":"; } else { labelFee = labelFee + thePrice; } if(subWithGiftFeature){ cartPrice = subWithGiftObj.price; labelFee = subWithGiftObj.display_duration_type + " "+thePrice; } //default is small-9 and small-3 for two columns var labelWidth = "9"; if(thePrice) { try { labelWidth = $.trim(checkoutAttr.productAttr.attributes.annual_spacing)||"9"; if(isNaN(labelWidth)) labelWidth = "9"; } catch (e) {} %> <div class="small-<%-labelWidth %> columns" data-component="mag_catalog" data-field="attributes.time_period"> <%=labelFee%> </div> <div class="small-<%-(12-labelWidth) %> columns text-right price" data-component="mag_catalog" data-field="price"> <% if(checkoutAttr.cartProductAttr.attributes.msrp) { %> <span class="strikethrough"> <%=CHECKOUT.UTIL.getFormattedAmount(checkoutAttr.cartProductAttr.attributes.msrp,checkoutAttr) %> </span> <% } else { %> <%=CHECKOUT.UTIL.getFormattedAmount(cartPrice,checkoutAttr) %> <% } %> </div> <%}}%> </div> <% if(subWithGiftFeature) { %> <% var durationStr = subWithGiftObj.duration; var durationTypeStr = subWithGiftObj.duration_type; if(durationStr && durationTypeStr) { %> <div class="row" style="margin-top: -10px;"> <div class="small-12 columns"> <%-durationStr %>-<%-durationTypeStr.toLowerCase() %> subscription </div> </div> <% } %> <% } %> <% if(checkoutAttr.cartProductAttr.attributes.msrp) { %> <div class="row discount-row-color"> <div class="small-7 columns"> <%=checkoutAttr.enableTaxCalculation? $.t('billing.discountPrice'): $.t('billing.discountPriceNew') %> </div> <div class="small-5 columns text-right" data-component="mag_catalog" data-field="price"> <%=CHECKOUT.UTIL.getFormattedAmount(checkoutAttr.cartProductAttr.price,checkoutAttr) %> </div> </div> <% } %> <% if(subWithPhoneFeature) { %> <div class="row subwithphone-row-color"> <div class="small-7 columns" data-i18n="subscriptionWithPhone.numberOfPhones"></div> <div class="small-5 columns text-right device-cnt"></div> </div> <%}%> <div class="row js-promo-row-1 promo-row-color" style="display:none;"> <div class="small-7 columns" data-i18n="[prepend]billing.promoDiscount"> <br> <span style="font-size: 11px; font-weight: normal;" class="js-promo-display-text"></span> </div> <div style="font-size:1.425rem;" class="small-5 columns text-right js-promo-amount"></div> </div> <div class="row js-promo-row-2 promo-row-color" style="display:none;"> <div class="small-7 columns" data-i18n="[prepend]billing.promoDiscount"> <br> <span style="font-size: 11px; font-weight: normal;" class="js-promo-display-text"></span> </div> <div style="font-size:1.425rem;" class="small-5 columns text-right js-promo-amount"></div> </div> <div class="row js-promo-row-3 promo-row-color" style="display:none;"> <div class="small-7 columns" data-i18n="[prepend]billing.promoDiscount"> <br> <span style="font-size: 11px; font-weight: normal;" class="js-promo-display-text"></span> </div> <div style="font-size:1.425rem;" class="small-5 columns text-right js-promo-amount"></div> </div> <div class="row js-commitment-row commitment-row" style="display:none;"> <div class="small-7 columns commitment-row-left"></div> <div class="small-5 columns commitment-row-right"></div> </div> <% if(checkoutAttr.enableTaxCalculation) { %> <div id="tax-details" class="<%-hideClass%>"></div> <% } else { %> <div id="no-tax-total-fee" style="display:none;"> <hr class="dotted-hr-line" /> <div class="row"> <div class="small-8 columns"> <%-$.t('billing.totalNoTax')%><sup class='js-4-asterisk' style='font-weight:normal;display:none;' >✣</sup><sup class='js-dagger' style='font-weight:normal;display:none;' >&dagger;</sup><span aria-hidden='true'>:</span> </div> <div class="small-4 columns text-right price js-total-amount"></div> </div> </div> <% } %> <% if(checkoutAttr.cartProductAttr.attributes.trial_period && checkoutAttr.cartProductAttr.attributes.trial_period!= "0") { withTrialPeriod = true; var freeTrialPeriodText = $.t('billing.freeTrialPeriod') + "<sup style='font-weight:normal;' >*</sup><span aria-hidden='true'>:</span>"; var freeTrialPeriod = checkoutAttr.cartProductAttr.attributes.trial_period; if(withTncpTrialPeriod){ freeTrialPeriodText = $.t('tncp.freeTrialPeriod') + "<sup style='font-weight:normal;' >*</sup><span aria-hidden='true'>:</span>"; withTrialPeriod=false; } if(withTncpwc){ withTrialPeriod=false; freeTrialPeriodText = $.t('tncpwc.freeRemainingDays'); freeTrialPeriod = checkoutAttr.orderSubObj.remainingDays; } checkoutCartPage.myStatus.applePayContext.freeTrialPeriod = freeTrialPeriod; %> <div class="row"> <div class="small-7 columns free-trial-period-row-color" data-component="app_client" data-field="CP.TPL.freetrialperiod"> <%=freeTrialPeriodText %> </div> <div class="small-5 columns text-right brand-specific-text-color free-trial-period-row-color" data-i18n="[append]billing.daysLabel" data-component="mag_catalog" data-field="attributes.time_period"> <%-freeTrialPeriod %> </div> </div> <% } %> <% if(!withTrialPeriod && checkoutAttr.miscAttr.freeTrialConflict){%> <div class="row"> <div class="small-7 columns free-trial-period-row-color" data-component="app_client" data-field="CP.TPL.freetrialperiod"> <%=$.t('billing.freeTrialPeriod')%>: </div> <div class="small-5 columns text-right brand-specific-text-color free-trial-period-row-color" data-i18n="[append]billing.daysLabel" data-component="mag_catalog" data-field="attributes.time_period"> <%-checkoutAttr.cartProductAttr.attributes.trial_period %> </div> </div> <% }%> <% if(subWithPhoneFeature) { %> <hr class="dotted-hr-line" /> <div class="row subwithphone-row-color"> <div class="small-7 columns js-total-fee-label"> <%-$.t('subscriptionWithPhone.totalPrice')%><sup class='js-4-asterisk' style='font-weight:normal;display:none;' >✣</sup><sup class='js-dagger' style='font-weight:normal;display:none;' >&dagger;</sup><span aria-hidden='true'>:</span> </div> <div class="small-5 columns text-right device-price"></div> </div> <%}%> </div> <% if(checkoutAttr.productAttr.attributes.product_disclaimer) { %> <% if(checkoutCartPage.bundleProductDetailView.isBundle) { %> <% var productDisclaimerObj = ""; try { productDisclaimerObj = JSON.parse(checkoutAttr.productAttr.attributes.product_disclaimer.replace(/\n/g, "")); } catch(e) {} %> <% if(productDisclaimerObj && productDisclaimerObj.promoDisclaimer) { %> <div class="plan-disclaimer-text js-bundle-product-disclaimer" style="display:none;"><%=productDisclaimerObj.promoDisclaimer %></div> <div class="plan-disclaimer-text js-bundle-product-disclaimer-error" style="display:none;"><%=productDisclaimerObj.promoDisclaimerError||"" %></div> <% } %> <% if(productDisclaimerObj && productDisclaimerObj.disclaimer) { %> <div class="disclaimer" style="margin-bottom: 10px;"><%=productDisclaimerObj.disclaimer %></div> <% } %> <% } else { %> <div class="disclaimer product-disclaimer"><%=checkoutAttr.cartProductAttr.attributes.disclaimer_override || checkoutAttr.productAttr.attributes.product_disclaimer.split("#####")[0] %></div> <% } %> <% } %> <% if(checkoutAttr.productAttr.attributes.promo_details) { %> <div class="disclaimer promo-details" style="display:none;"> <%=checkoutAttr.productAttr.attributes.promo_details %> </div> <% } %> <div class="disclaimer tax-text js-promo-disclaimer-row-1" style="display:none;" ></div> <div class="disclaimer tax-text js-promo-disclaimer-row-2" style="display:none;" ></div> <div class="disclaimer tax-text js-promo-disclaimer-row-3" style="display:none;" ></div> <% if(checkoutAttr.enableTaxCalculation && checkoutAttr.modeConfig.etax_enabled !== undefined && checkoutAttr.modeConfig.etax_enabled){%> <%if($.t('billing.taxDisclaimer')){%> <div class="disclaimer tax-text" data-component="app_client" data-field="CP.TPL.tax.disclaimer" data-i18n="[append]billing.taxDisclaimer"><sup>&dagger;</sup></div> <%}%> <%}%> <% if(withTrialPeriod) { %> <div class="disclaimer" style="line-height:14px;" data-component="app_client" data-field="CP.TPL.disclaimerWithFreeTrial" ><%= $.t('billing.disclaimerWithFreeTrial',{'trial_period': checkoutAttr.cartProductAttr.attributes.trial_period}) %></div> <% } else { %> <div class="disclaimer js-no-free-trial-disclaimer" data-component="app_client" data-field="CP.TPL.disclaimer"></div> <% } %> <% if(withTncpTrialPeriod) { %> <div class="disclaimer" style="line-height:14px;" data-component="app_client" data-field="tncp.disclaimerWithFreeTrial" data-i18n="[html]tncp.disclaimerWithFreeTrial"></div> <%}%> <% if(withTncpwc) { var trialPrice = CHECKOUT.UTIL.getFormattedAmount(checkoutAttr.cartProductAttr.price,checkoutAttr); %> <div class="disclaimer" style="line-height:14px;" data-component="app_client" data-field="tncpwc.discalimerWithFreeDays" ><%= $.t('tncpwc.disclaimerWithFreeDays',{'price':trialPrice}) %></div> <%}%> </div>  </script> <script id="tax-details-template" type="text/template">  <% if(checkoutAttr.modeConfig.etax_enabled){%> <% if(checkoutAttr.pageProp.CP.TPL.estimatedtax) {%> <div class="row"> <div class="small-7 columns" data-component="app_client" data-field="CP.TPL.estimatedtax"> <%=checkoutAttr.pageProp.CP.TPL.estimatedtax%> </div> <div class="small-5 columns text-right price" id="etax-amount"> <% if(etax.estimatedTaxAmt != undefined){%> <% if(etax.estimatedTaxAmt == "0") {%> <%=CHECKOUT.UTIL.getFormattedAmount("0.00",checkoutAttr) %> <%}else{%> <%=CHECKOUT.UTIL.getFormattedAmount(parseFloat(etax.estimatedTaxAmt / 100).toFixed(2),checkoutAttr) %> <%} %> <%} else {%> <div class="columns text-right" id="etax-amount-default"><%=etax.defaultText%></div> <% }%> </div> </div> <% } %> <% if(checkoutAttr.pageProp.CP.TPL.totaltax) {%> <hr /> <div class="row"> <div class="small-8 columns" data-component="app_client" data-field="CP.TPL.totaltax"> <%=checkoutAttr.pageProp.CP.TPL.totaltax %><%=checkoutCartPage.bundleProductDetailView.isBundle? "<sup>**</sup>": "" %><span aria-hidden='true'>:</span> </div> <div class="small-4 columns text-right price" id="etax-total"> <% if(etax.estimatedTaxAmt != undefined){%> <%=CHECKOUT.UTIL.getFormattedAmount(CHECKOUT.UTIL.getTotalPayment(etax.taxableAmount / 100,(etax.estimatedTaxAmt / 100)),checkoutAttr)%> <%} else {%> <div class="columns text-right" id="etax-total-default"><%=etax.defaultText%></div> <% }%> </div> </div> <% }%> <%}%> </script> <script id="bundled-summary-template" type="text/template"> <%if(magentoObj[skus].attributes.obi_bundle_inc_header){%> <h3 class="bundled-header"><%=magentoObj[skus].attributes.obi_bundle_inc_header %></h3> <% if(magentoObj[skus].attributes.obi_bundle_desc) {%> <%=magentoObj[skus].attributes.obi_bundle_desc %> <% } %> <% _.each(bundledItem,function(bundledItem){ _.each(bundledItem.products,function(bundledItemProduct,i){ %> <div class="bundled-product"> <% _.each(bundledItemProduct.additionalAttributes,function(aItems){%> <% if(aItems.key =="obi_bundle_prd_name"){ %> <h4><%= aItems.value %></h4> <% } %> <% if(aItems.key =="obi_bundle_prd_desc"){ %> <div><p><%= aItems.value %></p></div> <% } %> <%});%> </div> <% }); }); %> <% }%> </script> <script id="payment-information-text-template" type="text/template"> <% var billingHeader = $.t('billing.headerTitle'); var billingHeaderDesc = $.t('billing.headerMsg'); if(!checkoutAttr.cartProductAttr.attributes.trial_period || checkoutAttr.cartProductAttr.attributes.trial_period== "0") { billingHeaderDesc = ""; } if(checkoutAttr.miscAttr && checkoutAttr.miscAttr.freeTrialConflict) { billingHeaderDesc = ""; } if(checkoutAttr.miscAttr && checkoutAttr.miscAttr.tncpwc){ billingHeaderDesc = $.t('tncpwc.billingHeaderDescription',{productName:checkoutAttr.productAttr.name}); } if(checkoutAttr.productAttr.attributes.product_custom_description) { billingHeaderDesc = checkoutAttr.productAttr.attributes.product_custom_description; } %> <% if(billingHeaderDesc || !checkoutAttr.auth.authLoggedIn) { %> <div class="header"> <h3 style="display:inline-block;"><%=billingHeader%></h3> <% if(billingHeaderDesc) { %> <p style="display:inline-block;"><%=billingHeaderDesc%></p> <% } %> </div> <% } %> </script> <script id="domicile-content-template" type="text/template">  <%if(checkoutAttr.modeConfig.domicile_content) {%> <div fieldname="DOMICILE_CONTENT" id="_DOMICILE_CONTENT_ID" data-component="mag_client" data-field="domicile_content"> <label><%=checkoutAttr.modeConfig.domicile_content%></label> </div> <% } %> </script> <script id="bundle-product-detail-template" type="text/template"> <% var bundleHeader = checkoutAttr.productAttr.attributes.bundle_include_label||$.t('bundle.planIncludes', {'planName': checkoutAttr.productAttr.name}); var subWithGiftFeature = checkoutAttr.subWithGift; if(subWithGiftFeature){ bundleHeader = $.t('gift.planIncludes'); } var subWithGiftRedeem = checkoutAttr.subWithGiftRedeem; if(subWithGiftRedeem){ bundleHeader = $.t('giftRedeem.giftRedeemPlanIncludes'); } %> <% if(showBenefitList) { %> <h3 class="plan-includes"> <%=bundleHeader %> </h3> <% _.each(productList, function(theP, index){ %> <div class="bundled-product <%-(index==0&&!showPopupLink)? "bundled-product-first": "" %>"> <img src="<%-theP.image %>"> <h4><%=theP.name %></h4> <div class="desc"><%=theP.desc %></div> <% if(index==0 && !showPopupLink) { %> <div class="wrapper-plus"> <div class="line"></div> <div class="textplus"><div class="plus">PLUS</div></div> </div> <% } %> </div> <% }, this); %> <% if(showPopupLink) { %> <h4 style="margin: 1rem 0 0 1.8rem;font-weight: bold;"> <a href="#" class="show-product-lightbox"> <div style="float: left;margin-top: -2px;"> <img src="https://s.aolcdn.com/membership/omp-static/images/aol/Open_Icon.svg"> </div> <div style="display: inline-block;margin-left: 7px;">See all products</div> </a> </h4> <% } %> <% } %> <% if(showSystemRequirementsLink) { %> <h4 style="margin: 2rem 0 0 0;font-weight: bold;"> <a href="#" class="show-system-requirements-lightbox"> <div style="float: left;margin-top: -2px;"> <img src="https://s.aolcdn.com/membership/omp-static/images/aol/Open_Icon.svg"> </div> <div style="display: inline-block;margin-left: 7px;"><%=$.t('billing.viewSystemRequirements')%></div> </a> </h4> <% } %> </script> <script id="extra-disclaimer-template" type="text/template"> <div style="margin: 20px 0;"> <% if(productDisclaimerObj.instruction) { %> <p style="font-weight: bold;"><%=productDisclaimerObj.instruction %></p> <% } %> <div style="font-weight: bold;font-size: 15px;">[<a class="js-toggle-display-disclaimer-ocm" href="#"> + </a>] <%=productDisclaimerObj.label %></div> <span style="display: none; color: rgb(102, 102, 102); font-size: 12px; line-height: 14px;" class="js-disclaimer-detail-ocm"> <div> </div> <%=productDisclaimerObj.content %> </span> </div> </script> <script id="bundle-product-lightbox-template" type="text/template"> <% var middleNum = Math.ceil(productList.length/2); %> <div class="mobile-top-close-area"> <div style="float: left;cursor: pointer;" class="close-modal"> <svg width="29px" height="19px" viewBox="0 0 29 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g transform="translate(-345.000000, -31.000000)" stroke="#000000"> <g transform="translate(346.000000, 32.000000)"> <polyline points="8.64197531 16.9082126 0 8.45410628 8.64197531 0"></polyline> <line x1="27.2222222" y1="8.352657" x2="0" y2="8.45410628"></line> </g> </g> </g> </svg> </div> <div style="padding-left: 10px;cursor: pointer;display: inline;font-size: 1.255rem;color:#777;" class="close-modal">Return to checkout</div> </div> <div class="desktop-top-close-area" > <i class="close-modal" style="cursor:pointer;font-size: 38px;">×</i> </div> <div class="plan-name-area"> <%=checkoutAttr.productAttr.name %> </div> <div class="row"> <div class="small-12 medium-6 columns"> <% _.each(productList, function(theP, index){ %> <% if(index < middleNum) { %> <div class="lightbox-product-item <%-index==0? "expanded": "" %>"> <div class="lightbox-product-marker"><img /></div> <div class="lightbox-product-name"><%=theP.name %></div> <div class="lightbox-product-desc"><%=theP.desc %></div> </div> <% } %> <% }, this); %> </div> <div class="small-12 medium-6 columns"> <% _.each(productList, function(theP, index){ %> <% if(index >= middleNum) { %> <div class="lightbox-product-item"> <div class="lightbox-product-marker"><img /></div> <div class="lightbox-product-name"><%=theP.name %></div> <div class="lightbox-product-desc"><%=theP.desc %></div> </div> <% } %> <% }, this); %> </div> </div> <div class="bottom-close-button"> <a href="javascript:void(0);" class="close-modal round button" style="font-size: 14px;color: #fff;width: 130px;">Close</a> </div> <div class="bottom-close-button-mobile"> <a href="javascript:void(0);" class="close-modal round button" style="font-size: 14px;color: #fff;width: 280px;">Return to Checkout</a> </div> </script> <script id="bundle-product-system-requirements-lightbox-template" type="text/template"> <div class="mobile-top-close-area"> <div style="float: left;cursor: pointer;" class="close-modal"> <svg width="29px" height="19px" viewBox="0 0 29 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g transform="translate(-345.000000, -31.000000)" stroke="#000000"> <g transform="translate(346.000000, 32.000000)"> <polyline points="8.64197531 16.9082126 0 8.45410628 8.64197531 0"></polyline> <line x1="27.2222222" y1="8.352657" x2="0" y2="8.45410628"></line> </g> </g> </g> </svg> </div> <div style="padding-left: 10px;cursor: pointer;display: inline;font-size: 1.255rem;color:#777;" class="close-modal">Return to checkout</div> </div> <div class="desktop-top-close-area" > <i class="close-modal" style="cursor:pointer;font-size: 38px;">×</i> </div> <div class="plan-name-area"><%-$.t('bundle.productsAndSystemReq')%></div> <div class="row"> <div class="small-12 medium-12 columns"> <% _.each(productList, function(theP, index){ %> <div class="lightbox-product-name"><%=theP.name %></div> <% if(theP.systemRequirements) { %> <div class="lightbox-product-item"> <div class="lightbox-product-system-requirements"><%=theP.systemRequirements %></div> </div> <% } %> <% }, this); %> </div> </div> <div class="bottom-close-button"> <a href="javascript:void(0);" class="close-modal round button" style="font-size: 14px;color: #fff;width: 130px;">Close</a> </div> <div class="bottom-close-button-mobile"> <a href="javascript:void(0);" class="close-modal round button" style="font-size: 14px;color: #fff;width: 280px;">Return to Checkout</a> </div> </script>  <script id="billing-purchase-tos-checkbox" type="text/template"> <% _.each(tosBoxes, function(tos) { %> <div class="checkbox-group"> <input type="checkbox" id="<%= tos.id %>"> <% if(ompClient.conf.pageLevel.checkout.default.enableNewsletter=="true") { %> <label for="<%= tos.id %>" class="debitcard-cc check-debit"></label> <span class="recurring-confirm-text" name="<%= tos.id %>"><%=tos.label%></span> <% } else { %> <label for="<%= tos.id %>" class="debitcard-cc check-debit"><%=tos.label%></label> <% } %> </div> <% }, this); %> </script> <script type="text/template" id="sub-with-phone-template"> <%if(phoneCnt == 0){%> <hr class="show-for-small-only"/> <div class="row"> <div class="medium-12 columns"> <% if($.t('subscriptionWithPhone.tosText')){%> <p class="subWithPhoneTos"></p> <%}%> </div> </div> <%}%> <div class="subwithphone" id="<%=phoneCnt%>_subwithphone" data-phonecnt="<%=phoneCnt%>"> <div class="row"> <div class="medium-10"> <div class="small-5 columns" fieldName="PHONE_NUMBER"> <input type="text" name="phone_number" data-phonecnt="<%=phoneCnt%>" id="phonemask_<%=phoneCnt%>" maxlength="12" data-i18n="[placeholder]subscriptionWithPhone.phoneNumberPlaceHolder"/> <span class="error"></span> </div> <div class="small-5 columns" fieldName="NICK_NAME"> <input type="text" maxlength="25" name="nick_name" data-phonecnt="<%=phoneCnt%>" data-i18n="[placeholder]subscriptionWithPhone.nickNamePlaceHolder"/> <span class="error"></span> </div> <%if(phoneCnt == 0){%> <div class="small-1 columns"> </div> <%}%> <%if(phoneCnt >0){%> <div class="small-1 columns" fieldName="REMOVE" style="float:left;"> <a href="javascript:void(0);" class="trash-can removeSubWithPhone" data-phonecnt="<%=phoneCnt%>" id="<%=phoneCnt%>_removeSubWithPhone"></a> </div> <%}%> </div> </div> </div> <%if(phoneCnt == 0){%> <div class="row addSubWithPhoneRow"> <div class="medium-10"> <div class="small-12 columns addSubwithPhone" fieldName="ADD"> <a href="javascript:void(0);" data-i18n="subscriptionWithPhone.addPhone" style="border: 2px #0f69ff solid;padding: 0.375rem 2rem; border-radius: 1.35715rem; display: inline-block; text-decoration: none; background: #FFF; color: #0f69ff; margin-bottom: 10px;" id="addSubWithPhone"></a> </div> <div class="small-12 columns addSubwithPhoneText"> <%=$.t('subscriptionWithPhone.phoneAdditionalText',{'price':CHECKOUT.UTIL.getFormattedAmount(checkoutAttr.cartProductAttr.price,checkoutAttr)})%> </div> </div> </div> <hr class="show-for-small-only"/> <%}%> </script> <script id="tandc-content-template" type="text/template"> <div id="debit-tos-agreement" class="small-12 columns"> <input type="checkbox" data-component="app_client" data-field="CP.iagree.label" id="iagree"/> <label for="iagree" class="debitcard-cc check-debit"></label> <span class="iagree-label"><%-$.t('billing.iagreeLabel')%></span> <span class="error"></span> </div> <div id="tos-agreement-content" class="small-12 columns"></div> </script> <script type="text/template" id="sub-with-gift-template"> <% var userGiven = (ompAuth && ompAuth.user_profile && ompAuth.user_profile.attributes && ompAuth.user_profile.attributes.name && ompAuth.user_profile.attributes.name.given) || ""; var userFamily = (ompAuth && ompAuth.user_profile && ompAuth.user_profile.attributes && ompAuth.user_profile.attributes.name && ompAuth.user_profile.attributes.name.family)|| ""; %> <div class="row"> <div class="medium-12 columns"> <h4><%=$.t('gift.giftHeader')%></h4> <p></p> </div> </div> <% if(giftOptionList.length > 1) { %> <div class="row"> <div class="medium-6 columns" fieldName="GIFT_OPTION_SELECT"> <label class="labels" data-i18n="gift.giftOptionSelect">Gift subscription </label> <select name="giftoptionselect" id="giftoptionselect" rapid="giftplan" class="js-billing-form-state"> <% var selectedOption = !_.isUndefined(gftId) ? gftId: ""; var selectedStr=""; _.each(giftOptionList, function(theOption){ optionValue = theOption.duration; optionDisplay = ""; if(selectedOption == optionValue) selectedStr = "selected"; else selectedStr = ""; %> <option value="<%=optionValue %>" <%=selectedStr %>><%-theOption.display_duration_type %> - <%=CHECKOUT.UTIL.getFormattedAmount(theOption.price,checkoutAttr)%></option> <% }); %> </select> <span class="error"></span> </div> </div> <% } %> <div class="row"> <div class="medium-6 columns" fieldName="GIFT_RECIPIENT_NAME"> <label class="labels" data-i18n="gift.giftRecipientName">Recipient name</label> <input rapid="giftrecipientname" type="text" maxLength="60" value="" /> <span class="error"></span> </div> <div class="medium-6 columns" fieldName="GIFT_RECIPIENT_EMAIL"> <label class="labels" data-i18n="gift.giftRecipientEmail">Recipient email</label> <input type="text" rapid="giiftrecipientemail" maxLength="60" value="" /> <span class="error"></span> </div> </div> <div class="row"> <div class="medium-12 columns" fieldName="GIFT_RECIPIENT_MESSAGE"> <label class="labels" data-i18n="gift.giftRecipientMessage">Personalized message(optional)</label> <textarea type="text" rapid="giftrecipientmessage" id="recipientmessage" maxLength="255" cols="40" rows="4" value="" data-i18n="gift.giftRecipientMessageDefault" /> <span class="error"></span> </div> </div> <div class="row"> <div class="medium-6 columns" fieldName="GIFT_SENDER_NAME"> <label class="labels" data-i18n="gift.giftSenderName">Your name</label> <input type="text" rapid="giftSenderName" id="giftSenderName" maxLength="60" value="<%=userGiven%>" /> <span class="error"></span> </div> <div class="medium-6 columns giftdeliverydate" fieldName="GIFT_DELIVERY_DATE"> <label class="labels" data-i18n="gift.giftDeliveryDate">Delivery date</label> <div style="position:relative;"> <div class="giftcalendaricon" style="position:absolute;top: 6px;right: 10px; "> <img src="https://s.aolcdn.com/membership/omp-static/images/yahoo/calendar-icon-3.svg" /> </div> <input rapid="giftdeliverydate" type="text" id="giftdeliverydate" data-toggle="datepicker" data-i18n="[placeholder]gift.giftImmediateDate" maxLength="60" value="" /> <span class="error"></span> </div> </div> </div> </script> <script id="checkout-top-gift-redeem-template" type="text/template"> <% var billingCheckoutTitle = $.t('giftRedeem.giftRedeemHeader'); if(checkoutAttr.subWithGiftRedeemObj.error && checkoutAttr.subWithGiftRedeemObj.error == "true"){ billingCheckoutTitle = $.t('giftRedeem.giftRedeemInvalidToken'); } if(checkoutAttr.subWithGiftRedeemObj.error && checkoutAttr.subWithGiftRedeemObj.error == "false"){ billingCheckoutTitle = $.t('giftRedeem.giftRedeemAuthHeader'); } %> <div class="row section-header"> <div class="medium-8 columns"> <h1 data-component="app_client" data-field="CP.h1.header" class="top_title"><%=billingCheckoutTitle%></h1> </div> <div class="medium-4 columns text-right hide-for-small"> <a href="javascript:void(0)" class="security-link has-qtip ie8-class" data-qtip-type="secure-server" data-i18n="[title]billing.secureServerMessage;billing.secureServerLabel" data-component="app_client"></a> </div> </div> </script> <script id="signin-option-gift-redeem-template" type="text/template">   <% var productName = checkoutAttr.productAttr.name; var cnTopHeader = $.t('giftRedeem.giftRedeemHeaderDesc',{"productName":checkoutAttr.productAttr.name}) %> <div class="grey-background"> <div class="row"> <div class="medium-12 columns"> <h4><%=productName%></h4> <h3> <%=cnTopHeader %> </h3><p></p> </div> <div class="columns"> <div class="medium-6 columns signin brand-specific-text-color" data-component="app_client" data-field="CN.already.have.v3.signin"><a id="new-user-page-sign-in" href="#" class="button" style="width:100% !important"><%=$.t('billing.signInLabel')%></a></div> </div> <% if(ompAuth.createAccountLink) { var theLink = ompAuth.createAccountLink; if(ompClient.namespace=="aol") { var queryStringObj = CHECKOUT.UTIL.getQueryParamObj(theLink); queryStringObj[".done"] = queryStringObj.dest; delete queryStringObj.dest; var newQueryString = "https://login.aol.com/account/create?"; _.each(queryStringObj, function(value, key){ newQueryString += key + "=" + encodeURIComponent(value) + "&"; }); theLink = newQueryString; } %> <div class="columns"> <div class="medium-6 columns signin brand-specific-text-color" data-component="app_client" data-field="CN.already.have.v3.signin"><a id="new-user-page-sign-up" href="<%=theLink %>" class="button" style="width:100% !important"><%=$.t('billing.signUpLabel')%></a></div> </div> <%}%> </div> </div> </script> <script id="sub-with-gift-redeem-template" type="text/template"> <% var redeemDesc = $.t('giftRedeem.giftRedeemHeaderDesc',{"productName":checkoutAttr.productAttr.name}) var greyBoxClass ="grey-background"; if(checkoutAttr.subWithGiftRedeemObj && checkoutAttr.subWithGiftRedeemObj.error && checkoutAttr.subWithGiftRedeemObj.error == "true") { var errorDesc = ""; if(checkoutAttr.cartProductAttr && checkoutAttr.cartProductAttr.attributes.gift_redeem_error_desc) { errorDesc = checkoutAttr.cartProductAttr.attributes.gift_redeem_error_desc; } if(checkoutAttr.productAttr && checkoutAttr.productAttr.attributes.gift_redeem_error_desc) { errorDesc = checkoutAttr.productAttr.attributes.gift_redeem_error_desc; } redeemDesc = errorDesc; } var redeemEndDate, senderName; if(checkoutAttr.subWithGiftRedeemObj && checkoutAttr.subWithGiftRedeemObj.error && checkoutAttr.subWithGiftRedeemObj.error == "false") { redeemDesc = checkoutAttr.productAttr.attributes.gift_redeem_desc; greyBoxClass = ""; redeemEndDate = new Date(parseInt(giftAttributes.gifterSubStartDate)); redeemEndDate.setDate(redeemEndDate.getDate() + 365); senderName = giftAttributes.UI_GIFT_SENDER_NAME; } var giftOptionObj = checkoutAttr.cartProductAttr.attributes.gift_option; try { giftOptionObj = JSON.parse(giftOptionObj)[0]||{}; } catch (e) {} var replacementObj = { "{{PRODUCT_NAME}}": checkoutAttr.productAttr.name||"", "{{GIFT_DURATION}}": giftOptionObj.duration, "{{GIFT_DURATION_TYPE}}": (giftOptionObj.duration_type||"").toLowerCase() }; if(redeemEndDate) { var options = { weekday: 'long', year: 'numeric', month: 'long', day: '2-digit' }; replacementObj["{{REDEEM_END_DATE}}"] = redeemEndDate.toLocaleDateString('en-US', options); } if(senderName) { replacementObj["{{SENDER_NAME}}"] = senderName; } if(redeemDesc) { redeemDesc = CHECKOUT.UTIL.generalReplacementObj(replacementObj,redeemDesc); } %> <div class="<%=greyBoxClass%>"> <div class="row"> <div class="medium-12 columns"> <div><%=redeemDesc%></div> </div> </div> </div> </script> <script id="extra-name-content-template" type="text/template"> <div style="font-weight: bold;"> Name of person who will access this membership (optional) </div> <div class="row collapse" style="margin: 20px 0;"> <div class="small-5 columns"> <input type="text" class="js-f-n" placeholder="First name"> </div> <div class="small-5 end columns"> <input type="text" class="js-l-n" placeholder="Last name" style="margin-left: 20px;"> </div> </div> </script> </div>  <script type="text/javascript" nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ"> ;window.NREUM||(NREUM={});NREUM.init={privacy:{cookies_enabled:true}}; ;NREUM.loader_config={accountID:"669643",trustKey:"2526950",agentID:"365626527",licenseKey:"NRJS-28dd4dd46c9904028da",applicationID:"204492887"}; ;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"NRJS-28dd4dd46c9904028da",applicationID:"204492887",sa:1}; ;/*! For license information please see nr-loader-spa-1.250.0.min.js.LICENSE.txt */ (()=>{var e,t,r={234:(e,t,r)=>{"use strict";r.d(t,{P_:()=>m,Mt:()=>b,C5:()=>s,DL:()=>A,OP:()=>D,lF:()=>O,Yu:()=>E,Dg:()=>v,CX:()=>c,GE:()=>x,sU:()=>N});var n=r(8632),i=r(9567);const o={beacon:n.ce.beacon,errorBeacon:n.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.D)(t,o);const r=(0,n.ek)(e);r&&(r.info=a[e])}const u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=r(7056),l=r(50);const f="[data-nr-mask]",h=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{domain:void 0,expiresMs:d.oD,inactiveMs:d.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,sampling_rate:50,error_sampling_rate:50,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(f):""===t||null===t?e.mask_selector=f:(0,l.Z)("An invalid session_replay.mask_selector was provided. '*' will be used.",t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.Z)("An invalid session_replay.block_selector was provided and will not be used",t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.Z)("An invalid session_replay.mask_input_option was provided and will not be used",t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},p={},g="All configuration objects require an agent identifier!";function m(e){if(!e)throw new Error(g);if(!p[e])throw new Error("Configuration for ".concat(e," was never set"));return p[e]}function v(e,t){if(!e)throw new Error(g);p[e]=(0,i.D)(t,h());const r=(0,n.ek)(e);r&&(r.init=p[e])}function b(e,t){if(!e)throw new Error(g);var r=m(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}const y={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},w={};function A(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!w[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return w[e]}function x(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");w[e]=(0,i.D)(t,y);const r=(0,n.ek)(e);r&&(r.loader_config=w[e])}const E=(0,n.mF)().o;var _=r(385),T=r(6818);const S={buildEnv:T.Re,customTransaction:void 0,disabled:!1,distMethod:T.gF,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,offset:Math.floor(_._A?.performance?.timeOrigin||_._A?.performance?.timing?.navigationStart||Date.now()),onerror:void 0,origin:""+_._A.location,ptid:void 0,releaseIds:{},session:void 0,xhrWrappable:"function"==typeof _._A.XMLHttpRequest?.prototype?.addEventListener,version:T.q4,denyList:void 0},R={};function D(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!R[e])throw new Error("Runtime for ".concat(e," was never set"));return R[e]}function N(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");R[e]=(0,i.D)(t,S);const r=(0,n.ek)(e);r&&(r.runtime=R[e])}function O(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(50);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.Z)("Setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,n.Z)("Setting a Configurable requires a model to set its initial properties");const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.Z)("An error occurred while setting a property of a Configurable",e)}return r}catch(e){(0,n.Z)("An error occured while setting a Configurable",e)}}},6818:(e,t,r)=>{"use strict";r.d(t,{Re:()=>i,gF:()=>o,lF:()=>a,q4:()=>n});const n="1.250.0",i="PROD",o="CDN",a="2.0.0-alpha.11"},385:(e,t,r)=>{"use strict";r.d(t,{FN:()=>c,IF:()=>l,LW:()=>a,Nk:()=>h,Tt:()=>u,_A:()=>o,cv:()=>p,iS:()=>s,il:()=>n,ux:()=>d,v6:()=>i,w1:()=>f});const n="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=n?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a="complete"===o?.document?.readyState,s=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,u=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Boolean(n&&window.document.documentMode),h=!!o.navigator?.sendBeacon,p=Math.floor(o?.performance?.timeOrigin||o?.performance?.timing?.navigationStart||Date.now())},1117:(e,t,r)=>{"use strict";r.d(t,{w:()=>o});var n=r(50);const i={agentIdentifier:"",ee:void 0};class o{constructor(e){try{if("object"!=typeof e)return(0,n.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)("An error occured while setting SharedContext",e)}}}},8e3:(e,t,r)=>{"use strict";r.d(t,{L:()=>d,R:()=>c});var n=r(8325),i=r(1284),o=r(4322),a=r(3325);const s={};function c(e,t){const r={staged:!1,priority:a.p[t]||0};u(e),s[e].get(t)||s[e].set(t,r)}function u(e){e&&(s[e]||(s[e]=new Map))}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature";if(u(e),!e||!s[e].get(t))return a(t);s[e].get(t).staged=!0;const r=[...s[e]];function a(t){const r=e?n.ee.get(e):n.ee,a=o.X.handlers;if(r.backlog&&a){var s=r.backlog[t],c=a[t];if(c){for(var u=0;s&&u<s.length;++u)l(s[u],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}delete a[t],r.backlog[t]=null,r.emit("drain-"+t,[])}}r.every((e=>{let[t,r]=e;return r.staged}))&&(r.sort(((e,t)=>e[1].priority-t[1].priority)),r.forEach((t=>{let[r]=t;s[e].delete(r),a(r)})))}function l(e,t){var r=e[1];(0,i.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var i=r[1],o=e[3],a=e[2];i.apply(o,a)}}))}},8325:(e,t,r)=>{"use strict";r.d(t,{A:()=>c,ee:()=>u});var n=r(8632),i=r(2210),o=r(234);class a{constructor(e){this.contextId=e}}var s=r(3117);const c="nr@context:".concat(s.a),u=function e(t,r){var n={},s={},d={},f=!1;try{f=16===r.length&&(0,o.OP)(r).isolatedBacklog}catch(e){}var h={on:g,addEventListener:g,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=p(n),c=m(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var f=b()[s[e]];f&&f.push([h,e,r,a]);return a},get:v,listeners:m,context:p,buffer:function(e,t){const r=b();if(t=t||"feature",h.aborted)return;Object.entries(e||{}).forEach((e=>{let[n,i]=e;s[i]=t,t in r||(r[t]=[])}))},abort:l,aborted:!1,isBuffering:function(e){return!!b()[s[e]]},debugId:r,backlog:f?{}:t&&"object"==typeof t.backlog?t.backlog:{}};return h;function p(e){return e&&e instanceof a?e:e?(0,i.X)(e,c,(()=>new a(c))):new a(c)}function g(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function v(t){return d[t]=d[t]||e(h,t)}function b(){return h.backlog}}(void 0,"globalEE"),d=(0,n.fP)();function l(){u.aborted=!0,u.backlog={}}d.ee||(d.ee=u)},5546:(e,t,r)=>{"use strict";r.d(t,{E:()=>n,p:()=>i});var n=r(8325).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},4322:(e,t,r)=>{"use strict";r.d(t,{X:()=>o});var n=r(5546);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.E,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.E);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3239:(e,t,r)=>{"use strict";r.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var n=r(385);let i=!1,o=!1;try{const e={get passive(){return i=!0,!1},get signal(){return o=!0,!1}};n._A.addEventListener("test",null,e),n._A.removeEventListener("test",null,e)}catch(e){}function a(e,t){return i||o?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,a(r,n))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,a(r,n))}},3117:(e,t,r)=>{"use strict";r.d(t,{a:()=>n});const n=(0,r(4402).Rl)()},4402:(e,t,r)=>{"use strict";r.d(t,{Ht:()=>u,M:()=>c,Rl:()=>a,ky:()=>s});var n=r(385);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n._A?.crypto||n._A?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n._A?.crypto||n._A?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function u(){return s(32)}},7056:(e,t,r)=>{"use strict";r.d(t,{Bq:()=>n,Hb:()=>o,IK:()=>c,oD:()=>i,uT:()=>s,wO:()=>a});const n="NRBA",i=144e5,o=18e5,a={PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},s={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},c={OFF:0,FULL:1,ERROR:2}},7894:(e,t,r)=>{"use strict";function n(){return Math.round(performance.now())}r.d(t,{z:()=>n})},7243:(e,t,r)=>{"use strict";r.d(t,{e:()=>i});var n=r(385);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n._A?.location?.protocol&&t.host===n._A?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},50:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},2825:(e,t,r)=>{"use strict";r.d(t,{N:()=>d,T:()=>l});var n=r(8325),i=r(5546),o=r(3325),a=r(385);const s="newrelic";const c={stn:[o.D.sessionTrace],err:[o.D.jserrors,o.D.metrics],ins:[o.D.pageAction],spa:[o.D.spa],sr:[o.D.sessionReplay,o.D.sessionTrace]},u=new Set;function d(e,t){const r=n.ee.get(t);e&&"object"==typeof e&&(u.has(t)||(Object.entries(e).forEach((e=>{let[t,n]=e;c[t]?c[t].forEach((e=>{n?(0,i.p)("feat-"+t,[],void 0,e,r):(0,i.p)("block-"+t,[],void 0,e,r),(0,i.p)("rumresp-"+t,[Boolean(n)],void 0,e,r)})):n&&(0,i.p)("feat-"+t,[],void 0,void 0,r),l[t]=Boolean(n)})),Object.keys(c).forEach((e=>{void 0===l[e]&&(c[e]?.forEach((t=>(0,i.p)("rumresp-"+e,[!1],void 0,t,r))),l[e]=!1)})),u.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{a._A.dispatchEvent(new CustomEvent(s,{detail:e}))}catch(e){}}({loaded:!0})))}const l={}},2210:(e,t,r)=>{"use strict";r.d(t,{X:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},1284:(e,t,r)=>{"use strict";r.d(t,{D:()=>n});const n=(e,t)=>Object.entries(e||{}).map((e=>{let[r,n]=e;return t(r,n)}))},4351:(e,t,r)=>{"use strict";r.d(t,{P:()=>o});var n=r(8325);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}}}},3960:(e,t,r)=>{"use strict";r.d(t,{KB:()=>a,b2:()=>o});var n=r(3239);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.bP)("load",e,t)}function a(e){if(i())return e();(0,n.iz)("DOMContentLoaded",e)}},8632:(e,t,r)=>{"use strict";r.d(t,{EZ:()=>d,ce:()=>o,ek:()=>u,fP:()=>a,gG:()=>l,h5:()=>c,mF:()=>s});var n=r(7894),i=r(385);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return i._A.NREUM||(i._A.NREUM={}),void 0===i._A.newrelic&&(i._A.newrelic=i._A.NREUM),i._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:i._A.setTimeout,SI:i._A.setImmediate,CT:i._A.clearTimeout,XHR:i._A.XMLHttpRequest,REQ:i._A.Request,EV:i._A.Event,PR:i._A.Promise,MO:i._A.MutationObserver,FETCH:i._A.fetch}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,n.z)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},7956:(e,t,r)=>{"use strict";r.d(t,{N:()=>i});var n=r(3239);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;(0,n.iz)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},1214:(e,t,r)=>{"use strict";r.d(t,{em:()=>b,u5:()=>R,QU:()=>O,_L:()=>P,Gm:()=>H,Lg:()=>L,BV:()=>G,Kf:()=>Y});var n=r(8325),i=r(3117);const o="nr@original:".concat(i.a);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}var l=r(2210),f=r(385);const h={},p=f._A.XMLHttpRequest,g="addEventListener",m="removeEventListener",v="nr@wrapped:".concat(n.A);function b(e){var t=function(e){return(e||n.ee).get("events")}(e);if(h[t.debugId]++)return t;h[t.debugId]=1;var r=c(t,!0);function i(e){r.inPlace(e,[g,m],"-",o)}function o(e,t){return e[1]}return"getPrototypeOf"in Object&&(f.il&&y(document,i),y(f._A,i),y(p.prototype,i)),t.on(g+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,l.X)(n,v,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(m+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function y(e,t){let r=e;for(;"object"==typeof r&&!Object.prototype.hasOwnProperty.call(r,g);)r=Object.getPrototypeOf(r);for(var n=arguments.length,i=new Array(n>2?n-2:0),o=2;o<n;o++)i[o-2]=arguments[o];r&&t(r,...i)}var w="fetch-",A=w+"body-",x=["arrayBuffer","blob","json","text","formData"],E=f._A.Request,_=f._A.Response,T="prototype";const S={};function R(e){const t=function(e){return(e||n.ee).get("fetch")}(e);if(!(E&&_&&f._A.fetch))return t;if(S[t.debugId]++)return t;function r(e,r,i){var o=e[r];"function"==typeof o&&(e[r]=function(){var e,r=[...arguments],a={};t.emit(i+"before-start",[r],a),a[n.A]&&a[n.A].dt&&(e=a[n.A].dt);var s=o.apply(this,r);return t.emit(i+"start",[r,e],s),s.then((function(e){return t.emit(i+"end",[null,e],s),e}),(function(e){throw t.emit(i+"end",[e],s),e}))})}return S[t.debugId]=1,x.forEach((e=>{r(E[T],e,A),r(_[T],e,A)})),r(f._A,"fetch",w),t.on(w+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(w+"done",[null,r],n)}else t.emit(w+"done",[e],n)})),t}const D={},N=["pushState","replaceState"];function O(e){const t=function(e){return(e||n.ee).get("history")}(e);return!f.il||D[t.debugId]++||(D[t.debugId]=1,c(t).inPlace(window.history,N,"-")),t}var I=r(3239);const C={},j=["appendChild","insertBefore","replaceChild"];function P(e){const t=function(e){return(e||n.ee).get("jsonp")}(e);if(!f.il||C[t.debugId])return t;C[t.debugId]=!0;var r=c(t),i=/[?&](?:callback|cb)=([^&#]+)/,o=/(.*)\.([^.]+)/,a=/^(\w+)(\.|$)(.*)$/;function s(e,t){if(!e)return t;const r=e.match(a),n=r[1];return s(r[3],t[n])}return r.inPlace(Node.prototype,j,"dom-"),t.on("dom-start",(function(e){!function(e){if(!e||"string"!=typeof e.nodeName||"script"!==e.nodeName.toLowerCase())return;if("function"!=typeof e.addEventListener)return;var n=(a=e.src,c=a.match(i),c?c[1]:null);var a,c;if(!n)return;var u=function(e){var t=e.match(o);if(t&&t.length>=3)return{key:t[2],parent:s(t[1],window)};return{key:e,parent:window}}(n);if("function"!=typeof u.parent[u.key])return;var d={};function l(){t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,I.m$)(!1)),e.removeEventListener("error",f,(0,I.m$)(!1))}function f(){t.emit("jsonp-error",[],d),t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,I.m$)(!1)),e.removeEventListener("error",f,(0,I.m$)(!1))}r.inPlace(u.parent,[u.key],"cb-",d),e.addEventListener("load",l,(0,I.m$)(!1)),e.addEventListener("error",f,(0,I.m$)(!1)),t.emit("new-jsonp",[e.src],d)}(e[0])})),t}const k={};function H(e){const t=function(e){return(e||n.ee).get("mutation")}(e);if(!f.il||k[t.debugId])return t;k[t.debugId]=!0;var r=c(t),i=f._A.MutationObserver;return i&&(window.MutationObserver=function(e){return this instanceof i?new i(r(e,"fn-")):i.apply(this,arguments)},MutationObserver.prototype=i.prototype),t}const M={};function L(e){const t=function(e){return(e||n.ee).get("promise")}(e);if(M[t.debugId])return t;M[t.debugId]=!0;var r=t.context,i=c(t),a=f._A.Promise;return a&&function(){function e(r){var n=t.context(),o=i(r,"executor-",n,null,!1);const s=Reflect.construct(a,[o],e);return t.context(s).getCtx=function(){return n},s}f._A.Promise=e,Object.defineProperty(e,"name",{value:"Promise"}),e.toString=function(){return a.toString()},Object.setPrototypeOf(e,a),["all","race"].forEach((function(r){const n=a[r];e[r]=function(e){let i=!1;[...e||[]].forEach((e=>{this.resolve(e).then(a("all"===r),a(!1))}));const o=n.apply(this,arguments);return o;function a(e){return function(){t.emit("propagate",[null,!i],o,!1,!1),i=i||!e}}}})),["resolve","reject"].forEach((function(r){const n=a[r];e[r]=function(e){const r=n.apply(this,arguments);return e!==r&&t.emit("propagate",[e,!0],r,!1,!1),r}})),e.prototype=a.prototype;const n=a.prototype.then;a.prototype.then=function(){var e=this,o=r(e);o.promise=e;for(var a=arguments.length,s=new Array(a),c=0;c<a;c++)s[c]=arguments[c];s[0]=i(s[0],"cb-",o,null,!1),s[1]=i(s[1],"cb-",o,null,!1);const u=n.apply(this,s);return o.nextPromise=u,t.emit("propagate",[e,!0],u,!1,!1),u},a.prototype.then[o]=n,t.on("executor-start",(function(e){e[0]=i(e[0],"resolve-",this,null,!1),e[1]=i(e[1],"resolve-",this,null,!1)})),t.on("executor-err",(function(e,t,r){e[1](r)})),t.on("cb-end",(function(e,r,n){t.emit("propagate",[n,!0],this.nextPromise,!1,!1)})),t.on("propagate",(function(e,r,n){this.getCtx&&!r||(this.getCtx=function(){if(e instanceof Promise)var r=t.context(e);return r&&r.getCtx?r.getCtx():this})}))}(),t}const z={},F="setTimeout",B="setInterval",U="clearTimeout",Z="-start",V="-",q=[F,"setImmediate",B,U,"clearImmediate"];function G(e){const t=function(e){return(e||n.ee).get("timer")}(e);if(z[t.debugId]++)return t;z[t.debugId]=1;var r=c(t);return r.inPlace(f._A,q.slice(0,2),F+V),r.inPlace(f._A,q.slice(2,3),B+V),r.inPlace(f._A,q.slice(3),U+V),t.on(B+Z,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(F+Z,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],"fn-",this,n)})),t}var W=r(50);const X={},K=["open","send"];function Y(e){var t=e||n.ee;const r=function(e){return(e||n.ee).get("xhr")}(t);if(X[r.debugId]++)return r;X[r.debugId]=1,b(t);var i=c(r),o=f._A.XMLHttpRequest,a=f._A.MutationObserver,s=f._A.Promise,u=f._A.setInterval,d="readystatechange",l=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],h=[],p=f._A.XMLHttpRequest=function(e){const t=new o(e),n=r.context(t);try{r.emit("new-xhr",[t],n),t.addEventListener(d,(a=n,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,r.emit("xhr-resolved",[],e)),i.inPlace(e,l,"fn-",A)}),(0,I.m$)(!1))}catch(e){(0,W.Z)("An error occurred while intercepting XHR",e);try{r.emit("internal-error",[e])}catch(e){}}var a;return t};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",A)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,p),p.prototype=o.prototype,i.inPlace(p.prototype,K,"-xhr-",A),r.on("send-xhr-start",(function(e,t){g(e,t),function(e){h.push(e),a&&(m?m.then(w):u?u(w):(v=-v,y.data=v))}(t)})),r.on("open-xhr-start",g),a){var m=s&&s.resolve();if(!u&&!s){var v=1,y=document.createTextNode(v);new a(w).observe(y,{characterData:!0})}}else t.on("fn-end",(function(e){e[0]&&e[0].type===d||w()}));function w(){for(var e=0;e<h.length;e++)g(0,h[e]);h.length&&(h=[])}function A(e,t){return t}return r}},7825:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.ajax},6660:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.jserrors},3081:(e,t,r)=>{"use strict";r.d(t,{gF:()=>o,mY:()=>i,t9:()=>n,vz:()=>s,xS:()=>a});const n=r(3325).D.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},4649:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageAction},7633:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewEvent},9251:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewTiming},7144:(e,t,r)=>{"use strict";r.d(t,{J0:()=>l,Mi:()=>d,Vb:()=>o,Ye:()=>s,fm:()=>c,i9:()=>a,t9:()=>i,u0:()=>u});var n=r(7056);const i=r(3325).D.sessionReplay,o=.12,a={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},s=1e6,c=64e3,u={[n.IK.ERROR]:15e3,[n.IK.FULL]:3e5,[n.IK.OFF]:0},d={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},l=5e3},3614:(e,t,r)=>{"use strict";r.d(t,{BST_RESOURCE:()=>i,END:()=>s,FEATURE_NAME:()=>n,FN_END:()=>u,FN_START:()=>c,PUSH_STATE:()=>d,RESOURCE:()=>o,START:()=>a});const n=r(3325).D.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,u="fn"+s,d="pushState"},7836:(e,t,r)=>{"use strict";r.d(t,{BODY:()=>x,CB_END:()=>E,CB_START:()=>u,END:()=>A,FEATURE_NAME:()=>i,FETCH:()=>T,FETCH_BODY:()=>v,FETCH_DONE:()=>m,FETCH_START:()=>g,FN_END:()=>c,FN_START:()=>s,INTERACTION:()=>f,INTERACTION_API:()=>d,INTERACTION_EVENTS:()=>o,JSONP_END:()=>b,JSONP_NODE:()=>p,JS_TIME:()=>_,MAX_TIMER_BUDGET:()=>a,REMAINING:()=>l,SPA_NODE:()=>h,START:()=>w,originalSetTimeout:()=>y});var n=r(234);const i=r(3325).D.spa,o=["click","submit","keypress","keydown","keyup","change"],a=999,s="fn-start",c="fn-end",u="cb-start",d="api-ixn-",l="remaining",f="interaction",h="spaNode",p="jsonpNode",g="fetch-start",m="fetch-done",v="fetch-body-",b="jsonp-end",y=n.Yu.ST,w="-start",A="-end",x="-body",E="cb"+A,_="jsTime",T="fetch"},5938:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(8325);class i{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=n.ee.get(e),this.featureName=r,this.blocked=!1}}},7530:(e,t,r)=>{"use strict";r.d(t,{j:()=>b});var n=r(3325),i=r(234),o=r(5546),a=r(8325),s=r(7894),c=r(8e3),u=r(3960),d=r(385),l=r(50),f=r(3081),h=r(8632);function p(){const e=(0,h.gG)();["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start","recordReplay","pauseReplay"].forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];let o=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&o.push(e.api[t](...n))})),o.length>1?o:o[0]}(t,...n)}}))}var g=r(2825);const m=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let v=!1;function b(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},b=arguments.length>2?arguments[2]:void 0,y=arguments.length>3?arguments[3]:void 0,{init:w,info:A,loader_config:x,runtime:E={loaderType:b},exposed:_=!0}=t;const T=(0,h.gG)();A||(w=T.init,A=T.info,x=T.loader_config),(0,i.Dg)(e.agentIdentifier,w||{}),(0,i.GE)(e.agentIdentifier,x||{}),A.jsAttributes??={},d.v6&&(A.jsAttributes.isWorker=!0),(0,i.CX)(e.agentIdentifier,A);const S=(0,i.P_)(e.agentIdentifier),R=[A.beacon,A.errorBeacon];v||(S.proxy.assets&&(m(S.proxy.assets),R.push(S.proxy.assets)),S.proxy.beacon&&R.push(S.proxy.beacon),p(),(0,h.EZ)("activatedFeatures",g.T)),E.denyList=[...S.ajax.deny_list||[],...S.ajax.block_internal?R:[]],(0,i.sU)(e.agentIdentifier,E),void 0===e.api&&(e.api=function(e,t){t||(0,c.R)(e,"api");const h={};var p=a.ee.get(e),g=p.get("tracer"),m="api-",v=m+"ixn-";function b(t,r,n,o){const a=(0,i.C5)(e);return null===r?delete a.jsAttributes[t]:(0,i.CX)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),A(m,n,!0,o||null===r?"session":void 0)(t,r)}function y(){}["setErrorHandler","finished","addToTrace","addRelease"].forEach((e=>{h[e]=A(m,e,!0,"api")})),h.addPageAction=A(m,"addPageAction",!0,n.D.pageAction),h.setCurrentRouteName=A(m,"routeName",!0,n.D.spa),h.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,i.OP)(e).customTransaction=(r||"http://custom.transaction")+t,A(m,"setPageViewName",!0)()},h.setCustomAttribute=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return b(e,t,"setCustomAttribute",r);(0,l.Z)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof t,"> was provided."))}else(0,l.Z)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof e,"> was provided."))},h.setUserId=function(e){if("string"==typeof e||null===e)return b("enduser.id",e,"setUserId",!0);(0,l.Z)("Failed to execute setUserId.\nNon-null value must be a string type, but a type of <".concat(typeof e,"> was provided."))},h.setApplicationVersion=function(e){if("string"==typeof e||null===e)return b("application.version",e,"setApplicationVersion",!1);(0,l.Z)("Failed to execute setApplicationVersion. Expected <String | null>, but got <".concat(typeof e,">."))},h.start=e=>{try{const t=e?"defined":"undefined";(0,o.p)(f.xS,["API/start/".concat(t,"/called")],void 0,n.D.metrics,p);const r=Object.values(n.D);if(void 0===e)e=r;else{if((e=Array.isArray(e)&&e.length?e:[e]).some((e=>!r.includes(e))))return(0,l.Z)("Invalid feature name supplied. Acceptable feature names are: ".concat(r));e.includes(n.D.pageViewEvent)||e.push(n.D.pageViewEvent)}e.forEach((e=>{p.emit("".concat(e,"-opt-in"))}))}catch(e){(0,l.Z)("An unexpected issue occurred",e)}},h.recordReplay=function(){(0,o.p)(f.xS,["API/recordReplay/called"],void 0,n.D.metrics,p),(0,o.p)("recordReplay",[],void 0,n.D.sessionReplay,p)},h.pauseReplay=function(){(0,o.p)(f.xS,["API/pauseReplay/called"],void 0,n.D.metrics,p),(0,o.p)("pauseReplay",[],void 0,n.D.sessionReplay,p)},h.interaction=function(){return(new y).get()};var w=y.prototype={createTracer:function(e,t){var r={},i=this,a="function"==typeof t;return(0,o.p)(f.xS,["API/createTracer/called"],void 0,n.D.metrics,p),(0,o.p)(v+"tracer",[(0,s.z)(),e,r],i,n.D.spa,p),function(){if(g.emit((a?"":"no-")+"fn-start",[(0,s.z)(),i,a],r),a)try{return t.apply(this,arguments)}catch(e){throw g.emit("fn-err",[arguments,this,e],r),e}finally{g.emit("fn-end",[(0,s.z)()],r)}}}};function A(e,t,r,i){return function(){return(0,o.p)(f.xS,["API/"+t+"/called"],void 0,n.D.metrics,p),i&&(0,o.p)(e+t,[(0,s.z)(),...arguments],r?null:this,i,p),r?void 0:this}}function x(){r.e(111).then(r.bind(r,7438)).then((t=>{let{setAPI:r}=t;r(e),(0,c.L)(e,"api")})).catch((()=>(0,l.Z)("Downloading runtime APIs failed...")))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{w[e]=A(v,e,void 0,n.D.spa)})),h.noticeError=function(e,t){"string"==typeof e&&(e=new Error(e)),(0,o.p)(f.xS,["API/noticeError/called"],void 0,n.D.metrics,p),(0,o.p)("err",[e,(0,s.z)(),!1,t],void 0,n.D.jserrors,p)},d.il?(0,u.b2)((()=>x()),!0):x(),h}(e.agentIdentifier,y)),void 0===e.exposed&&(e.exposed=_),v=!0}},1926:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},3325:(e,t,r)=>{"use strict";r.d(t,{D:()=>n,p:()=>i});const n={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8,[n.sessionReplay]:9}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({111:"nr-spa",164:"nr-spa-compressor",433:"nr-spa-recorder"}[e]+"-1.250.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.250.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={111:"sha512-VzAAF1LCxsuK2besFoBGhujeJumhOrBrIjFLbkx79lpNPBgfRM8NQ+zxV3oVtbIpclKSEEjI6LWGBzLivoqDqw==",433:"sha512-6vufZOcF6JBu12rByPpOGR7WV+Teena/OA0N+oEmjbl6Du9C1s7Zc8XPaDY9WqZ7EgtUtDyeRLd8FEukA4mphQ==",164:"sha512-TACjgebgisQKqnowbjt0Zs1hS1HnCJnGEdI68dZ39nHU9g1LAb6er7eSNibSGDFBPBwhgKsBkEcteWtHRKc3Cw=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={801:0,92:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.250.0.PROD"]=self["webpackChunk:NRBA-1.250.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(1926);var e=i(50);class t{#e(e){return"Call to agent api ".concat(e," failed. The agent is not currently initialized.")}addPageAction(t,r){(0,e.Z)(this.#e("addPageAction"))}setPageViewName(t,r){(0,e.Z)(this.#e("setPageViewName"))}setCustomAttribute(t,r,n){(0,e.Z)(this.#e("setCustomAttribute"))}noticeError(t,r){(0,e.Z)(this.#e("noticeError"))}setUserId(t){(0,e.Z)(this.#e("setUserId"))}setApplicationVersion(t){(0,e.Z)(this.#e("setApplicationVersion"))}setErrorHandler(t){(0,e.Z)(this.#e("setErrorHandler"))}finished(t){(0,e.Z)(this.#e("finished"))}addRelease(t,r){(0,e.Z)(this.#e("addRelease"))}start(t){(0,e.Z)(this.#e("start"))}recordReplay(){(0,e.Z)(this.#e("recordReplay"))}pauseReplay(){(0,e.Z)(this.#e("pauseReplay"))}}var r=i(3325),n=i(234);const o=Object.values(r.D);function a(e){const t={};return o.forEach((r=>{t[r]=function(e,t){return!1!==(0,n.Mt)(t,"".concat(e,".enabled"))}(r,e)})),t}var s=i(7530);var c=i(8e3),u=i(5938),d=i(3960),l=i(385);class f extends u.W{constructor(e,t,r){let i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.auto=i,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,n.Mt)(this.agentIdentifier,"".concat(this.featureName,".autoStart"))&&(this.auto=!1),this.auto&&(0,c.R)(e,r)}importAggregator(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate)return;if(!this.auto)return void this.ee.on("".concat(this.featureName,"-opt-in"),(()=>{(0,c.R)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()}));const r=l.il&&!0===(0,n.Mt)(this.agentIdentifier,"privacy.cookies_enabled");let o;this.onAggregateImported=new Promise((e=>{o=e}));const a=async()=>{let n;try{if(r){const{setupAgentSession:e}=await i.e(111).then(i.bind(i,1656));n=e(this.agentIdentifier)}}catch(t){(0,e.Z)("A problem occurred when starting up session manager. This page will not start or extend any session.",t)}try{if(!this.shouldImportAgg(this.featureName,n))return(0,c.L)(this.agentIdentifier,this.featureName),void o(!1);const{lazyFeatureLoader:e}=await i.e(111).then(i.bind(i,8582)),{Aggregate:r}=await e(this.featureName,"aggregate");this.featAggregate=new r(this.agentIdentifier,this.aggregator,t),o(!0)}catch(t){(0,e.Z)("Downloading and initializing ".concat(this.featureName," failed..."),t),this.abortHandler?.(),(0,c.L)(this.agentIdentifier,this.featureName),o(!1)}};l.il?(0,d.b2)((()=>a()),!0):a()}shouldImportAgg(e,t){return e!==r.D.sessionReplay||!!n.Yu.MO&&(!1!==(0,n.Mt)(this.agentIdentifier,"session_trace.enabled")&&(!!t?.isNew||!!t?.state.sessionReplayMode))}}var h=i(7633);class p extends f{static featureName=h.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,h.t,r),this.importAggregator()}}var g=i(1117),m=i(1284);class v extends g.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,i){var o=this.getBucket(e,t,r,i);return o.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,m.D)(e,(function(e,r){t[e]=b(r,t[e])})),t}(n,o.metrics),o}merge(e,t,r,n,i){var o=this.getBucket(e,t,n,i);if(o.metrics){var a=o.metrics;a.count+=r.count,(0,m.D)(r,(function(e,t){if("count"!==e){var n=a[e],i=r[e];i&&!i.c?a[e]=b(i.t,n):a[e]=function(e,t){if(!t)return e;t.c||(t=y(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,a[e])}}))}else o.metrics=r}storeMetric(e,t,r,n){var i=this.getBucket(e,t,r);return i.stats=b(n,i.stats),i}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:r||{}},n&&(i.custom=n)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r="",n=!1,i=0;i<e.length;i++)t[r=e[i]]=w(this.aggregatedData[r]),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function b(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=y(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function y(e){return{t:e,min:e,max:e,sos:e*e,c:1}}function w(e){return"object"!=typeof e?[]:(0,m.D)(e,A)}function A(e,t){return t}var x=i(8632),E=i(4402),_=i(4351);var T=i(5546),S=i(7956),R=i(3239),D=i(7894),N=i(9251);class O extends f{static featureName=N.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,N.t,r),l.il&&((0,S.N)((()=>(0,T.p)("docHidden",[(0,D.z)()],void 0,N.t,this.ee)),!0),(0,R.bP)("pagehide",(()=>(0,T.p)("winPagehide",[(0,D.z)()],void 0,N.t,this.ee))),this.importAggregator())}}var I=i(3081);class C extends f{static featureName=I.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,I.t9,r),this.importAggregator()}}var j=i(6660);class P{constructor(e,t,r,n){this.name="UncaughtError",this.message=e,this.sourceURL=t,this.line=r,this.column=n}}class k extends f{static featureName=j.t;#t=new Set;constructor(e,t){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,j.t,n);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("fn-err",((e,t,n)=>{this.abortHandler&&!this.#t.has(n)&&(this.#t.add(n),(0,T.p)("err",[this.#r(n),(0,D.z)()],void 0,r.D.jserrors,this.ee))})),this.ee.on("internal-error",(e=>{this.abortHandler&&(0,T.p)("ierr",[this.#r(e),(0,D.z)(),!0],void 0,r.D.jserrors,this.ee)})),l._A.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,T.p)("err",[this.#n(e),(0,D.z)(),!1,{unhandledPromiseRejection:1}],void 0,r.D.jserrors,this.ee)}),(0,R.m$)(!1,this.removeOnAbort?.signal)),l._A.addEventListener("error",(e=>{this.abortHandler&&(this.#t.has(e.error)?this.#t.delete(e.error):(0,T.p)("err",[this.#i(e),(0,D.z)()],void 0,r.D.jserrors,this.ee))}),(0,R.m$)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#o,this.importAggregator()}#o(){this.removeOnAbort?.abort(),this.#t.clear(),this.abortHandler=void 0}#r(e){return e instanceof Error?e:void 0!==e?.message?new P(e.message,e.filename||e.sourceURL,e.lineno||e.line,e.colno||e.col):new P("string"==typeof e?e:(0,_.P)(e))}#n(e){let t="Unhandled Promise Rejection: ";if(e?.reason instanceof Error)try{return e.reason.message=t+e.reason.message,e.reason}catch(t){return e.reason}if(void 0===e.reason)return new P(t);const r=this.#r(e.reason);return r.message=t+r.message,r}#i(e){return e.error instanceof Error?e.error:new P(e.message,e.filename,e.lineno,e.colno)}}var H=i(2210);let M=1;const L="nr@id";function z(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===l._A?0:(0,H.X)(e,L,(function(){return M++}))}function F(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,_.P)(e).length}catch(e){return}}}var B=i(1214),U=i(7243);class Z{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,n.DL)(this.agentIdentifier);if(!t)return null;var r=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!r||!i)return null;var a=(0,E.M)(),s=(0,E.Ht)(),c=Date.now(),u={spanId:a,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,r,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(u.newrelicHeader=this.generateTraceHeader(a,s,c,r,i,o)),u}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof l._A?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,_.P)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,n.Mt)(this.agentIdentifier,"distributed_tracing")&&(r=(0,n.P_)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var i=0;i<r.allowed_origins.length;i++){var o=(0,U.e)(r.allowed_origins[i]);if(e.hostname===o.hostname&&e.protocol===o.protocol&&e.port===o.port){t=!0;break}}return t}isDtEnabled(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var V=i(7825),q=["load","error","abort","timeout"],G=q.length,W=n.Yu.REQ,X=n.Yu.XHR;class K extends f{static featureName=V.t;constructor(e,t){let i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(e,t,V.t,i),(0,n.OP)(e).xhrWrappable){this.dt=new Z(e),this.handler=(e,t,r,n)=>(0,T.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};l._A?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const n={status:t.responseStatus},i={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};Y(n,t.name),this.handler("xhr",[n,i,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,r.D.ajax)}}))}catch(e){}(0,B.u5)(this.ee),(0,B.Kf)(this.ee),function(e,t,i,o){function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=x,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){E(t,e)}),(0,R.m$)(!1)),l.IF||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,R.m$)(!1))}function s(e){this.params={method:e[0]},Y(this,e[1]),this.metrics={}}function c(t,r){var i=(0,n.DL)(e);i.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",i.xpid);var a=o.generateTracePayload(this.parsedOrigin);if(a){var s=!1;a.newrelicHeader&&(r.setRequestHeader("newrelic",a.newrelicHeader),s=!0),a.traceContextParentHeader&&(r.setRequestHeader("traceparent",a.traceContextParentHeader),a.traceContextStateHeader&&r.setRequestHeader("tracestate",a.traceContextStateHeader),s=!0),s&&(this.dt=a)}}function u(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=F(i);a&&(n.txSize=a)}this.startTime=(0,D.z)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<G;s++)r.addEventListener(q[s],this.listener,(0,R.m$)(!1))}function d(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function f(e,t){var r=""+z(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function h(e,t){var r=""+z(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function p(){this.endTime=(0,D.z)()}function g(e,r){r instanceof X&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function m(e,r){r instanceof X&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function v(e,t,r){t instanceof X&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,D.z)()))}function b(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,D.z)()-this.xhrCbStart,this.onload,r],r)}function y(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&l.il&&(t=""+l._A.location.href):e[0]&&e[0].url?t=e[0].url:l._A?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,U.e)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=o.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,n)&&(this.dt=n);else{var i={};for(var a in r)i[a]=r[a];i.headers=new Headers(r.headers||{}),s(i.headers,n)&&(this.dt=n),e.length>1?e[1]=i:e.push(i)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function w(e,t){this.params={},this.metrics={},this.startTime=(0,D.z)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof W?r=i.url:l._A?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),Y(this,r);var o=(""+(i&&i instanceof W&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=F(n.body)||0}function A(e,t){var n;this.endTime=(0,D.z)(),this.params||(this.params={}),this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);var o={txSize:this.txSize,rxSize:n,duration:(0,D.z)()-this.startTime};i("xhr",[this.params,o,this.startTime,this.endTime,"fetch"],this,r.D.ajax)}function x(e){var t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var o=0;o<G;o++)e.removeEventListener(q[o],this.listener,!1);t.aborted||(n.duration=(0,D.z)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):E(this,e),n.cbTime=this.cbTime,i("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,r.D.ajax))}}function E(e,t){e.params.status=t.status;var r=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?F(e.response):"text"===r||""===r||void 0===r?F(e.responseText):void 0}(t,e.lastSize);if(r&&(e.metrics.rxSize=r),e.sameOrigin){var n=t.getResponseHeader("X-NewRelic-App-Data");n&&(e.params.cat=n.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",a),t.on("open-xhr-start",s),t.on("open-xhr-end",c),t.on("send-xhr-start",u),t.on("xhr-cb-time",d),t.on("xhr-load-added",f),t.on("xhr-load-removed",h),t.on("xhr-resolved",p),t.on("addEventListener-end",g),t.on("removeEventListener-end",m),t.on("fn-end",b),t.on("fetch-before-start",y),t.on("fetch-start",w),t.on("fn-start",v),t.on("fetch-done",A)}(e,this.ee,this.handler,this.dt),this.importAggregator()}}}function Y(e,t){var r=(0,U.e)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var J=i(3614);const{BST_RESOURCE:Q,RESOURCE:ee,START:te,END:re,FEATURE_NAME:ne,FN_END:ie,FN_START:oe,PUSH_STATE:ae}=J;var se=i(7056),ce=i(7144);class ue extends f{static featureName=ce.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,ce.t9,r);try{const e=JSON.parse(localStorage.getItem("NRBA_SESSION"));e.sessionReplayMode!==se.IK.OFF?this.#a(e.sessionReplayMode):this.importAggregator({})}catch(e){this.importAggregator({})}}async#a(e){const{Recorder:t}=await i.e(433).then(i.bind(i,4136));this.recorder=new t({mode:e,agentIdentifier:this.agentIdentifier}),this.recorder.startRecording(),this.importAggregator({recorder:this.recorder})}}var de=i(7836);const{FEATURE_NAME:le,START:fe,END:he,BODY:pe,CB_END:ge,JS_TIME:me,FETCH:ve,FN_START:be,CB_START:ye,FN_END:we}=de;var Ae=i(4649);class xe extends f{static featureName=Ae.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,Ae.t,r),this.importAggregator()}}new class extends t{constructor(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,E.ky)(16);super(),l._A?(this.agentIdentifier=r,this.sharedAggregator=new v({agentIdentifier:this.agentIdentifier}),this.features={},(0,x.h5)(r,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(p),(0,s.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.Z)("Failed to initial the agent. Could not determine the runtime environment.")}get config(){return{info:(0,n.C5)(this.agentIdentifier),init:(0,n.P_)(this.agentIdentifier),loader_config:(0,n.DL)(this.agentIdentifier),runtime:(0,n.OP)(this.agentIdentifier)}}run(){try{const t=a(this.agentIdentifier),n=[...this.desiredFeatures];n.sort(((e,t)=>r.p[e.featureName]-r.p[t.featureName])),n.forEach((n=>{if(t[n.featureName]||n.featureName===r.D.pageViewEvent){const i=function(e){switch(e){case r.D.ajax:return[r.D.jserrors];case r.D.sessionTrace:return[r.D.ajax,r.D.pageViewEvent];case r.D.sessionReplay:return[r.D.sessionTrace];case r.D.pageViewTiming:return[r.D.pageViewEvent];default:return[]}}(n.featureName);i.every((e=>t[e]))||(0,e.Z)("".concat(n.featureName," is enabled but one or more dependent features has been disabled (").concat((0,_.P)(i),"). This may cause unintended consequences or missing data...")),this.features[n.featureName]=new n(this.agentIdentifier,this.sharedAggregator)}}))}catch(t){(0,e.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,x.fP)();return delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator,r.ee?.abort(),delete r.ee?.get(this.agentIdentifier),!1}}addToTrace(t){(0,e.Z)("Call to agent api addToTrace failed. The session trace feature is not currently initialized.")}setCurrentRouteName(t){(0,e.Z)("Call to agent api setCurrentRouteName failed. The spa feature is not currently initialized.")}interaction(){(0,e.Z)("Call to agent api interaction failed. The spa feature is not currently initialized.")}}({features:[K,p,O,class extends f{static featureName=ne;constructor(e,t){if(super(e,t,ne,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),!l.il)return;const n=this.ee;let i;(0,B.QU)(n),this.eventsEE=(0,B.em)(n),this.eventsEE.on(oe,(function(e,t){this.bstStart=(0,D.z)()})),this.eventsEE.on(ie,(function(e,t){(0,T.p)("bst",[e[0],t,this.bstStart,(0,D.z)()],void 0,r.D.sessionTrace,n)})),n.on(ae+te,(function(e){this.time=(0,D.z)(),this.startPath=location.pathname+location.hash})),n.on(ae+re,(function(e){(0,T.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,r.D.sessionTrace,n)}));try{i=new PerformanceObserver((e=>{const t=e.getEntries();(0,T.p)(Q,[t],void 0,r.D.sessionTrace,n)})),i.observe({type:ee,buffered:!0})}catch(e){}this.importAggregator({resourceObserver:i})}},ue,C,xe,k,class extends f{static featureName=le;constructor(e,t){if(super(e,t,le,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),!l.il)return;if(!(0,n.OP)(e).xhrWrappable)return;try{this.removeOnAbort=new AbortController}catch(e){}let r,i=0;const o=this.ee.get("tracer"),a=(0,B._L)(this.ee),s=(0,B.Lg)(this.ee),c=(0,B.BV)(this.ee),u=(0,B.Kf)(this.ee),d=this.ee.get("events"),f=(0,B.u5)(this.ee),h=(0,B.QU)(this.ee),p=(0,B.Gm)(this.ee);function g(e,t){h.emit("newURL",[""+window.location,t])}function m(){i++,r=window.location.hash,this[be]=(0,D.z)()}function v(){i--,window.location.hash!==r&&g(0,!0);var e=(0,D.z)();this[me]=~~this[me]+e-this[be],this[we]=e}function b(e,t){e.on(t,(function(){this[t]=(0,D.z)()}))}this.ee.on(be,m),s.on(ye,m),a.on(ye,m),this.ee.on(we,v),s.on(ge,v),a.on(ge,v),this.ee.buffer([be,we,"xhr-resolved"],this.featureName),d.buffer([be],this.featureName),c.buffer(["setTimeout"+he,"clearTimeout"+fe,be],this.featureName),u.buffer([be,"new-xhr","send-xhr"+fe],this.featureName),f.buffer([ve+fe,ve+"-done",ve+pe+fe,ve+pe+he],this.featureName),h.buffer(["newURL"],this.featureName),p.buffer([be],this.featureName),s.buffer(["propagate",ye,ge,"executor-err","resolve"+fe],this.featureName),o.buffer([be,"no-"+be],this.featureName),a.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"],this.featureName),b(f,ve+fe),b(f,ve+"-done"),b(a,"new-jsonp"),b(a,"jsonp-end"),b(a,"cb-start"),h.on("pushState-end",g),h.on("replaceState-end",g),window.addEventListener("hashchange",g,(0,R.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener("load",g,(0,R.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener("popstate",(function(){g(0,i>1)}),(0,R.m$)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#o,this.importAggregator()}#o(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}],loaderType:"spa"})})()})(); </script> <script nonce="1-tagiP_ZwO_JNxK25aFK71OBkW0tmarjaSDAIEyWFQ"> try { if(ompClient.name=="huffpost_en_US") { CHECKOUT.ERRORMESSAGE.PURCHASE.TRANSACTIONAL_ERROR['OBI-29027'] = "You have an outstanding balance. Please update your payment information at <a href='%SUPPORT-PAYMENT-URL%'>My Wallet</a> or contact us at %SUPPORT-NUMBER%."; } } catch (e) {} </script> </body> </html>