{"__symbolic":"module","version":4,"metadata":{"StripeElementsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":17},"arguments":[{"__symbolic":"reference","name":"StripeElementsConfigService"}]}],null],"parameters":[{"__symbolic":"reference","name":"StripeElementsConfig"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":105}]}],"createPaymentIntent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"StripeElementsConfig":{"__symbolic":"interface"},"StripeElementsConfigService":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":12,"character":47},"arguments":["StripeElementsConfig"]},"StripeElementsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":14}],"exports":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"StripeElementsModule"},"providers":[{"__symbolic":"reference","name":"StripeElementsService"},{"provide":{"__symbolic":"reference","name":"StripeElementsConfigService"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"StripeFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngrx-stripe-form","template":"<form class=\"checkout\" (ngSubmit)=\"onSubmit()\">\n    <div #paymentRequestButtonRef></div>\n    <div class=\"form-row\">\n        <label for=\"card-info\">Card number</label>\n        <div id=\"card-info\" #cardNumberRef></div>\n\n\n        <div class=\"container\">\n            <div class=\"item cvc\">\n                <label for=\"cvc\">CVC</label>\n                <div id=\"cvc\" #cardCvcRef></div>\n            </div>\n\n            <div class=\"item expiry\">\n                <label for=\"expiry\">Expiry</label>\n                <div id=\"expiry\" #cardExpiryRef></div>\n\n            </div>\n        </div>\n\n    </div>\n\n\n    <div class=\"alert\" *ngIf=\"cardNumberError\">{{cardNumberError.message}}</div>\n    <div class=\"alert\" *ngIf=\"cardCvcError\">{{cardCvcError.message}}</div>\n    <div class=\"alert\" *ngIf=\"cardExpiryError\">{{cardExpiryError.message}}</div>\n\n    <button [disabled]=\"cardNumberError || cardCvcError || cardExpiryError\" type=\"submit\">{{payButtonText}}</button>\n</form>\n\n\n","styles":["form.checkout{margin:2rem auto;text-align:center;border:2px solid #eee;border-radius:8px;padding:1rem 2rem;background:#fff;font-family:monospace;color:#525252;font-size:1.1rem}form.checkout button{width:100%;padding:.5rem 1rem;color:#fff;background:coral;border:none;border-radius:4px;margin-top:1rem}form.checkout button:active{background:#a54c2b}.StripeElement{margin:1rem 0;background-color:#fff;padding:8px 12px;border-radius:4px;border:1px solid grey;box-shadow:0 1px 3px 0 #e6ebf1;transition:box-shadow 150ms}.StripeElement--focus{box-shadow:0 1px 3px 0 #cfd7df}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5!important}.container{display:flex}.container .cvc{flex-grow:1}.container .expiry{flex-grow:3}.container .item:not(:last-child){margin-right:10px}.alert{padding:10px;background-color:#f44336;color:#fff}"]}]}],"members":{"cardNumberRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":5},"arguments":["cardNumberRef"]}]}],"cardCvcRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["cardCvcRef"]}]}],"cardExpiryRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["cardExpiryRef"]}]}],"postalCodeRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":5},"arguments":["postalCodeRef"]}]}],"paymentRequestButtonRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["paymentRequestButtonRef"]}]}],"stripeKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"payButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"elementOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"pay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"paymentSucceeded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"paymentFailed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"StripeElementsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"createPaymentRequest":[{"__symbolic":"method"}],"mountCardExpiry":[{"__symbolic":"method"}],"mountCardCvc":[{"__symbolic":"method"}],"mountCardNumber":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createSource":[{"__symbolic":"method"}],"createToken":[{"__symbolic":"method"}],"confirmCardPayment":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}]}},"StripeFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"StripeFormComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8}],"exports":[{"__symbolic":"reference","name":"StripeFormComponent"}]}]}],"members":{}},"StripeElementsActionTypes":{"STRIPE_PAY":"[STRIPE_ELEMENTS] Pay","STRIPE_PAY_SUCCESS":"[STRIPE_ELEMENTS] Pay Success","STRIPE_PAY_FAIL":"[STRIPE_ELEMENTS] Pay Fail","CREATE_PAYMENT_INTENT":"[STRIPE_ELEMENTS] Create Payment Intent","CREATE_PAYMENT_INTENT_SUCCESS":"[STRIPE_ELEMENTS] Create Payment Intent Success","CREATE_PAYMENT_INTENT_FAIL":"[STRIPE_ELEMENTS] Create Payment Intent Fail"},"StripePay":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"StripeFormComponent"},{"__symbolic":"error","message":"Unsupported import syntax","module":"./lib/store/stripe-elements.actions"}]}]}},"StripePaySuccess":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Unsupported import syntax","module":"./lib/store/stripe-elements.actions"}]}]}},"StripePayFail":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Error"}]}]}},"CreatePaymentIntent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"StripeFormComponent"}]}]}},"CreatePaymentIntentSuccess":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Unsupported import syntax","module":"./lib/store/stripe-elements.actions"},{"__symbolic":"reference","name":"StripeFormComponent"},{"__symbolic":"error","message":"Unsupported import syntax","module":"./lib/store/stripe-elements.actions"}]}]}},"CreatePaymentIntentFail":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Error"}]}]}},"StripeElementsActions":{"__symbolic":"interface"},"StripeElementsEffects":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":17,"character":34},{"__symbolic":"reference","name":"StripeElementsService"}]}],"stripePay$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":20,"character":5}}]}],"paymentIntentSuccess$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":31,"character":5}}]}]}},"StripeFormContainerState":{"__symbolic":"interface"},"initialState":{"loaded":false,"error":{"__symbolic":"reference","name":"undefined"}},"stripeElementsReducer":{"__symbolic":"function"}},"origins":{"StripeElementsService":"./lib/stripe-elements.service","StripeElementsConfig":"./lib/stripe-elements.module","StripeElementsConfigService":"./lib/stripe-elements.module","StripeElementsModule":"./lib/stripe-elements.module","StripeFormComponent":"./lib/stripe-form/stripe-form.component","StripeFormModule":"./lib/stripe-form/stripe-form.module","StripeElementsActionTypes":"./lib/store/stripe-elements.actions","StripePay":"./lib/store/stripe-elements.actions","StripePaySuccess":"./lib/store/stripe-elements.actions","StripePayFail":"./lib/store/stripe-elements.actions","CreatePaymentIntent":"./lib/store/stripe-elements.actions","CreatePaymentIntentSuccess":"./lib/store/stripe-elements.actions","CreatePaymentIntentFail":"./lib/store/stripe-elements.actions","StripeElementsActions":"./lib/store/stripe-elements.actions","StripeElementsEffects":"./lib/store/stripe-elements.effects","StripeFormContainerState":"./lib/store/stripe-elements.reducer","initialState":"./lib/store/stripe-elements.reducer","stripeElementsReducer":"./lib/store/stripe-elements.reducer"},"importAs":"stripe-elements"}