https://www.flosoftball.com/4269.a2eb11b845ba4b4d.js

1"use strict";(self.webpackChunkflosports_webapp=self.webpackChunkflosports_webapp||[]).push([[4269],{84269:(M,h,o)=>{o.r(h),o.d(h,{ActivateModule:()=>D});var r=o(99286),f=o(26520),v=o(86965),C=o(95698);function _(t){if(null!==t.value&&!/^[a-zA-Z0-9]{6}$/.test(t.value))return{activation_code_format:!0}}var s=o(24006),y=o(34204),e=o(94650),i=o(76807),u=o(89308),c=o(32797),m=o(36895),p=o(39137),g=o(97290),x=o(20735);const A=["codeInput"];function E(t,a){1&t&&(e.\u0275\u0275elementStart(0,"div",4)(1,"h1",5),e.\u0275\u0275text(2,"Activate Your Device"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(3,"p",6),e.\u0275\u0275text(4,"Enter the code that appears on your TV."),e.\u0275\u0275elementEnd()())}function O(t,a){1&t&&(e.\u0275\u0275elementStart(0,"div",4)(1,"h1",5),e.\u0275\u0275text(2,"Your app has successfully been activated!"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(3,"p",6),e.\u0275\u0275text(4,"Wait for your TV to refresh and start exploring."),e.\u0275\u0275elementEnd()())}function S(t,a){if(1&t&&e.\u0275\u0275element(0,"flo-form-errors",15),2&t){const n=e.\u0275\u0275nextContext(2);e.\u0275\u0275property("errors",n.code.errors)}}function I(t,a){1&t&&(e.\u0275\u0275elementStart(0,"div",16)(1,"span",17),e.\u0275\u0275text(2,"Loading..."),e.\u0275\u0275elementEnd()())}const F=function(){return["click","focus"]};function P(t,a){if(1&t){const n=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"form",7),e.\u0275\u0275listener("ngSubmit",function(){e.\u0275\u0275restoreView(n);const d=e.\u0275\u0275nextContext();return e.\u0275\u0275resetView(d.sendActivationCode())}),e.\u0275\u0275elementStart(1,"div",8)(2,"input",9,10),e.\u0275\u0275listener("focus",function(){e.\u0275\u0275restoreView(n);const d=e.\u0275\u0275nextContext();return e.\u0275\u0275resetView(d.code.markAsUntouched())})("input",function(){e.\u0275\u0275restoreView(n);const d=e.\u0275\u0275nextContext();return e.\u0275\u0275resetView(d.onCodeInputChanged())}),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(4,S,1,1,"flo-form-errors",11),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(5,"div",12)(6,"button",13),e.\u0275\u0275text(7," Activate "),e.\u0275\u0275template(8,I,3,0,"div",14),e.\u0275\u0275elementEnd()()()}if(2&t){const n=e.\u0275\u0275nextContext();e.\u0275\u0275property("formGroup",n.activateForm),e.\u0275\u0275advance(2),e.\u0275\u0275property("events",e.\u0275\u0275pureFunction0(5,F)),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf",n.code.touched&&n.code.invalid),e.\u0275\u0275advance(2),e.\u0275\u0275property("disabled",!n.canSubmitActivateForm),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf",n.activateFormSubmitting)}}let b=(()=>{class t{constructor(n,l,d,j,w){this.fb=n,this.activationCodeService=l,this.logger=d,this.changeRef=j,this.platformService=w,this.activateFormSubmitting=!1,this.activationCodeSuccess=!1,this.activateForm=this.fb.group({code:["",[s.kI.required,_]]}),this.maybeCodeInputElement=()=>(0,y.maybe)(this.codeInputElementRef).filter(()=>this.platformService.isBrowser).map(B=>B.nativeElement)}get canSubmitActivateForm(){return this.activateForm.valid&&!this.activateForm.pending&&!this.activateFormSubmitting}get code(){return this.activateForm.controls.code}get codeValue(){return this.code&&this.code.value}ngAfterViewInit(){this.maybeCodeInputElement().tapSome(n=>{n.focus(),n.select()})}onCodeInputChanged(){this.code&&this.codeValue&&this.code.setValue(this.codeValue.toUpperCase())}sendActivationCode(){!this.canSubmitActivateForm||(this.activateFormSubmitting=!0,this.activationCodeService.sendActivationCode(this.codeValue).pipe((0,C.q)(1)).subscribe(()=>{this.activationCodeSuccess=!0,this.activateFormSubmitting=!1,this.code&&(this.code.setValue(""),this.code.markAsUntouched()),this.changeRef.markForCheck()},n=>{this.activationCodeSuccess=!1,this.activateFormSubmitting=!1,this.logger.error(n.message,n.error),this.setCodeFieldErrors(n.status),this.changeRef.markForCheck()}))}

1setCodeFieldErrors(n){401===n?this.code&&this.code.setErrors({unauthenticated:!0}):this.code&&this.code.setErrors({invalid:!0})}}return t.\u0275fac=function(n){return new(n||t)(e.\u0275\u0275directiveInject(s.QS),e.\u0275\u0275directiveInject(i.x),e.\u0275\u0275directiveInject(u.e),e.\u0275\u0275directiveInject(e.ChangeDetectorRef),e.\u0275\u0275directiveInject(c.m))},t.\u0275cmp=e.\u0275\u0275defineComponent({type:t,selectors:[["flo-activate"]],viewQuery:function(n,l){if(1&n&&e.\u0275\u0275viewQuery(A,5),2&n){let d;e.\u0275\u0275queryRefresh(d=e.\u0275\u0275loadQuery())&&(l.codeInputElementRef=d.first)}},decls:6,vars:3,consts:[[1,"funnel-form-wrapper"],[1,"funnel-form-section"],["class","title-section",4,"ngIf"],["novalidate","",3,"formGroup","ngSubmit",4,"ngIf"],[1,"title-section"],[1,"funnel-title"],[1,"flo-footnote"],["novalidate","",3,"formGroup","ngSubmit"],[1,"form-group"],["floAnalytics","","type","code","formControlName","code","name","Code","placeholder","Enter code","autocomplete","off","maxlength","6","autofocus","",3,"events","focus","input"],["codeInput",""],["control","activationCode",3,"errors",4,"ngIf"],[1,"form-button"],["floAnalytics","","type","submit","name","Send Activate Device Code",1,"btn","btn-primary","btn-lg","position-relative",3,"disabled"],["class","spinner-border spinner-border-sm","role","status",4,"ngIf"],["control","activationCode",3,"errors"],["role","status",1,"spinner-border","spinner-border-sm"],[1,"visually-hidden"]],template:function(n,l){1&n&&(e.\u0275\u0275element(0,"flo-funnel-checkout-header"),e.\u0275\u0275elementStart(1,"div",0)(2,"div",1),e.\u0275\u0275template(3,E,5,0,"div",2),e.\u0275\u0275template(4,O,5,0,"div",2),e.\u0275\u0275template(5,P,9,6,"form",3),e.\u0275\u0275elementEnd()()),2&n&&(e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",!l.activationCodeSuccess),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",l.activationCodeSuccess),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",!l.activationCodeSuccess))},dependencies:[m.O5,p.v,s._Y,s.Fj,s.JJ,s.JL,s.nD,s.sg,s.u,g.A,x.n],styles:["[_nghost-%COMP%]   .funnel-form-wrapper[_ngcontent-%COMP%]   .funnel-form-section[_ngcontent-%COMP%]{max-width:500px}[_nghost-%COMP%]   .funnel-form-wrapper[_ngcontent-%COMP%]   .funnel-form-section[_ngcontent-%COMP%]   .title-section[_ngcontent-%COMP%]{height:auto}[_nghost-%COMP%]   .funnel-form-wrapper[_ngcontent-%COMP%]   .funnel-form-section[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]{max-width:350px}[_nghost-%COMP%]   .activation-success[_ngcontent-%COMP%]{color:#155724;margin-bottom:10px}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{max-width:350px;width:100%}[_nghost-%COMP%]   .btn-primary.btn[_ngcontent-%COMP%]{max-width:350px;width:100%}[_nghost-%COMP%]   .btn-primary.btn[_ngcontent-%COMP%]:not([disabled]){background:black}"],changeDetection:0}),t})();var T=o(60603);let R=(()=>{class t{}return t.\u0275fac=function(n){return new(n||t)},t.\u0275mod=e.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=e.\u0275\u0275defineInjector({imports:[f.RouterModule.forChild([{path:"",canActivate:[T.y1],component:b}]),f.RouterModule]}),t})();var V=o(47951);let D=(()=>{class t{}return t.\u0275fac=function(n){return new(n||t)},t.\u0275mod=e.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=e.\u0275\u0275defineInjector({imports:[R,r.m8,v.$,V.F,f.RouterModule]}),t})()},97290:(M,h,o)=>{o.d(h,{A:()=>e});var r=o(94650),f=o(79121),v=o(36895),C=o(87833);function _(i,u){1&i&&r.\u0275\u0275element(0,"flo-svg-icon",5)}function s(i,u){if(1&i&&(r.\u0275\u0275elementStart(0,"div",2),r.\u0275\u0275template(1,_,1,0,"flo-svg-icon",3),r.\u0275\u0275elementStart(2,"p",4),r.\u0275\u0275text(3),r.\u0275\u0275elementEnd()()),2&i){const c=u.$implicit,m=r.\u0275\u0275nextContext();r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",m.hasIcon),r.\u0275\u0275advance(2),r.\u0275\u0275textInterpolate(c)}}const y=function(i){return{"error-icon":i}};let e=(()=>{class i{constructor(c){this.formErrorsService=c,this.hasIcon=!1,this.trackByError=(m,p)=>m}get errorsList(){return Object.keys(this.errors).map(c=>this.getMessage(c,this.control))}getMessage(c,m){const p=this.formErrorsService.errorMessageDict[m];return Object.keys(p).filter(g=>g===c).map(g=>p[g])}}return i.\u0275fac=function(c){return new(c||i)(r.\u0275\u0275directiveInject(f.u))},i.\u0275cmp=r.\u0275\u0275defineComponent({type:i,selectors:[["flo-form-errors"]],inputs:{errors:"errors",control:"control",hasIcon:"hasIcon"},decls:2,vars:5,consts:[["data-test","form-error",1,"error-box",3,"ngClass"],["class","error-message",4,"ngFor","ngForOf","ngForTrackBy"],[1,"error-message"],["data-test","form-error-icon","class","icon flo-svg-minus-background","icon","exclamation","width","1.5rem",4,"ngIf"],["floAnalytics","","data-test","form-error-message",1,"error-msg"],["data-test","form-error-icon","icon","exclamation","width","1.5rem",1,"icon","flo-svg-minus-background"]],template:function(c,m){1&c&&(r.\u0275\u0275elementStart(0,"div",0),r.\u0275\u0275template(1,s,4,2,"div",1),r.\u0275\u0275elementEnd()),2&c&&(r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(3,y,m.hasIcon)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",m.errorsList)("ngForTrackBy",m.trackByError))},dependencies:[v.mk,v.sg,v.O5,C.b],styles:[".error-icon[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]{display:-moz-flex;display:flex;margin-top:6px;align-items:center}.error-icon[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   .error-msg[_ngcontent-%COMP%]{color:#0c0c0c;font-size:14px;font-weight:400;margin:0;padding-left:8px;text-align:left}.error-icon[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{height:1.5rem}"],changeDetection:0}),i})()}}]);