CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><title>Subscription Panel</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:type" content="website"><meta property="og:url" content="https://checkout.sandiegouniontribune.com/?&g2i_or_o=Internt5&g2i_or_p=MG2NAV&g2i_source=SB&g2i_medium=nav2&g2i_campaign=nav"><link rel="preload" href="/styles/bootstrap.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="https://cdn.jsdelivr.net/npm/flatpickr" as="script"><link rel="preload" href="/styles/alertify.min.css" as="style" onload="this.rel='stylesheet'"><script>var config = {"System":{"Url":"//checkout.sandiegouniontribune.com","Client":"MNGCEP","ClientCode":"SDUT","SiteCode":"SDUT","CmsSiteCode":"SDUT","HostName":"checkout.sandiegouniontribune.com","UserProvider":"Auth0","UseMG2Api":true,"AutoOptIn":false,"MediaGroupCode":"MNG","EEditionSuffix":"access.aspx","EEditionProductCode":"eEditionIVDB","AuthCookieDomain":".sandiegouniontribune.com","ProcessExternalQueue":true},"PageMetaData":{"Favicon":"/img/sandiegouniontribune/favicon.png","FaviconType":"image/png"},"Services":{"Auth0":{"StylesheetUrl":"https://ui-static-assets-prod.mng-digisubs-prod.com/css/auth0.css","JSUrl":"https://ui-static-assets-prod.mng-digisubs-prod.com/js/auth0Manager.js","LockJS":"https://cdn.auth0.com/js/lock/11.25/lock.min.js","JS":"https://cdn.auth0.com/js/auth0/9.11/auth0.min.js","LogOutURL":"https://login.npuserlogin.com/v2/logout","ClientId":"kvI7O7QjfyQF92AdOl0an0LLznFau00s","Domain":"login.npuserlogin.com","InitialScreen":"signUp","Type":"info","Text":"Please create an account or login to continue.","Expires":45}},"Trackers":{"Enabled":true,"CartAbandonment":{"Enabled":true},"GoogleTagManager":{"Enabled":true,"ContainerId":"GTM-TLFP4R","DataLayer":{"ga_ua":"UA-61435456-15","quantcast":"","quantcast label":"","comscore":"","errorType":"","Publisher Domain":"sandiegouniontribune.com","Publisher Product":"sandiegouniontribune.com","Dateline":"","Publish Hour of Day":"","Create Hour of Day":"","Update Hour of Day":"","Behind Paywall":"","Mobile Presentation":"","kv":"","Release Version":"","Digital Publisher":"","Platform":"","Section":"subscription","Taxonomy1":"subscription","Taxonomy2":"","Taxonomy3":"","Taxonomy4":"","Taxonomy5":"","Content Source":"sandiegouniontribune.com","Canonical URL":"","Slug":"","Content ID":"","Page Type":"other","Publisher State":"","Byline":"","Content Title":"","URL":"","Page Title":"","User ID":"","Cluster":""}}},"MG2Loader":{"Enabled":true,"Url":"https://cdn.t2037ulzqct5.com/prod/dfm/loader.min.js","MG2Insights":{"Enabled":true,"Version":"mng","ContainerId":"GTM-NFD2QGD"},"FingerPrint":{"Enabled":true,"Version":"mng"}},"DefaultValues":{"Country":"US","Currency":"USD","Culture":"en-US","Description":"US Dollar","State":"CA","RoutingNumbers":["039000661","121000359","237774922","611111111","711111111","811111111","911111111"],"SubConUrl":"https://myaccount.sandiegouniontribune.com/","SubConDashboardUrl":"https://myaccount.sandiegouniontribune.com/","DefaultReturnUrl":"http://www.sandiegouniontribune.com/?clearUserState=true","TermsAndConditionsUrl":"https://www.medianewsgroup.com/terms-of-use/","PrivacyPolicy":"https://www.medianewsgroup.com/privacy-policy/","ErrorPageBackUrl":"http://www.sandiegouniontribune.com"},"ContentSecurityPolicy":{"Urls":"*.subconadmin.com https://*.subconadmin.com *.mg2cms.com https://*.mg2cms.com"},"Edgil":{"Url":"https://paywayws.net/PaywayWSHosted/"},"PayPalExpress":{"Environment":"production","ClientId":{"Sandbox":"","Production":""}},"PayPalDTI":{"Environment":"production"},"SheerID":{"ServiceUrl":"https://services.sheerid.com","HostUrlStudent":"https://offers.sheerid.com/medianews-group/student/","HostUrlTeacher":"https://offers.sheerid.com/medianews-group/teacher/","OriginUrl":"https://offers.sheerid.com","StudentProgramId":"6047e1ad21d14a00641a6dfb","TeacherProgramId":"6047e1e9f553f700640fba62"},"BuildInfo":{"Show":false,"Version":"3.16.0309","BuildDate":"10/9/2024 2:23:29 PM","BuildNumber":"20241009.142329"},"ThirdPartySystems":{"Captcha":{"V2":{"Enabled":false,"SiteKey":""},"Invisible":{"Enabled":false,"SiteKey":""},"V3":{"Enabled":true,"SiteKey":"6Lf0ZOEZAAAAANA1NIBMuxACa8ntM-_bmrF1lGly"}},"ApplePay":{"MarketName":"sandiegouniontribune","DisplayName":"The San Diego Union-Tribune","MerchantIdentifier":"merchant.com.mng.checkout2","MerchantDomain":"checkout.sandiegouniontribune.com"}}}; if (config && config.Trackers && config.Trackers.GoogleTagManager && config.Trackers.GoogleTagManager.Enabled) { var addInBody = config.Trackers.GoogleTagManager.AddInBody; if (!addInBody) { if (config.Trackers.GoogleTagManager.Containers && config.Trackers.GoogleTagManager.Containers.length) { var containers = config.Trackers.GoogleTagManager.Containers ? config.Trackers.GoogleTagManager.Containers : []; containers.forEach((container) => { if (container.Enabled) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f);})(window, document, 'script', 'dataLayer', container.ContainerId ? container.ContainerId : ''); } }); }; }; };</script><link rel="stylesheet" href="/styles/style_simple.css?dateStamp=1728498209000"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link rel="preload" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=PT+Sans:wght@400;700&family=PT+Serif:wght@400;700&display=swap" as="style" onload="this.rel='stylesheet'"><link rel="icon" type="image/png" href="/img/sandiegouniontribune/favicon.png"><script>var viewParameters = {"Params":{"trackingCodes":{"g2i_source":"SB","g2i_medium":"nav2","g2i_campaign":"nav","g2i_or_o":"Internt5","g2i_or_p":"MG2NAV"}},"InternalSessionID":"MAc9U_1Mfnk5v3D9sG4S0hAqLNB_t6Cf","presentation":{"Content":{"Name":"FlashFREE6","Url":"flashsaleFREE6","IsDefault":true,"Notifications":[],"PresentationProperties":{"name":"PresentationPropertiesV3","options":{"Erorrs":{"GeneralErrors":{"Title":"We have found the following error(s):"}},"DefaultZipCode":"00000","DefaultOfferGroupId":"1879, 1880, 1885, 1888, 1891, 1892","Theme":"Simple","IsInternational":false,"CustomCSSLink":"","StylingEnable":false,"Styling":{"BgColor":""},"OgTags":{"Title":"","Description":"","Image":"","SiteName":"","ImageAlt":""},"StepPadding":"","InputPadding":"","Favicon":"","IsGiftSale":false,"DetectMobileDevices":false,"MobileRedirectUrl":"","NoOffers":{"Text":"","LinkText":"","Url":""},"isMoveLabel":false,"LoadingScreenLogo":"","RecaptchaScore":"","TurnOffCaptcha":false,"DefaultPromotionCode ":""},"components":[]},"Components":[{"name":"HeaderV3","options":{"LogoUrl":"https://www.sandiegouniontribune.com","LoginText":"LOG IN","LogoutText":"LOG OUT","BackText":"BACK","Styling":{"Logo":"https://s3.amazonaws.com/cms.mngcep/SDUT_logo_black_stacked_revised.png","BackgroundColor":"#ffffff","TextColor":"#000000","BorderColor":"#013a67","LogoAlignLeft":false,"BackgroundImage":""},"AlreadySubscriber":{"Show":false,"Title":"<p>Already a subscriber?</p>","LinkText":"<p>LOGIN</p>","Url":"sdut/Dashboard"},"InternationalSubscriber":{"LinkText":"","Url":"","Show":false,"Title":""},"LoginSectionShow":true,"LogoAltText":"The San Diego Union-Tribune","Back":{"Show":true,"Text":""}},"components":[]},{"name":"PageV3","options":{"Title":"","Subtitle":"","Styling":{"Background":{"Image":"","Color":"#eaeaea","Scrollable":false,"AccentColor":"","AccentImage":""}},"DisplayType":"One","PageMetaData":{"Title":"Subscribe to The San Diego Union-Tribune","Favicon":""},"AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":"","MobileStyling":{"Background":{"Image":"","Color":"","AccentColor":"","AccentImage":""}}},"components":[{"name":"LandingTilesV3","options":{"DisplayInlineCount":3,"Title":"","Subtitle":"","SubtypeName":"Rounded","IncreaseTileOnHover":false,"SliderDotsColor":""},"components":[{"name":"PromotionDigitalV3","options":{"Button":{"OfferGroupId":"2482, 2490, 2496, 2501, 2553","Text":"GET THIS DEAL","PromotionCode":""},"Details":{"Body":"","Title":""},"Title":"<h1><span style=\"font-family: georgia, palatino; color: #000000;\">Standard Digital</span></h1>","Subtitle":"<h2><span style=\"font-family: georgia, palatino; color: #000000;\">6 Months FREE</span></h2>\n<h5><span style=\"font-family: georgia, palatino;\">Renews at $4.99/week</span></h5>\n<h5><span style=\"font-family: georgia, palatino;\">Cancel anytime</span></h5>","Body":"<p><p>✓ Full access to sandiegouniontribune.com</p>\n\n<p>✓ e-Edition</p>\n\n<p>✓ Article sharing</p>\n\n<p>✓ Unlimited access to online Puzzles</p>\n\n<p>✓ Exclusive Reader Rewards</p>\n</p>","Action":{"Title":"<p>ENTER EMAIL</p>","Email":{"Title":"Action.Email.Title","Placeholder":"Action.Email.Placeholder"},"Coupon":{"HideText":"","Placeholder":"","Show":false,"ShowText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"Title":""},"OneTimeUseCode":{"Show":false,"Title":"","Placeholder":"","ShowText":"","HideText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false}},"NoOffersAvailableMessage":"<p>Sorry, there are no offers available.</p>","HoverText":"","ZipCode":{"Validation":{"Required":{"Message":"","Apply":false},"MinLength":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Email":{"Validation":{"Required":{"Message":"Email is required","Apply":false},"Pattern":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Image":"","Styling":{"EnableCustomization":true,"TextColor":"","BackgroundColor":"","Button":{"TextColor":"#ffffff","BackgroundColor":"#c2282f","BorderColor":"#c2282f","Type":"Rounded corner","Width":""},"Modal":{"BackgroundColor":"","TextColor":"","Button":{"BackgroundColor":"","BorderColor":"","TextColor":"","Type":"Rounded corner"}},"BorderColor":"#c2282f"},"RespectUrlPid":true,"EnableEmail":false,"TitleAboveImage":false,"SubtitleAboveImage":false,"Bodybottom":"","ActionsInModal":false,"RespectUrlParams":true,"HideInputs":false,"ImageAlt":"","TileTop":{"BorderColor":"#c2282f","Show":true,"Text":"<p><span style=\"color: #ffffff; font-family: arial, helvetica, sans-serif;\"><sub><strong>LIMITED-TIME OFFER</strong></sub></span></p>","BackgroundColor":"#c2282f"},"AlternativeMobileStyling":{"Body":"","Subtitle":"","Title":"","Enabled":false}},"components":[]},{"name":"PromotionDigitalV3","options":{"Button":{"OfferGroupId":"2532, 2533, 2534, 2530, 2531, 2535, 2450","Text":"GET STARTED","PromotionCode":""},"Details":{"Body":"","Title":""},"Title":"<h1><span style=\"font-family: georgia, palatino; color: #000000;\">Premium Digital</span></h1>","Subtitle":"<h2><span style=\"font-family: georgia, palatino;\">$1 for 6 months</span></h2>\n<h5><span style=\"font-family: georgia, palatino;\">Renews at $6.99/week</span></h5>\n<h5><span style=\"font-family: georgia, palatino;\">Cancel anytime</span></h5>","Body":"<p><p>✓ Full access to sandiegouniontribune.com</p>\n\n<p>✓ e-Edition</p>\n\n<p>✓ Article sharing</p>\n\n<p>✓ Unlimited access to online Puzzles</p>\n\n<p>✓ Exclusive Reader Rewards</p>\n\n<p><strong>Plus:</strong></p>\n\n<p>✓ Ad-free reading</p>\n\n<p>✓ Account sharing with family & friends</p>\n\n<p>✓ Digital access to our 50+ local news publications, nationwide</p>\n</p>","Action":{"Title":"<p>ENTER EMAIL</p>","Email":{"Title":"Action.Email.Title","Placeholder":"Action.Email.Placeholder"},"Coupon":{"HideText":"","Placeholder":"","Show":false,"ShowText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"Title":""},"OneTimeUseCode":{"Show":false,"Title":"","Placeholder":"","ShowText":"","HideText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false}},"NoOffersAvailableMessage":"<p>Sorry, there are no offers available.</p>","HoverText":"","ZipCode":{"Validation":{"Required":{"Message":"","Apply":false},"MinLength":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Email":{"Validation":{"Required":{"Message":"Email is required","Apply":false},"Pattern":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Image":"","Styling":{"EnableCustomization":true,"TextColor":"","BackgroundColor":"","Button":{"TextColor":"#004e87","BackgroundColor":"#ffffff","BorderColor":"#004e87","Type":"Rounded corner","Width":""},"Modal":{"BackgroundColor":"","TextColor":"","Button":{"BackgroundColor":"","BorderColor":"","TextColor":"","Type":"Rounded corner"}},"BorderColor":"#a9a9a9"},"RespectUrlPid":true,"EnableEmail":false,"TitleAboveImage":false,"SubtitleAboveImage":false,"Bodybottom":"","ActionsInModal":false,"RespectUrlParams":true,"HideInputs":false,"ImageAlt":"","TileTop":{"BorderColor":"#004e87","Show":true,"Text":"<p><span style=\"color: #ffffff; font-family: arial, helvetica, sans-serif;\"><sub><strong>AD-FREE</strong></sub></span></p>","BackgroundColor":"#004e87"},"AlternativeMobileStyling":{"Body":"","Subtitle":"","Title":"","Enabled":false}},"components":[]},{"name":"PromotionZipcodeV3","options":{"Button":{"OfferGroupId":"460,461,459,462,702,703,704,705,105,102,1428,100,1429,586,1136,1139,782,785,794,786,795,796,797,820,821,822,814,1182,1183,2057,2058,2284,2453,2454,2455","Text":"GET STARTED","PromotionCode":""},"Action":{"ZipCodeFail":{"Button":{"OfferGroupId":"","Text":"Try Digital","PromotionCode":""},"Title":"We don't have home delivery for this area. Try digital access instead.","Body":""},"Title":"","ZipCode":{"Title":"","Placeholder":"ZIP Code"},"Coupon":{"Title":"","Placeholder":"","ShowText":"","HideText":"","Validation":{"Required":{"Message":"","Apply":false}},"Show":false,"ValidateOnFocusLost":false},"OneTimeUseCode":{"Show":false,"Title":"","Placeholder":"","ShowText":"","HideText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false}},"Details":{"Body":"","Title":""},"Title":"<h1><span style=\"font-family: georgia, palatino; color: #000000;\">Print + Digital</span></h1>","Subtitle":"<h2><span style=\"font-family: georgia, palatino;\">Choose delivery days</span></h2>\n<h5><span style=\"font-family: georgia, palatino;\">As low as $14 for 4 weeks</span></h5>\n<h5><span style=\"font-family: georgia, palatino;\">Cancel anytime</span></h5>","Body":"<p><p>✓ Full access to sandiegouniontribune.com</p>\n\n<p>✓ e-Edition</p>\n\n<p>✓ Article sharing</p>\n\n<p>✓ Unlimited access to online Puzzles</p>\n\n<p>✓ Exclusive Reader Rewards</p>\n\n<p><strong>Plus:</strong></p>\n\n<p>✓ Home delivery</p>\n\n<p>✓ Money-saving coupons and inserts</p>\n</p>","NoOffersAvailableMessage":"<p>Sorry, print delivery is not available in that area. Try a digital offer instead.</p>","HoverText":"","ZipCode":{"Validation":{"Required":{"Message":"ZIP Code","Apply":true},"MinLength":{"Message":"","Apply":false}},"ValidateOnFocusLost":true},"ZipCodeWithCoupon":{"Validation":{"MinLength":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Email":{"Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Image":"","Styling":{"EnableCustomization":true,"TextColor":"","BackgroundColor":"","Button":{"TextColor":"#004e87","BackgroundColor":"#ffffff","BorderColor":"#004e87","Width":"","Type":"Rounded corner"},"Modal":{"BackgroundColor":"","TextColor":"","Button":{"BackgroundColor":"","BorderColor":"","TextColor":"","Type":"Rounded corner"}},"BorderColor":"#a9a9a9"},"RespectUrlPid":true,"TitleAboveImage":false,"SubtitleAboveImage":false,"Bodybottom":"","ActionsInModal":false,"RespectUrlParams":true,"TileTop":{"Show":true,"Text":"<p><span style=\"color: #ffffff; font-family: arial, helvetica, sans-serif;\"><sub><strong>ALL ACCESS</strong></sub></span></p>","BackgroundColor":"#004e87","BorderColor":"#004e87"},"ImageAlt":"","SkipZipCodeValidation":false,"HideInputs":true,"AlternativeMobileStyling":{"Body":"","Subtitle":"","Title":"","Enabled":false},"deliveryDays":[]},"components":[]}]}]},{"name":"PageV3","options":{"Title":"","Subtitle":"","Styling":{"Background":{"Image":"","Color":"","Scrollable":false,"AccentColor":"","AccentImage":""}},"DisplayType":"Accordion","PageMetaData":{"Title":"","Favicon":""},"AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":"","MobileStyling":{"Background":{"Image":"","Color":"","AccentColor":"","AccentImage":""}}},"components":[{"name":"OfferSelectorTilesV3","options":{"Title":"","BestOfferText":"","OfferButtonText":"Select Offer","AutoSelectOffer":true,"Show":{"OfferName":true,"MarketingText":false,"Image":true,"OfferText":false,"Price":true,"TermsAndConditions":false,"Body":false,"ExpressCheckoutOfferText":false,"Title":true,"ImageOnMobile":false},"Sign":{"Color":"","BgColor":"","Hide":false},"Premium":{"Title":""},"OfferButtonPosition":"","OptionsSection":{"Edit":"","OptionsInclude":"","ShowingOptions":""},"ExpressCheckoutOfferText":"","Button":{"EnableCustomization":false,"Styling":{"BackgroundColor":"","TextColor":"","BorderColor":"","Width":"","Type":""}},"OfferStyling":{"EnableCustomization":false,"TextColor":"","BackgroundColor":"","BorderColor":""},"EnableSwG":false},"components":[]},{"name":"StepIndicatorV3","options":{"StickyMode":{"BackgroundColor":"","Enable":true}},"components":[]},{"name":"StickyNoteV3","options":{"Title":"<p><span style=\"font-size: 14px; font-family: arial, helvetica, sans-serif;\">Need help? 619-299-4141</span></p>\n<p><span style=\"font-size: 20px; font-family: arial, helvetica, sans-serif;\"><strong>Your Order Details</strong></span></p>","Pricing":{"TaxAmount":{"Title":"Tax:","Show":true,"ShowPeriod":true},"ActivationFee":{"Title":"Activation Fee:","Show":true},"Amount":{"Title":"Offer Price:","Show":true,"ShowPeriod":true},"TotalPrice":{"Title":"Due Today:","Show":true},"Quantity":{"Title":"","Show":true},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""},"StateTax":{"Show":false,"Title":""}},"OfferText":{"Show":true},"MarketingText":{"Show":true},"Premium":{"Title":""},"OfferPartsVisibility":{"Price":true,"Image":false,"Title":true,"Body":true},"ShowChat":false,"OfferTopContainer":{"EnableCustomization":false,"Styling":{"BackgroundColor":{"Left":"","Right":""}}}},"components":[]},{"name":"StepV3","options":{"Title":"<p>Create Account</p>","Subtitle":"","Button":{"Text":"Continue","Spinner":{"Show":false},"EnableCustomization":false,"Styling":{"BackgroundColor":"","BorderColor":"","TextColor":"","Width":"","Type":""},"Disabled":{"HoverMessage":{"Text":"","Show":false}},"HideWhileDisabled":false},"Pricing":{"TotalPrice":{"Title":"Total Amount:","Show":false},"Amount":{"Title":"Amount:","Show":false,"ShowPeriod":false},"TaxAmount":{"Title":"Quantity:","Show":false,"ShowPeriod":false},"ActivationFee":{"Title":"Activation Fee:","Show":false},"Quantity":{"Title":"Quantity","Show":false},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""},"StateTax":{"Show":false,"Title":""},"OnTop":{"AccentColor":"","ShowSecondButton":false,"Show":false}},"Spinner":{"Show":false},"StepIndicator":{"Show":true},"BackLink":{"Text":"","Show":false},"Cancel":{"Text":"","Url":"","Show":false},"Styling":{"EnableCustomization":false,"MainColor":"","AccentColor":"","TextColor":"","TextAccentColor":""},"ShowSummary":{"UserInformation":false,"PaymentInformation":false,"DeliveryAddress":false,"BillingAddress":false},"EditStepSymbol":"","UpsellAlternate":{"Apply":false,"Title":"","Subtitle":""},"OfferText":{"Show":false},"MarketingText":{"Show":false},"Premium":{"Title":""},"ShowChat":false,"AccentColor":"","IsNestedSteps":false,"Enumer":{"Show":false}},"components":[{"name":"UserInformationV3","options":{"Password":{"Validation":{"MaxLength":{"Params":20,"Message":"Maximum length is 20","Apply":true},"MinLength":{"Params":8,"Message":"Minimum length is 8","Apply":true},"AtLeast1Letter":{"Message":"Include at least 1 letter","Apply":true},"AtLeast1Number":{"Message":"Include at least 1 number","Apply":true},"AtLeast1Letter1Number":{"Message":"Include at least 1 letter and 1 number","Apply":true},"Required":{"Message":"Password is required","Apply":true},"LiveValidation":{"Apply":true},"AtLeast1UpperCaseLetter":{"Apply":true,"Message":"Include at least 1 upper case letter"},"AtLeast3Of4Types":{"Message":""},"No2IdenticalRow":{"Message":"","Apply":false},"LowerCase":{"Message":"","Apply":false},"SpecialCharaters":{"Apply":false,"Message":""}},"HidePassword":"Hide password","Title":"Password:","Placeholder":"","ShowPassword":"Show password","Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"ConfirmPassword":{"Validation":{"MinLength":{"Params":8,"Message":"Minimum length is 8","Apply":true},"MaxLength":{"Params":20,"Message":"Maximum length is 20","Apply":true},"AreSame":{"Message":"Passwords do not match"},"AtLeast1Letter1Number":{"Message":"Include at least 1 letter and 1 number","Apply":true},"Required":{"Message":"Please confirm your password","Apply":true}},"Placeholder":"","Title":"Confirm Password:","ShowPassword":"","HidePassword":"","Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Title":"","Subtitle":"","ConfirmEmail":{"Placeholder":"","Title":"","Validation":{"Required":{"Message":"","Apply":false},"AreSame":{"Message":""}},"Show":false,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"DisplayName":{"Validation":{"Required":{"Message":"","Apply":false},"MaxLength":{"Message":"","Apply":false},"MinLength":{"Apply":false,"Message":""}},"InformationBody":"","InformationTitle":"","Title":"","Placeholder":"","Show":false,"ValidateOnFocusLost":false,"Help":{"Show":false,"Text":""},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Email":{"EmailExistsBody":"Looks like you've registered with us before. Once you complete your purchase please login to access all the benefits of your subscription.","Title":"Email: (You’ll use this to sign in to our website and apps)","Placeholder":"","VerifyingEmail":"Verifying email...","EmailExistsTitle":"You look familiar.","Validation":{"Required":{"Message":"Please enter an email address or select a Social sign in option","Apply":true},"Pattern":{"Message":"Email is wrong format","Apply":true}},"Show":true,"ValidateOnFocusLost":true,"Help":{"LinkText":"","ImageUrl":"","Show":false,"Text":""},"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"PrivacyPolicy":{"Body":"We protect your privacy","Title":"Privacy Policy"},"ShowPasswordText":"Show Password","HidePasswordText":"Hide Password","AuthError":{"Message":"Sorry, we were not able to log you in. Please check your credentials and try again."},"Login":{"Title":"LOG IN","Email":{"Title":"Email:","Placeholder":""},"Password":{"Title":"Password:","Placeholder":""},"Button":{"Text":"LOG IN"}},"Logout":{"Button":{"Text":"LOG OUT"},"Title":"LOG OUT"},"Errors":{"Title":""},"ShowPasswordSwitcher":true,"ShowSummary":false,"RequireLogin":{"LinkText":"Login is required","Apply":false},"AuthLogin":{"ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}}},"Gender":{"Validation":{"Required":{"Apply":false,"Message":""}},"Title":"","Show":false,"Placeholder":"","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"Amazon":{"LoginButtonText":"","Show":false},"FirstName":{"Show":false,"Title":"","Validation":{"Required":{"Apply":false,"Message":""}},"Placeholder":"","ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"Twitter":{"LoginButtonText":"","Show":false},"Verification":{"UnverifiedMessage":{"Body":"","Title":""},"VerifiedMessage":""},"Facebook":{"LogoutButtonText":"Logout from Facebook account","Show":true,"LoginButtonText":"Sign Up with Facebook","LoggedInText":"You are logged in with Facebook"},"AuthPassword":{"ValidateOnFocusLost":false},"ValidateOnFocusLost":{"Validation":{"Required":{"Apply":false,"Message":""}}},"ForgotPassword":{"Show":false,"Title":"Forgot password:","LinkText":"","BackText":"","Message":{"Success":"","Error":""},"Email":{"Title":"","Placeholder":""},"Button":{"Text":""}},"Birth":{"Year":{"Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":""},"Date":{"Validation":{"Required":{"Message":"","Apply":false}},"Placeholder":"","OptionalNextToPlaceholder":""},"Month":{"Validation":{"Required":{"Message":"","Apply":false}},"Placeholder":"","OptionalNextToPlaceholder":""},"Show":false,"Title":""},"Google":{"LoginButtonText":"Sign Up with Google","Show":true,"LogoutButtonText":"Logout from Google account","LoggedInText":"You are logged in with Google"},"LastName":{"Show":false,"Placeholder":"","Title":"","ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"Required":{"Apply":false,"Message":""}}},"ApplyExternalEmailValidation":false,"Apple":{"LoginButtonText":"Sign Up with Apple","Show":true},"OptOutMarketing":{"CheckBox":{"Text":""},"Show":false},"IsSocialButtonsBelow":false,"SocialButtonsLabel":""},"components":[]},{"name":"InformationV3","options":{"Body":"<p><span style=\"font-size: 12px;\">By creating an account, you agree to the <a title=\"Terms of Service\" href=\"https://www.medianewsgroup.com/terms-of-use/\" target=\"_blank\" rel=\"noopener\">Terms of Service</a>, acknowledge you are over the age of 17, and acknowledge our <a title=\"Privacy Policy\" href=\"https://www.medianewsgroup.com/privacy-policy/\" target=\"_blank\" rel=\"noopener\">Privacy Policy</a>.</span></p>"},"components":[]}]},{"name":"StepV3","options":{"Title":"<p>User Info</p>","Subtitle":"","Button":{"Text":"Continue","Spinner":{"Show":false},"EnableCustomization":false,"Styling":{"BackgroundColor":"","BorderColor":"","TextColor":"","Width":"","Type":""},"Disabled":{"HoverMessage":{"Text":"","Show":false}},"HideWhileDisabled":false},"Pricing":{"TotalPrice":{"Title":"Total Amount:","Show":false},"Amount":{"Title":"Amount:","Show":false,"ShowPeriod":false},"TaxAmount":{"Title":"Quantity:","Show":false,"ShowPeriod":false},"ActivationFee":{"Title":"Activation Fee:","Show":false},"Quantity":{"Title":"Quantity","Show":false},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""},"StateTax":{"Show":false,"Title":""},"OnTop":{"AccentColor":"","ShowSecondButton":false,"Show":false}},"Spinner":{"Show":false},"StepIndicator":{"Show":true},"BackLink":{"Text":"","Show":false},"Cancel":{"Text":"","Url":"","Show":false},"Styling":{"EnableCustomization":false,"MainColor":"","AccentColor":"","TextColor":"","TextAccentColor":""},"ShowSummary":{"UserInformation":false,"PaymentInformation":false,"DeliveryAddress":false,"BillingAddress":false},"EditStepSymbol":"","UpsellAlternate":{"Apply":false,"Title":"","Subtitle":""},"OfferText":{"Show":false},"MarketingText":{"Show":false},"Premium":{"Title":""},"ShowChat":false,"AccentColor":"","IsNestedSteps":false,"Enumer":{"Show":false}},"components":[{"name":"IndependentAddressV3","options":{"Zipcode":{"Validation":{"MinLength":{"Params":5,"Message":"Please enter a 5-digit Zip Code","Apply":true},"Required":{"Message":"Please enter a valid 5-digit Zip Code","Apply":true}},"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Title":"Zip Code*","Placeholder":"","Show":true,"ValidateOnFocusLost":false},"FirstName":{"Placeholder":"","Title":"First Name*","OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"First Name is required","Apply":true}},"ValidateOnFocusLost":false,"Show":true},"LastName":{"Placeholder":"","Title":"Last Name*","OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Last Name is required","Apply":true}},"ValidateOnFocusLost":false,"Show":true},"PhoneNumber":{"Placeholder":"","Title":"Phone Number*","Validation":{"Required":{"Message":"Please enter a phone number","Apply":true},"PhoneUS":{"Message":"Please enter a valid U.S. phone number","Apply":true},"PhoneAUS":{"Apply":false,"Message":""}},"Note":"","Help":{"Text":"","LinkText":"","ImageUrl":"","Show":false},"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Show":true}},"components":[]},{"name":"DeliveryInformationV3","options":{"Zipcode":{"Validation":{"MinLength":{"Params":5,"Message":"Zip Code must be 5 digits","Apply":true},"Required":{"Message":"Zip Code is required","Apply":true}},"Placeholder":"","Title":"Zip Code*","Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"PhoneNumber":{"Help":{"Text":"","ImageUrl":"","Show":false,"LinkText":""},"Placeholder":"","Title":"Phone Number*","Validation":{"Required":{"Message":"Phone Number is required","Apply":true},"PhoneUS":{"Message":"Please use a valid U.S. phone number","Apply":false},"PhoneAUS":{"Apply":false,"Message":""}},"Note":"","Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Title":"<p>Delivery Address</p>","Subtitle":"","Email":{"Placeholder":"","Title":"","Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}},"Show":false,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"FirstName":{"Placeholder":"","Title":"First Name*","Validation":{"Required":{"Message":"","Apply":true}},"Show":true,"ValidateOnFocusLost":true,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"LastName":{"Placeholder":"","Title":"Last Name*","Validation":{"Required":{"Message":"","Apply":true}},"Show":true,"ValidateOnFocusLost":true,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"AddressLine":{"Placeholder":"","Title":"Address*","Validation":{"Required":{"Message":"","Apply":true},"MaxLength":{"Apply":true,"Params":28,"Message":"Address is limited to 28 characters"}},"Show":true,"ValidateOnFocusLost":false,"AutoComplete":{"ApplyGeoLocation":false,"Apply":false,"NonUSErrorText":""},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"SecondAddressLine":{"Placeholder":"","Title":"Address Line 2 (Optional)","Show":true,"Validation":{"MaxLength":{"Apply":true,"Params":28,"Message":"Address is limited to 28 characters"},"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Help":{"Show":false,"Text":"","ImageUrl":"","LinkText":""}},"City":{"Placeholder":"","Title":"City*","Validation":{"Required":{"Message":"","Apply":true}},"Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"BillingIsNotDelivery":"My Billing Address is Different","Name":{"Title":"","Placeholder":"","Show":false},"Address":{"Title":""},"Privacy":{"Title":"","Body":""},"Company":{"Title":"","Placeholder":"","Show":false,"OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":""},"State":{"Title":"State","Show":true,"Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Errors":{"Title":""},"ShowSummary":true,"NotRoutable":{"OfferGroupId":"","LinkText":"","DisclaimerText":"The zip code entered is not in our deliverable market. Please consider our Digital offer.","NoOffersErrorMessage":"","PromotionCode":""},"PostalCode":{"Title":"","Placeholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false}},"Show":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"InternationalPhone":{"Validation":{"Required":{"Message":"","Apply":false},"MaxLength":{"Apply":false,"Message":""}},"Show":false,"Title":"","Placeholder":"","OptionalNextToTitle":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false},"EnableAddressValidation":false,"Country":{"ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"Show":false,"Title":"","OptionalNextToTitle":"","Placeholder":"","OptionalNextToPlaceholder":""},"DoNotPopulateLocation":false,"CollectZipLast":false,"StandartizationErrorMessage":"","InternationalCity":{"Show":false,"Title":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"Placeholder":"","OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Province":{"Show":false,"Title":"","Placeholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Standardization":{"SuggestedAddressTitle":"Alternate Addresses","Message":"We have standardized your address"},"HideBillingIsNotDeliveryBlock":false,"Currency":{"Placeholder":"","Show":false,"Title":""},"EnableAutoAddress":false},"components":[]},{"name":"BillingInformationV3","options":{"Zipcode":{"Validation":{"MinLength":{"Params":5,"Message":"Please enter at least 5 characters","Apply":true},"Required":{"Message":"Zip Code is required","Apply":true}},"Placeholder":"","Title":"Zip Code*","Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"PhoneNumber":{"Help":{"Text":"","ImageUrl":"","Show":false,"LinkText":""},"Placeholder":"","Title":"Phone Number*","Validation":{"PhoneUS":{"Message":"Please use a valid U.S. phone number","Apply":true},"Required":{"Message":"Phone Number is required","Apply":true},"PhoneAUS":{"Apply":false,"Message":""}},"Note":"","Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Title":"","Subtitle":"","FirstName":{"Placeholder":"","Title":"First Name*","Validation":{"Required":{"Message":"First Name is required","Apply":true}},"Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"LastName":{"Placeholder":"","Title":"Last Name*","Validation":{"Required":{"Message":"Last Name is required","Apply":true}},"Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"AddressLine":{"Placeholder":"","Title":"Address*","Validation":{"Required":{"Message":"Address is required","Apply":true},"MaxLength":{"Apply":true,"Params":28,"Message":"Address is limited to 28 characters"}},"Show":true,"ValidateOnFocusLost":false,"AutoComplete":{"ApplyGeoLocation":false,"Apply":false,"NonUSErrorText":""},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"SecondAddressLine":{"Placeholder":"","Title":"Address Line 2 (Optional)","Show":true,"Validation":{"MaxLength":{"Apply":true,"Params":28,"Message":"Address is limited to 28 characters"},"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Help":{"Show":false,"Text":"","ImageUrl":"","LinkText":""}},"City":{"Placeholder":"","Title":"City*","Validation":{"Required":{"Message":"City is required","Apply":true}},"Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Name":{"Title":"Name","Placeholder":"","Show":false},"Address":{"Title":"Billing Address"},"Privacy":{"Title":"","Body":""},"Email":{"Placeholder":"","Title":"","Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}},"Show":false,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"BillingIsNotDelivery":"My billing information is different","Errors":{"Title":""},"State":{"Title":"State*","Show":true,"Validation":{"Required":{"Apply":true,"Message":"State is required"}},"Placeholder":"","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"Company":{"Title":"","Placeholder":"","Show":false,"Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"ShowSummary":true,"PostalCode":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Country":{"Show":false,"Title":"","Placeholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"InternationalCity":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Province":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"InternationalPhone":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""},"MaxLength":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"NotRoutable":{"OfferGroupId":"","LinkText":"","DisclaimerText":"","NoOffersErrorMessage":"","PromotionCode":""},"EnableAddressValidation":false,"DoNotPopulateLocation":false,"CollectZipLast":false,"StandartizationErrorMessage":"","CanadianPostalCode":{"Validation":{"Pattern":{"Message":"","Apply":false},"MinLength":{"Apply":false,"Message":""}}},"Standardization":{"Message":"We have standardized your address","SuggestedAddressTitle":"Alternate Addresses"},"HideBillingIsNotDeliveryBlock":false,"Currency":{"Placeholder":"","Show":false,"Title":""},"EnableAutoAddress":false},"components":[]}]},{"name":"StepV3","options":{"Title":"<p>Payment</p>","Subtitle":"","Button":{"Text":"Continue","Spinner":{"Show":false},"EnableCustomization":false,"Styling":{"BackgroundColor":"","BorderColor":"","TextColor":"","Width":"","Type":""},"Disabled":{"HoverMessage":{"Text":"","Show":false}},"HideWhileDisabled":false},"Pricing":{"TotalPrice":{"Title":"Due Today:","Show":true},"Amount":{"Title":"Offer Price:","Show":true,"ShowPeriod":false},"TaxAmount":{"Title":"Tax:","Show":true,"ShowPeriod":false},"ActivationFee":{"Title":"Activation Fee:","Show":true},"Quantity":{"Title":"","Show":false},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""},"StateTax":{"Show":false,"Title":""},"OnTop":{"AccentColor":"","ShowSecondButton":false,"Show":false}},"Spinner":{"Show":false},"StepIndicator":{"Show":true},"BackLink":{"Text":"","Show":false},"Cancel":{"Text":"","Url":"","Show":false},"Styling":{"EnableCustomization":false,"MainColor":"","AccentColor":"","TextColor":"","TextAccentColor":""},"ShowSummary":{"UserInformation":false,"PaymentInformation":false,"DeliveryAddress":false,"BillingAddress":false},"EditStepSymbol":"","UpsellAlternate":{"Apply":false,"Title":"","Subtitle":""},"OfferText":{"Show":false},"MarketingText":{"Show":false},"Premium":{"Title":""},"ShowChat":false,"AccentColor":"","IsNestedSteps":false,"Enumer":{"Show":false}},"components":[{"name":"PaymentMethodsV3","options":{"Title":"","Subtitle":"","Errors":{"Title":""},"FirstName":{"Show":false,"Title":"","Placeholder":"First Name","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"LastName":{"Show":false,"Title":"","Placeholder":"Last Name","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"PhoneNumber":{"Show":false,"Title":"Phone Number","Placeholder":"Phone number","Validation":{"Required":{"Apply":false,"Message":"Please enter a phone number"},"PhoneUS":{"Apply":false,"Message":""},"PhoneAUS":{"Apply":false,"Message":""}},"Note":"","Help":{"Show":false,"Text":"","ImageUrl":"","LinkText":""},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"InternationalPhone":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Zipcode":{"Show":false,"Title":"Zip Code","Placeholder":"Zip Code","Validation":{"Required":{"Apply":false,"Message":"Please enter a Zip Code"},"MinLength":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"PostalCode":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Country":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","ValidateOnFocusLost":false},"Email":{"Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}},"Title":"","Placeholder":"","Show":false,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"PaymentMethodSelector":{"Title":"Please select a payment method.","Style":"horizontal radio"},"TransferBalance":{"Validation":{"Validation":{"MaxValueMessage":"","Params":"","Apply":false,"FormatMessage":""},"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Placeholder":"","Show":false,"Title":""},"CanadianPostalCode":{"Validation":{"MinLength":{"Message":"","Apply":false},"Pattern":{"Apply":false,"Message":""}}},"MorePaymentOptionText":"","SelectionBeforeFields":false,"State":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Province":{"Show":false,"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"TransferBalanceReason":{"Show":false,"Title":"","Placeholder":"","List":""},"Currency":{"Placeholder":"","Show":false,"Title":""},"IsOnlinePaymentSystemButtonsBelow":false,"DelimiterText":""},"components":[{"name":"CreditCardEdgilV3","options":{"Title":"Credit/Debit Card","Summary":{"ExpirationDate":"Credit Card Exp Date:","CardNumber":"Credit Card Number:","Name":"Card Holder Name:"},"FirstName":{"Show":true,"Title":"First Name","Placeholder":"Enter your First Name"},"LastName":{"Show":true,"Title":"Last Name","Placeholder":"Enter your Last Name"},"CardNumber":{"Title":"Card Number","Placeholder":"CC Number"},"ExpirationDate":{"Title":"Expiration Date","Placeholder":"MMYY"},"CVV":{"Title":"CVV","Placeholder":"CVV"},"Zipcode":{"Show":false,"Title":"Zip Code","Placeholder":"Enter your Zip Code"},"PhoneNumber":{"Show":false,"Title":"Phone Number","Placeholder":"Enter your Phone Number","Disclaimer":""},"SubmitButton":{"Text":"Continue","BackgroundColor":"","TextColor":"","BorderColor":""},"Image":"","Alt":"CC Edgil image","LearnMore":{"Show":false,"Text":"Learn More","Url":""},"TermsAndConditions":{"Show":false},"ErrorOnLoadMessage":"Sorry, we were unable to load Edgil."},"components":[]},{"name":"ApplePayV3","options":{"Title":"Apple Pay","StartApplePaySessionError":"PaywayApplePaySessionStartError","Image":"https://www.apple.com/v/apple-pay/i/images/overview/og_image.png?202008250327","LearnMore":{"Show":true,"Text":"Learn More","Url":"https://www.apple.com/ie/apple-pay/"},"Errors":{"ReAuthorize":""}},"components":[]},{"name":"PayPalDTIV3","options":{"Disclaimer":"","Messages":{"OnError":"","ReAuthorize":""},"Style":{"Color":"gold","Label":"paypal","Shape":"pill","Size":""},"Title":"PayPal","Description":"","Image":"","LearnMore":{"Show":false,"Text":"","Url":""}},"components":[]},{"name":"BankAccountV3","options":{"RoutingNumber":{"Validation":{"MaxLength":{"Params":9,"Message":"Please enter a valid Routing Number","Apply":false},"Required":{"Message":"Please enter a valid Routing Number","Apply":true},"RoutingNumber":{"Apply":true}},"Placeholder":"","Title":"Routing Number*","Show":true,"ValidateOnFocusLost":false,"Help":{"Show":true,"LinkText":"What is this?","Text":"<p>Your bank’s routing number is a nine-digit code. It's the first group of numbers on the bottom left corner of your check.</p>","ImageUrl":""},"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"Title":"Bank Account","BankName":{"Placeholder":"","Title":"Bank Name*","Validation":{"Required":{"Message":"Please enter a Bank Name","Apply":true}},"Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"AccountNumber":{"Placeholder":"","Title":"Account Number*","Validation":{"Required":{"Message":"Please enter a valid Bank Account Number","Apply":true}},"Show":true,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"AccountHolder":{"ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"Title":"","Show":false,"Placeholder":"","OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"LearnMore":{"Url":"","Text":"","Show":false},"Image":""},"components":[]}]}]},{"name":"StepV3","options":{"Title":"<p>Review Order</p>","Subtitle":"","Button":{"Text":"Place your order","Spinner":{"Show":false},"EnableCustomization":false,"Styling":{"BackgroundColor":"","BorderColor":"","TextColor":"","Width":"","Type":""},"Disabled":{"HoverMessage":{"Text":"","Show":false}},"HideWhileDisabled":false},"Pricing":{"TotalPrice":{"Title":"Total Introductory Price:","Show":true},"Amount":{"Title":"Offer Price:","Show":true,"ShowPeriod":false},"TaxAmount":{"Title":"Tax:","Show":true,"ShowPeriod":false},"ActivationFee":{"Title":"Activation Fee:","Show":true},"Quantity":{"Title":"","Show":false},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""},"StateTax":{"Show":false,"Title":""},"OnTop":{"AccentColor":"","ShowSecondButton":false,"Show":false}},"Spinner":{"Show":true},"StepIndicator":{"Show":true},"BackLink":{"Text":"","Show":false},"Cancel":{"Text":"","Url":"","Show":false},"Styling":{"EnableCustomization":false,"MainColor":"","AccentColor":"","TextColor":"","TextAccentColor":""},"ShowSummary":{"UserInformation":false,"PaymentInformation":false,"DeliveryAddress":false,"BillingAddress":false},"EditStepSymbol":"","UpsellAlternate":{"Apply":false,"Title":"","Subtitle":""},"OfferText":{"Show":false},"MarketingText":{"Show":false},"Premium":{"Title":""},"ShowChat":false,"AccentColor":"","IsNestedSteps":false,"Enumer":{"Show":false}},"components":[{"name":"PlaceOrderV3","options":{"Title":"<p>Review COMP Order</p>","Subtitle":"","DeliveryInformation":{"Title":"Delivery Address:","Edit":"Edit","FullName":"","Address":"","CityStateZipcode":"","Show":true},"BillingInformation":{"Title":"Billing Address:","Edit":"Edit","FullName":"","Address":"","CityStateZipcode":"","Show":true},"PaymentInformation":{"Title":"Payment:","CreditCard":{"SecuredDataMessage":"","Title":"","Holder":"Card Holder:","Number":"Card Number:","Expiration":"Card Expiration:"},"BillMe":{"Disclaimer":"You have selected Bill Me as your payment method","Title":"Bill me"},"BankAccount":{"Title":"Bank Account:","RoutingNumber":"Routing Number:","AccountNumber":"Account Number:","BankName":"Bank Name:"},"Edit":"Edit","Show":true,"PaymentAddress":{"Title":"","FullName":"","Email":"","Zipcode":"","Phone":"","Country":""},"PayPal":{"Title":""},"ApplePay":{"Title":"Apple Pay"},"GooglePay":{"Title":""}},"Cancel":"Cancel","UserInformation":{"Title":"Account:","Edit":"Edit","Show":true,"DisplayName":{"Title":"","Show":false},"Email":{"Title":"Email:","Show":true}},"MilitaryInformation":{"FullName":"","Show":false,"Title":"","Edit":"","DutyStation":""},"CollegeInformation":{"Show":false,"Title":"","Edit":"","FullName":"","StudentId":""},"Order":{"Show":false,"Title":"","Offer":{"Body":{"Label":"","Show":false},"Price":{"Label":"","Show":false},"Title":{"Label":"","Show":false}}}},"components":[]},{"name":"TermsAndConditionsV3","options":{"CheckBox":{"Text":"","Show":false,"InitialValue":false},"Title":"Terms and Conditions","ErrorMessage":"Please check to accept our terms and conditions"},"components":[]}]}]},{"name":"PageV3","options":{"Title":"","Subtitle":"","Styling":{"Background":{"Image":"","Color":"","Scrollable":false,"AccentColor":"","AccentImage":""}},"DisplayType":"FullPage","PageMetaData":{"Title":"","Favicon":""},"AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":"","MobileStyling":{"Background":{"Image":"","Color":"","AccentColor":"","AccentImage":""}}},"components":[{"name":"ConfirmationV3","options":{"Title":"<p>Thank you for subscribing to The San Diego Union-Tribune</p>","Subtitle":"","PaymentInformation":{"BankAccount":{"RoutingNumber":"Routing Number:","BankName":"Bank Name:","AccountNumber":"Account Number:","Title":""},"CreditCard":{"SecuredDataMessage":"","Holder":"Card Holder:","Title":"","Number":"Card Number:","Expiration":"Card Expiration:","ShowImage":false},"Title":"Payment Information","Edit":"Edit","BillMe":{"Title":"Bill Me","Disclaimer":"You have selected Bill Me as your payment method."},"Show":true,"PayPal":{"SecuredDataMessage":"","Title":""},"PaymentAddress":{"Email":"","Zipcode":"","Title":"","Phone":"","FullName":"","Country":""},"ApplePay":{"Title":"Apple Pay","SecuredDataMessage":""},"GooglePay":{"Title":"","SecuredDataMessage":""}},"UserInformation":{"Title":"Account email:","Edit":"Edit","Email":{"Title":"","Show":false},"DisplayName":{"Show":false,"Title":""},"Show":true},"BillingInformation":{"Edit":"Edit","FullName":"","Address":"","CityStateZipcode":"","Title":"Billing Information:","Show":true},"DeliveryInformation":{"Address":"","CityStateZipcode":"","Edit":"Edit","FullName":"","Title":"Delivery Information","Show":true},"ConfirmationNumber":{"Title":"Confirmation Number:","Show":false},"SubscribeTo":{"Title":"You are subscribed to:","Show":true,"Offer":{"Title":{"Show":true,"Label":"subscribe title"},"Price":{"Show":true,"Label":"subscribe price"},"Body":{"Show":true,"Label":"subscribe body"}}},"Pricing":{"Title":"Amount Paid:","Show":true,"ShowPeriod":false},"Button":{"Login":"Login","Logout":"Logout","Continue":"Continue","ContinueReturn":"Continue Reading","EnableCustomization":false,"Styling":{"BackgroundColor":"","TextColor":"","BorderColor":"","Type":""},"ContinueReturnUrl":"","ContinueUrl":""},"NextPaymentInformation":{"Title":"","DateTitle":"","Show":false},"StepIndicator":{"Title":"Order Confirmation","Show":false,"Title\t":""},"Premium":{"Title":""},"AppDownloads":{"Header":"Try our mobile app","Image":"","Show":true,"Styling":{"Background":""},"Subtitle":""},"Separator":{"Show":true,"Icon":""},"ExternalLink":{"Show":false,"Image":"","Title":"","Subtitle":"","Styling":{"Background":""},"Link":"","Button":{"Text":"","Styling":{"EnableCustomization":false,"BackgroundColor":"","TextColor":"","BorderColor":"","Type":"","Width":""}}},"SmartSpeaker":{"Link":"","Show":false,"Image":"","Title":"","Subtitle":"","Styling":{"Background":""},"Button":{"Text":"","Styling":{"EnableCustomization":false,"BackgroundColor":"","TextColor":"","BorderColor":"","Type":"","Width":""}}},"EEdition":{"Label":"","LinkText":"","Image":"","Subtitle":"","Styling":{"Background":""},"Button":{"Styling":{"EnableCustomization":false,"BackgroundColor":"","TextColor":"","BorderColor":"","Type":"","Width":""}}},"Style":"default","ContinueTitle":"","ShowPrintOption":true,"NewsletterSignUp":{"Button":{"Styling":{"Type":"","Width":"","TextColor":"","BorderColor":"","BackgroundColor":""},"EnableCustomization":false,"Text":""},"Show":false,"Title":"","Subtitle":"","PreferenceIDList":"","ConfirmationMessage":"","Errors":{"Title":""},"ShowInEnd":false},"Ebill":{"Button":{"Styling":{"Width":"","EnableCustomization":false,"BackgroundColor":"","TextColor":"","BorderColor":"","Type":""},"Text":""},"Show":false,"Label":"","Confirmation":"","OnError":""},"AutoRedirectAfterLogin":false,"UserInformationNoAccount":{"Email":"","FullName":"","Show":false,"Title":""},"MilitaryInformation":{"FullName":"","Title":"","Show":false,"DutyStation":""},"CollegeInformation":{"StudentId":"","FullName":"","Title":"","Show":false},"Image":{"Show":false},"MarketingText":"","GiftRecipient":{"Show":false,"Message":"","Title":"","FullName":"","Email":""},"SocialMedia":{"Header":""},"AdditionalInformation":{"Show":false,"Label":"","Content":""},"CompleteTitle":{"StartPart":"","EndPart":""},"NewsletterBenefit":{"ShowAboveConfirmationDetails":false},"HideDetails":{"Enable":false,"ShowText":"","HideText":""},"SwGAccountLinking":{"Enable":false,"Title":"","SubTitle":"","InlineText":"","Button":{"Text":"","EnableCustomization":false,"Styling":{"BackgroundColor":"","TextColor":"","BorderColor":"","Width":"","Type":""}}}},"components":[{"name":"AppDownloadsV3","options":{"AppDownloads":{"Link":"https://apps.apple.com/us/app/the-san-diego-union-tribune/id1145952888","Type":"Apple App Store"}},"components":[]},{"name":"AppDownloadsV3","options":{"AppDownloads":{"Link":"https://play.google.com/store/apps/details?id=com.apptivateme.next.sdut","Type":"Google Play Store"}},"components":[]},{"name":"SocialMediaV3","options":{"SocialMedia":{"Link":"https://www.facebook.com/SanDiegoUnionTribune/","Type":"Facebook"}},"components":[]},{"name":"SocialMediaV3","options":{"SocialMedia":{"Link":"https://twitter.com/sdut","Type":"Twitter"}},"components":[]},{"name":"SocialMediaV3","options":{"SocialMedia":{"Link":"https://www.instagram.com/sandiegouniontribune/","Type":"Instagram"}},"components":[]}]}]},{"name":"FooterV3","options":{"Body":"<p style=\"text-align: center;\"><span style=\"font-size: 16px; color: #333333;\"><strong>Need Help? 619-299-4141</strong></span></p>\n<p style=\"text-align: center;\"><span style=\"font-size: 14px; color: #333333;\">MON-FRI 7:00 a.m. – 4:00 p.m. | SAT/HOL 7:00 a.m. - 10:00 a.m. | SUN 8:00 a.m. - 11:00 a.m.</span></p>\n<p style=\"text-align: center;\"><span style=\"font-size: 14px; color: #333333;\">Interested in group subscriptions? <a href=\"https://www.sandiegouniontribune.com/group-subscriptions/\">Learn more</a></span></p>","Styling":{"BorderColor":"#013a67","BackgroundColor":"#eaeaea"}},"components":[]}],"HasLanding":true},"Date":"2025-02-17T22:37:39.420Z"},"url":"https://checkout.sandiegouniontribune.com/?&g2i_or_o=Internt5&g2i_or_p=MG2NAV&g2i_source=SB&g2i_medium=nav2&g2i_campaign=nav"}; var config = {"System":{"Url":"//checkout.sandiegouniontribune.com","Client":"MNGCEP","ClientCode":"SDUT","SiteCode":"SDUT","CmsSiteCode":"SDUT","HostName":"checkout.sandiegouniontribune.com","UserProvider":"Auth0","UseMG2Api":true,"AutoOptIn":false,"MediaGroupCode":"MNG","EEditionSuffix":"access.aspx","EEditionProductCode":"eEditionIVDB","AuthCookieDomain":".sandiegouniontribune.com","ProcessExternalQueue":true},"PageMetaData":{"Favicon":"/img/sandiegouniontribune/favicon.png","FaviconType":"image/png"},"Services":{"Auth0":{"StylesheetUrl":"https://ui-static-assets-prod.mng-digisubs-prod.com/css/auth0.css","JSUrl":"https://ui-static-assets-prod.mng-digisubs-prod.com/js/auth0Manager.js","LockJS":"https://cdn.auth0.com/js/lock/11.25/lock.min.js","JS":"https://cdn.auth0.com/js/auth0/9.11/auth0.min.js","LogOutURL":"https://login.npuserlogin.com/v2/logout","ClientId":"kvI7O7QjfyQF92AdOl0an0LLznFau00s","Domain":"login.npuserlogin.com","InitialScreen":"signUp","Type":"info","Text":"Please create an account or login to continue.","Expires":45}},"Trackers":{"Enabled":true,"CartAbandonment":{"Enabled":true},"GoogleTagManager":{"Enabled":true,"ContainerId":"GTM-TLFP4R","DataLayer":{"ga_ua":"UA-61435456-15","quantcast":"","quantcast label":"","comscore":"","errorType":"","Publisher Domain":"sandiegouniontribune.com","Publisher Product":"sandiegouniontribune.com","Dateline":"","Publish Hour of Day":"","Create Hour of Day":"","Update Hour of Day":"","Behind Paywall":"","Mobile Presentation":"","kv":"","Release Version":"","Digital Publisher":"","Platform":"","Section":"subscription","Taxonomy1":"subscription","Taxonomy2":"","Taxonomy3":"","Taxonomy4":"","Taxonomy5":"","Content Source":"sandiegouniontribune.com","Canonical URL":"","Slug":"","Content ID":"","Page Type":"other","Publisher State":"","Byline":"","Content Title":"","URL":"","Page Title":"","User ID":"","Cluster":""}}},"MG2Loader":{"Enabled":true,"Url":"https://cdn.t2037ulzqct5.com/prod/dfm/loader.min.js","MG2Insights":{"Enabled":true,"Version":"mng","ContainerId":"GTM-NFD2QGD"},"FingerPrint":{"Enabled":true,"Version":"mng"}},"DefaultValues":{"Country":"US","Currency":"USD","Culture":"en-US","Description":"US Dollar","State":"CA","RoutingNumbers":["039000661","121000359","237774922","611111111","711111111","811111111","911111111"],"SubConUrl":"https://myaccount.sandiegouniontribune.com/","SubConDashboardUrl":"https://myaccount.sandiegouniontribune.com/","DefaultReturnUrl":"http://www.sandiegouniontribune.com/?clearUserState=true","TermsAndConditionsUrl":"https://www.medianewsgroup.com/terms-of-use/","PrivacyPolicy":"https://www.medianewsgroup.com/privacy-policy/","ErrorPageBackUrl":"http://www.sandiegouniontribune.com"},"ContentSecurityPolicy":{"Urls":"*.subconadmin.com https://*.subconadmin.com *.mg2cms.com https://*.mg2cms.com"},"Edgil":{"Url":"https://paywayws.net/PaywayWSHosted/"},"PayPalExpress":{"Environment":"production","ClientId":{"Sandbox":"","Production":""}},"PayPalDTI":{"Environment":"production"},"SheerID":{"ServiceUrl":"https://services.sheerid.com","HostUrlStudent":"https://offers.sheerid.com/medianews-group/student/","HostUrlTeacher":"https://offers.sheerid.com/medianews-group/teacher/","OriginUrl":"https://offers.sheerid.com","StudentProgramId":"6047e1ad21d14a00641a6dfb","TeacherProgramId":"6047e1e9f553f700640fba62"},"BuildInfo":{"Show":false,"Version":"3.16.0309","BuildDate":"10/9/2024 2:23:29 PM","BuildNumber":"20241009.142329"},"ThirdPartySystems":{"Captcha":{"V2":{"Enabled":false,"SiteKey":""},"Invisible":{"Enabled":false,"SiteKey":""},"V3":{"Enabled":true,"SiteKey":"6Lf0ZOEZAAAAANA1NIBMuxACa8ntM-_bmrF1lGly"}},"ApplePay":{"MarketName":"sandiegouniontribune","DisplayName":"The San Diego Union-Tribune","MerchantIdentifier":"merchant.com.mng.checkout2","MerchantDomain":"checkout.sandiegouniontribune.com"}}}; </script><script>analyticsEvent = function() {}; analyticsSocial = function() {}; analyticsVPV = function() {}; analyticsClearVPV = function() {}; analyticsForm = function() {}; window.dataLayer = window.dataLayer || []; dataLayer.push({"ga_ua":"UA-61435456-15","quantcast":"","quantcast label":"","comscore":"","errorType":"","Publisher Domain":"sandiegouniontribune.com","Publisher Product":"sandiegouniontribune.com","Dateline":"","Publish Hour of Day":"","Create Hour of Day":"","Update Hour of Day":"","Behind Paywall":"","Mobile Presentation":"","kv":"","Release Version":"","Digital Publisher":"","Platform":"","Section":"subscription","Taxonomy1":"subscription","Taxonomy2":"","Taxonomy3":"","Taxonomy4":"","Taxonomy5":"","Content Source":"sandiegouniontribune.com","Canonical URL":"","Slug":"","Content ID":"","Page Type":"other","Publisher State":"","Byline":"","Content Title":"","URL":"","Page Title":"","User ID":"","Cluster":""});</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-TLFP4R');</script><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script></head><body data-bind="style: { 'background-color': $root.presentation.styling.BgColor }"><div class="pingdom_hidden">subscription panel</div><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TLFP4R" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="overlay" data-bind="visible: !$root.presentation.isReady()"><div class="loading-screen" id="global-loader"><div class="loading-screen__content"><div class="loading-screen__spinner" role="progressbar" aria-valuetext="Loading…"></div></div></div></div><div class="global-wrapper" style="display: none" data-bind="visible: true, template: { name: getTemplateName, foreach: getFilteredComponents() }, css: {'adjust-width': $data.adjustWidth}"></div><div class="modal fade" data-bind="modal: showModal, style: {'position': styling.position, 'zIndex': styling.zIndex}" tabindex="-1" role="dialog" data-backdrop="static"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: {'padding': styling.padding + 'px'}"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-body" data-bind="style: {'textAlign': styling.textAlign}"><span data-bind="text: popupText"></span></div></div></div></div><div class="modal fade" id="loginModal" data-bind="enterkey: logIn, modal: isModalShown" tabindex="-1" role="dialog" aria-labelledby="loginModal"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="text: options.Login.Title"></div><form class="modal-body"><div class="forgot-password-success"><span data-bind="text: options.ForgotPassword.Message.Success"></span></div><div class="infoRow"><label data-bind="text: options.Login.Email.Title"></label><div class="input-container"><input class="email_qa" type="text" autocomplete="on" name="userEmail" data-bind="validationTextInput: authLogin, placeholder: options.Login.Email.Placeholder"></div></div><div class="infoRow"><label data-bind="text: options.Login.Password.Title"></label><div class="input-container"><input class="password_qa" type="password" autocomplete="password" name="userPassword" data-bind="validationTextInput: authPassword, placeholder: options.Login.Password.Placeholder"></div></div></form><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': userProvider.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn login-btn_qa" data-bind="click: logIn, text: options.Login.Button.Text, css: {'busy' : isBusy()}"></button></div><div class="body-error"><span class="error-message" data-bind="text: authError"></span></div><div class="forgot-password-link"><span data-bind="text: options.ForgotPassword.LinkText,click: forgotPasswordToggleClick"></span></div><div class="modal-title" data-bind="text: options.ForgotPassword.Title"></div><form class="modal-body"><div class="infoRow"><label data-bind="text: options.ForgotPassword.Email.Title"></label><div class="input-container"><input class="email_qa" type="text" autocomplete="on" name="userEmail" data-bind="validationTextInput: authLogin, placeholder: options.ForgotPassword.Email.Placeholder"></div></div></form><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': userProvider.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn login-btn_qa" data-bind="click: initiateForgotPassword, text: options.ForgotPassword.Button.Text, css: {'busy' : isBusy()}"></button></div><div class="body-error"><span class="error-message" data-bind="text: authError"></span></div><div class="forgot-password-back"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path d="M8,2L2,8l6,6"></path></svg><span data-bind="text: options.ForgotPassword.BackText, click: forgotPasswordToggleClick"></span></div></div></div></div><script type="text/html" id="sp-c-address"><div class="address" data-bind="css:{'address_delivery': name === 'deliveryInformation', 'address_billing': name === 'billingInformation'}"><div class="address__bilingIsNotDelivery"><label class="checkbox"><input class="billing-is-not-delivery_qa" type="checkbox" data-bind="checked: billingIsNotDelivery"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.BillingIsNotDelivery"></span></label></div><div><div class="address__title" data-bind="html: options.Title"></div><form class="address__body"><div class="general-errors general-errors_address"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul><div class="not-routable-link"><div class="not-routable-link__container"><div class="not-routable-link__content" data-bind="click: tryDigitalClickHandler, css: { 'not-routable-link__content_busy': isBusy() }"><span data-bind="text: options.NotRoutable.LinkText"></span><svg class="not-routable-link__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 307.046 307.046" xml:space="preserve"><path d="M239.087,142.427L101.259,4.597c-6.133-6.129-16.073-6.129-22.203,0L67.955,15.698c-6.129,6.133-6.129,16.076,0,22.201l115.621,115.626L67.955,269.135c-6.129,6.136-6.129,16.086,0,22.209l11.101,11.101c6.13,6.136,16.07,6.136,22.203,0l137.828-137.831C245.222,158.487,245.222,148.556,239.087,142.427z"></path></svg></div><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div></div></div><div class="not-routable-link" data-bind="click: tryDigitalClickHandler"><div class="not-routable-link__container" data-bind="text: options.NotRoutable.NoOffersErrorMessage"></div></div></div><div class="address__suggestions"><div class="address__suggestions-title" data-bind="text: options.Standardization.SuggestedAddressTitle"></div><ul class="address__suggestions-list" data-bind="foreach: suggestionList"><li data-bind="html: $parent.generateSuggestedAddressStr($data), click: $parent.suggestedAddressClick"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div><div class="zipCodeCol"><label data-bind="text: options.Currency.Title"></label><div class="input-container"><select class="select currensies_qa" data-bind="options: currencies, optionsText: 'Description', optionsValue: 'ISOCode', validationTextInput: currentCurrency, css: { 'select_placeholder': !currentCurrency() }" aria-label="Currency"></select><input class="currency_qa" type="text" disabled data-bind="validationTextInput: currentCurrency, value: currentCurrencyDescription() " name="currency" aria-label="Currency"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.AddressLine.Title, options.AddressLine.OptionalNextToTitle, !options.AddressLine.Validation.Required.Apply)"></label><div class="input-container"><input class="address_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.AddressLine.Placeholder, options.AddressLine.OptionalNextToPlaceholder, !options.AddressLine.Validation.Required.Apply), validationTextInput: address, domCallback: attachAddressAutoCmplete" name="address" autocomplete="address-line1" aria-label="Address Line 1"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.SecondAddressLine.Title, options.SecondAddressLine.OptionalNextToTitle, !options.SecondAddressLine.Validation.Required.Apply)"></label><div class="input-container"><input class="apt-unit_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.SecondAddressLine.Placeholder, options.SecondAddressLine.OptionalNextToPlaceholder, !options.SecondAddressLine.Validation.Required.Apply), validationTextInput: aptUnit" autocomplete="address-line2" aria-label="Address Line 2"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.City.Title, options.City.OptionalNextToTitle, !options.City.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.City.Placeholder, options.City.OptionalNextToPlaceholder, !options.City.Validation.Required.Apply), validationTextInput: city" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.City.Title, options.City.OptionalNextToTitle, !options.City.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.City.Placeholder, options.City.OptionalNextToPlaceholder, !options.City.Validation.Required.Apply), validationTextInput: city" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalCity.Title, options.InternationalCity.OptionalNextToTitle, !options.InternationalCity.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalCity.Placeholder, options.InternationalCity.OptionalNextToPlaceholder, !options.InternationalCity.Validation.Required.Apply), validationTextInput: intCity" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div><div data-bind="css: {'zipCodeCol': options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div></div><div class="infoRow"><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div><div data-bind="css: {'zipCodeCol' : options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalCity.Title, options.InternationalCity.OptionalNextToTitle, !options.InternationalCity.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalCity.Placeholder, options.InternationalCity.OptionalNextToPlaceholder, !options.InternationalCity.Validation.Required.Apply), validationTextInput: intCity" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalPhone.Title, options.InternationalPhone.OptionalNextToTitle, !options.InternationalPhone.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalPhone.Placeholder, options.InternationalPhone.OptionalNextToPlaceholder, !options.InternationalPhone.Validation.Required.Apply), validationTextInput: intPhone" name="phone" autocomplete="tel" aria-label="Phone Number"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Company.Title, options.Company.OptionalNextToTitle, !options.Company.Validation.Required.Apply)"></label><div class="input-container"><input class="company_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.Company.Placeholder, options.Company.OptionalNextToPlaceholder, !options.Company.Validation.Required.Apply), validationTextInput: company" name="company" autocomplete="company" aria-label="Company"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="email" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" name="email" autocomplete="email" aria-label="Email"></div></div><div class="address__privacy"><span data-bind="text: options.Privacy.Title"></span><div class="address__privacy-link privacy-link_qa" data-bind="html: options.Privacy.Body, click: privacyClick"></div></div><div data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Information, ComponentsNames.TermsAndConditions])}"></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Name.Title"></div><div class="summaryRow__content" data-bind="text: fullName"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.AddressLine.Title"></div><div class="summaryRow__content" data-bind="text: address"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.SecondAddressLine.Title"></div><div class="summaryRow__content" data-bind="text: aptUnit"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Zipcode.Title"></div><div class="summaryRow__content" data-bind="text: zipCode"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.City.Title"></div><div class="summaryRow__content" data-bind="text: city"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.State.Title"></div><div class="summaryRow__content" data-bind="text: currentState"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.PhoneNumber.Title"></div><div class="summaryRow__content" data-bind="text: phoneNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Company.Title"></div><div class="summaryRow__content" data-bind="text: company"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Email.Title"></div><div class="summaryRow__content" data-bind="text: email"></div></div><div class="editBtn edit-btn_qa" data-bind="click: addressEditClick"></div></form></div></div></script><script type="text/html" id="sp-c-bankAccount"><div data-bind="visible: isDisplayed"><form class="bank-account payment-method__body"><div class="infoRow" data-bind="css: { 'has-error': !accountHolder.isValid(), 'has-success': accountHolder.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.AccountHolder.Title, options.AccountHolder.OptionalNextToTitle, !options.AccountHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="account-holder_qa" type="text" maxlength="35" data-bind="validationTextInput: accountHolder, placeholder: Utils.concatStringsByCondition(options.AccountHolder.Placeholder, options.AccountHolder.OptionalNextToPlaceholder, !options.AccountHolder.Validation.Required.Apply)" aria-label="Name on Account"></div></div><div class="infoRow" data-bind="css: { 'has-error': !bank.isValid(), 'has-success': bank.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.BankName.Title, options.BankName.OptionalNextToTitle, !options.BankName.Validation.Required.Apply)"></label><div class="input-container"><input class="bank-name_qa" type="text" maxlength="35" data-bind="validationTextInput: bank, placeholder: Utils.concatStringsByCondition(options.BankName.Placeholder, options.BankName.OptionalNextToPlaceholder, !options.BankName.Validation.Required.Apply)" aria-label="Name of Bank"></div></div><div class="infoRow" data-bind="css: { 'has-error': !accountNumber.isValid(), 'has-success': accountNumber.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.AccountNumber.Title, options.AccountNumber.OptionalNextToTitle, !options.AccountNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="account-number_qa" type="tel" maxlength="35" data-bind="validationTextInput: accountNumber, placeholder: Utils.concatStringsByCondition(options.AccountNumber.Placeholder, options.AccountNumber.OptionalNextToPlaceholder, !options.AccountNumber.Validation.Required.Apply)" aria-label="Account Number"></div></div><div class="infoRow" data-bind="css: { 'has-error': !routingNumber.isValid(), 'has-success': routingNumber.isValid() }"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.RoutingNumber.Title, options.RoutingNumber.OptionalNextToTitle, !options.RoutingNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showRoutingNumberTooltip"><span data-bind="text: $data.options.RoutingNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.RoutingNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.RoutingNumber.Help.ImageUrl, alt: $data.options.RoutingNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.RoutingNumber.Title, options.RoutingNumber.OptionalNextToTitle, !options.RoutingNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="routing-number_qa" type="tel" maxlength="9" data-bind="validationTextInput: routingNumber, placeholder: Utils.concatStringsByCondition(options.RoutingNumber.Placeholder, options.RoutingNumber.OptionalNextToPlaceholder, !options.RoutingNumber.Validation.Required.Apply)" aria-label="Routing Number"></div></div></form><div class="bank-account inner-independent-address"></div></div></script><script type="text/html" id="sp-c-bankAccountChase"><div class="bank-account payment-method__body chase" data-bind="visible: isDisplayed"><div class="overlay" data-bind="visible: isOverlayShown"></div><div class="credit-card-modal" data-bind="visible: isAccountNumberHelpShown"><div class="credit-card-modal__close" data-bind="click: hideAccountNumberHelp"></div><div class="credit-card-modal__text" data-bind="html: options.AccountNumber.Help.Text"></div><img data-bind="attr: { src: options.AccountNumber.Help.ImageUrl, alt: options.AccountNumber.Help.Alt}"></div><div class="credit-card-modal" data-bind="visible: isRoutingNumberHelpShown"><div class="credit-card-modal__close" data-bind="click: hideRoutingNumberHelp"></div><div class="credit-card-modal__text" data-bind="html: options.RoutingNumber.Help.Text"></div><img data-bind="attr: { src: options.RoutingNumber.Help.ImageUrl, alt: options.RoutingNumber.Help.Alt}"></div><iframe data-bind="attr: {src: url}" scrolling="no"></iframe></div></script><script type="text/html" id="sp-c-benefits"><div class="benefits" data-bind="style: {backgroundImage: options.Styling.BackgroundImage? 'url('+ options.Styling.BackgroundImage +')': 'none'}"><div class="benefits__header"><div class="benefits__title" data-bind="html: options.Title"></div><div class="benefits__subtitle" data-bind="html: options.Body"></div></div><div class="benefits__body"></div></div></script><script type="text/html" id="sp-c-billMe"><div class="billMe" data-bind="visible: isActive"><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-chat"><div class="chat"><a class="chat-link_qa" data-bind="click: linkClick"><span data-bind="text: options.Text"></span><img data-bind="attr: { src: options.Image, alt: options.Alt }, event: { load: imgLoadHandler }"></a><a class="chat-link_qa" href="#" id="chatButton" data-target="#chatModal" data-toggle="modal"><span data-bind="text: options.Text"></span><img data-bind="attr: { src: options.Image, alt: options.Alt }, event: { load: imgLoadHandler }"></a><div class="chat-modal modal fade" id="chatModal" role="dialog"><div class="modal-dialog"><div class="modal-content"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-body body"><iframe data-bind="attr: { src: options.Url }"></iframe></div></div></div></div></div></script><script type="text/html" id="sp-c-checkbox"><div class="checkbox-component" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Page }"><div class="checkbox-component__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="checkbox-component__content" data-bind="html: options.Message"></div></div></script><script type="text/html" id="sp-c-checkboxTermsConsent"><div class="checkbox-component" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Page }"><div class="checkbox-component__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="checkbox-component__content" data-bind="html: options.Message"></div></div></script><script type="text/html" id="sp-c-college"><div class="college"><div class="college__title" data-bind="html: options.Title"></div><form class="college__body component-body"><div class="general-errors general-errors_college"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="college-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="college-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="Last Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.StudentId.Title, options.StudentId.OptionalNextToTitle, !options.StudentId.Validation.Required.Apply)"></label><div class="input-container"><input class="college-student-id_qa" type="text" maxlength="100" data-bind="placeholder: Utils.concatStringsByCondition(options.StudentId.Placeholder, options.StudentId.OptionalNextToPlaceholder, !options.StudentId.Validation.Required.Apply), validationTextInput: studentId" aria-label="Student ID"></div></div><div class="infoRow"><div><label data-bind="text: options.GraduationDate.Title"></label></div><div><div class="info-row-2"><div class="input-container"><select class="select college-graduation-month_qa" data-bind="options: availableMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: graduationMonth, optionsCaption: Utils.concatStringsByCondition(options.GraduationDate.Month.Placeholder, options.GraduationDate.Month.OptionalNextToPlaceholder, !options.GraduationDate.Month.Validation.Required.Apply), css: { 'select_placeholder': !graduationMonth() }"></select></div></div><div class="info-row-2"><div class="input-container"><select class="select college-graduation-year_qa" data-bind="options: availableYears, optionsText: 'text', optionsValue: 'value', validationTextInput: graduationYear, optionsCaption: Utils.concatStringsByCondition(options.GraduationDate.Year.Placeholder, options.GraduationDate.Year.OptionalNextToPlaceholder, !options.GraduationDate.Year.Validation.Required.Apply), css: { 'select_placeholder': !graduationYear() }" aria-label="Graduation Date"></select></div></div></div></div></form></div></script><script type="text/html" id="sp-c-confirmation"><div class="confirmation"><div class="confirmation__header component-header"><div class="confirmation__title" data-bind="html: options.Title"></div><div class="confirmation__subtitle" data-bind="html: options.Subtitle"></div></div><div class="confirmation__body component-body"><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="confirmation__ebill"><div class="ebill"><div class="ebill__action" data-bind="visible: !isEbillCompleted()"><div class="ebill__label" data-bind="html: options.Ebill.Label"></div><div class="ebill__controls"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isEbillProcessing }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn ebill__button" data-bind="click: processEbill, text: options.Ebill.Button.Text, style: { 'background': ebillButtonCustomization.BackgroundColor, 'color': ebillButtonCustomization.TextColor, 'borderColor': ebillButtonCustomization.BorderColor, 'width': ebillButtonCustomization.Width }, css: { 'busy': isEbillProcessing, 'btn_square': ebillButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': ebillButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': ebillButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="ebill__result" data-bind="visible: isEbillCompleted"><div data-bind="html: options.Ebill.Confirmation"></div><div class="ebill__oksign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div></div></div></div><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div><div class="summaryRow summaryRow_confirmation-number"><div class="summaryRow__title" data-bind="text: options.ConfirmationNumber.Title"></div><div class="summaryRow__content"><span data-bind="text: confirmationNumber"></span></div></div><div class="summaryRow summaryRow_offer-details"><div class="summaryRow__title" data-bind="text: options.SubscribeTo.Title"></div><div class="summaryRow__content"><div data-bind="html: offer().Marketing.ConfirmationName"></div><div data-bind="html: options.Premium.Title"></div><div data-bind="html: premium().name"></div></div></div><div class="summaryRow summaryRow_pricing"><div class="summaryRow__title" data-bind="text: options.Pricing.Title"></div><div class="summaryRow__content" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture) + (options.Pricing.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="summaryRow summaryRow_user-info"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div><div class="confirmation__hide-control hide-control" data-bind="click: showHiddenDetails, css: {'unvisible': isHiddenBLockEmpty()}"><div class="hide-control__caret-icon" data-bind="css: { 'show-state': showedHiddenDetails() }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewbox="0 0 292.359 292.359"><path d="M222.979,133.331L95.073,5.424C91.456,1.807,87.178,0,82.226,0c-4.952,0-9.233,1.807-12.85,5.424c-3.617,3.617-5.424,7.898-5.424,12.847v255.813c0,4.948,1.807,9.232,5.424,12.847c3.621,3.617,7.902,5.428,12.85,5.428c4.949,0,9.23-1.811,12.847-5.428l127.906-127.907c3.614-3.613,5.428-7.897,5.428-12.847C228.407,141.229,226.594,136.948,222.979,133.331z"></path></svg></div><div class="hide-control__text" data-bind="html: showedHiddenDetails() ? options.HideDetails.HideText : options.HideDetails.ShowText"></div></div><div class="confirmation__main-block" data-bind="css: {'confirmation__hidden-block': options.HideDetails.Enable, 'show-state': options.HideDetails.Enable && showedHiddenDetails()}"><div class="summaryRow summaryRow_next-payment-info"><div class="summaryRow__title" data-bind="text: options.NextPaymentInformation.Title"></div><div class="summaryRow__content"><div><span class="bold" data-bind="text: options.NextPaymentInformation.DateTitle + ' '"></span><span data-bind="text: formattedBillingDate"></span></div></div></div><div class="summaryRow summaryRow_user-info"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div><div class="summaryRow summaryRow_military-info"><div class="summaryRow__title" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div></div></div><div class="summaryRow summaryRow_college-info"><div class="summaryRow__title" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div></div></div><div class="summaryRow summaryRow_payment-info"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.PayPal.Title"></span></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.ApplePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.ApplePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.GooglePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.GooglePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.SwG.Title"></span></div><div><span data-bind="text: options.PaymentInformation.SwG.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div></div></div><div class="summaryRow summaryRow_delivery-address"><div class="summaryRow__title" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ' ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div></div></div><div class="summaryRow summaryRow_billing-address"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ' ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div></div></div></div><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="swg-account-linking"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="swg-account-linking__title" data-bind="html: options.SwGAccountLinking.Title"></div><div class="swg-account-linking__subtitle" data-bind="html: options.SwGAccountLinking.SubTitle"></div><div class="swg-account-linking__body"><div class="swg-account-linking__inline-text" data-bind="html: options.SwGAccountLinking.InlineText"></div><button class="btn swg-account-linking__button" data-bind="click: linkSubscription,text: options.SwGAccountLinking.Button.Text, style: { 'background': swgButtonCustomization.BackgroundColor, 'color': swgButtonCustomization.TextColor, 'borderColor': swgButtonCustomization.BorderColor, 'width': swgButtonCustomization.Width }, css: { 'btn_square': swgButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': swgButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': swgButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div><div data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.RSSFeed]) }"></div><div class="confirmation__social-media-header" data-bind="html: options.SocialMedia.Header"></div><div class="confirmation__social-media-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.SocialMedia]) }"></div><div class="confirmation__app-downloads-header" data-bind="html: options.AppDownloads.Header"></div><div class="confirmation__app-downloads-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.AppDownloads]) }"></div><div data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.MarketingEmailOptIn]) }"></div><div class="confirmation__buttons"><button class="btn login-btn_qa" data-bind="text: options.Button.Login, click: userProvider.loginBtnClick.bind(userProvider), style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn continue-btn_qa" data-bind="click: continueClick, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"><span data-bind="text: options.Button.Continue"></span></button></div><div class="confirmation__e-edition"><div class="e-edition"><div class="e-edition__label" data-bind="html: options.EEdition.Label"></div><a class="e-edition__link" data-bind="click: eeditionClick, html: options.EEdition.LinkText"></a></div></div></div></div><div class="confirmation confirmation_dfm"><div class="confirmation__header component-header confirmation__header_dfm"><div class="confirmation__text-container_dfm"><div class="confirmation__subtitle confirmation__subtitle_dfm" data-bind="html: options.Subtitle"></div><div class="confirmation__title confirmation__title_dfm" data-bind="html: options.Title"></div></div><div class="confirmation__image-container_dfm"><img src="/img/success-label-image.png" alt="Header image"></div></div><div class="confirmation__body confirmation__body_dfm component-body"><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="summaryRow summaryRow_confirmation-number_dfm summaryRow_dfm"><div class="summaryRow__title summaryRow__title_dfm" data-bind="text: options.ConfirmationNumber.Title"></div><div class="summaryRow__content summaryRow__content_dfm"><span data-bind="text: confirmationNumber"></span></div><div class="summaryRow__print-option summaryRow__print-option_dfm" onclick="window.print()"><svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4433 3.09801H15.4622V0.556695C15.4622 0.40905 15.4036 0.267453 15.2992 0.163052C15.1948 0.0586517 15.0532 0 14.9055 0H4.11954C3.9719 0 3.8303 0.0586517 3.7259 0.163052C3.6215 0.267453 3.56285 0.40905 3.56285 0.556695V3.09801H0.556695C0.409051 3.09801 0.267453 3.15666 0.163052 3.26106C0.0586515 3.36546 0 3.50706 0 3.6547V12.2417C0 12.3894 0.0586515 12.531 0.163052 12.6354C0.267453 12.7398 0.409051 12.7984 0.556695 12.7984H3.37636V16.4782C3.37636 16.6258 3.43501 16.7674 3.53941 16.8718C3.64381 16.9762 3.78541 17.0349 3.93305 17.0349H15.1226C15.2703 17.0349 15.4119 16.9762 15.5163 16.8718C15.6207 16.7674 15.6793 16.6258 15.6793 16.4782V12.7984H18.4433C18.591 12.7984 18.7325 12.7398 18.8369 12.6354C18.9413 12.531 19 12.3894 19 12.2417V3.6547C19 3.50706 18.9413 3.36546 18.8369 3.26106C18.7325 3.15666 18.591 3.09801 18.4433 3.09801ZM4.67624 1.11339H14.3488V3.09522H4.67624V1.11339ZM4.48975 15.9215V10.5188H14.5659V15.9215H4.48975ZM17.8866 11.685H15.6793V9.96206C15.6793 9.81441 15.6207 9.67282 15.5163 9.56841C15.4119 9.46401 15.2703 9.40536 15.1226 9.40536H3.93305C3.78541 9.40536 3.64381 9.46401 3.53941 9.56841C3.43501 9.67282 3.37636 9.81441 3.37636 9.96206V11.685H1.11339V4.2114H17.8866V11.685Z" fill="#0F54E4"></path><path d="M16.0244 6.74714C16.1936 6.74769 16.3592 6.69797 16.5002 6.60428C16.6411 6.5106 16.7511 6.37717 16.8161 6.22091C16.8811 6.06465 16.8983 5.89261 16.8654 5.72658C16.8325 5.56056 16.7511 5.40805 16.6314 5.28837C16.5117 5.1687 16.3592 5.08725 16.1932 5.05437C16.0271 5.02149 15.8551 5.03864 15.6988 5.10367C15.5426 5.16869 15.4092 5.27865 15.3155 5.4196C15.2218 5.56055 15.1721 5.72615 15.1726 5.89539C15.1726 6.12129 15.2623 6.33793 15.4221 6.49767C15.5818 6.6574 15.7985 6.74714 16.0244 6.74714Z" fill="#0F54E4"></path><path d="M5.60303 12.211C5.60303 12.2841 5.61743 12.3565 5.6454 12.424C5.67338 12.4916 5.71439 12.5529 5.76608 12.6046C5.81777 12.6563 5.87914 12.6973 5.94668 12.7253C6.01423 12.7533 6.08662 12.7677 6.15972 12.7677H12.8929C13.0406 12.7677 13.1822 12.709 13.2866 12.6046C13.391 12.5002 13.4496 12.3586 13.4496 12.211C13.4496 12.0633 13.391 11.9217 13.2866 11.8173C13.1822 11.7129 13.0406 11.6543 12.8929 11.6543H6.15972C6.01208 11.6543 5.87048 11.7129 5.76608 11.8173C5.66168 11.9217 5.60303 12.0633 5.60303 12.211Z" fill="#0F54E4"></path><path d="M12.8929 13.6724H6.15972C6.01208 13.6724 5.87048 13.731 5.76608 13.8354C5.66168 13.9398 5.60303 14.0814 5.60303 14.2291C5.60303 14.3767 5.66168 14.5183 5.76608 14.6227C5.87048 14.7271 6.01208 14.7858 6.15972 14.7858H12.8929C13.0406 14.7858 13.1822 14.7271 13.2866 14.6227C13.391 14.5183 13.4496 14.3767 13.4496 14.2291C13.4496 14.0814 13.391 13.9398 13.2866 13.8354C13.1822 13.731 13.0406 13.6724 12.8929 13.6724Z" fill="#0F54E4"></path></svg><span data-bind="text: 'Print'"></span></div></div><div class="summaryRow summaryRow_offer-details summaryRow_dfm"><div class="summaryRow__title" data-bind="text: options.SubscribeTo.Title"></div><div class="summaryRow__content"><div class="bold" data-bind="text: Utils.getTextSegmentByIndex(offer().OfferText, 4)"></div><div data-bind="html: offer().MarketingText"></div><div data-bind="html: options.Premium.Title"></div><div data-bind="html: premium().name"></div></div></div><div class="summaryRow summaryRow_pricing summaryRow_dfm"><div class="summaryRow__title" data-bind="text: options.Pricing.Title"></div><div class="summaryRow__content" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture) + (options.Pricing.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="summaryRow summaryRow_payment-info summaryRow_dfm"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.ApplePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.ApplePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.GooglePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.GooglePay.SecuredDataMessage"></span></div></div></div><div class="summaryRow summaryRow_billing-address summaryRow_dfm"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ' ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div></div></div><div class="swg-account-linking"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="swg-account-linking__title" data-bind="html: options.SwGAccountLinking.Title"></div><div class="swg-account-linking__subtitle" data-bind="html: options.SwGAccountLinking.SubTitle"></div><div class="swg-account-linking__body"><div class="swg-account-linking__inline-text" data-bind="html: options.SwGAccountLinking.InlineText"></div><button class="btn swg-account-linking__button" data-bind="click: linkSubscription,text: options.SwGAccountLinking.Button.Text, style: { 'background': swgButtonCustomization.BackgroundColor, 'color': swgButtonCustomization.TextColor, 'borderColor': swgButtonCustomization.BorderColor, 'width': swgButtonCustomization.Width }, css: { 'btn_square': swgButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': swgButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': swgButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="confirmation__buttons confirmation__buttons_dfm"><button class="btn login-btn_qa" data-bind="text: options.Button.Login, click: userProvider.loginBtnClick.bind(userProvider), style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="confirmation__separator"><hr class="confirmation__separator-line"><img class="confirmation__separator-icon" data-bind="attr:{ src: options.Separator.Icon || '/img/separator-icon.png', alt: options.Separator.Alt }"></div><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="confirmation__separator"><hr class="confirmation__separator-line"><img class="confirmation__separator-icon" data-bind="attr:{ src: options.Separator.Icon || '/img/separator-icon.png', alt: options.Separator.Alt }"></div><div class="confirmation__app-downloads confirmation__app-downloads_dfm" data-bind="style: {backgroundColor: options.AppDownloads.Styling.Background}"><div class="confirmation__app-downloads-image-container"><img class="confirmation__app-downloads-image" data-bind="attr: { src: options.AppDownloads.Image, alt: options.AppDownloads.Alt}"></div><div class="confirmation__app-downloads-data"><div class="confirmation__app-downloads-header" data-bind="html: options.AppDownloads.Header"></div><div class="confirmation__app-downloads-subtitle" data-bind="html: options.AppDownloads.Subtitle"></div><div class="confirmation__app-downloads-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.AppDownloads]) }"></div></div><div class="confirmation__app-downloads-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.AppDownloads]) }"></div></div><div class="confirmation__smart-speaker" data-bind="style: {backgroundColor: options.SmartSpeaker.Styling.Background}"><div class="smart-speaker"><div class="smart-speaker__image-container"><img class="smart-speaker__image" data-bind="attr: { src: options.SmartSpeaker.Image, alt: options.SmartSpeaker.Alt}"></div><div class="smart-speaker__data"><div class="smart-speaker__title" data-bind="html: options.SmartSpeaker.Title"></div><div class="smart-speaker__subtitle" data-bind="html: options.SmartSpeaker.Subtitle"></div><div class="smart-speaker__controls"><button class="btn smart-speaker__button" data-bind="click: smartSpeakerClick, text: options.SmartSpeaker.Button.Text, style: { 'background': smartSpeakerButtonCustomization.BackgroundColor, 'color': smartSpeakerButtonCustomization.TextColor, 'borderColor': smartSpeakerButtonCustomization.BorderColor, 'width': smartSpeakerButtonCustomization.Width }, css: {'btn_square': smartSpeakerButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': smartSpeakerButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': smartSpeakerButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div></div><div class="confirmation__e-edition confirmation__e-edition_dfm" data-bind="style: {backgroundColor: options.EEdition.Styling.Background}"><div class="e-edition e-edition_dfm"><div class="e-edition__image-container"><img class="e-edition__image" data-bind="attr: { src: options.EEdition.Image, alt: options.EEdition.Alt}"></div><div class="e-edition__data"><div class="e-edition__title" data-bind="html: options.EEdition.Label"></div><div class="e-edition__subtitle" data-bind="html: options.EEdition.Subtitle"></div><div class="e-edition__controls"><button class="btn e-edition__button" data-bind="click: eeditionClick, text: options.EEdition.LinkText, style: { 'background': eeditionButtonCustomization.BackgroundColor, 'color': eeditionButtonCustomization.TextColor, 'borderColor': eeditionButtonCustomization.BorderColor, 'width': eeditionButtonCustomization.Width }, css: {'btn_square': eeditionButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': eeditionButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': eeditionButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div></div><div class="confirmation__external-link" data-bind="style: {backgroundColor: options.ExternalLink.Styling.Background}"><div class="external-link"><div class="external-link__image-container"><img class="external-link__image" data-bind="attr: { src: options.ExternalLink.Image, alt: options.ExternalLink.Alt}"></div><div class="external-link__data"><div class="external-link__title" data-bind="html: options.ExternalLink.Title"></div><div class="external-link__subtitle" data-bind="html: options.ExternalLink.Subtitle"></div><div class="external-link__controls"><button class="btn external-link__button" data-bind="click: externalLinkClick, text: options.ExternalLink.Button.Text, style: { 'background': externalLinkButtonCustomization.BackgroundColor, 'color': externalLinkButtonCustomization.TextColor, 'borderColor': externalLinkButtonCustomization.BorderColor, 'width': externalLinkButtonCustomization.Width }, css: {'btn_square': externalLinkButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': externalLinkButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': externalLinkButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div></div><div class="confirmation__separator"><hr class="confirmation__separator-line"><img class="confirmation__separator-icon" data-bind="attr:{ src: options.Separator.Icon || '/img/separator-icon.png', alt: options.Separator.Alt }"></div><div class="confirmation__continue-container"><div class="confirmation__continue-title" data-bind="html: options.ContinueTitle"></div><div class="confirmation__buttons confirmation__buttons_dfm"><button class="btn continue-btn_qa" data-bind="click: continueClick, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"><span data-bind="text: options.Button.Continue"></span></button></div></div><div class="confirmation__separator"><hr class="confirmation__separator-line"><img class="confirmation__separator-icon" data-bind="attr:{ src: options.Separator.Icon || '/img/separator-icon.png', alt: options.Separator.Alt }"></div><div class="confirmation__social-media confirmation__social-media_dfm"><div class="confirmation__social-media-header" data-bind="html: options.SocialMedia.Header"></div><div class="confirmation__social-media-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.SocialMedia]) }"></div></div></div></div></script><script type="text/html" id="sp-c-creditCard"><form class="credit-card payment-method__body" data-bind="visible: isDisplayed"><div class="p2pe"><div class="p2pe__content"><button class="btn p2pe__submit p2pe-submit_qa" data-bind="click: waitP2PEdata, text: options.P2PE.Button.Text"></button><div class="p2pe__message" data-bind="text: options.P2PE.Message.Complete"></div></div><div class="p2pe__modal modal fade" data-bind="modal: isModalShown" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-body"><div class="infoRow" data-bind="text: p2pePopupMessage"></div><div class="p2pe__loader-container"><div class="loader-container loader-container_small loader-container_visible"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div></div></div><div class="modal-button"><button class="btn modal-pick-btn_qa" data-bind="text: options.P2PE.Button.Cancel.Text, click: p2peCancelHandler, attr: { 'disabled': p2peDataIsGettingData }"></button></div></div></div></div></div><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number"><label data-bind="text: Utils.concatStringsByCondition(options.CardNumber.Title, options.CardNumber.OptionalNextToTitle, !options.CardNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="card-number_qa" type="tel" name="cardnumber" data-bind="validationTextInput: card, creditCardMask: card, placeholder: Utils.concatStringsByCondition(options.CardNumber.Placeholder, options.CardNumber.OptionalNextToPlaceholder, !options.CardNumber.Validation.Required.Apply), css: {'visa': cardType() == 'VI' || cardType() == 'Visa', 'amex': cardType() == 'AX' || cardType() == 'AmEx' || cardType() == 'Amex', 'masterCard': cardType() == 'MC' || cardType() == 'MA' , 'dinersClub': cardType() == 'DC', 'discover': cardType() == 'D' || cardType() == 'Discover', 'jcb': cardType() == 'JCB'}" autocomplete="cc-number" x-autocompletetype="cc-number" aria-label="Card Number"></div><div class="card-number-help" data-bind="tooltip: showCardNumberTooltip, visible: !cardType()"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CardNumber.Help.Text"></div><img data-bind="attr: { src: options.CardNumber.Help.ImageUrl, alt: options.CardNumber.Help.Alt }"></div></div></div><div class="infoRow"><div class="expiration-month" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div><div class="cvv" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.CVV.Title, options.CVV.OptionalNextToTitle, !options.CVV.Validation.Required.Apply)"></label><div class="input-container"><input class="cvv_qa" data-bind="validationTextInput: cvv, placeholder: Utils.concatStringsByCondition(options.CVV.Placeholder, options.CVV.OptionalNextToPlaceholder, !options.CVV.Validation.Required.Apply)" maxlength="4" name="cvc" autocomplete="cc-csc" x-autocompletetype="cc-csc" type="tel" aria-label="CVV"></div><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CVV.Help.Amex"></div><div data-bind="html: options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl , alt: options.CVV.Help.Alt }"></div></div></div></div></form></script><script type="text/html" id="sp-c-creditCardChase"><div class="credit-card chase payment-method__body" data-bind="visible: isDisplayed"><div class="overlay" data-bind="visible: isCVVHelpShown"></div><div class="credit-card-modal" data-bind="visible: isCVVHelpShown"><div class="credit-card-modal__close" data-bind="click: hideCvvHelp"></div><div class="credit-card-modal__text" data-bind="html: options.CVV.Help.Text"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl, alt: options.CVV.Help.Alt}"></div><iframe data-bind="attr: {src: url}" scrolling="no"></iframe></div></script><script type="text/html" id="sp-c-creditCardCyberSource"><div class="credit-card cybersource payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form data-bind="visible: !loading()"><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number" data-bind="domCallback: onHTMLMounted"><label data-bind="text: $data.options.CardNumber.Title" for="cybersource-cardNumber-container"></label><div class="cybersource-container" id="cybersource-cardNumber-container"></div></div><div class="infoRow"><div class="expiration-month" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div><div class="cvv" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: options.CVV.Title" for="cybersource-cvv-container"></label><div class="cybersource-container" id="cybersource-cvv-container"></div><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CVV.Help.Amex"></div><div data-bind="html: options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl, alt: options.CVV.Help.Alt}"></div></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardVindicia"><div class="credit-card vindicia payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"><input class="valid" tabindex="-1"><input class="invalid" tabindex="-1"><select class="select" tabindex="-1"><option>1</option></select></div><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div><div class="loader-placeholder">Loading...</div></div></div><form id="vindiciaCCForm" data-bind="visible: !loading()"><div class="infoRow vindicia-card-icons"><div class="vindicia-card-icons__card discover" data-bind="css: { 'inactive': cardType() && cardType() !== 'discover' }"></div><div class="vindicia-card-icons__card amex" data-bind="css: { 'inactive': cardType() && cardType() !== 'amex' }"></div><div class="vindicia-card-icons__card visa" data-bind="css: { 'inactive': cardType() && cardType() !== 'visa' }"></div><div class="vindicia-card-icons__card masterCard" data-bind="css: { 'inactive': cardType() && cardType() !== 'mastercard' }"></div></div><input type="hidden" name="vin_WebSession_vid" id="vin_WebSession_vid"><input type="hidden" name="vin_PaymentMethod_type" value="CreditCard"><input type="hidden" name="vin_PaymentMethod_billingAddress_name" id="vin_PaymentMethod_billingAddress_name"><input type="hidden" name="vin_PaymentMethod_billingAddress_addr1" id="vin_PaymentMethod_billingAddress_addr1"><input type="hidden" name="vin_PaymentMethod_billingAddress_addr2" id="vin_PaymentMethod_billingAddress_addr2"><input type="hidden" name="vin_PaymentMethod_billingAddress_city" id="vin_PaymentMethod_billingAddress_city"><input type="hidden" name="vin_PaymentMethod_billingAddress_district" id="vin_PaymentMethod_billingAddress_district"><input type="hidden" name="vin_PaymentMethod_billingAddress_postalCode" id="vin_PaymentMethod_billingAddress_postalCode"><input type="hidden" name="vin_PaymentMethod_billingAddress_country" id="vin_PaymentMethod_billingAddress_country" value="US"><input type="hidden" name="vin_PaymentMethod_billingAddress_phone" id="vin_PaymentMethod_billingAddress_phone"><input type="submit" id="vin_button" value="SEND" style="visibility: hidden;display:none"><div class="infoRow card-holder"><label data-bind="text: $data.options.CardHolder.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_accountHolderName"></div></div><div class="infoRow"><label data-bind="text: $data.options.CardNumber.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_account"></div></div><div class="infoRow"><div class="info-row-3"><label><span data-bind="text: $data.options.CVV.Title"></span><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.CVV.Help.Amex"></div><div data-bind="html: $data.options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: $data.options.CVV.Help.ImageUrl, alt: $data.options.CVV.Help.Alt }"></div></div></label><div class="input-vindicia" id="vin_PaymentMethod_nameValues_cvn"></div></div><div class="info-row-3"><label data-bind="text: $data.options.ExpirationMonth.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_expirationDate_month" data-bind="css: {'input-vindicia_safari': isSafari}"></div></div><div class="info-row-3"><label data-bind="text: $data.options.ExpirationYear.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_expirationDate_year" data-bind="css: {'input-vindicia_safari': isSafari}"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardEdgil"><div class="credit-card edgil payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="edgil__block" data-bind="visible: !loading()"><iframe class="edgil__iframe" data-bind="domCallback: onIframeMounted, visible: iframeVisible, attr: { height: iframeHeight }" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" scrolling="no"></iframe><div class="edgil__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa edgil__editBtn" data-bind="click: edgilEditClick"></div></div><div class="edgil__error" data-bind="html: options.ErrorOnLoadMessage"></div></div></div></script><script type="text/html" id="sp-c-creditCardStripe"><div class="credit-card stripe payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number stripe__card-number"><label data-bind="text: options.CardNumber.Title"></label><div class="input-container stripe__input-container stripe__input-container_card-number" data-bind="css: cardNumberAdditionalClasses"></div></div><div class="infoRow infoRow_flex"><div class="stripe__expiration"><label data-bind="text: options.ExpirationDate.Title"></label><div class="input-container stripe__input-container stripe__input-container_expiration" data-bind="css: expirationDateAdditionalClasses"></div></div><div class="stripe__cvv"><label data-bind="text: options.CVV.Title"></label><div class="input-container stripe__input-container stripe__input-container_cvv" data-bind="css: cvvAdditionalClasses"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardBrainTree"><div class="demo-frame credit-card braintree payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><form id="cardForm-bt" data-bind="domCallback: onHTMLMounted,visible: !loading() && hosteFieldsLoaded()"><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow"><label class="hosted-fields--label" data-bind="text: options.CardNumber.Title"></label><div class="hosted-field" id="card-number-bt"></div></div><div class="infoRow"><div class="info-row-2"><label class="hosted-fields--labellabel" data-bind="text: options.ExpirationDate.Title"></label><div class="hosted-field" id="expiration-date-bt"></div></div><div class="info-row-2"><label class="hosted-fields--label" data-bind="text: options.CVV.Title"></label><div class="hosted-field" id="cvv-bt"></div></div></div><div class="infoRow" hidden="hidden"><label></label><div class="input-container"><input type="text"></div></div></form></div></script><script type="text/html" id="sp-c-creditCardHOH"><div class="credit-card hoh payment-method__body" data-bind="visible: isDisplayed"><iframe class="hoh__credit-card-iframe" data-bind="attr: {srcdoc: srcdoc}, visible: !showSummary()" scrolling="no"></iframe><div class="hoh__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa hoh__editBtn" data-bind="click: editClick"></div></div></div></script><script type="text/html" id="sp-c-creditCardSpreedly"><div class="credit-card spreedly payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form id="payment-form" data-bind="visible: !loading(), domCallback: onHTMLMounted"><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="spreedly-container"><div class="infoRow card-number info-row-2"><label data-bind="text: options.CardNumber.Title" for="spreedly-number"></label><div class="spreedly-container__number" id="spreedly-number"></div></div><div class="infoRow cvv info-row-2"><label data-bind="text: options.CVV.Title" for="spreedly-cvv"></label><div class="spreedly-container__cvv" id="spreedly-cvv"></div></div></div><div class="infoRow"><div class="expiration-month info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div></div></form></div></script><script type="text/html" id="sp-c-deliveryDays"><div class="delivery-day"><div class="delivery-day__info"><div class="delivery-day__title" data-bind="html: Headline"></div><div class="delivery-day__subtitle" data-bind="html: Subtitle"></div><img class="delivery-day__image" data-bind="attr: {'src': Image, 'alt': 'Delivery day'}"></div><div class="delivery-day__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': $parent.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn delivery-days-btn_qa" data-bind="text: Button.Text, click: $parent.selectDeliveryDaysOption, css: { 'busy' : $parent.isBusy(), 'btn_square': $parent.customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-emailPreferences"><div class="email-preferences"><div class="email-preferences__title" data-bind="html: options.Title"></div><div class="email-preferences__body component-body" data-bind="foreach: preferencesListVisible"><label class="checkbox"><input class="email-preferences_checkbox_qa" type="checkbox" data-bind="checked: $parent.emailPreferencesSelected, checkedValue: $data"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: Preference.Title"></span></label></div></div></script><script type="text/html" id="sp-c-ezPay"><div class="ezPay"><label class="checkbox ezPay__checkbox" data-bind="css: { 'checkbox_invalid': isInvalid }"><input class="ezPay_checkbox_qa" type="checkbox" data-bind="validationTextInput: isEzPay"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.CheckboxText"></span></label><div class="ezPay__text ezPay__text_checkbox-presented" data-bind="html: options.EZPayTextWhenCheckboxPresent"></div><div data-bind="html: options.EZPayTextWhenCheckboxAbsent"></div><div data-bind="html: options.EZPayNotAvailableText"></div></div></script><script type="text/html" id="sp-c-footer"><div class="pfooter" data-bind="style: {'backgroundColor': options.Styling.BackgroundColor, 'borderColor': options.Styling.BorderColor}, domCallback: makeAdjustableHeight"><div class="pfooter__chat"></div><div class="pfooter__text" data-bind="html: options.Body"></div><div class="pfooter__links"></div></div></script><script type="text/html" id="sp-c-giftDetails"><div class="gift-details" data-bind="css: {'gift-details_step': $parent instanceof Step}"><div class="gift-details__header component-header"><div class="gift-details__title" data-bind="html: options.Title"></div><div class="gift-details__subtitle" data-bind="html: options.Subtitle"></div></div><div class="gift-details__body"><div class="gift-details__gift-title" data-bind="html: gift().GiftTitle"></div><div class="gift-details__columns"><div class="gift-details__column gift-details__column_first"><div class="gift-details__img-container"><img class="gift-details__img" data-bind="attr: {src: gift().GiftImage, alt: 'Gift'}"></div></div><div class="gift-details__column gift-details__column_second"><div class="gift-details__description"><div class="gift-details__text" data-bind="html: gift().GiftDescription"></div></div></div></div></div></div></script><script type="text/html" id="sp-c-giftRecipient"><div class="gift-recipient"><div class="gift-recipient__header component-header"><div class="gift-recipient__title" data-bind="html: options.Title"></div><div class="gift-recipient__subtitle" data-bind="html: options.Subtitle"></div></div><form class="gift-recipient__body"><div class="infoRow"><label data-bind="text: options.Email.Title"></label><div class="input-container"><input class="gift-email_qa" type="text" maxlength="35" data-bind=" placeholder: options.Email.Placeholder, validationTextInput: email" aria-label="Recipient Email"></div></div><div class="infoRow"><label data-bind="text: options.FirstName.Title"></label><div class="input-container"><input class="gift-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: options.FirstName.Placeholder, validationTextInput: firstName" aria-label="Recipient First Name"></div></div><div class="infoRow"><label data-bind="text: options.LastName.Title"></label><div class="input-container"><input class="gift-last-name_qa" type="text" maxlength="35" data-bind="placeholder: options.LastName.Placeholder, validationTextInput: lastName" aria-label="Recipient Last Name"></div></div><div class="infoRow"><label data-bind="text: options.Message.Title"></label><div class="input-container"><textarea class="gift-message_qa" data-bind="placeholder: options.Message.Placeholder, textInput: message, attr:{maxlength: options.Message.Maxlength }" rows="5" aria-label="Gift Message"></textarea></div></div></form></div></script><script type="text/html" id="sp-c-header"><div class="pheader" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="back-arrow back-arrow_pheader back-btn_qa" data-bind="click: function() { back(); }, css: {'back-arrow_mobile': options.Styling.LogoAlignLeft}"><div class="back-arrow__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow__text" data-bind="text: options.Back.Text"></span></div><div class="pheader_logo"><div class="logo logo_pheader" data-bind="css: {'logo_pheader-left': options.Styling.LogoAlignLeft}"><a class="logo__link logo-link_qa" data-bind="attr: {'href': options.LogoUrl}"><img class="logo__image" data-bind="attr: {'src': options.Styling.Logo, 'alt': options.LogoAltText}"></a></div><div class="back-arrow back-arrow_logo-left back-btn_qa" data-bind="click: function() { back(); }"><div class="back-arrow__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow__text" data-bind="text: options.Back.Text"></span></div></div><div class="user-toolbar user-toolbar_pheader"><div class="user-authorization"><div class="user-authorization__icon login-btn_qa" data-bind="click: userProvider.loginBtnClick.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 22" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,12c4.9,0,8,2,8,7v1H2v-1C2,14,5.1,12,10,12z"></path><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,2c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5S5,9.8,5,7C5,4.2,7.2,2,10,2z"></path></svg></div><span class="user-authorization__login-text" data-bind="text: options.LoginText, click: userProvider.loginBtnClick.bind(userProvider)"></span><div class="user-authorization__icon user-authorization__icon_not-clickable authorized"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 22" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,12c4.9,0,8,2,8,7v1H2v-1C2,14,5.1,12,10,12z"></path><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,2c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5S5,9.8,5,7C5,4.2,7.2,2,10,2z"></path></svg></div><span class="user-authorization__user-text" data-bind="text: userProvider.displayName, attr: { title : userProvider.displayName }"></span><div class="user-authorization__icon-log-out logout-btn_qa" data-bind="click: userProvider.logOut.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3 3 18 18" xml:space="preserve"><line data-bind="style: { stroke: options.Styling.TextColor }" x1="2" y1="12" x2="8" y2="12"></line><polyline data-bind="style: { stroke: options.Styling.TextColor }" points="5,5 13,5 13,19 5,19 "></polyline><polygon data-bind="style: { stroke: options.Styling.TextColor, fill: options.Styling.TextColor }" points="2.5,16 -2.5,12 2.5,8 "></polygon></svg></div><span class="user-authorization__logout-text" data-bind="text: options.LogoutText, click: userProvider.logOut.bind(userProvider)"></span></div><div class="already-subscriber"><div class="already-subscriber__label" data-bind="html: options.AlreadySubscriber.Title"></div><a class="already-subscriber__link" data-bind="html: options.AlreadySubscriber.LinkText, attr: {'href': options.AlreadySubscriber.Url}"></a></div><div class="international-subscriber"><div class="international-subscriber__label" data-bind="html: options.InternationalSubscriber.Title"></div><a class="international-subscriber__link" data-bind="html: options.InternationalSubscriber.LinkText, attr: {'href': options.InternationalSubscriber.Url}"></a></div></div><div class="already-subscriber already-subscriber_mobile"><div class="already-subscriber__label" data-bind="html: options.AlreadySubscriber.Title"></div><a class="already-subscriber__link" data-bind="html: options.AlreadySubscriber.LinkText, attr: {'href': options.AlreadySubscriber.Url}"></a></div><div class="international-subscriber international-subscriber_mobile"><div class="international-subscriber__label" data-bind="html: options.InternationalSubscriber.Title"></div><a class="international-subscriber__link" data-bind="html: options.InternationalSubscriber.LinkText, attr: {'href': options.InternationalSubscriber.Url}"></a></div></div></script><script type="text/html" id="sp-c-headerExtended"><div class="header-extended" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="header-extended__back-arrow"><div class="back-arrow-extended back-btn_qa" data-bind="click: function() { backClick(); }"><div class="back-arrow-extended__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow-extended__text" data-bind="html: options.Back.Text"></span></div></div><div class="header-extended__logo"><div class="logo-extended"><a class="logo-extended__link logo-link_qa" data-bind="attr: {'href': options.Logo.Url}"><img class="logo-extended__image" data-bind="attr: {'src': options.Logo.Image, 'alt': options.Logo.AltText}"></a></div></div><div class="header-extended__user-toolbar"><div class="header-extended__menu"><button class="header-extended__menu-link" data-bind="click: toggleMenu"><svg class="header-extended__menu-link-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" data-bind="visible: !userProvider.avatarImageLink()"><path d="M19.6992593,8.71037037 L18.5407407,8.48740741 C17.8585185,8.3562963 17.2996296,7.89222222 17.0462963,7.24518519 C16.7922222,6.59888889 16.8859259,5.87851852 17.297037,5.31814815 L18.0244444,4.32592593 C18.1325926,4.17888889 18.1166667,3.97444444 17.9874074,3.84518519 L16.4162963,2.27407407 C16.2907407,2.14851852 16.0937037,2.12962963 15.9466667,2.22925926 L14.9696296,2.89074074 C14.6325926,3.11888889 14.2444444,3.23962963 13.8462963,3.23962963 C12.8414815,3.23962963 12.0018519,2.52074074 11.8488889,1.52962963 L11.6618519,0.313703704 C11.6348148,0.133333333 11.4792593,0 11.2962963,0 L9.07407407,0 C8.89666667,0 8.7437037,0.126296296 8.71037037,0.300740741 L8.42259259,1.79740741 C8.24037037,2.74518519 7.40555556,3.43296296 6.43851852,3.43296296 C6.04037037,3.43296296 5.65148148,3.31259259 5.31518519,3.08444444 L4.05333333,2.22962963 C3.9062963,2.13037037 3.70925926,2.14888889 3.5837037,2.27444444 L2.01222222,3.84555556 C1.88296296,3.97481481 1.86740741,4.17888889 1.97518519,4.32666667 L2.70259259,5.31888889 C3.11333333,5.87888889 3.20703704,6.59925926 2.95333333,7.24592593 C2.69925926,7.89222222 2.14074074,8.35666667 1.45851852,8.48777778 L0.3,8.71074074 C0.125925926,8.7437037 0,8.89666667 0,9.07407407 L0,11.2962963 C0,11.4788889 0.133333333,11.6344444 0.314074074,11.6622222 L1.53,11.8492593 C2.2162963,11.9548148 2.79222222,12.3977778 3.06962963,13.0344444 C3.34740741,13.6714815 3.28074074,14.3948148 2.89111111,14.97 L2.22962963,15.947037 C2.13,16.0937037 2.14888889,16.2911111 2.27444444,16.4166667 L3.84555556,17.9877778 C3.97481481,18.1166667 4.17851852,18.1333333 4.3262963,18.0248148 L5.31851852,17.2974074 C5.66814815,17.0411111 6.07777778,16.9051852 6.50259259,16.9051852 C7.47037037,16.9051852 8.30518519,17.592963 8.48740741,18.5407407 L8.71037037,19.6996296 C8.7437037,19.8737037 8.89666667,20 9.07407407,20 L11.2962963,20 C11.4792593,20 11.6344444,19.8666667 11.6622222,19.6859259 L11.7937037,18.8307407 C11.9662963,17.7077778 12.9296296,17.1203704 13.7922222,17.1203704 C14.2166667,17.1203704 14.6255556,17.2559259 14.9759259,17.512963 L15.6737037,18.0244444 C15.8214815,18.132963 16.0255556,18.1162963 16.1544444,17.9874074 L17.7255556,16.4162963 C17.8511111,16.2907407 17.87,16.0937037 17.7703704,15.9466667 L17.1088889,14.9696296 C16.7192593,14.3944444 16.6525926,13.6711111 16.9303704,13.0340741 C17.2081481,12.3974074 17.7837037,11.9544444 18.47,11.8488889 L19.6859259,11.6618519 C19.8666667,11.6344444 20,11.4788889 20,11.2962963 L20,9.07407407 C20,8.89666667 19.8740741,8.7437037 19.6992593,8.71037037 Z M14.0740741,10.1851852 C14.0740741,12.3295643 12.3295643,14.0740741 10.1851852,14.0740741 C8.0408061,14.0740741 6.2962963,12.3295643 6.2962963,10.1851852 C6.2962963,8.0408061 8.0408061,6.2962963 10.1851852,6.2962963 C12.3295643,6.2962963 14.0740741,8.0408061 14.0740741,10.1851852 Z"></path><path d="M10.1851852,7.40740741 C8.653367,7.40740741 7.40740741,8.65387205 7.40740741,10.1851852 C7.40740741,11.7164983 8.653367,12.962963 10.1851852,12.962963 C11.7170034,12.962963 12.962963,11.7164983 12.962963,10.1851852 C12.962963,8.65387205 11.7170034,7.40740741 10.1851852,7.40740741 Z"></path></svg><span class="header-extended__menu-link-text" data-bind="text: options.Menu.LinkText"></span></button><ul class="header-extended__menu-list" data-bind="css: { 'header-extended__menu-list_visible': isMenuActive }, domCallback: saveReferenceToMenuElement"><li class="header-extended__menu-item" data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Link]) }"></li></ul></div><div class="user-authorization-extended"><div class="user-authorization-extended__avatar-container login-btn_qa" data-bind="click: loginClick"><svg class="user-authorization-extended__avatar" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" data-bind="visible: !userProvider.avatarImageLink()"><path data-bind="style: { stroke: options.Styling.TextColor, fill: options.Styling.TextColor }" d="M49,25C49,11.767,38.233,1,25,1S1,11.767,1,25c0,6.513,2.689,12.791,7.395,17.309l-0.044,0.04 l1.351,1.127c0.413,0.342,0.842,0.668,1.312,1.008l0.393,0.28c0.466,0.32,0.944,0.625,1.434,0.915l0.32,0.184 c0.555,0.316,1.107,0.604,1.641,0.855l0.122,0.056h0.001c1.844,0.857,3.797,1.475,5.805,1.837l0.161,0.029 c0.674,0.115,1.301,0.2,1.918,0.255l0.234,0.017C23.75,48.972,24.39,49,25,49c0.593,0,1.227-0.028,1.942-0.085l0.24-0.018 c0.63-0.057,1.27-0.141,1.899-0.25l0.165-0.03c1.976-0.354,3.902-0.957,5.801-1.829l0.123-0.056c0.538-0.253,1.064-0.526,1.58-0.816 l0.384-0.221c0.47-0.277,0.93-0.566,1.379-0.872c0.126-0.085,0.25-0.175,0.374-0.265l0.106-0.078 c0.384-0.276,0.759-0.56,1.123-0.856l0.094-0.071c0.053-0.04,0.106-0.078,0.155-0.12l0.782-0.653l0.433-0.4l-0.024-0.02 C46.294,37.836,49,31.543,49,25z M31.953,45.65l-0.264-0.434c-0.505,0.167-1.017,0.317-1.533,0.446l-0.078,0.019 c-0.529,0.13-1.076,0.241-1.67,0.341c-0.519,0.084-1.043,0.144-1.563,0.191l-0.282,0.02c-1.043,0.078-2.101,0.076-3.147-0.001 l-0.27-0.02c-0.53-0.047-1.057-0.11-1.649-0.207c-1.097-0.183-2.19-0.456-3.249-0.811l-0.157,0.471c0,0,0,0,0,0l0.058-0.505 c-0.532-0.18-1.055-0.38-1.566-0.6c-0.483-0.208-0.957-0.439-1.421-0.68l-0.185-0.096c-0.427-0.228-0.845-0.474-1.255-0.732 l-0.364-0.233c-0.204-0.134-0.407-0.27-0.608-0.41l6.156-3.358c1.322-0.721,2.143-2.104,2.143-3.61l-0.001-3.257l-0.313-0.379 c-0.018-0.021-1.788-2.172-2.461-5.103l-0.123-0.535l-0.461-0.298c-0.269-0.174-0.43-0.463-0.43-0.773v-3.03 c0-0.258,0.108-0.492,0.313-0.677l0.445-0.403l-0.001-5.015l-0.011-0.14c-0.002-0.018-0.21-1.874,1.074-3.337 c1.139-1.298,3.13-1.955,5.92-1.955c2.778,0,4.766,0.653,5.908,1.941c1.279,1.446,1.087,3.341,1.083,3.414l-0.008,5.094l0.445,0.402 c0.202,0.183,0.313,0.424,0.313,0.678v3.029c0,0.394-0.271,0.753-0.658,0.872l-0.673,0.207l-0.216,0.67 c-0.488,1.518-1.183,2.919-2.066,4.166c-0.213,0.3-0.42,0.567-0.597,0.77l-0.335,0.382v3.348c0,1.568,0.871,2.977,2.273,3.677 l6.638,3.318c-0.166,0.115-0.333,0.229-0.501,0.338l-0.419,0.268c-0.394,0.243-0.796,0.476-1.203,0.693l-0.275,0.14 c-0.949,0.487-1.93,0.902-2.913,1.234L31.953,45.65L31.953,45.65z M30.897,35.513v-2.354c0.14-0.178,0.286-0.373,0.436-0.584 c0.926-1.306,1.676-2.756,2.233-4.314c1.163-0.636,1.876-1.83,1.876-3.163v-3.029c0-0.793-0.267-1.568-0.758-2.201l-0.002-3.764 c0.05-0.513,0.204-3.182-1.731-5.387C31.28,8.806,28.604,7.838,25,7.838c-3.604,0-6.279,0.968-7.952,2.877 c-1.939,2.212-1.781,4.877-1.732,5.339v3.812c-0.49,0.634-0.758,1.409-0.758,2.201v3.03c0,1.03,0.436,2,1.201,2.686 c0.68,2.546,1.965,4.503,2.589,5.351v2.308c0,0.516-0.282,0.99-0.735,1.238l-6.758,3.686c-0.12,0.066-0.239,0.137-0.359,0.213 C6.173,36.55,3.702,30.895,3.702,25C3.702,13.256,13.256,3.702,25,3.702S46.298,13.256,46.298,25c0,5.944-2.507,11.633-6.893,15.668 c-0.169-0.106-0.331-0.198-0.492-0.278l-7.237-3.618C31.195,36.532,30.897,36.049,30.897,35.513z M15.134,46.324L15.134,46.324 L15.134,46.324L15.134,46.324L15.134,46.324z"></path></svg></div><img class="user-authorization-extended__avatar" data-bind="visible: userProvider.avatarImageLink(), attr: { src: userProvider.avatarImageLink, alt: 'Avatar' }"></div></div></div></script><script type="text/html" id="sp-c-headerGUP"><div class="header-gup" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="header-gup__logo"><a class="header-gup__logo-link" data-bind="attr: {'href': options.Logo.Url}"><img class="header-gup__logo-image" data-bind="attr: {'src': options.Logo.Image, 'alt': options.Logo.Alt}"></a></div><div class="header-gup__user-toolbar"><a class="header-gup__user-text" data-bind="text: getUserSalutationText(), attr: { 'href': options.UserSalutation.Url }"></a><a class="header-gup__logout-text" data-bind="text: options.Logout.Text, attr: { 'href': options.Logout.Url }"></a></div></div></script><script type="text/html" id="sp-c-information"><div class="information" data-bind="css: { 'information_page': ($parent instanceof Page) }"><div class="information__content" data-bind="html: options.Body"></div></div></script><script type="text/html" id="sp-c-input"><div class="custom-input" data-bind="visible: isDisplayed"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Label, options.OptionalNextToTitle, !options.Validation.Required.Apply)"></label><div class="input-container"><input type="text" data-bind="validationTextInput: customInputValue, placeholder: Utils.concatStringsByCondition(options.Placeholder, options.OptionalNextToPlaceholder, !options.Validation.Required.Apply)"></div></div></div></script><script type="text/html" id="sp-c-inputGiftCode"><div class="input-gift-code"><div class="input-gift-code__header component-header"><div class="input-gift-code__title" data-bind="html: options.Title"></div><div class="input-gift-code__subtitle" data-bind="html: options.Subtitle"></div></div><div class="input-gift-code__body"><div class="general-errors general-errors_gift-code"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.GiftCode.Title, options.GiftCode.OptionalNextToTitle, !options.GiftCode.Validation.Required.Apply)"></label><div class="input-container"><input class="gift-code_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.GiftCode.Placeholder, options.GiftCode.OptionalNextToPlaceholder, !options.GiftCode.Validation.Required.Apply), validationTextInput: giftCode" aria-label="Gift Code"><div class="input-note" data-bind="visible: options.GiftCode.HelpText, text: options.GiftCode.HelpText"></div></div></div></div></div></script><script type="text/html" id="sp-c-landing"><div class="landings" data-bind="css: { 'landings_tabbed': $data instanceof LandingTabbed, 'landings_tiles': $data instanceof LandingTiles, 'landings_horizontal': $data instanceof LandingHorizontal, 'landings_alignedImage': $data instanceof LandingAlignedImage, 'landings_fullscreen': $data instanceof LandingFullscreen }, style: { 'background-image': options.Background && options.Background.Image ? getImgUrl(options.Background.Image) : '' }"><div class="landings__head"><div class="landings__title" data-bind="html: options.Title"></div><div class="landings__subtitle" data-bind="html: options.Subtitle"></div></div><div class="landings__body" data-bind="template: { name: subTemplateName }, css: { 'landings_zoom': options.IncreaseTileOnHover && !Utils.isMobile() }"></div></div></script><script type="text/html" id="sp-c-landingTabbed"><div class="landing landing_tabbed"><div class="landing__tabs landing__tabs_top" data-bind="foreach: getComponents()"><div class="tab activate-btn_qa" data-bind="click: function() {$parent.activate($data)}, css: {'active': isActive}"><div class="tab__content" data-bind="html: options.Title"></div></div></div><div class="landing__tabs landing__tabs_bottom"><div class="content"></div></div></div></script><script type="text/html" id="sp-c-landingHorizontal"><div class="landing landing_horizontal" data-bind="attr: { 'class': $element.className + ' landing_horizontal-' + $data.options.SubtypeName.toLowerCase().replace(' ', '') }"><div class="promotions"></div><div class="promotions"></div></div></script><script type="text/html" id="sp-c-landingTiles"><div class="landing landing_tiles" data-bind="attr: { 'class': $element.className + ' landing_tiles-' + $data.options.SubtypeName.toLowerCase().replace(' ', '') }"><div class="tiles-wrapper" data-bind="foreach: $data.getComponents()"><div class="tile" data-bind="style:{ width:((100-($parent.options.DisplayInlineCount-1)*3.125)/$parent.options.DisplayInlineCount)+'%', 'background-image': $data.options.Image? getImgUrl(options.Background.Image) : ''}, css: { 'active': $data.isActive }, click: function() {$parent.activate($data); Utils.scrollToElement('.landing_tiles .content');}"><div class="background"></div><div class="title-content"><div class="title-content-container"><div class="title" data-bind="html: $data.options.Title"></div><div class="subtitle" data-bind="html: $data.options.Subtitle"></div></div></div><div class="hover-text" data-bind="text: $data.options.HoverText"></div></div><div class="promotion-delimeter" data-bind="visible: ($index() + 1) % $parent.options.DisplayInlineCount !== 0"></div></div><div class="content"></div><div class="promotions"><div class="promotions__tiles promotions__tiles_top"></div><div class="promotions__tiles promotions__tiles_bottom"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div></div></script><script type="text/html" id="sp-c-landingFullscreen"><div class="landing landing_fullscreen"><div class="landing__title" data-bind="html: options.Subtitle"></div><div class="promotions"></div></div></script><script type="text/html" id="sp-c-landingAlignedImage"><div class="landing landing_alignedImage"><div class="landing__image-container"><img class="landing__image" data-bind="attr: { src: options.Image, alt: options.ImageAlt }"></div><div class="landing__content"><div class="landing__title" data-bind="html: options.ContentTitle"></div><div class="promotions"></div></div></div></script><script type="text/html" id="sp-c-landingZipFirst"><div class="landing landingZipFirst"> <div class="landingZipFirst__main-section"><div class="landingZipFirst__main-section-col landingZipFirst__main-section-col_1"><div class="input-container"><input class="LandingZipCode_qa" type="tel" maxlength="5" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, enterkey: enterKeyHandler" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="landingZipFirst__main-section-col landingZipFirst__main-section-col_2"><div class="landingZipFirst__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn landingZipFirst__button pick-btn_qa" data-bind="text: options.GetOfferButton.Text, click: getOffersBtnClick, style: { 'background': customization.GetOfferButton.BackgroundColor, 'color': customization.GetOfferButton.TextColor, 'borderColor': customization.GetOfferButton.BorderColor, 'width': customization.GetOfferButton.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.GetOfferButton.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.GetOfferButton.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.GetOfferButton.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div><div class="landingZipFirst__fail-section"><div class="landingZipFirst__fail-header"><div class="landingZipFirst__fail-header-title" data-bind="html: options.FailSection.Title"></div><div class="landingZipFirst__fail-header-subtitle" data-bind="html: options.FailSection.Subtitle"></div></div><div class="landingZipFirst__fail-body"><div class="landingZipFirst__fail-body-col landingZipFirst__fail-body-col_1"><div class="landingZipFirst__fail-body-title" data-bind="html: options.FailSection.Body.Title"></div><div class="landingZipFirst__fail-body-text" data-bind="html: options.FailSection.Body.Text"></div></div><div class="landingZipFirst__fail-body-col landingZipFirst__fail-body-col_2"><div class="landingZipFirst__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn landingZipFirst__button pick-btn_qa" data-bind="html: options.FailSection.Button.Text, click: failBtnClick, style: { 'background': customization.FailButton.BackgroundColor, 'color': customization.FailButton.TextColor, 'borderColor': customization.FailButton.BorderColor, 'width': customization.FailButton.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.FailButton.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.FailButton.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.FailButton.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="landingZipFirst__fail-body-errors"><span class="error-message" data-bind="html: options.ErrorMessage"></span></div></div></div></div></div></script><script type="text/html" id="sp-c-link"><a class="link link-btn_qa" data-bind="click: linkClick"><span class="link__text" data-bind="text: options.Text, style: { 'color': options.Styling.TextColor}"></span><img class="link__image" data-bind="attr: { src: options.Image, alt: options.Alt }"></a></script><script type="text/html" id="sp-c-liveClicker"><div data-bind="html: $data.options.Title"></div><ul data-bind="foreach: $data.getComponents()"> <li></li></ul></script><script type="text/html" id="sp-c-military"><div class="military"><div class="military__title" data-bind="html: options.Title"></div><form class="military__body component-body"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="military-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="military-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="Last Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.DutyStation.Title, options.DutyStation.OptionalNextToTitle, !options.DutyStation.Validation.Required.Apply)"></label><div class="input-container"><input class="military-duty-station_qa" type="text" maxlength="200" data-bind="placeholder: Utils.concatStringsByCondition(options.DutyStation.Placeholder, options.DutyStation.OptionalNextToPlaceholder, !options.DutyStation.Validation.Required.Apply), validationTextInput: dutyStation" aria-label="Duty Station"></div></div></form></div></script><script type="text/html" id="sp-c-notification"><div class="notifications" data-bind="visible: isDisplayed"><div class="notifications-errors" data-bind="visible: isErrorsShown"><div class="notifications-errors__title" data-bind="html: options.ErrorTitle"></div><div class="notifications-errors__list" data-bind="foreach: errorsArray"><div class="notification" data-bind="text: message"></div></div><div class="notifications-errors__closer" data-bind="click: hideErrorsNotifications"></div></div></div></script><script type="text/html" id="sp-c-notificationGeographic"><div class="notifications-geographic" data-bind="visible: isDisplayed"><div class="notifications-errors"><div class="notifications-errors__title" data-bind="html: options.ErrorTitle"></div><div class="notification" data-bind="html: options.Message"></div><div class="notifications-errors__closer" data-bind="click: hideErrorsNotifications"></div></div></div></script><script type="text/html" id="sp-c-offerDetails"><div class="offerDetails" data-bind="css: {'offerDetails_step': $parent instanceof Step}"><div class="offerDetails__header component-header"><div class="offerDetails__title" data-bind="html: options.Title"></div><div class="offerDetails__subtitle" data-bind="html: options.Subtitle"></div></div><div class="offerDetails__body" data-bind=" style: { 'background-color': OfferDetailsStylingCustomization.BackgroundColor,'border-color': OfferDetailsStylingCustomization.BorderColor, 'border-width': OfferDetailsStylingCustomization.BorderSize ? OfferDetailsStylingCustomization.BorderSize + 'px' : null, 'border-style': OfferDetailsStylingCustomization.BorderSize > 0 && 'solid'}"><div class="offerDetails__offer-title" data-bind="html: offer().Marketing.Title"></div><div class="offerDetails__columns"><div class="offerDetails__column offerDetails__column_first"><div class="offerDetails__img-container"><img class="offerDetails__img" data-bind="attr: { src: offer().Marketing.ImagePath, alt: offer().Marketing.ImageAltText }"></div></div><div class="offerDetails__column offerDetails__column_second"><div class="offerDetails__description"><div class="offerDetails__name"><div data-bind="text: options.SubscribeTo"></div></div><div class="offerDetails__text" data-bind="html: offer().Marketing.Body"></div><div class="offerDetails__text" data-bind="html: offer().Marketing.Price"></div></div></div></div></div></div></script><script type="text/html" id="sp-c-offerSelector"><div class="offer-selector" data-bind="if: isDisplayed"><h3 class="offer-selector__title" data-bind="html: options.Title"></h3></div></script><script type="text/html" id="sp-c-offersTiles"><div class="offers offers_tiles" data-bind="foreach: offers"><div class="offer offer_tile" data-bind="css:{'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer, style: { 'background-color': $parent.offerCustomization.BackgroundColor, 'color': $parent.offerCustomization.TextColor, 'border-color': $parent.offerCustomization.BorderColor, 'border-width': $parent.offerCustomization.BorderSize ? $parent.offerCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerCustomization.BorderSize > 0 && 'solid' }"><div class="offer__buttons offer__buttons_top"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="style: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><img class="offer__image" data-bind="existingImg: Marketing, css: { 'offer__image_hide-mobile' : $parent.options.Show.ImageOnMobile === false}"><div class="offer__text" data-bind="html: Marketing.Price"></div><div class="offer__buttons offer__buttons_middle"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="offer__text2" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></script><script type="text/html" id="sp-c-offersHorizontal"><div class="offers offers_horizontal" data-bind="foreach: offers"><div class="offer offer_horizontal" data-bind="css:{'active': $data === $parent.selectedOffer()}"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__dscText" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="click: $parent.userChooseOffer, text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></div></div><div class="offers offers_accordion" data-bind="foreach: offers"><div class="offer offer_accordion" data-bind="css:{'active': $data === $parent.selectedOffer()}, click: $parent.toggleOffersAccordion"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__description"><div class="best-offer" data-bind="css: { 'best-offer_active': $parent.isPreSelectedOffer($data) }"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><div class="offer__title-price-button-block"><div class="offer__title-price-block" data-bind="css: { 'offer__title-price-block_active': $parent.isPreSelectedOffer($data) }"><h3 class="offer__title" data-bind="html: Marketing.Title, css: { 'offer__title_active': $parent.isPreSelectedOffer($data) }"></h3><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture), css: { 'offer__price_active': $parent.isPreSelectedOffer($data) }"></div></div><div class="offer__buttons" data-bind="css: { 'offer__buttons_active': $parent.isPreSelectedOffer($data) }"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div><div class="offer__dscText" data-bind="html: Marketing.Body, css: { 'offer__dscText_active': $parent.isPreSelectedOffer($data) }"></div><div class="offer__premiums-block" data-bind="css: { 'offer__premiums-block_active': $parent.isPreSelectedOffer($data) }"><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div></div><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="arrow-sign"><svg class="arrow-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-2 8 130 100" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path></g></svg></div></div></div></div></div><div class="offer-selector__meta"><div class="offer-selector__edit-line"><span class="offer-selector__edit-info" data-bind="text: options.OptionsSection.ShowingOptions"></span><span class="offer-selector__zipcode-text" data-bind="text: zipCode()"></span><span class="offer-selector__edit-link" data-bind="text: options.OptionsSection.Edit, click: edit"></span></div><div class="offer-selector__text-line" data-bind="text: options.OptionsSection.OptionsInclude"></div></div><div class="offers offers_horizontal offers_horizontal-landing" data-bind="foreach: offers"><div class="offer offer_horizontal offer_horizontal-landing" data-bind="click: $parent.preSelectOffer, css:{'active': $data === $parent.preSelectedOffer()}"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__dscText" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture)"></div></div></div></div><div class="offers offers_accordion offers_accordion-landing" data-bind="foreach: offers"><div class="offer offer_accordion offer_accordion-landing" data-bind="css:{'active': $data === $parent.selectedOffer()}, click: $parent.toggleOffersAccordion"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__description"><div class="best-offer" data-bind="css: { 'best-offer_active': $data === $parent.preSelectedOffer() }"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><div class="offer__title-price-block" data-bind="css: { 'offer__title-price-block_active': $parent.isPreSelectedOffer($data) }"><h3 class="offer__title" data-bind="html: Marketing.Title, css: { 'offer__title_active': $parent.isPreSelectedOffer($data) }"></h3><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture), css: { 'offer__price_active': $parent.isPreSelectedOffer($data) }"></div></div><div class="offer__dscText" data-bind="html: Marketing.Body, css: { 'offer__dscText_active': $parent.isPreSelectedOffer($data) }"></div><div class="offer__premiums-block" data-bind="css: { 'offer__premiums-block_active': $parent.isPreSelectedOffer($data) }"><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div></div><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="arrow-sign"><svg class="arrow-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-2 8 130 100" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path></g></svg></div></div></div></div></div><div class="offer-selector__buttons"><button class="btn offer-selector__button offer-btn_qa" data-bind="click: choosePreSelectedOffer, text: options.OfferButtonText, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler, clickBubble: false"></div></div></script><script type="text/html" id="sp-c-offersCSR"><div class="offers offers_csr" id="csr"><div class="table-responsive"><table class="table table-hover"><thead><tr><th data-bind="text: 'Internal Name', click: function() { $data.sort('Name') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'Name'}"></th><th data-bind="text: 'Confirmation Name', click: function() { $data.sort('ConfirmationName') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'ConfirmationName'}"></th><th data-bind="text: 'Title', click: function() { $data.sort('Title') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'Title'}"></th><th data-bind="text: 'Ez Pay Required', click: function() { $data.sort('IsEzPayOptional') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'IsEzPayOptional'}"></th><th data-bind="text: 'Select'"></th></tr></thead><tbody data-bind="foreach: $data.dataRows"><tr data-bind="click: $parent.userChooseOffer, css: { 'info': $data === $parent.selectedOffer() }, attr : { 'order': $index, 'planid': $data.PlanId }"><td data-bind="html: $data.Name"></td><td data-bind="html: $data.Marketing.ConfirmationName"></td><td data-bind="html: Utils.stripTags($data.Marketing.Title)"></td><td data-bind="text: $data.IsEzPayOptional === true ? 'No' : 'Yes'"></td><td class="selected-sign" data-bind="css: { 'selected': $data === $parent.selectedOffer() }"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></td></tr></tbody></table><div class="paging"><div class="paging__controls"><nav><ul class="pagination"><li data-bind="css: { disabled : $data.gridParams.pageIndex() === 1}"><a class="glyphicon glyphicon-step-backward" data-bind="click: function () { $data.flipPage(1) }"></a></li><li data-bind="css: { disabled : $data.gridParams.pageIndex() === 1}"><a class="glyphicon glyphicon-chevron-left" data-bind="click: function () { $data.flipPage($data.gridParams.pageIndex() - 1) }"></a></li></ul><ul class="pagination pages" data-bind="foreach: $data.pagesCount"><li class="page-number" data-bind="css: { active: $parent.gridParams.pageIndex() === $index() + 1 }"><a data-bind="text: $index() + 1, click: function () { $parent.flipPage($index() + 1) }"></a></li></ul><ul class="pagination"><li data-bind="css: { disabled : $data.gridParams.pageIndex() === $data.gridParams.totalPages() }"><a class="glyphicon glyphicon-chevron-right" data-bind="click: function () { $data.flipPage($data.gridParams.pageIndex() + 1) }"></a></li><li data-bind="css: { disabled : $data.gridParams.pageIndex() === $data.gridParams.totalPages() }"><a class="glyphicon glyphicon-step-forward" data-bind="click: function () { $data.flipPage($data.gridParams.totalPages()) }"></a></li></ul></nav></div><div class="paging__total"><span class="small" data-bind="text: $data.gridParams.totalRows() + ' ' + 'item(s)'"></span></div></div></div></div></script><script type="text/html" id="sp-c-offersApplePay"><div class="offers offers_tiles" id="tiles" data-bind="foreach: offers"><div class="offer offer_tile offer_apple-pay" data-bind="css: { 'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1 }, domCallback: $parent.setOfferContainer"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><img class="offer__image" data-bind="existingImg: Marketing, css: { 'offer__image_hide-mobile' : $parent.options.Show.ImageOnMobile === false}"><div class="offer__dscText" data-bind="html: Marketing.Price"></div><div class="offer__dscText" data-bind="html: $parent.options.ExpressCheckoutOfferText"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons" data-bind="domCallback: $parent.initFloatingButtons"><div class="offer__button apple-pay-button" data-bind="click: $parent.checkoutWithApplePay, clickBubble: false"></div><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, click: $parent.userChooseOffer, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="offer__terms"><div class="offer__terms-title">Terms & Conditions</div><div class="offer__terms-content" data-bind="html: TermsAndConditions"></div></div></div></div></script><script type="text/html" id="sp-c-offersDropdown"><div class="offers offers_dropdown"><div class="infoRow"><label data-bind="text: options.Selector.Title"></label><div class="input-container"><select class="select" data-bind="options: offers, optionsText: function(item) { return item.Marketing.ConfirmationName }, value: selectedOption, optionsCaption: options.Selector.PlaceHolder, css: { 'select_placeholder': !selectedOffer() }"></select></div></div></div></script><script type="text/html" id="sp-c-offersSmallTiles"><div class="offers offers_smallTiles" data-bind="foreach: offers"><div class="offer offer_smallTile" data-bind="css:{'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer"><div class="offer__selector"><div class="active-sign"><div class="active-sign__container" data-bind="style: {borderColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__content"><div class="offer__description"><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></div></div></script><script type="text/html" id="sp-c-offersCheckBox"><div class="offers offers_checkbox"><div class="offers__subtitle" data-bind="html: options.Subtitle"></div><div data-bind="foreach: offers"><div class="offer offer_checkbox" data-bind="click: $parent.preSelectOffer, css:{'active': $parent.isPreSelectedOffer($data)}"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText, style:{'text-align': 'left'}"></div></div><div class="offer__body"><label class="checkbox"><input class="offer_checkbox_qa" type="checkbox" data-bind="checked: $parent.isPreSelectedOffer($data)"><div class="checkbox-switch"></div></label><div><div class="offer__title" data-bind="html: Marketing.Title"></div><div class="offer__description" data-bind="html: Marketing.Body"></div></div></div><hr></div></div><div class="offers__buttons" data-bind="style: {'padding-left': '10px'}"><button class="btn offer__button offer-btn_qa" data-bind="click: choosePreSelectedOffer, text: options.OfferButtonText, enable: isSelectCheckBox, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-page"><div class="page" data-bind="visible: isDisplayed, displayTypeClass: displayType, style: { background: getBackground(options.Styling.Background), backgroundSize: getBackgroundSize(options.Styling.Background), backgroundAttachment: options.Styling.Background.Scrollable? 'scroll': 'fixed' }"><div class="page__contaner"></div><div class="page__header"><div class="page__title" data-bind="html:options.Title"></div><div class="page__subtitle" data-bind="html:options.Subtitle"></div></div></div></script><script type="text/html" id="sp-c-payment"><div class="payment-methods"><div class="payment-methods__title" data-bind="html: options.Title"></div><div class="payment-methods__container"><div class="general-errors general-errors_payment"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: options.PaymentMethodSelector.Title"></label><div class="input-container"><select class="select payment-methods__options pm-select_qa" data-bind="options: availablePaymentOptions, optionsText: 'optionName', optionsValue: $data, value: selectedPaymentOption, css: { 'select_placeholder': !selectedPaymentOption() }" aria-label="Payment Options"></select></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><label class="radio"><input class="pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div><span class="radio__text" data-bind="text: optionName"></span></label></div><div class="payment-methods__options"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text: options.Title"></div></div></div><div class="payment-methods__view-row" style="justify-content: space-between"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="width: 65%; justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div><div class="payment-methods__more" data-bind="text: options.MorePaymentOptionText, click: showOtherPaymentMethods" style="width: 29%"></div></div><div class="payment-methods__more-container" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__more-option-block"><div class="payment-methods__more-option" data-bind="click: $parent.selectedPaymentOption, css: { active: isActive() }"><img class="payment-methods__more-option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"><a class="payment-methods__more-option-link" data-bind="text: options.LearnMore.Text, click: learnMoreLinkClick"></a><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__options-container_accordion"><div class="payment-methods__option_accordion" data-bind="click: $parent.selectPaymentOption, css: { active: isActive() }"><div class="radio"><input class="payment-methods__radio pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div></div><div class="payment-methods__option-title_accordion" data-bind="text: options.Title"></div><img class="payment-methods__option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"></div><div class="payment-methods__body" data-bind="template: { name: templateName }, css: { active: isActive() }"></div></div></div><form class="payment-methods__additional-fields"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div><div class="zipCodeCol"><label data-bind="text: options.Currency.Title"></label><div class="input-container"><select class="select currensies_qa" data-bind="options: currencies, optionsText: 'Description', optionsValue: 'ISOCode', validationTextInput: currentCurrency, css: { 'select_placeholder': !currentCurrency() }" aria-label="Currency"></select><input class="currency_qa" type="text" disabled data-bind="validationTextInput: currentCurrency, value: currentCurrencyDescription()" name="currency" aria-label="Currency"></div></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode, domCallback: onZipCodeInputMounted" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="infoRow"><div data-bind="css: {'zipCodeCol': options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalPhone.Title, options.InternationalPhone.OptionalNextToTitle, !options.InternationalPhone.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalPhone.Placeholder, options.InternationalPhone.OptionalNextToPlaceholder, !options.InternationalPhone.Validation.Required.Apply), validationTextInput: intPhone" name="phone" autocomplete="tel" aria-label="Phone Number"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="email" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" name="email" autocomplete="email" aria-label="Email"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.TransferBalance.Title, options.TransferBalance.OptionalNextToTitle, !options.TransferBalance.Validation.Required.Apply)"></label><div class="input-container"><input class="transfer-balance_qa" type="text" maxlength="15" data-bind="placeholder: Utils.concatStringsByCondition(options.TransferBalance.Placeholder, options.TransferBalance.OptionalNextToPlaceholder, !options.TransferBalance.Validation.Required.Apply), maskedBalanceTransfer: transferBalance, validationTextInput: transferBalance" aria-label="Transfer Balance"></div></div><div class="infoRow"><label data-bind="text: options.TransferBalanceReason.Title"></label><div class="input-container"><select class="select transfer-balance__reasons tdr-select_qa" data-bind="options: availableTransferBalanceReasons, value: selectedTransferBalanceReason, disable: !transferBalance(), css: { 'select_placeholder': !selectedTransferBalanceReason() }" aria-label="Transfer Balance reasons"></select></div></div><div class="infoRow"><label data-bind="text: options.TransferBalanceReason.Title"></label><div class="input-container"><select class="select transfer-balance__reasons tdr-select_qa" data-bind="options: availableTransferBalanceReasons, value: selectedTransferBalanceReason, disable: !transferBalance(), css: { 'select_placeholder': !selectedTransferBalanceReason() }" aria-label="Transfer Balance reasons"></select></div></div></form><div class="infoRow"><label data-bind="text: options.PaymentMethodSelector.Title"></label><div class="input-container"><select class="select payment-methods__options pm-select_qa" data-bind="options: availablePaymentOptions, optionsText: 'optionName', optionsValue: $data, value: selectedPaymentOption, css: { 'select_placeholder': !selectedPaymentOption() }" aria-label="Payment Options"></select></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><label class="radio"><input class="pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div><span class="radio__text" data-bind="text: optionName"></span></label></div><div class="payment-methods__options"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text: options.Title"></div></div></div><div class="payment-methods__view-row" style="justify-content: space-between"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="width: 65%; justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div><div class="payment-methods__more" data-bind="text: options.MorePaymentOptionText, click: showOtherPaymentMethods" style="width: 29%"></div></div><div class="payment-methods__more-container" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__more-option-block"><div class="payment-methods__more-option" data-bind="click: $parent.selectedPaymentOption, css: { active: isActive() }"><img class="payment-methods__more-option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"><a class="payment-methods__more-option-link" data-bind="text: options.LearnMore.Text, click: learnMoreLinkClick"></a><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__options-container_accordion"><div class="payment-methods__option_accordion" data-bind="click: $parent.selectPaymentOption, css: { active: isActive() }"><div class="radio"><input class="payment-methods__radio pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div></div><div class="payment-methods__option-title_accordion" data-bind="text: options.Title"></div><img class="payment-methods__option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"></div><div class="payment-methods__body" data-bind="template: { name: templateName }, css: { active: isActive() }"></div></div></div><div class="payment-methods__body" data-bind="template: { name: getTemplateName, foreach: availablePaymentOptions()}"></div></div></div></script><script type="text/html" id="sp-c-paypal"><div class="payment-method__body"><div id="paypal-button" data-bind="visible: isDisplayed"><div data-bind="html: options.Disclaimer"></div></div></div></script><script type="text/html" id="sp-c-paypalExpress"><div class="payment-method__body"><div id="paypal-express-button" data-bind="domCallback: initializePaypalButton"></div></div></script><script type="text/html" id="sp-c-paypalDTI"><div class="payment-method__body" data-bind="visible: isDisplayed"><div data-bind="html: options.Description"></div><div class="paypal-dti-button" id="paypal-dti-button" data-bind="domCallback: initializePaypalButtonDTI"></div><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-paypalBrainTree"><div class="payment-method__body" data-bind="visible: isDisplayed"><div data-bind="html: options.Description"></div><div class="paypal-braintree-button" id="paypal-braintree-button" data-bind="domCallback: onHTMLMounted"></div><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-perk"><div class="perk" data-bind="style: {'width': $parent.perkWidth, 'backgroundColor': backgroundColor}"><div class="perk__icon"></div><div class="perk__icon" data-bind="style: {'backgroundImage': 'url('+ Styling.Image +')'}"></div><div class="perk__title" data-bind="html: Title"></div><div class="perk__content" data-bind="html: Body"></div></div></script><script type="text/html" id="sp-c-placeOrder"><div class="placeOrder"><div class="placeOrder__title" data-bind="html: options.Title"></div><div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div><div class="editBtn user-btn_qa" data-bind="text: options.UserInformation.Edit, click: clickEditUserInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div><div class="editBtn military-btn_qa" data-bind="text: options.MilitaryInformation.Edit, click: clickEditMilitaryInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div><div class="editBtn user-btn_qa" data-bind="text: options.CollegeInformation.Edit, click: clickEditCollegeInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span data-bind="text: options.PaymentInformation.PayPal.Title"></span><img src="https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png" data-bind="attr: { 'alt': options.PaymentInformation.PayPal.ImageAlt }"></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span class="applepay-title" data-bind="text: options.PaymentInformation.ApplePay.Title"></span><img class="applepay-logo" src="/img/applepay.png" border="0" data-bind="attr: { alt: options.PaymentInformation.ApplePay.ImageAlt }"></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span class="googlepay-title" data-bind="text: options.PaymentInformation.GooglePay.Title"></span><img class="googlepay-logo" src="/img/googlepay.png" border="0" data-bind="attr: { alt: options.PaymentInformation.GooglePay.ImageAlt }"></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div><div class="editBtn payment-btn_qa" data-bind="text: $parent.options.PaymentInformation.Edit, click: $parent.clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div><div class="editBtn payment-btn_qa" data-bind="text: $parent.options.PaymentInformation.Edit, click: $parent.clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ', ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div><div class="editBtn delivery-btn_qa" data-bind="text: options.DeliveryInformation.Edit, click: clickEditDeliveryAddress, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ', ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div><div class="editBtn billing-btn_qa" data-bind="text: options.BillingInformation.Edit, click: clickEditBillingAddress, clickBubble: false"></div></div></div></div><div data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Information, ComponentsNames.TermsAndConditions])"></div></div></script><script type="text/html" id="sp-c-previousSunday"><div class="previousSunday"><label class="checkbox"><input type="checkbox" data-bind="checked: allowPreviousSunday"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.CheckboxText"></span></label></div></script><script type="text/html" id="sp-c-promotion-default"><div class="promotion promotion_default" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_default-rounded': ($parent.options.SubtypeName === 'Rounded'), 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible(), 'promotion__banner_rounded': ($parent.options.SubtypeName === 'Rounded') }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'default') }, css: { 'promotion__wrapper_rounded': ($parent.options.SubtypeName === 'Rounded') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width}, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__content" data-bind="html: options.Body"></div></div></div></script><script type="text/html" id="sp-c-promotion-collapsed"><div class="promotion promotion_default" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'collapsed') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width}, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded}"></button></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div></script><script type="text/html" id="sp-c-promotion-horizontal"><div class="promotion promotion_horizontal" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'horizontal') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-promotion-noImage"><div class="promotion promotion_noimage" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }"><div class="promotion__wrapper" data-bind="template: { name: getTemplateName($data, $context, 'noImage') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index()),"></button></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div></div></script><script type="text/html" id="sp-c-promotion-accordion"><div class="promotion promotion_accordion" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive}"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="css: { 'promotion__wrapper_active': isPromotionAccordionItemOpen }, style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'accordion') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div></script><script type="text/html" id="sp-c-rssFeed"><div class="rss-feed"><div class="rss-feed__header component-header"><div class="rss-feed__title" data-bind="html: options.Title"></div><div class="rss-feed__subtitle" data-bind="html: options.Subtitle"></div></div><div class="rss-feed__body" data-bind="foreach: newsList"><div class="rss-item" data-bind="click: function() { Utils.clickLink(link,'_blank'); }"><div class="rss-item__pub-date" data-bind="text: pubDate"></div><div class="rss-item__image-container"><img data-bind="attr: { src: $data['media:thumbnail']['$'].url, alt: 'RSS image'}"></div><div class="rss-item__title" data-bind="html: title"></div></div></div></div></script><script type="text/html" id="sp-c-scheduledStart"><div class="scheduledStart"><label class="checkbox"><input type="checkbox" data-bind="checked: isStartImmediately"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.StartImmediatelyText"></span></label><div class="infoRow"><input class="flatpickr" type="text" maxlength="35" data-bind=" placeholder: options.Placeholder, validationTextInput: startDate, disable: isStartImmediately"></div></div></script><script type="text/html" id="sp-c-slideShow"><div class="slide-show"><div class="slide-show__head"><div class="slide-show__title" data-bind="html: options.Headtitle"></div></div><div class="slide-show__body"><div class="slide-show__slides" data-bind="foreach: slidesArray"><div class="slide" data-bind="visible: isActive"><div class="slide__link slide-btn_qa" data-bind="click: function(){ if (slide.RedirectUrl) { Utils.clickLink(slide.RedirectUrl, '_self') } }"><div class="slide__background" data-bind=" style: { 'background': 'url(' + slide.ImageUrl + ')' , 'backgroundSize': 'cover' , 'backgroundPosition' : 'center' } "><div class="slide__contaner" data-bind="style: { 'verticalAlign' : slide.BodyVertical }"><div class="slide__content" data-bind="style: { 'background-color': slide.Background.Color }, visible: slide.Title || slide.Body"><div class="slide__title" data-bind="html: slide.Title"></div><div class="slide__text" data-bind="html: slide.Body"></div></div></div></div></div></div></div><div class="slide-show__dots" data-bind="foreach: slidesArray"><div class="slide-show__dot" data-bind="click: function() {$parent.moveToSlide($index())}, css: { 'slide-show__dot_active': isActive }"></div></div><div class="slide-show__control slide-show__control_left prev-btn_qa" data-bind="if: showControls, click: prev"><div class="slide-show__control-icon slide-show__control-icon_left"></div></div><div class="slide-show__control slide-show__control_right next-btn_qa" data-bind="if: showControls, click: next"><div class="slide-show__control-icon slide-show__control-icon_right"></div></div></div></div></script><script type="text/html" id="sp-c-step"><div class="step" data-bind="css: { 'active': isActive(), 'completed' : isCompleted(), 'disabled': showDisableOverlay }, visible: isDisplayed"><div class="overlay" data-bind="visible: isBusy()"><div class="loader-container loader-container_visible"><div class="loader"></div><div class="loader-placeholder">Loading...</div></div></div><div class="disable-overlay" data-bind="visible: showDisableOverlay"></div><div><div class="step__header component-header" data-bind="click: function () {$parent.activateComponent($data);return true;}, style: { backgroundColor: customization.MainColor }"><div class="step__complete-sign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div><div class="step__edit-sign"><svg class="edit-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 17" style="enable-background:new 0 0 17 17;" xml:space="preserve"><path class="edit-svg-sign__path" d="M12.606,0.293L2.005,10.894l-1.75,5.851l5.85-1.748L16.707,4.394L12.606,0.293z M15.293,4.394l-1.144,1.144l-2.687-2.687l1.144-1.144L15.293,4.394z M5.577,14.109L2.39,15.063l-0.46-0.427l0.961-3.213l7.865-7.865l2.687,2.687L5.577,14.109z"></path></svg></div><div class="step__enumer step-enumer" data-bind="text: viewModel.presentation.steps().filter(function(item){ return item.state() !== ComponentStates.Disabled; }).indexOf($data)+1, style: { background: customization.AccentColor, color: customization.TextAccentColor }"></div><div class="step__title" data-bind="html: stepTitle, style: { color: customization.TextColor }"></div><div class="step__subtitle" data-bind="html: stepSubtitle, style: { color: customization.TextColor }"></div></div><div class="step__body" data-bind="visible: showBody"><div class="general-errors general-errors_step"><div class="general-errors__title" data-bind="text: $root.presentation.options.PresentationProperties.options.Erorrs.GeneralErrors.Title"></div><ul class="general-errors__list" data-bind="foreach: $root.presentation.errors"><li data-bind="html: $data.message"></li></ul></div><div class="step__content component-body" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.Landing, ComponentsNames.OfferSelector, ComponentsNames.OfferDetails, ComponentsNames.BillingInformation, ComponentsNames.DeliveryInformation, ComponentsNames.Payment, ComponentsNames.UserInformation, ComponentsNames.PlaceOrder, ComponentsNames.EzPay, ComponentsNames.TermsAndConditions, ComponentsNames.Information, ComponentsNames.ScheduledStart, ComponentsNames.Input, ComponentsNames.Upsell, ComponentsNames.Military, ComponentsNames.College, ComponentsNames.EmailPreferences, ComponentsNames.PreviousSunday, ComponentsNames.GiftRecipient, ComponentsNames.UserInformationNoAccount, ComponentsNames.InputGiftCode, ComponentsNames.GiftDetails, ComponentsNames.Checkbox, ComponentsNames.CheckboxTermsConsent, ComponentsNames.MarketingEmailOptIn, ComponentsNames.IndependentAddress, ComponentsNames.OneTimeUseCodes, ComponentsNames.SheerIdVerification, ComponentsNames.LiteForm]) }"></div><div class="prices"><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Quantity.Title"></div><div class="price-row__value" data-bind="text: $root.presentation.offer().Quantity()"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Amount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().Amount(), currency().ISOCode, currency().Culture) + (options.Pricing.Amount.ShowPeriod ? ' ' + $root.presentation.offer().PriceSuffix : '')"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.TaxAmount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().TaxAmount(), currency().ISOCode, currency().Culture) + (options.Pricing.TaxAmount.ShowPeriod ? ' ' + $root.presentation.offer().PriceSuffix : '')"></div></div><ul class="tax-details"><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CityTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().CityTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.StateTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().StateTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CountyTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().CountyTax(), currency().ISOCode, currency().Culture)"></div></li></ul><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.ActivationFee.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().ActivationFee(), currency().ISOCode, currency().Culture)"></div></div><div class="price-row price-row_total"><div class="price-row__title price-row__title_total" data-bind="text: options.Pricing.TotalPrice.Title"></div><div class="price-row__value price-row__value_total" data-bind="text: Utils.getCurrencyString($root.presentation.offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div><div class="step__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() && options.Button.Spinner.Show }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn step__button step__button_submit step-submit_qa" data-bind="click: click, enable: buttonEnabled, text: buttonText, css: { 'busy' : $data.isBusy() && options.Button.Spinner.Show, 'step__button_hidden': options.Button.HideWhileDisabled && !buttonEnabled(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }, domCallback: getButtonWidth"></button><div class="step__button-message" data-bind="text: options.Button.Disabled.HoverMessage.Text, style: {'width': buttonWidth() + 'px'}"></div></div></div></div></div></script><script type="text/html" id="sp-c-stepIndicator"><div class="step-indicator" data-bind="css: { 'step-indicator_sticky': options.StickyMode.Enable }, style: { 'background-color': customization.BackgroundColor }"><div class="step-indicator__summary" data-bind="with: activeStep"><div class="step-indicator__columns"><div class="step-indicator__column step-indicator__column_half"><div class="step-indicator__summary-title" data-bind="html: options.StepIndicator.Title ? options.StepIndicator.Title : options.Title"></div></div><div class="step-indicator__column step-indicator__column_half"><div class="step-indicator__summary-enum" data-bind="text: 'Step ' + ($parent.stepIndicatorIndex($data) + 1) + ' of ' + $parent.filteredSteps().length"></div></div></div></div><div class="step-indicator__items" data-bind="foreach: filteredSteps"><div class="step-indicator__item step-btn_qa" data-bind="click: $parent.indicatorClickHandler.bind($parent), css: {'active': isActive, 'previous': $parent.isFinished($data)}"><div class="step-indicator__item-title" data-bind="html: options.StepIndicator.Title ? options.StepIndicator.Title : options.Title"></div><svg class="step-indicator__item-active-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 16" style="enable-background:new 0 0 12 16;" xml:space="preserve"><path d="M6,1c2.485246,0,4.5,1.950629,4.5,4.356824S6,14,6,14S1.5,7.763019,1.5,5.356824S3.514754,1,6,1z "></path></svg></div></div></div></script><script type="text/html" id="sp-c-stickyNote"><div class="sticky-note-overlay" data-bind="css: {'sticky-note-overlay_opened': !isCollapsed()}, click: collapse"></div><div class="sticky-note" data-bind="css: {'sticky-note_collapsed': isCollapsed}"><div class="sticky-note__desktop-panel"><div class="sticky-note__minifier" data-bind="click: collapse"><svg class="sticky-note__minifier-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 476.213 476.213" xml:space="preserve" data-bind="css: {'sticky-note__minifier-icon_invisible': isCollapsed()}"><polygon points="345.606,107.5 324.394,128.713 418.787,223.107 0,223.107 0,253.107 418.787,253.107 324.394,347.5 345.606,368.713 476.213,238.106 "></polygon></svg><svg class="sticky-note__cart-icon sticky-note__cart-icon_minifier" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4 3 20 18" xml:space="preserve" data-bind="css: {'sticky-note__cart-icon_visible': isCollapsed()}"><polyline points="-2,5 1.4,5 4,14 12.3,14 14,8 6,8 "></polyline><circle cx="5.1" cy="18.1" r="1.5"></circle><circle cx="11.1" cy="18.1" r="1.5"></circle></svg></div><div class="sticky-note__header"><h3 class="sticky-note__title" data-bind="html: options.Title"></h3><div class="sticky-note__cart"><svg class="sticky-note__cart-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4 3 20 18" xml:space="preserve"><polyline points="-2,5 1.4,5 4,14 12.3,14 14,8 6,8 "></polyline><circle cx="5.1" cy="18.1" r="1.5"></circle><circle cx="11.1" cy="18.1" r="1.5"></circle></svg></div></div><div class="sticky-note__body"><h3 class="sticky-note__offer-name" data-bind="html: offer().Marketing.Title"></h3><div class="sticky-note__img-container"><img class="sticky-note__img" data-bind="attr: { src: offer().Marketing.ImagePath, alt: offer().Marketing.ImageAltText }"></div><div class="sticky-note__offer-text" data-bind="html: offer().Marketing.Price"></div><div class="sticky-note__offer-text" data-bind="html: offer().Marketing.Body"></div><div class="sticky-note__premiumTitle" data-bind="html: options.Premium.Title"></div><div class="sticky-note__offer-text" data-bind="html: premium().name"></div><div class="prices"><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Quantity.Title"></div><div class="price-row__value" data-bind="text: offer().Quantity()"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Amount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().Amount(), currency().ISOCode, currency().Culture) + (options.Pricing.Amount.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.TaxAmount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().TaxAmount(), currency().ISOCode, currency().Culture) + (options.Pricing.TaxAmount.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><ul class="tax-details"><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CityTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().CityTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.StateTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().StateTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CountyTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().CountyTax(), currency().ISOCode, currency().Culture)"></div></li></ul><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.ActivationFee.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().ActivationFee(), currency().ISOCode, currency().Culture)"></div></div><div class="price-row"><div class="price-row__title price-row__title_total" data-bind="text: options.Pricing.TotalPrice.Title"></div><div class="price-row__value price-row__value_total" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div></div></div><div class="sticky-note__mobile-panel"><div class="sticky-note__mobile-offer-details"><h3 class="sticky-note__offer-name sticky-note__offer-name_mobile" data-bind="html: Utils.getTextSegmentByIndex(offer().OfferText, 0)"></h3><div class="sticky-note__mobile-button" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div><div class="webchat"><div id="webchat-button"><img src="https://bloximages.chicago2.vip.townnews.com/certification66.bloxcms.com/content/tncms/assets/v3/editorial/3/30/330ad932-a4e5-11e9-863f-f316fdf5f72a/5d28f031899f8.image.png" width="120" alt="Webchat button"></div><div id="floating-chat-form"><form id="chatForm"><div id="chat-form-head"><h3>Chat with us</h3><div id="chat-form-exit">X</div></div><div class="webchat-config"><div class="chat-error-warning hidden">There was an error connecting to chat. Please try again.</div><div class="webchat-input-container"><input class="place-holder-text" type="hidden" name="webchat_user_name_place_holder" value="*Name"><input class="place-holder" id="webchat-user-name" type="text" name="webchat_user_name" value="*Name"><div class="required-field-warning hidden">Name is required</div></div><div class="webchat-input-container"><input class="place-holder-text" type="hidden" name="webchat_user_email_place_holder" value="Email"><input class="place-holder" id="webchat-user-email" type="text" name="webchat_user_email" value="Email"></div><div class="webchat-input-container"><label for="webchat_user_subscription">*Do you have a subscription?</label><select id="webchat-user-subscription" name="webchat_user_subscription"><option value=""></option><option value="no">No</option><option value="yes">Yes</option></select><div class="required-field-warning hidden">Indicate if you have a subscription</div></div><div class="webchat-input-container"><label for="webchat_user_help_type">*How can we help?</label><select id="webchat-user-help-type" name="webchat_user_help_type"><option value=""></option><option value="Need help with online signup">Need help with online signup</option><option value="Other">Other</option></select><div class="required-field-warning hidden">Select how we can help</div></div></div><div class="webchat-button-container"><button id="chat-button" type="button">Start Chat</button></div></form></div><div id="chat-container"></div></div></div></script><script type="text/html" id="sp-c-termsAndConditions"><div class="termsAndConditions" data-bind="css: { 'termsAndConditions_step': $parent.name === ComponentsNames.Step, 'termsAndConditions_page': $parent.name === ComponentsNames.Page }"><div class="termsAndConditions__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isAccepted"><div class="checkbox-switch"></div><span class="checkbox-text termsAndConditions__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="termsAndConditions__content" data-bind="html: termsConditions"></div></div></script><script type="text/html" id="sp-c-upsell"><div class="modal fade upsell-modal upsell-modal_qa" data-bind="modal: isVisibleUpsellModal" data-backdrop="static" data-keyboard="false"><div class="modal-dialog modal-dialog_upsell" role="document"><div class="modal-content modal-content_upsell"><div class="upsell-offer upsell-offer_modal upsell-offer_qa"><h3 class="upsell-offer__marketing-title subtitle" data-bind="html: $parent.options.Offer.MarketingTitle.Text"></h3><h2 class="upsell-offer__title upsell-offer__title_modal" data-bind="html: $data.Marketing.Title"></h2><img class="upsell-offer__img upsell-offer__img_modal" data-bind="attr: { 'src': $data.Marketing.ImagePath, 'alt': $data.Marketing.ImageAltText }"><button class="btn" data-bind="click: $parent.acceptUpsell, text: $data.Marketing.Title"></button><p class="upsell-offer__text upsell-offer__text_modal" data-bind="html: $data.Marketing.Body"></p><div class="upsell-offer__refuse-container"><a class="upsell-offer__refuse-link" data-bind="click: $parent.refuseUpsell, text: $parent.options.Offer.RefuseLink.Text"></a></div></div></div></div></div><div class="upsell-inline"><div class="upsell-inline__title" data-bind="html: options.InlineTitle"></div><div class="upsell-offer upsell-offer-inline_qa" data-bind="css: {'upsell-offer_selected': $parent.isCurrentOfferSelected($data)}"><div class="upsell-offer__rows"><div class="upsell-offer__body"><div class="upsell-offer__rows"><div class="upsell-offer__img"><img data-bind="attr: { 'src': $data.Marketing.ImagePath, 'alt': $data.Marketing.ImageAltText }"></div><div class="upsell-offer__content"><h2 class="upsell-offer__title" data-bind="html: $data.Marketing.Title"></h2><p class="upsell-offer__text" data-bind="html: $data.Marketing.Body"></p></div></div></div><div class="upsell-offer__controls"><div class="upsell-offer__add-button" data-bind="click: $parent.acceptUpsell, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': $parent.buttonCustomization.BackgroundColor }"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 14" xml:space="preserve"><line data-bind="style: {'stroke': $parent.buttonCustomization.TextColor }" x1="7" y1="0" x2="7" y2="14"></line><line data-bind="style: {'stroke': $parent.buttonCustomization.TextColor }" x1="14" y1="7" x2="0" y2="7"></line></svg></div><div class="upsell-offer__remove-button" data-bind="click: $parent.refuseUpsell"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 20" xml:space="preserve"><g><rect x="5" y="7" width="2" height="9"></rect><rect x="9" y="7" width="2" height="9"></rect><path d="M16,3h-1h-4.000977V0.000977H5V3H1H0v2h1v15h14V5h1V3z M7,2h2v1H7V2z M13,18H3V5h2h5.999023H13V18z"></path></g></svg></div></div></div></div></div></script><script type="text/html" id="sp-c-userInformation"><div class="user-information"><div class="user-information__title" data-bind="html: options.Title"></div><form class="user-information__body"><div class="general-errors general-errors_userinfo"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div><div class="social-login-container social-login-container_top"><div class="social-login-btn social-login-btn_apple" data-bind="click: userProvider.appleLoginHanlder.bind(userProvider), text: options.Apple.LoginButtonText"></div><div class="social-login-btn social-login-btn_facebook" data-bind="click: userProvider.facebookLoginHanlder.bind(userProvider), text: options.Facebook.LoginButtonText"></div><div class="social-login-btn social-login-btn_google" data-bind="click: userProvider.googleLoginHanlder.bind(userProvider), text: options.Google.LoginButtonText"></div><div class="social-login-btn social-login-btn_twitter" data-bind="click: userProvider.twitterLoginHanlder.bind(userProvider), text: options.Twitter.LoginButtonText"></div><div class="social-login-btn social-login-btn_amazon" data-bind="click: userProvider.amazonLoginHanlder.bind(userProvider), text: options.Amazon.LoginButtonText"></div></div><label class="social-login-label" data-bind="text: options.SocialButtonsLabel"></label></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: userProvider.firstName" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: userProvider.lastName" aria-label="Last Name"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showEmailTooltip"><span data-bind="text: options.Email.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.Email.Help.Text"></div><img data-bind="attr: { src: options.Email.Help.ImageUrl, alt: options.Email.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container" data-bind="css: { 'valid': userProvider.email.isValid() && !userProvider.emailIsBusy() }"><div class="user-information__email-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 20" style="enable-background:new 0 0 30 20;" xml:space="preserve"><rect x="1" y="0.5" width="28" height="19"></rect><polyline points="26,5 15,12 4,5 "></polyline></svg></div><input class="user-information__email-input email_qa" type="email" autocomplete="on" name="userEmail" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: userProvider.email, css:{loading: userProvider.emailIsBusy()}" aria-label="Email"></div></div><div class="user-information__message"><h4 class="user-information__message-title" data-bind="text: options.Email.EmailExistsTitle"></h4><div class="user-information__message-body" data-bind="html: options.Email.EmailExistsBody"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help"><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="user-information__message"><h4 class="user-information__message-title" data-bind="text: options.Verification.UnverifiedMessage.Title"></h4><div class="user-information__message-body" data-bind="html: options.Verification.UnverifiedMessage.Body"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmEmail.Title, options.ConfirmEmail.OptionalNextToTitle, !options.ConfirmEmail.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-email_qa" type="email" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmEmail.Placeholder, options.ConfirmEmail.OptionalNextToPlaceholder, !options.ConfirmEmail.Validation.Required.Apply), validationTextInput: userProvider.confirmEmail" aria-label="Confirm Email"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help"><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmPassword.Title, options.ConfirmPassword.OptionalNextToTitle, !options.ConfirmPassword.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-password_qa" type="password" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmPassword.Placeholder, options.ConfirmPassword.OptionalNextToPlaceholder, !options.ConfirmPassword.Validation.Required.Apply), validationTextInput: userProvider.confirmPassword, attr: { type: showPasswordCharacters() ? 'text': 'password' }, hasFocus: confirmPasswordHasFocus" aria-label="Confirm Password" autocomplete="off"></div><div class="passwords-still-same" data-bind="html: options.ConfirmPassword.StillSame.Message"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.DisplayName.Title, options.DisplayName.OptionalNextToTitle, !options.DisplayName.Validation.Required.Apply)"></label><div class="input-container"><input class="displayName_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.DisplayName.Placeholder, options.DisplayName.OptionalNextToPlaceholder, !options.DisplayName.Validation.Required.Apply), validationTextInput: userProvider.displayName, css: { 'user-information__input_help': options.DisplayName.Help.Show }" aria-label="Display Name"><div class="help help_inside-input" data-bind="tooltip: showDisplayNameTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.DisplayName.Help.Text"></div></div></div></div></div><div class="infoRow"><div><label data-bind="text: options.Birth.Title"></label></div><div class="info-row-3"><div class="input-container"><select class="select birth-month_qa" data-bind="options: userProvider.monthsList, optionsText: 'text', optionsValue: 'value', optionsCaption: Utils.concatStringsByCondition(options.Birth.Month.Placeholder, options.Birth.Month.OptionalNextToPlaceholder, !options.Birth.Month.Validation.Required.Apply), validationTextInput: userProvider.birthMonth, css: { 'select_placeholder': !userProvider.birthMonth() }" aria-label="Birth Month"></select></div></div><div class="info-row-3"><div class="input-container"><select class="select birth-date_qa" data-bind="options: userProvider.datesList, optionsCaption: Utils.concatStringsByCondition(options.Birth.Date.Placeholder, options.Birth.Date.OptionalNextToPlaceholder, !options.Birth.Date.Validation.Required.Apply), validationTextInput: userProvider.birthDate, css: { 'select_placeholder': !userProvider.birthDate() }" aria-label="Birth Date"></select></div></div><div class="info-row-3"><div class="input-container"><select class="select birth-year_qa" data-bind="options: userProvider.yearsList, optionsCaption: Utils.concatStringsByCondition(options.Birth.Year.Placeholder, options.Birth.Year.OptionalNextToPlaceholder, !options.Birth.Year.Validation.Required.Apply), validationTextInput: userProvider.birthYear, css: { 'select_placeholder': !userProvider.birthYear() }" aria-label="Birth Year"></select></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Gender.Title, options.Gender.OptionalNextToTitle, !options.Gender.Validation.Required.Apply)"></label><div class="input-container"><select class="select gender_qa" data-bind="options: userProvider.genderList, optionsText: 'text', optionsValue: 'value', optionsCaption: Utils.concatStringsByCondition(options.Gender.Placeholder, options.Gender.OptionalNextToPlaceholder, !options.Gender.Validation.Required.Apply), validationTextInput: userProvider.gender, css: { 'select_placeholder': !userProvider.gender() }" aria-label="Gender"></select></div></div><div class="infoRow"><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: userProvider.optOutMarketing"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.OptOutMarketing.CheckBox.Text"></span></label></div><div class="infoRow"><label data-bind="text: options.SocialButtonsLabel"></label><div class="social-login-container"><div class="social-login-btn social-login-btn_apple" data-bind="click: userProvider.appleLoginHanlder.bind(userProvider), text: options.Apple.LoginButtonText"></div><div class="social-login-btn social-login-btn_facebook" data-bind="click: userProvider.facebookLoginHanlder.bind(userProvider), text: options.Facebook.LoginButtonText"></div><div class="social-login-btn social-login-btn_google" data-bind="click: userProvider.googleLoginHanlder.bind(userProvider), text: options.Google.LoginButtonText"></div><div class="social-login-btn social-login-btn_twitter" data-bind="click: userProvider.twitterLoginHanlder.bind(userProvider), text: options.Twitter.LoginButtonText"></div><div class="social-login-btn social-login-btn_amazon" data-bind="click: userProvider.amazonLoginHanlder.bind(userProvider), text: options.Amazon.LoginButtonText"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Email.Title"></div><div class="summaryRow__content" data-bind="text: userProvider.displayName()"></div><div class="editBtn" data-bind="click: edit"></div></div><div class="summaryRow"><div class="login-info"><div class="summaryRowFull" data-bind="text: userProvider.displayName()"></div><div class="logout" data-bind="click: userProvider.logOut.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3 3 18 18" xml:space="preserve"><line x1="2" y1="12" x2="8" y2="12"></line><polyline points="5,5 13,5 13,19 5,19 "></polyline><polygon points="2.5,16 -2.5,12 2.5,8 "></polygon></svg></div></div></div></form></div></script><script type="text/html" id="sp-c-userInformationNoAccount"><div class="user-information-no-account"><div class="user-information-no-account__header component-header"><div class="user-information-no-account__title" data-bind="html: options.Title"></div><div class="user-information-no-account__subtitle" data-bind="html: options.Subtitle"></div></div><form class="user-information-no-account__body"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-email_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email"></div></div></form></div></script><script type="text/html" id="sp-c-abandonmentPopover"><div class="modal fade" data-bind="modal: showModal" tabindex="-1" role="dialog"><div class="abandonment-popover modal-dialog" data-bind="style: { 'max-width': options.MaxWidth && options.MaxWidth + 'px' }" role="document"><div class="abandonment-popover__content" data-bind="style: { 'background-color': options.BackgroundColor, backgroundImage: options.BackgroundImage? 'url('+ options.BackgroundImage +')': 'none', 'border-color': options.BorderColor, 'border-width': options.BorderWidth ? options.BorderWidth + 'px' : null, 'border-style': options.BorderWidth > 0 && 'solid'}"><div class="abandonment-popover__close" data-dismiss="modal" aria-label="Close"><svg data-bind="style: {'fill': options.CloseButtonColor}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><path d="M 2.75 2.042969 L 2.042969 2.75 L 2.398438 3.101563 L 7.292969 8 L 2.042969 13.25 L 2.75 13.957031 L 8 8.707031 L 12.894531 13.605469 L 13.25 13.957031 L 13.957031 13.25 L 13.605469 12.894531 L 8.707031 8 L 13.957031 2.75 L 13.25 2.042969 L 8 7.292969 L 3.101563 2.398438 Z "></path></svg></div><div class="abandonment-popover__title" data-bind="html: options.Title"></div><div class="abandonment-popover__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn abandonment-popover__button pick-btn_qa" data-bind="click: tryDigitalClickHandler, text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="abandonment-popover__errors"><span class="error-message" data-bind="html: options.NotRoutable.NoOffersErrorMessage"></span></div></div><div class="abandonment-popover__body" data-bind="html: options.Body"></div></div></div></div></script><script type="text/html" id="sp-c-idlePopover"><div class="modal fade" data-bind="modal: showModal" tabindex="-1" role="dialog"><div class="idle-popover modal-dialog" role="document"><div class="idle-popover__content" data-bind="style: { 'background-color': options.BackgroundColor, backgroundImage: options.BackgroundImage? 'url('+ options.BackgroundImage +')': 'none', 'border-color': options.BorderColor, 'border-width': options.BorderWidth ? options.BorderWidth + 'px' : null, 'border-style': options.BorderWidth > 0 && 'solid'}"><div class="idle-popover__close" data-dismiss="modal" aria-label="Close">×</div><div class="idle-popover__title" data-bind="html: options.Title"></div><div class="idle-popover__body" data-bind="html: options.Body"></div></div></div></div></script><script type="text/html" id="sp-c-newsletterBenefit"><div class="newsletter-benefit" data-bind="style: { 'backgroundColor': options.Styling.BackgroundColor}"><div class="newsletter-benefit__title" data-bind="html: options.Title"></div><div class="newsletter-benefit__options" data-bind="template: { name: getTemplateName, foreach: getFirstThreeOptions($data)}, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterOption)}, css: {'options-single': getCountOptions($data) === 1, 'options-double': getCountOptions($data) === 2, 'options-triple': getCountOptions($data) > 2}"></div></div></script><script type="text/html" id="sp-c-newsletterOption"><div class="newsletter-option__separator newsletter-option__separator_horizontal"></div><div class="newsletter-option" data-bind="style: { 'backgroundColor': options.Styling.BackgroundColor}, css: {'first': $parent.getOptionIndex($parent, $data) === 0,'last': $parent.getCountOptions($parent) > 2 && $parent.getOptionIndex($parent, $data) === 2 || $parent.getCountOptions($parent) === 1 || $parent.getCountOptions($parent) === 2 && $parent.getOptionIndex($parent, $data) === 1, 'option-single': $parent.getCountOptions($parent) === 1, 'option-double': $parent.getCountOptions($parent) === 2, 'option-triple': $parent.getCountOptions($parent) > 2}"><div class="newsletter-option__data"><div class="newsletter-option__image-container"><img class="newsletter-option__image" data-bind="attr: {'src': options.Image, 'alt': options.ImageAlt}"></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="newsletter-option__text" data-bind="text: options.Text, style: { 'color': options.Styling.TextColor }"></div></div><div class="newsletter-option__controls"><div class="newsletter-option__buttons"><button class="btn newsletter-option-btn_qa" data-bind="click: newsletterSignUpClick, text: options.Button.Text, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn newsletter-option-btn_qa" data-bind="click: newsletterSignUpClick, text: options.Unsubscribe.Button.Text, style: { 'background': unsubscribeButtonCustomization.BackgroundColor, 'color': unsubscribeButtonCustomization.TextColor, 'borderColor':unsubscribeButtonCustomization.BorderColor, 'width': buttonCustomization.Width}, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="general-errors"><li data-bind="text: error error"></li><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div></div></div><div class="newsletter-option__separator newsletter-option__separator_vertical"></div></script><script type="text/html" id="sp-c-appDownloads"><a class="app-downloads__item" data-bind="click: mobileAppClick"><img class="app-downloads__item_apple-app-store" src="/img/app-store-badge.png" alt="Apple App Store"></a><a class="app-downloads__item" data-bind="click: mobileAppClick"><img class="app-downloads__item_google-play" src="/img/google-pl-badge.png" alt="Google Play Store"></a></script><script type="text/html" id="sp-c-socialMedia"><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_facebook_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_twitter_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_linkedin_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_instagram_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_youtube_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_reddit_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_email_dark"></div></a></script><script type="text/html" id="sp-c-socialMedia"><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_facebook_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_twitter_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_linkedin_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_instagram_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_youtube_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_reddit_dark"></div></a><a data-bind="click: socialMediaClick"><div class="social-media__item social-media__item social-media__item_dfm social-media__item_email_dark"></div></a></script><script type="text/html" id="sp-c-cookieNotice"><div data-bind="if: showModal"><div class="cookie-notice-popover"><div class="cookie-notice-popover__content" data-bind="style: { 'background-color': options.Styling.BackgroundColor,'color': options.Styling.TextColor}"><div class="cookie-notice-popover__close" data-bind="click: closeClick" aria-label="Close"><svg data-bind="style: {'fill': options.Styling.TextColor}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><path d="M 2.75 2.042969 L 2.042969 2.75 L 2.398438 3.101563 L 7.292969 8 L 2.042969 13.25 L 2.75 13.957031 L 8 8.707031 L 12.894531 13.605469 L 13.25 13.957031 L 13.957031 13.25 L 13.605469 12.894531 L 8.707031 8 L 13.957031 2.75 L 13.25 2.042969 L 8 7.292969 L 3.101563 2.398438 Z "></path></svg></div><div class="cookie-notice-popover__text" data-bind="text: options.CookieText"></div><div class="cookie-notice-popover__link" data-bind="text: options.CookieLinkText, click: linkClick"></div></div></div></div></script><script type="text/html" id="sp-c-registrationOnConfirmation"><div class="registration"><div class="registration__title" data-bind="html: options.Title"></div><form class="registration__body"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="registration__form"><div class="registration__info-fields"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmPassword.Title, options.ConfirmPassword.OptionalNextToTitle, !options.ConfirmPassword.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-password_qa" type="password" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmPassword.Placeholder, options.ConfirmPassword.OptionalNextToPlaceholder, !options.ConfirmPassword.Validation.Required.Apply), validationTextInput: userProvider.confirmPassword, attr: { type: showPasswordCharacters() ? 'text': 'password' }, hasFocus: confirmPasswordHasFocus" aria-label="Confirm Password" autocomplete="off"></div><div class="passwords-still-same" data-bind="html: options.ConfirmPassword.StillSame.Message"></div></div></div><div class="registration__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn registration__button registration__button_submit" data-bind="click: complete, enable: userProvider.isValid(), text: options.Button.Text, css: { 'busy' : $data.isBusy(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }"></button></div></div><div class="registration__message" data-bind="html: options.SuccessMessage"></div></form></div></script><script type="text/html" id="sp-c-marketingEmailOptIn"><div class="marketingEmailOptIn" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Сonfirmation }"><div class="marketingEmailOptIn__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><div class="checkbox-component__content" data-bind="html: options.CheckBox.Body"></div></label></div></script><script type="text/html" id="sp-c-independentAddress"><div class="independent-address"><div class="general-errors general-errors_address"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode, domCallback: onZipCodeInputMounted" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div></div></script><script type="text/html" id="sp-c-creditCardAuthorizeNet"><div class="credit-card authorize-net payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="authorize-net__block" data-bind="visible: !loading()"><form data-bind="domCallback: onHTMLMounted, attr: { action: generateFrameUrl}" method="post" target="authorizeNet-iframe" visibility="hidden"><input data-bind="value: token" type="hidden" name="token"><input data-bind="value: customerPaymentProfileId" type="hidden" name="paymentProfileId"></form><iframe data-bind="visible: iframeVisible, attr: { height: iframeHeight }" id="authorizeNet-iframe" name="authorizeNet-iframe" frameborder="0" scrolling="no" width="100%" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe><div class="authorize-net__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa authorize-net__editBtn" data-bind="click: editClick"></div></div></div></div></script><script type="text/html" id="sp-c-oneTimeUseCodes"><div class="one-time-use-codes"><div class="one-time-use-codes__open-button"><a class="open-button" data-bind="text: isOneTimeUseCodesVisible() ? options.HideButtonText : options.ShowButtonText, click: showButtonClicked"></a></div><div class="one-time-use-codes__main"><div class="one-time-use-codes__form one-time-form"><div class="one-time-form__left-block"><div class="infoRow"><label class="one-time-form__title" data-bind="text: options.Label.Text"></label><div class="input-container"><input class="couponcode_qa" data-bind="placeholder: options.InputPlaceholder, validationTextInput: oneTimeCode"></div></div></div><div class="one-time-form__right-block"><button class="btn" data-bind="click: getOffers, text: options.Button.Text, css: { 'busy' : $data.isBusy() && options.Button.Spinner.Show, 'step__button_hidden': options.Button.HideWhileDisabled && !buttonEnabled(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor}"></button></div></div><div class="one-time-use-codes__error"><div class="general-errors general-errors_payment"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div></div><div class="one-time-use-codes__success"><div class="one-time-use-codes__success-message" data-bind="html: options.SuccessMessage"></div><div class="one-time-use-offers offers offers_tiles" data-bind="foreach: offers"><div class="offer offer_tile" data-bind="css:{'active': $data === $parent.chosenOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer, style: { 'background-color': $parent.offerCustomization.BackgroundColor, 'color': $parent.offerCustomization.TextColor, 'border-color': $parent.offerCustomization.BorderColor, 'border-width': $parent.offerCustomization.BorderSize ? $parent.offerCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerCustomization.BorderSize > 0 && 'solid' }"><div class="active-sign"><div class="active-sign__container"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__text" data-bind="html: Marketing.Price"></div><div class="offer__text2" data-bind="html: Marketing.Body"></div></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.Offer.Button.Text, style: { 'background': $parent.offerButtonCustomization.BackgroundColor, 'color': $parent.offerButtonCustomization.TextColor, 'borderColor': $parent.offerButtonCustomization.BorderColor, 'width': $parent.offerButtonCustomization.Width }, css: { 'btn_square': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div><div class="one-time-use-codes__keep-current-button"><a class="keep-current-button" data-bind="text: options.KeepCurrentButtonText, click: keepCurrentOffer"></a></div></div></div></div></script><script type="text/html" id="sp-c-sheerIdVerification"><div class="sheerId-Verification"><div class="sheerId-Verification__title" data-bind="html:options.Title"></div><div class="sheerId-Verification__container"><div class="general-errors general-errors_payment"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="sheerId-Verification__disclaimer" data-bind="text: options.Success.Disclaimer"></div><div class="sheerId-Verification__role-blocks"><div class="sheerId-Verification__role-block"><div class="sheerId-Verification__disclaimer" data-bind="text: options.Student.Continue.Disclaimer"></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: continueClickStudent, text: options.Student.Continue.Button.Text, css: { 'btn_square': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': continueStudentButtonCustomization.BackgroundColor, 'color': continueStudentButtonCustomization.TextColor, 'borderColor': continueStudentButtonCustomization.BorderColor, 'width': continueStudentButtonCustomization.Width }"></button></div><div class="sheerId-Verification__role-block"><div class="sheerId-Verification__disclaimer" data-bind="text: options.Teacher.Continue.Disclaimer"></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: continueClickTeacher, text: options.Teacher.Continue.Button.Text, css: { 'btn_square': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': continueTeacherButtonCustomization.BackgroundColor, 'color': continueTeacherButtonCustomization.TextColor, 'borderColor': continueTeacherButtonCustomization.BorderColor, 'width': continueTeacherButtonCustomization.Width }"></button></div></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: loginClick, text: options.Login.Button.Text, css: { 'btn_square': loginButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': loginButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': loginButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': loginButtonCustomization.BackgroundColor, 'color': loginButtonCustomization.TextColor, 'borderColor': loginButtonCustomization.BorderColor, 'width': loginButtonCustomization.Width }"></button></div></div></script><script type="text/html" id="sp-c-applePay"><div class="apple-pay payment-method__body" data-bind="visible: isDisplayed"><div class="apple-pay-button"><div class="apple-pay-set-up-button apple-pay-setup-button-black-with-text"></div><button class="apple-pay-checkout-button" data-bind="click: checkoutWithApplePay, clickBubble: false" style="background-color: Transparent; border-style: solid; border-width: 0px;"><div class="apple-pay-button-with-text apple-pay-button-black-with-text"><span class="logo"></span></div></button></div></div></script><script type="text/html" id="sp-c-googlePay"><div class="google-pay payment-method__body" data-bind="visible: isDisplayed"><div id="google-pay-button"></div></div></script><script type="text/html" id="sp-c-liteForm"><div class="lite-form"><form><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="FirstName"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="LastName"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Position.Title, options.Position.OptionalNextToTitle, !options.Position.Validation.Required.Apply)"></label><div class="input-container"><input class="position_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Position.Placeholder, options.Position.OptionalNextToPlaceholder, !options.Position.Validation.Required.Apply), validationTextInput: position" aria-label="Position"></div></div><div class="info-row-2"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: country, css: { 'select_placeholder': !country() }" aria-label="Country"></select></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.CompanyName.Title, options.CompanyName.OptionalNextToTitle, !options.CompanyName.Validation.Required.Apply)"></label><div class="input-container"><input class="company-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.CompanyName.Placeholder, options.CompanyName.OptionalNextToPlaceholder, !options.CompanyName.Validation.Required.Apply), validationTextInput: companyName" aria-label="CompanyName"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.CompanyType.Title, options.CompanyType.OptionalNextToTitle, !options.CompanyType.Validation.Required.Apply)"></label><div class="input-container"><input class="company-type_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.CompanyType.Placeholder, options.CompanyType.OptionalNextToPlaceholder, !options.CompanyType.Validation.Required.Apply), validationTextInput: companyType" aria-label="Company Type"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"> <span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="text" maxlength="200" data-bind=" placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" aria-label="email"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Price.Title, options.Price.OptionalNextToTitle, !options.Price.Validation.Required.Apply)"></label><div class="input-container"><input class="price_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Price.Placeholder, options.Price.OptionalNextToPlaceholder, !options.Price.Validation.Required.Apply), validationTextInput: price" aria-label="Price"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.RegistrationAmount.Title, options.RegistrationAmount.OptionalNextToTitle, !options.RegistrationAmount.Validation.Required.Apply)"></label><div class="input-container"><input class="registration-amount_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.RegistrationAmount.Placeholder, options.RegistrationAmount.OptionalNextToPlaceholder, !options.RegistrationAmount.Validation.Required.Apply), validationTextInput: registrationAmount" aria-label="Registration Amount"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationDate.Title, options.ExpirationDate.OptionalNextToTitle, !options.ExpirationDate.Validation.Required.Apply)"></label><div class="input-container"><input class="expiration-date_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.ExpirationDate.Placeholder, options.ExpirationDate.OptionalNextToPlaceholder, !options.ExpirationDate.Validation.Required.Apply), validationTextInput: expirationDate, domCallback: initCalendar" aria-label="expiration Date"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardPeach"><div class="credit-card peach payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow" hidden="hidden"><label></label><div class="input-container"><input type="text"></div></div><iframe class="peachIframe" src="/peachIframe.htm" name="peachIframe"></iframe><div class="peach-summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa edgil__editBtn" data-bind="click: edgilEditClick"></div></div></div></script><div class="buildInformation"><span data-bind="text: 'Application version: ' + $root.buildInformation.Version() + ' | ' + 'Build Date: ' + $root.buildInformation.BuildDate() + ' | Build Number: ' + $root.buildInformation.BuildNumber()"></span></div><script type="text/javascript" src="https://cdn.auth0.com/js/auth0/9.11/auth0.min.js"></script><script type="text/javascript" src="https://cdn.auth0.com/js/lock/11.25/lock.min.js"></script><script type="text/javascript" src="https://ui-static-assets-prod.mng-digisubs-prod.com/js/auth0Manager.js"></script><link rel="stylesheet" href="https://ui-static-assets-prod.mng-digisubs-prod.com/css/auth0.css"><script type="text/javascript" src="/build/build.js?dateStamp=1728498209000"></script><script>var configSiteCode = config.System.SiteCode ? config.System.SiteCode : ''; var plugins = []; if (config.MG2Loader.MG2Insights.Enabled) { if (config.MG2Loader.MG2Insights.SiteCode) { configSiteCode = config.MG2Loader.MG2Insights.SiteCode; } plugins.push({ name: 'DL', initOptions: { collectors: ["SP"], tagManager: "GTM", containerId: config.MG2Loader.MG2Insights.ContainerId, version: config.MG2Loader.MG2Insights.Version, siteCode: configSiteCode } }); }; if (config.MG2Loader.FingerPrint.Enabled) { plugins.push({ name: 'FP', initOptions: { version: config.MG2Loader.FingerPrint.Version, } }); }; if (config && config.MG2Loader && config.MG2Loader.Enabled) { var head = document.getElementsByTagName('head')[0]; var loaderScript = document.createElement('script'); loaderScript.type = "text/javascript"; loaderScript.onload = () => { if (typeof MG2Loader !== 'undefined') { MG2Loader.init({plugins: plugins}); }; }; loaderScript.src = config.MG2Loader.Url; loaderScript.defer = true; loaderScript.id = 'Mg2LoaderJS'; head.appendChild(loaderScript); };</script><div id="signIn" style="display:none;"><div class="capture_header"><h1>Sign Up / Sign In</h1></div><div class="capture_backgroundColor"><div class="capture_signin"><h2>With a traditional account...</h2>{* #signInForm *} {* signInEmailAddress *} {* currentPassword *}<div class="capture_form_item"><a href="#" data-capturescreen="forgotPassword">Forgot your password?</a></div><div class="capture_rightText"><button class="capture_secondary capture_btn capture_primary" type="submit"><span class="janrain-icon-16 janrain-icon-key"></span>Sign In</button><a class="capture_secondary capture_createAccountButton capture_btn capture_primary" id="capture_signIn_createAccountButton" href="#" data-capturescreen="traditionalRegistration">Create Account</a><div class="serviceMarks">{* poweredByJanrain *}</div></div>{* /signInForm *}</div></div><div class="capture_signin"><h2>With your existing account from...</h2>{* loginWidget *}<br></div></div><div id="returnSocial" style="display:none;"><div class="capture_header"><h1>Sign In</h1></div><div class="capture_signin"><h2 class="capture_centerText"><span id="socialWelcomeName">Welcome back</span></h2>{* loginWidget *}<div class="capture_centerText switchLink"><a href="#" data-cancelcapturereturnexperience="true">Use another account</a></div></div></div><div id="returnTraditional" style="display:none;"><div class="capture_header"><h1>Sign In</h1></div><h2 class="capture_centerText"><span id="traditionalWelcomeName">Welcome Back</span></h2><div class="capture_backgroundColor">{* #signInForm *} {* signInEmailAddress *} {* currentPassword *}<div class="capture_form_item capture_rightText"><button class="capture_secondary capture_btn capture_primary" type="submit"><span class="janrain-icon-16 janrain-icon-key"></span>Sign In</button></div>{* /signInForm *}<div class="capture_centerText switchLink"><a href="#" data-cancelcapturereturnexperience="true">Use another account</a></div></div></div><div id="accountDeactivated" style="display:none;"><div class="capture_header"><h1>Account Deactivated</h1></div><div class="content_wrapper"><p>Your account has been deactivated.</p></div></div><div id="reactivateAccount" style="display:none;"><h2>Account Reactivation Failed</h2><p>Sorry, we could not verify that email address.</p></div><div id="reactivateAccountSuccess" style="display: none;"><h2>Account Activated</h2><p>Your account has been reactivated.</p><div class="capture_footer"><a class="capture_btn capture_primary" href="index.html">Sign in</a></div></div><div id="emailVerificationRequired" style="display:none;"><div class="capture_header"><h1>Email Verification Required</h1></div><p>You must verify your email address before signing in. Check your email for your verification email, or enter your email address in the form below to resend the email.</p>{* #resendVerificationForm *} {* signInEmailAddress *}<div class="capture_footer"><input class="capture_btn capture_primary" value="Submit" type="submit"></div>{* /resendVerificationForm *}</div><div id="socialRegistration" style="display:none;"><div class="capture_header"><h1>Almost Done</h1></div><h2>Please confirm the information below before signing in.</h2>{* #socialRegistrationForm *}{* firstName *} {* lastName *} {* displayName *} {* emailAddress *}By clicking "Sign In", you confirm that you accept our <a href="#">terms of service</a> and have read and understand <a href="#">privacy policy</a>.<div class="capture_footer"><div class="capture_left">{* backButton *}</div><div class="capture_right"><input class="capture_btn capture_primary" value="Create Account" type="submit"></div></div>{* /socialRegistrationForm *}</div><div id="traditionalRegistration" style="display:none;"><div class="capture_header"><h1>Almost Done</h1></div><p>Please confirm the information below before signing in. Already have an account?<a id="capture_traditionalRegistration_navSignIn" href="#" data-capturescreen="signIn">Sign In.</a></p>{* #registrationForm *}{* firstName *} {* lastName *} {* displayName *} {* emailAddress *} {* newPassword *} {* newPasswordConfirm *}By clicking "Create Account", you confirm that you accept our <a href="#">terms of service</a> and have read and understand <a href="#">privacy policy</a>.<div class="capture_footer"><div class="capture_left">{* backButton *}</div><div class="capture_right"><input class="capture_btn capture_primary" value="Create Account" type="submit"></div></div>{* /registrationForm *}</div><div id="emailVerificationNotification" style="display:none;"><div class="capture_header"><h1>Thank You for Registering</h1></div><p>Thank you for registering in our system.</p><div class="capture_footer"><a class="capture_btn capture_primary" href="#" onclick="janrain.capture.ui.modal.close()">Close</a></div></div><div id="forgotPassword" style="display:none;"><div class="capture_header"><h1>Create New Password</h1></div><h2>We'll send you a link to create a new password.</h2>{* #forgotPasswordForm *} {* signInEmailAddress *}<div class="capture_footer"><div class="capture_left">{* backButton *}</div><div class="capture_right"><input class="capture_btn capture_primary" value="Send" type="submit"></div></div>{* /forgotPasswordForm *}</div><div id="forgotPasswordSuccess" style="display:none;"><div class="capture_header"><h1>Create New Password</h1></div><p>We've sent an email with instructions to create a new password. Your existing password has not been changed.</p><div class="capture_footer"><a class="capture_btn capture_primary" href="#" onclick="janrain.capture.ui.modal.close()">Close</a></div></div><div id="forgotPasswordSocialSuccess" style="display:none;"><div class="capture_header"><h1>Create New Password</h1></div><p>This email address was registered with a social account. We've sent an email with instructions to create a new password, which can be used in addition to your linked social providers.</p><div class="capture_footer"><a class="capture_btn capture_primary" href="#" onclick="janrain.capture.ui.modal.close()">Close</a></div></div><div id="mergeAccounts" style="display:none;">{* mergeAccounts {"custom": true} *}<div class="capture_mergeAccounts_mergeOptionsContainer" id="capture_mergeAccounts_mergeAccounts_mergeOptionsContainer"><div class="capture_header"><div class="capture_icon_col">{| rendered_current_photo |}</div><div class="capture_displayName_col">{| current_displayName |}<br>{| current_emailAddress |}</div><span class="capture_mergeProvider janrain-provider-icon-24 janrain-provider-icon-{| current_provider_lowerCase |}"></span></div><div class="capture_dashed"><div class="capture_mergeCol capture_centerText capture_left"><p class="capture_bigText">{| foundExistingAccountText |}<b>{| current_emailAddress |}</b>.</p><div class="capture_hover"><div class="capture_popup_container"><span class="capture_popup-arrow"></span>{| moreInfoHoverText |}<br>{| existing_displayName |} - {| existing_provider |} : {| existing_siteName |} {| existing_createdDate |}</div>{| moreInfoText |}</div></div><div class="capture_mergeCol capture_mergeExisting_col capture_right"><div class="capture_shadow capture_backgroundColor capture_border">{| rendered_existing_provider_photo |}<div class="capture_displayName_col">{| existing_displayName |}<br>{| existing_provider_emailAddress |}</div><span class="capture_mergeProvider janrain-provider-icon-16 janrain-provider-icon-{| existing_provider_lowerCase |} "></span> <div class="capture_centerText capture_smallText">Created {| existing_createdDate |} at {| existing_siteName |}</div></div></div></div><div class="capture_form_collection_merge_radioButtonCollection.capture_form_collection.capture_elementCollection.capture_form_collection_mergeAccounts_mergeRadio" id="capture_mergeAccounts_form_collection_mergeAccounts_mergeRadio" data-capturefield="undefined"><div class="capture_form_item.capture_form_item_mergeAccounts_mergeRadio.capture_form_item_mergeAccounts_mergeRadio_1_0.capture_toggled" id="capture_mergeAccounts_form_item_mergeAccounts_mergeRadio_1_0" data-capturefield="undefined"><label for="capture_mergeAccounts_mergeAccounts_mergeRadio_1_0"><input class="capture_mergeAccounts_mergeRadio_1_0 capture_input_radio" id="capture_mergeAccounts_mergeAccounts_mergeRadio_1_0" data-capturefield="undefined" data-capturecollection="true" value="1" type="radio" checked="checked" name="mergeAccounts_mergeRadio">{| connectLegacyRadioText |}</label></div><div class="capture_form_item capture_form_item_mergeAccounts_mergeRadio capture_form_item_mergeAccounts_mergeRadio_2_1" id="capture_mergeAccounts_form_item_mergeAccounts_mergeRadio_2_1" data-capturefield="undefined"><label for="capture_mergeAccounts_mergeAccounts_mergeRadio_2_1"><input class="capture_mergeAccounts_mergeRadio_2_1 capture_input_radio" id="capture_mergeAccounts_mergeAccounts_mergeRadio_2_1" data-capturefield="undefined" data-capturecollection="true" value="2" type="radio" name="mergeAccounts_mergeRadio">{| createRadioText |} {| current_provider |}</label></div><div class="capture_tip" style="display:none;"></div><div class="capture_tip_validating" data-elementname="mergeAccounts_mergeRadio">Validating</div><div class="capture_tip_error" data-elementname="mergeAccounts_mergeRadio"></div></div><div class="capture_footer">{| connect_button |} {| create_button |}</div></div></div><div id="traditionalAuthenticateMerge" style="display:none;"><div class="capture_header"><h1>Sign In to Complete Account Merge</h1></div><div class="capture_signin">{* #signInForm *} {* signInEmailAddress *} {* currentPassword *}<div class="capture_footer"><div class="capture_left">{* backButton *}</div><div class="capture_right"><button class="capture_secondary capture_btn capture_primary" type="submit"><span class="janrain-icon-16 janrain-icon-key"></span>Sign In</button></div></div>{* /signInForm *}</div></div><div id="verifyEmail" style="display:none;"><div class="capture_header"><h1>Resend Verification Email</h1></div><p>Sorry, we could not verify that email address. Enter your email below, and we'll send you another email.</p>{* #resendVerificationForm *} {* signInEmailAddress *}<div class="capture_footer"><input class="capture_btn capture_primary" value="Submit" type="submit"></div>{* /resendVerificationForm *}</div><div id="resendVerificationSuccess" style="display:none;"><div class="capture_header"><h1>Verification Email Sent</h1></div><div class="hr"></div><p>Check your email for a link to verify your email address.</p><div class="capture_footer"><a class="capture_btn capture_primary" href="index.html">Sign in</a></div></div><div id="verifyEmailSuccess" style="display:none;"><div class="capture_header"><h1>Email Verified</h1></div><p>Thank you for verifiying your email address.<div class="capture_footer"><a class="capture_btn capture_primary" href="index.html">Sign in</a></div></p></div><div id="resetPassword" style="display:none;"><div class="capture_header">h1 Change Password</div>{* #changePasswordFormNoAuth *} {* newPassword *} {* newPasswordConfirm *}<div class="capture_footer"><input class="capture_btn capture_primary" value="Submit" type="submit"></div>{* /changePasswordFormNoAuth *}</div><div id="resetPasswordSuccess" style="display:none;"><div class="capture_header"><h1>Password Changed</h1></div><p>Your password has been successfully updated.</p><div>class="capture_footer<a class="capture_btn capture_primary" href="index.html">Sign in</a></div></div><div id="resetPasswordRequestCode" style="display:none;"><div class="capture_header"><h1>Create New Password</h1></div><p>We didn't recognize that password reset code. Enter your email below, and we'll send you another email.</p>{* #resetPasswordForm *} {* signInEmailAddress *}<div class="capture_footer"><input class="capture_btn capture_primary" value="Send" type="submit"></div>{* /resetPasswordForm *}</div><div id="resetPasswordRequestCodeSuccess" style="display:none;"><div class="capture_header"><h1>Create New Password</h1></div><p>We've sent you an email with instructions to create a new password. Your existing password has not been changed.</p><div class="capture_footer"><a class="capture_btn capture_primary" href="#" onclick="janrain.capture.ui.modal.close()">Close</a></div></div><script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=77502272" async></script></body></html>