@recursyve/nice-stripe-kit.v2 12.0.0-beta.0 → 13.0.0-beta.4

package/fesm2020/recursyve-nice-stripe-kit.v2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursyve-nice-stripe-kit.v2.mjs","sources":["../../../projects/nice-stripe-kit-v2/src/lib/components/card-element/stripe-card-element.component.ts","../../../projects/nice-stripe-kit-v2/src/lib/nice-stripe-kit.constant.ts","../../../projects/nice-stripe-kit-v2/src/lib/components/card-form/stripe-card-form.form.ts","../../../projects/nice-stripe-kit-v2/src/lib/components/card-form/stripe-card-form.component.ts","../../../projects/nice-stripe-kit-v2/src/lib/components/card-form/stripe-card-form.template.html","../../../projects/nice-stripe-kit-v2/src/lib/nice-stripe-kit.module.ts","../../../projects/nice-stripe-kit-v2/src/public-api.ts","../../../projects/nice-stripe-kit-v2/src/recursyve-nice-stripe-kit.v2.ts"],"sourcesContent":["import { coerceBooleanProperty } from \"@angular/cdk/coercion\";\nimport {\n    AfterViewInit,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n    ViewEncapsulation\n} from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { MatFormFieldControl } from \"@angular/material/form-field\";\nimport { StripeCardCvcElement, StripeCardExpiryElement, StripeCardNumberElement } from \"@stripe/stripe-js\";\nimport { Subject } from \"rxjs\";\nimport { v4 as uuidv4 } from \"uuid\";\n\n@Component({\n    selector: \"nice-stripe-card-element\",\n    template: \"<div class='stripe-element' #element></div>\",\n    styleUrls: [\"./stripe-card-element.style.scss\"],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: MatFormFieldControl,\n            useExisting: NiceStripeCardElementComponent\n        }\n    ]\n})\nexport class NiceStripeCardElementComponent implements AfterViewInit, MatFormFieldControl<string> {\n    private _placeholder: string;\n    private _focused = false;\n    private _required = false;\n    private _disabled = false;\n\n    @ViewChild(\"element\")\n    private elementRef?: ElementRef;\n\n    public element?: StripeCardNumberElement | StripeCardExpiryElement | StripeCardCvcElement;\n    public value: string;\n    public stateChanges = new Subject<void>();\n    public empty = true;\n    public errorState = false;\n    public complete = false;\n\n    @HostBinding(\"attr.aria-describedby\")\n    public describedBy = \"\";\n\n    @HostBinding()\n    public id: string = uuidv4();\n\n    @Input()\n    public set placeholder(placeholder: string) {\n        this._placeholder = placeholder;\n        this.stateChanges.next();\n    }\n\n    public get placeholder() {\n        return this._placeholder;\n    }\n\n    @Input()\n    public set focused(focused: boolean) {\n        this._focused = focused;\n        this.stateChanges.next();\n    }\n\n    public get focused() {\n        return this._focused;\n    }\n\n    @Input()\n    public get required() {\n        return this._required;\n    }\n\n    public set required(req) {\n        this._required = coerceBooleanProperty(req);\n        this.stateChanges.next();\n    }\n\n    @Input()\n    public get disabled(): boolean {\n        return this._disabled;\n    }\n\n    public set disabled(value: boolean) {\n        this._disabled = coerceBooleanProperty(value);\n        this.stateChanges.next();\n    }\n\n    @HostBinding(\"class.floating\")\n    public get shouldLabelFloat() {\n        return this.focused || !this.empty;\n    }\n\n    public setDescribedByIds(ids: string[]) {\n        this.describedBy = ids.join(\" \");\n    }\n\n    constructor(@Optional() @Self() public ngControl: NgControl) {\n    }\n\n    public async ngAfterViewInit() {\n        if (this.elementRef) {\n            this.empty = !this.value;\n        }\n    }\n\n    public async init(element: StripeCardNumberElement | StripeCardExpiryElement | StripeCardCvcElement) {\n        this.element = element;\n        this.element.mount(this.elementRef.nativeElement);\n        this.stateChanges.next();\n\n        this.element.update({\n            placeholder: this.placeholder\n        });\n\n        (this.element as StripeCardNumberElement).on(\"blur\", () => {\n            this.focused = false;\n            if (this.empty && this._required) {\n                this.errorState = true;\n            }\n        });\n        (this.element as StripeCardNumberElement).on(\"focus\", () => {\n            this.focused = true;\n        });\n\n        (this.element as StripeCardNumberElement).on(\"change\", event => {\n            this.empty = event.empty;\n            this.errorState = !!event.error;\n            this.complete = event.complete;\n            this.stateChanges.next();\n        });\n    }\n\n    public markAsTouched(): void {\n        this.errorState = !!this.empty;\n        this.stateChanges.next();\n    }\n\n    public onContainerClick(event: MouseEvent): void {\n    }\n}\n","import { InjectionToken } from \"@angular/core\";\n\nexport const NICE_STRIPE_OPTIONS = new InjectionToken(\"nice_stripe_options\");\n","import { Control, Required } from \"@recursyve/ngx-form-generator\";\n\nexport class StripeForm {\n    @Control()\n    @Required()\n    public name: string;\n}\n","import { Component, Inject, Input, OnDestroy, OnInit, Optional, ViewChild, ViewEncapsulation } from \"@angular/core\";\nimport { MatFormFieldAppearance } from \"@angular/material/form-field\";\nimport { TranslateService } from \"@ngx-translate/core\";\nimport { GeneratedFormGroup, ngxFormGeneratorFactory } from \"@recursyve/ngx-form-generator\";\nimport { niceAnimations } from \"@recursyve/nice-ui-kit.v2\";\nimport {\n    StripeCardCvcElement,\n    StripeCardExpiryElement,\n    StripeCardNumberElement,\n    StripeCardNumberElementOptions,\n    StripeElements\n} from \"@stripe/stripe-js\";\nimport { StripeService } from \"ngx-stripe\";\nimport { map } from \"rxjs/operators\";\nimport { NICE_STRIPE_OPTIONS } from \"../../nice-stripe-kit.constant\";\nimport { NiceStripeKitOptions } from \"../../nice-stripe-kit.options\";\nimport { NiceStripeCardElementComponent } from \"../card-element/stripe-card-element.component\";\nimport { StripeForm } from \"./stripe-card-form.form\";\n\n@Component({\n    selector: \"nice-stripe-card-form\",\n    templateUrl: \"stripe-card-form.template.html\",\n    styleUrls: [\"stripe-card-form.style.scss\"],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: GeneratedFormGroup,\n            useFactory: ngxFormGeneratorFactory(StripeForm)\n        }\n    ],\n    animations: niceAnimations\n})\nexport class NiceStripeCardFormComponent implements OnInit, OnDestroy {\n    @Input()\n    public appearance: MatFormFieldAppearance;\n\n    @Input()\n    public showIcons = false;\n\n    @ViewChild(\"cardNumber\")\n    public cardNumberInput: NiceStripeCardElementComponent;\n\n    @ViewChild(\"cardExpiry\")\n    public cardExpiryInput: NiceStripeCardElementComponent;\n\n    @ViewChild(\"cardCvc\")\n    public cardCvcInput: NiceStripeCardElementComponent;\n\n    public cardNumberElement: StripeCardNumberElement;\n    public cardNumberError: string;\n    public cardExpiryElement: StripeCardExpiryElement;\n    public cardExpiryError: string;\n    public cardCvcElement: StripeCardCvcElement;\n    public cardCvcError: string;\n\n    public stripeOptions: StripeCardNumberElementOptions;\n\n    private elements: StripeElements;\n\n    public get isValid(): boolean {\n        return this.cardNumberInput.complete &&\n            this.cardExpiryInput.complete &&\n            this.cardCvcInput.complete &&\n            this.formGroup.valid;\n    }\n\n    public get cardToken(): Promise<string> {\n        if (!this.isValid) {\n            return null;\n        }\n\n        return this.stripeService.createToken(this.cardNumberElement, {\n            name: this.formGroup.get(\"name\").value\n        }).pipe(\n            map(x => x?.token?.id)\n        ).toPromise();\n    }\n\n    constructor(\n        @Optional() @Inject(NICE_STRIPE_OPTIONS) public options: NiceStripeKitOptions,\n        public formGroup: GeneratedFormGroup<StripeForm>,\n        private stripeService: StripeService,\n        private translateService: TranslateService\n    ) {\n    }\n\n    public async ngOnInit(): Promise<void> {\n        this.stripeOptions = {\n            placeholder: \"\",\n            style: {\n                base: this.options.styling\n            }\n        };\n\n        this.elements = await this.stripeService.elements({\n            locale: this.translateService.currentLang as any,\n            fonts: this.options?.fonts ?? []\n        }).toPromise();\n\n        this.initCardNumber();\n        this.initCardExpiry();\n        this.initCardCvc();\n    }\n\n    public initCardNumber() {\n        this.cardNumberElement = this.elements.create(\"cardNumber\", {\n            ...this.stripeOptions,\n        });\n        this.cardNumberElement.on(\"change\", event => {\n            this.cardNumberError = event.error ? event.error.message : null;\n        });\n        this.cardNumberInput.init(this.cardNumberElement);\n    }\n\n    public initCardExpiry() {\n        this.cardExpiryElement = this.elements.create(\"cardExpiry\", {\n            ...this.stripeOptions,\n        });\n        this.cardExpiryElement.on(\"change\", event => {\n            this.cardExpiryError = event.error ? event.error.message : null;\n        });\n        this.cardExpiryInput.init(this.cardExpiryElement);\n    }\n\n    public initCardCvc() {\n        this.cardCvcElement = this.elements.create(\"cardCvc\", {\n            ...this.stripeOptions,\n        });\n        this.cardCvcElement.on(\"change\", event => {\n            this.cardCvcError = event.error ? event.error.message : null;\n        });\n        this.cardCvcInput.init(this.cardCvcElement);\n    }\n\n    public ngOnDestroy(): void {\n        this.cardNumberElement.unmount();\n        this.cardExpiryElement.unmount();\n        this.cardCvcElement.unmount();\n    }\n\n    public patchName(name: string) {\n        this.formGroup.get(\"name\").patchValue(name);\n    }\n\n    public markAllAsTouched(): void {\n        this.formGroup.markAllAsTouched();\n        this.cardCvcInput.markAsTouched();\n        this.cardNumberInput.markAsTouched();\n        this.cardExpiryInput.markAsTouched();\n    }\n\n    private getYear(): number {\n        const date = new Date();\n        return +date.getFullYear().toString().substr(-2);\n    }\n}\n","<mat-list [formGroup]=\"formGroup\">\n    <mat-list-item>\n        <mat-form-field [appearance]=\"appearance\" niceControlStatus floatLabel=\"always\">\n            <mat-label>{{ \"nice_ui_kit.stripe.name_on_card.label\"  | translate }}</mat-label>\n            <input [placeholder]=\"'nice_ui_kit.stripe.name_on_card.placeholder' | translate\" matInput type=\"text\"\n                   formControlName=\"name\" required/>\n            <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                <i class=\"fad fa-user-circle accent-fg\"></i>\n            </div>\n        </mat-form-field>\n    </mat-list-item>\n    <mat-list-item>\n        <div class=\"flex flex-col w-full\">\n            <div class=\"flex flex-row\">\n                <mat-form-field class=\"flex-full max-w-full\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.card_number.label\"  | translate }}</mat-label>\n                    <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                        <i class=\"fad fa-credit-card accent-fg\"></i>\n                    </div>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.card_number.placeholder' | translate\"\n                                              #cardNumber required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardNumberError\">{{ cardNumberError }}</mat-error>\n                </mat-form-field>\n            </div>\n            <div class=\"flex flex-row gap-4\">\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.expiration.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.expiration.placeholder' | translate\"\n                                              #cardExpiry required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardExpiryError\">{{ cardExpiryError }}</mat-error>\n                </mat-form-field>\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.cvc.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.cvc.placeholder' | translate\" #cardCvc\n                                              required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardCvcError\">{{ cardCvcError }}</mat-error>\n                </mat-form-field>\n            </div>\n        </div>\n    </mat-list-item>\n</mat-list>\n","import { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\nimport { MatInputModule } from \"@angular/material/input\";\nimport { MatListModule } from \"@angular/material/list\";\nimport { TranslateModule } from \"@ngx-translate/core\";\nimport { NiceFormErrorModule } from \"@recursyve/nice-ui-kit.v2\";\nimport { NgxStripeModule } from \"ngx-stripe\";\nimport { NiceStripeCardElementComponent } from \"./components/card-element/stripe-card-element.component\";\nimport { NiceStripeCardFormComponent } from \"./components/card-form/stripe-card-form.component\";\nimport { NICE_STRIPE_OPTIONS } from \"./nice-stripe-kit.constant\";\nimport { NiceStripeKitOptions } from \"./nice-stripe-kit.options\";\n\n@NgModule({\n    imports: [\n        NgxStripeModule,\n        ReactiveFormsModule,\n        TranslateModule,\n\n        MatFormFieldModule,\n        MatInputModule,\n        MatListModule,\n        NiceFormErrorModule,\n        MatButtonModule,\n        CommonModule\n    ],\n    declarations: [\n        NiceStripeCardElementComponent,\n        NiceStripeCardFormComponent\n    ],\n    exports: [\n        NiceStripeCardFormComponent\n    ]\n})\nexport class NiceStripeModule {\n    public static forRoot(options?: NiceStripeKitOptions): ModuleWithProviders<NiceStripeModule> {\n        return {\n            ngModule: NiceStripeModule,\n            providers: [\n                {\n                    provide: NICE_STRIPE_OPTIONS,\n                    useValue: options\n                }\n            ]\n        };\n    }\n}\n","/*\n * Public API Surface of nice-stripe-kit\n */\n\nexport * from \"./lib/nice-stripe-kit.module\";\nexport * from \"./lib/components/card-element/stripe-card-element.component\";\nexport * from \"./lib/components/card-form/stripe-card-form.component\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["uuidv4"],"mappings":"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"}

package/lib/nice-stripe-kit.module.d.ts

@@ -3,19 +3,18 @@ import { NiceStripeKitOptions } from "./nice-stripe-kit.options";
 import * as i0 from "@angular/core";
 import * as i1 from "./components/card-element/stripe-card-element.component";
 import * as i2 from "./components/card-form/stripe-card-form.component";
-import * as i3 from "@angular/flex-layout";
-import * as i4 from "ngx-stripe";
-import * as i5 from "@angular/forms";
-import * as i6 from "@ngx-translate/core";
-import * as i7 from "@angular/material/form-field";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@angular/material/list";
-import * as i10 from "@recursyve/nice-ui-kit.v2";
-import * as i11 from "@angular/material/button";
-import * as i12 from "@angular/common";
+import * as i3 from "ngx-stripe";
+import * as i4 from "@angular/forms";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/material/list";
+import * as i9 from "@recursyve/nice-ui-kit.v2";
+import * as i10 from "@angular/material/button";
+import * as i11 from "@angular/common";
 export declare class NiceStripeModule {
     static forRoot(options?: NiceStripeKitOptions): ModuleWithProviders<NiceStripeModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceStripeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceStripeModule, [typeof i1.NiceStripeCardElementComponent, typeof i2.NiceStripeCardFormComponent], [typeof i3.FlexModule, typeof i4.NgxStripeModule, typeof i5.ReactiveFormsModule, typeof i6.TranslateModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatListModule, typeof i10.NiceFormErrorModule, typeof i11.MatButtonModule, typeof i12.CommonModule, typeof i3.ExtendedModule], [typeof i2.NiceStripeCardFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceStripeModule, [typeof i1.NiceStripeCardElementComponent, typeof i2.NiceStripeCardFormComponent], [typeof i3.NgxStripeModule, typeof i4.ReactiveFormsModule, typeof i5.TranslateModule, typeof i6.MatFormFieldModule, typeof i7.MatInputModule, typeof i8.MatListModule, typeof i9.NiceFormErrorModule, typeof i10.MatButtonModule, typeof i11.CommonModule], [typeof i2.NiceStripeCardFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NiceStripeModule>;
 }

package/package.json

@@ -1,23 +1,36 @@
 {
   "name": "@recursyve/nice-stripe-kit.v2",
-  "version": "12.0.0-beta.0",
+  "version": "13.0.0-beta.4",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "@recursyve/nice-ui-kit.v2": "^12.0.0-beta.13",
-    "@recursyve/ngx-form-generator": "^12.0.0-beta.17",
-    "@stripe/stripe-js": "^1.14.0",
-    "ngx-stripe": "^11.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@recursyve/nice-ui-kit.v2": "^13.0.0-beta.42",
+    "@recursyve/ngx-form-generator": "^13.0.0-beta.19",
+    "@stripe/stripe-js": "^1.21.0",
+    "ngx-stripe": "^13.0.0",
     "uuid": "^3.4.0"
   },
-  "main": "bundles/recursyve-nice-stripe-kit.v2.umd.js",
-  "module": "fesm2015/recursyve-nice-stripe-kit.v2.js",
-  "es2015": "fesm2015/recursyve-nice-stripe-kit.v2.js",
-  "esm2015": "esm2015/recursyve-nice-stripe-kit.v2.js",
-  "fesm2015": "fesm2015/recursyve-nice-stripe-kit.v2.js",
+  "module": "fesm2015/recursyve-nice-stripe-kit.v2.mjs",
+  "es2020": "fesm2020/recursyve-nice-stripe-kit.v2.mjs",
+  "esm2020": "esm2020/recursyve-nice-stripe-kit.v2.mjs",
+  "fesm2020": "fesm2020/recursyve-nice-stripe-kit.v2.mjs",
+  "fesm2015": "fesm2015/recursyve-nice-stripe-kit.v2.mjs",
   "typings": "recursyve-nice-stripe-kit.v2.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./recursyve-nice-stripe-kit.v2.d.ts",
+      "esm2020": "./esm2020/recursyve-nice-stripe-kit.v2.mjs",
+      "es2020": "./fesm2020/recursyve-nice-stripe-kit.v2.mjs",
+      "es2015": "./fesm2015/recursyve-nice-stripe-kit.v2.mjs",
+      "node": "./fesm2015/recursyve-nice-stripe-kit.v2.mjs",
+      "default": "./fesm2020/recursyve-nice-stripe-kit.v2.mjs"
+    }
+  },
   "sideEffects": false
 }