@paycargo/js-angular 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,24 +1,59 @@
1
- # JsAngular
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
4
-
5
- ## Code scaffolding
6
-
7
- Run `ng generate component component-name --project js-angular` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project js-angular`.
8
- > Note: Don't forget to add `--project js-angular` or else it will be added to the default project in your `angular.json` file.
9
-
10
- ## Build
11
-
12
- Run `ng build js-angular` to build the project. The build artifacts will be stored in the `dist/` directory.
13
-
14
- ## Publishing
15
-
16
- After building your library with `ng build js-angular`, go to the dist folder `cd dist/js-angular` and run `npm publish`.
17
-
18
- ## Running unit tests
19
-
20
- Run `ng test js-angular` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
-
22
- ## Further help
23
-
24
- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
1
+ ## Angular
2
+
3
+ First, run `npm i @paycargo/js-angular` in your Command Line Interface. Afterwards, the following dependency will be found in the `package.json`. The ellipses (...) represent the presence of other possible code.
4
+
5
+ ```
6
+ . . .
7
+ {
8
+ "dependencies": {
9
+ . . .
10
+ "@paycargo/js-angular": "0.0.1"
11
+ . . .
12
+ }
13
+ . . .
14
+ ```
15
+
16
+ Next, import `CUSTOM_ELEMENTS_SCHEMA` and `PayCargoCheckoutModule` within `app.module.ts` as follows:
17
+
18
+ ```
19
+ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
20
+ . . .
21
+ import { PayCargoCheckoutModule } from '@paycargo/js-angular';
22
+ @NgModule({
23
+ . . .
24
+ imports: [PayCargoCheckoutModule],
25
+ . . .
26
+ schemas: [CUSTOM_ELEMENTS_SCHEMA],
27
+ })
28
+ . . .
29
+ ```
30
+
31
+ Then, import the following code within the component that the PayCargo Checkout button will be added to. In this example, it is called `app.component.ts`.
32
+
33
+ ```
34
+ import { Options } from '@paycargo/js';
35
+ import { PaycargoCheckout } from '@paycargo/js-angular';
36
+ ```
37
+
38
+ Next, pass Options into the component within the `app.component.ts` file.
39
+
40
+ ```
41
+ export class AppComponent implements AfterViewInit {
42
+ @ViewChild('pccheckout') pcbutton!: ElementRef<PaycargoCheckout>;
43
+
44
+ public options: Options = {
45
+ env: 'dev',
46
+ code: 'agi',
47
+ brand: 'agi',
48
+ originURL: 'https://7k93ml-4200.csb.app/',
49
+ size: 'lg',
50
+ };
51
+ ```
52
+
53
+ In `app.component.html`, declare the Element to load the Component onto the page.
54
+
55
+ ```
56
+ <paycargo-checkout id="paycargo-checkout-button" #pccheckout [options]="options"
57
+ [pcTransactions]="selectedTransactions">
58
+ </paycargo-checkout>
59
+ ```
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
33
33
  standalone: true
34
34
  }]
35
35
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJveHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3BheWNhcmdvL2pzLWFuZ3VsYXIvc3JjL2xpYi9wcm94eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsb0JBQW9CO0FBQ3BCLDhDQUE4QztBQUM5QyxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBb0MsTUFBTSxlQUFlLENBQUE7QUFFdkgsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUl0RSxPQUFPLEVBQUUsbUJBQW1CLElBQUksc0JBQXNCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQTs7QUFjMUcsV0FBTSxnQkFBZ0IsR0FBdEIsTUFBTSxnQkFBZ0I7SUFFM0IsWUFBWSxDQUFvQixFQUFFLENBQWEsRUFBWSxDQUFTO1FBQVQsTUFBQyxHQUFELENBQUMsQ0FBUTtRQUNsRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUE7UUFDVixJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUE7UUFDekIsWUFBWSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsT0FBTyxFQUFFLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUMzRCxDQUFDOytHQU5VLGdCQUFnQjttR0FBaEIsZ0JBQWdCLG1NQUxqQiwyQkFBMkI7O0FBSzFCLGdCQUFnQjtJQWI1QixRQUFRLENBQUM7UUFDUixxQkFBcUIsRUFBRSxzQkFBc0I7UUFDN0MsTUFBTSxFQUFFLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUM7UUFDakUsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO0tBQ3pCLENBQUM7R0FTVyxnQkFBZ0IsQ0FPNUI7NEZBUFksZ0JBQWdCO2tCQVI1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyx1RUFBdUU7b0JBQ3ZFLE1BQU0sRUFBRSxDQUFDLFdBQVcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDO29CQUNqRSxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiB0c2xpbnQ6ZGlzYWJsZSAqL1xuLyogYXV0by1nZW5lcmF0ZWQgYW5ndWxhciBkaXJlY3RpdmUgcHJveGllcyAqL1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuaW1wb3J0IHsgUHJveHlDbXAsIHByb3h5T3V0cHV0cyB9IGZyb20gJy4vYW5ndWxhci1jb21wb25lbnQtbGliL3V0aWxzJ1xuXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudHMgfSBmcm9tICdAcGF5Y2FyZ28vanMvJ1xuXG5pbXBvcnQgeyBkZWZpbmVDdXN0b21FbGVtZW50IGFzIGRlZmluZVBheWNhcmdvQ2hlY2tvdXQgfSBmcm9tICdAcGF5Y2FyZ28vanMvZGlzdC9jb21wb25lbnRzL3BheWNhcmdvLWNoZWNrb3V0LmpzJ1xuQFByb3h5Q21wKHtcbiAgZGVmaW5lQ3VzdG9tRWxlbWVudEZuOiBkZWZpbmVQYXljYXJnb0NoZWNrb3V0LFxuICBpbnB1dHM6IFsnb25QY0Nsb3NlJywgJ29uUGNQYXltZW50JywgJ29wdGlvbnMnLCAncGNUcmFuc2FjdGlvbnMnXSxcbiAgbWV0aG9kczogWydtYWtlVmlzaWJsZSddXG59KVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGF5Y2FyZ28tY2hlY2tvdXQnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ29uUGNDbG9zZScsICdvblBjUGF5bWVudCcsICdvcHRpb25zJywgJ3BjVHJhbnNhY3Rpb25zJ10sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgUGF5Y2FyZ29DaGVja291dCB7XG4gIHByb3RlY3RlZCBlbDogSFRNTEVsZW1lbnRcbiAgY29uc3RydWN0b3IoYzogQ2hhbmdlRGV0ZWN0b3JSZWYsIHI6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCB6OiBOZ1pvbmUpIHtcbiAgICBjLmRldGFjaCgpXG4gICAgdGhpcy5lbCA9IHIubmF0aXZlRWxlbWVudFxuICAgIHByb3h5T3V0cHV0cyh0aGlzLCB0aGlzLmVsLCBbJ2Nsb3NlJywgJ3BheW1lbnRSZXNwb25zZSddKVxuICB9XG59XG5cbmltcG9ydCB0eXBlIHsgQ2xvc2VFdmVudCBhcyBJUGF5Y2FyZ29DaGVja291dENsb3NlRXZlbnQgfSBmcm9tICdAcGF5Y2FyZ28vanMvJ1xuaW1wb3J0IHR5cGUgeyBCYXRjaEFwcHJvdmFsUmVzcG9uc2UgYXMgSVBheWNhcmdvQ2hlY2tvdXRCYXRjaEFwcHJvdmFsUmVzcG9uc2UgfSBmcm9tICdAcGF5Y2FyZ28vanMvJ1xuXG5leHBvcnQgZGVjbGFyZSBpbnRlcmZhY2UgUGF5Y2FyZ29DaGVja291dCBleHRlbmRzIENvbXBvbmVudHMuUGF5Y2FyZ29DaGVja291dCB7XG4gIC8qKlxuICAgKiBFdmVudCBjYWxsZWQgd2hlbiBtb2RhbCBpcyBjbG9zZWQuXG4gICAqL1xuICBjbG9zZTogRXZlbnRFbWl0dGVyPEN1c3RvbUV2ZW50PElQYXljYXJnb0NoZWNrb3V0Q2xvc2VFdmVudD4+XG4gIC8qKlxuICAgKiBFdmVudCB0aGF0IGlzIHRyaWdnZXJlZCBhZnRlciBwYXltZW50IHJlc3BvbnNlXG5oYXMgYmVlbiByZWNlaXZlZC5cbiAgICovXG4gIHBheW1lbnRSZXNwb25zZTogRXZlbnRFbWl0dGVyPEN1c3RvbUV2ZW50PElQYXljYXJnb0NoZWNrb3V0QmF0Y2hBcHByb3ZhbFJlc3BvbnNlPj5cbn1cbiJdfQ==
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJveHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3BheWNhcmdvL2pzLWFuZ3VsYXIvc3JjL2xpYi9wcm94eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsb0JBQW9CO0FBQ3BCLDhDQUE4QztBQUM5QyxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFFeEgsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUl2RSxPQUFPLEVBQUUsbUJBQW1CLElBQUksc0JBQXNCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7QUFjM0csV0FBTSxnQkFBZ0IsR0FBdEIsTUFBTSxnQkFBZ0I7SUFFM0IsWUFBWSxDQUFvQixFQUFFLENBQWEsRUFBWSxDQUFTO1FBQVQsTUFBQyxHQUFELENBQUMsQ0FBUTtRQUNsRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDWCxJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUM7UUFDMUIsWUFBWSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsT0FBTyxFQUFFLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM1RCxDQUFDOytHQU5VLGdCQUFnQjttR0FBaEIsZ0JBQWdCLG1NQUxqQiwyQkFBMkI7O0FBSzFCLGdCQUFnQjtJQWI1QixRQUFRLENBQUM7UUFDUixxQkFBcUIsRUFBRSxzQkFBc0I7UUFDN0MsTUFBTSxFQUFFLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUM7UUFDakUsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO0tBQ3pCLENBQUM7R0FTVyxnQkFBZ0IsQ0FPNUI7NEZBUFksZ0JBQWdCO2tCQVI1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyx1RUFBdUU7b0JBQ3ZFLE1BQU0sRUFBRSxDQUFDLFdBQVcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDO29CQUNqRSxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiB0c2xpbnQ6ZGlzYWJsZSAqL1xuLyogYXV0by1nZW5lcmF0ZWQgYW5ndWxhciBkaXJlY3RpdmUgcHJveGllcyAqL1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFByb3h5Q21wLCBwcm94eU91dHB1dHMgfSBmcm9tICcuL2FuZ3VsYXItY29tcG9uZW50LWxpYi91dGlscyc7XG5cbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50cyB9IGZyb20gJ0BwYXljYXJnby9qcy8nO1xuXG5pbXBvcnQgeyBkZWZpbmVDdXN0b21FbGVtZW50IGFzIGRlZmluZVBheWNhcmdvQ2hlY2tvdXQgfSBmcm9tICdAcGF5Y2FyZ28vanMvZGlzdC9jb21wb25lbnRzL3BheWNhcmdvLWNoZWNrb3V0LmpzJztcbkBQcm94eUNtcCh7XG4gIGRlZmluZUN1c3RvbUVsZW1lbnRGbjogZGVmaW5lUGF5Y2FyZ29DaGVja291dCxcbiAgaW5wdXRzOiBbJ29uUGNDbG9zZScsICdvblBjUGF5bWVudCcsICdvcHRpb25zJywgJ3BjVHJhbnNhY3Rpb25zJ10sXG4gIG1ldGhvZHM6IFsnbWFrZVZpc2libGUnXVxufSlcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BheWNhcmdvLWNoZWNrb3V0JyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydvblBjQ2xvc2UnLCAnb25QY1BheW1lbnQnLCAnb3B0aW9ucycsICdwY1RyYW5zYWN0aW9ucyddLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFBheWNhcmdvQ2hlY2tvdXQge1xuICBwcm90ZWN0ZWQgZWw6IEhUTUxFbGVtZW50O1xuICBjb25zdHJ1Y3RvcihjOiBDaGFuZ2VEZXRlY3RvclJlZiwgcjogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHo6IE5nWm9uZSkge1xuICAgIGMuZGV0YWNoKCk7XG4gICAgdGhpcy5lbCA9IHIubmF0aXZlRWxlbWVudDtcbiAgICBwcm94eU91dHB1dHModGhpcywgdGhpcy5lbCwgWydjbG9zZScsICdwYXltZW50UmVzcG9uc2UnXSk7XG4gIH1cbn1cblxuXG5pbXBvcnQgdHlwZSB7IENsb3NlRXZlbnQgYXMgSVBheWNhcmdvQ2hlY2tvdXRDbG9zZUV2ZW50IH0gZnJvbSAnQHBheWNhcmdvL2pzLyc7XG5pbXBvcnQgdHlwZSB7IEJhdGNoQXBwcm92YWxSZXNwb25zZSBhcyBJUGF5Y2FyZ29DaGVja291dEJhdGNoQXBwcm92YWxSZXNwb25zZSB9IGZyb20gJ0BwYXljYXJnby9qcyc7XG5cbmV4cG9ydCBkZWNsYXJlIGludGVyZmFjZSBQYXljYXJnb0NoZWNrb3V0IGV4dGVuZHMgQ29tcG9uZW50cy5QYXljYXJnb0NoZWNrb3V0IHtcbiAgLyoqXG4gICAqIEV2ZW50IGNhbGxlZCB3aGVuIG1vZGFsIGlzIGNsb3NlZC5cbiAgICovXG4gIGNsb3NlOiBFdmVudEVtaXR0ZXI8Q3VzdG9tRXZlbnQ8SVBheWNhcmdvQ2hlY2tvdXRDbG9zZUV2ZW50Pj47XG4gIC8qKlxuICAgKiBFdmVudCB0aGF0IGlzIHRyaWdnZXJlZCBhZnRlciBwYXltZW50IHJlc3BvbnNlXG5oYXMgYmVlbiByZWNlaXZlZC5cbiAgICovXG4gIHBheW1lbnRSZXNwb25zZTogRXZlbnRFbWl0dGVyPEN1c3RvbUV2ZW50PElQYXljYXJnb0NoZWNrb3V0QmF0Y2hBcHByb3ZhbFJlc3BvbnNlPj47XG59XG5cblxuIl19
@@ -1 +1 @@
1
- {"version":3,"file":"paycargo-js-angular.mjs","sources":["../../../../libs/paycargo/js-angular/src/lib/angular-component-lib/utils.ts","../../../../libs/paycargo/js-angular/src/lib/proxy.ts","../../../../libs/paycargo/js-angular/src/lib/index.ts","../../../../libs/paycargo/js-angular/src/lib/paycargo-angular.module.ts","../../../../libs/paycargo/js-angular/src/public-api.ts","../../../../libs/paycargo/js-angular/src/paycargo-js-angular.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs'\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n const Prototype = Cmp.prototype\n inputs.forEach(item => {\n Object.defineProperty(Prototype, item, {\n get() {\n return this.el[item]\n },\n set(val: any) {\n this.z.runOutsideAngular(() => (this.el[item] = val))\n },\n /**\n * In the event that proxyInputs is called\n * multiple times re-defining these inputs\n * will cause an error to be thrown. As a result\n * we set configurable: true to indicate these\n * properties can be changed.\n */\n configurable: true\n })\n })\n}\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n const Prototype = Cmp.prototype\n methods.forEach(methodName => {\n Prototype[methodName] = function () {\n const args = arguments\n return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args))\n }\n })\n}\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n events.forEach(eventName => (instance[eventName] = fromEvent(el, eventName)))\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n customElements.define(tagName, customElement)\n }\n}\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n const decorator = function (cls: any) {\n const { defineCustomElementFn, inputs, methods } = opts\n\n if (defineCustomElementFn !== undefined) {\n defineCustomElementFn()\n }\n\n if (inputs) {\n proxyInputs(cls, inputs)\n }\n if (methods) {\n proxyMethods(cls, methods)\n }\n return cls\n }\n return decorator\n}\n","/* tslint:disable */\n/* auto-generated angular directive proxies */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core'\n\nimport { ProxyCmp, proxyOutputs } from './angular-component-lib/utils'\n\nimport type { Components } from '@paycargo/js/'\n\nimport { defineCustomElement as definePaycargoCheckout } from '@paycargo/js/dist/components/paycargo-checkout.js'\n@ProxyCmp({\n defineCustomElementFn: definePaycargoCheckout,\n inputs: ['onPcClose', 'onPcPayment', 'options', 'pcTransactions'],\n methods: ['makeVisible']\n})\n@Component({\n selector: 'paycargo-checkout',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '<ng-content></ng-content>',\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['onPcClose', 'onPcPayment', 'options', 'pcTransactions'],\n standalone: true\n})\nexport class PaycargoCheckout {\n protected el: HTMLElement\n constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n c.detach()\n this.el = r.nativeElement\n proxyOutputs(this, this.el, ['close', 'paymentResponse'])\n }\n}\n\nimport type { CloseEvent as IPaycargoCheckoutCloseEvent } from '@paycargo/js/'\nimport type { BatchApprovalResponse as IPaycargoCheckoutBatchApprovalResponse } from '@paycargo/js/'\n\nexport declare interface PaycargoCheckout extends Components.PaycargoCheckout {\n /**\n * Event called when modal is closed.\n */\n close: EventEmitter<CustomEvent<IPaycargoCheckoutCloseEvent>>\n /**\n * Event that is triggered after payment response\nhas been received.\n */\n paymentResponse: EventEmitter<CustomEvent<IPaycargoCheckoutBatchApprovalResponse>>\n}\n","import * as d from './proxy'\n\nexport const DIRECTIVES = [d.PaycargoCheckout]\n","import { APP_INITIALIZER, NgModule } from '@angular/core'\nimport { DIRECTIVES } from './index'\n\n@NgModule({\n imports: [...DIRECTIVES]\n})\nexport class PayCargoCheckoutModule {}\n","/*\n * Public API Surface of js-angular\n */\n\nexport * from './lib'\nexport * from './lib/proxy'\nexport type { BatchApprovalResponse, BatchData, TransactionI } from '@paycargo/js/'\nexport { PayCargoCheckoutModule } from './lib/paycargo-angular.module'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["definePaycargoCheckout","d.PaycargoCheckout","i1.PaycargoCheckout"],"mappings":";;;;;;AAAA;AACA;AAGO,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,MAAgB,KAAI;AACxD,IAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAA;AAC/B,IAAA,MAAM,CAAC,OAAO,CAAC,IAAI,IAAG;AACpB,QAAA,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,EAAE;YACrC,GAAG,GAAA;AACD,gBAAA,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;aACrB;AACD,YAAA,GAAG,CAAC,GAAQ,EAAA;AACV,gBAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;aACtD;AACD;;;;;;AAMG;AACH,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEM,MAAM,YAAY,GAAG,CAAC,GAAQ,EAAE,OAAiB,KAAI;AAC1D,IAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAA;AAC/B,IAAA,OAAO,CAAC,OAAO,CAAC,UAAU,IAAG;QAC3B,SAAS,CAAC,UAAU,CAAC,GAAG,YAAA;YACtB,MAAM,IAAI,GAAG,SAAS,CAAA;YACtB,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAA;AACjF,SAAC,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEM,MAAM,YAAY,GAAG,CAAC,QAAa,EAAE,EAAO,EAAE,MAAgB,KAAI;IACvE,MAAM,CAAC,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;AAC9C,KAAA;AACH,CAAC,CAAA;AAED;AACM,SAAU,QAAQ,CAAC,IAAyE,EAAA;IAChG,MAAM,SAAS,GAAG,UAAU,GAAQ,EAAA;QAClC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAA;QAEvD,IAAI,qBAAqB,KAAK,SAAS,EAAE;AACvC,YAAA,qBAAqB,EAAE,CAAA;AACxB,SAAA;AAED,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;AACzB,SAAA;AACD,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;AAC3B,SAAA;AACD,QAAA,OAAO,GAAG,CAAA;AACZ,KAAC,CAAA;AACD,IAAA,OAAO,SAAS,CAAA;AAClB;;AC1Ca,IAAA,gBAAgB,GAAtB,MAAM,gBAAgB,CAAA;AAE3B,IAAA,WAAA,CAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAA;QAAT,IAAC,CAAA,CAAA,GAAD,CAAC,CAAQ;QAClE,CAAC,CAAC,MAAM,EAAE,CAAA;AACV,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa,CAAA;AACzB,QAAA,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAA;KAC1D;+GANU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,mMALjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAK1B,gBAAgB,GAAA,UAAA,CAAA;AAb5B,IAAA,QAAQ,CAAC;AACR,QAAA,qBAAqB,EAAEA,qBAAsB;QAC7C,MAAM,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,CAAC;QACjE,OAAO,EAAE,CAAC,aAAa,CAAC;KACzB,CAAC;AASW,CAAA,EAAA,gBAAgB,CAO5B,CAAA;4FAPY,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,2BAA2B;;oBAErC,MAAM,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,CAAC;AACjE,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;MCnBY,UAAU,GAAG,CAACC,gBAAkB;;MCIhC,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAtB,sBAAsB,EAAA,OAAA,EAAA,CAAAC,gBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;gHAAtB,sBAAsB,EAAA,CAAA,CAAA,EAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACzB,iBAAA,CAAA;;;ACLD;;AAEG;;ACFH;;AAEG;;;;"}
1
+ {"version":3,"file":"paycargo-js-angular.mjs","sources":["../../../../libs/paycargo/js-angular/src/lib/angular-component-lib/utils.ts","../../../../libs/paycargo/js-angular/src/lib/proxy.ts","../../../../libs/paycargo/js-angular/src/lib/index.ts","../../../../libs/paycargo/js-angular/src/lib/paycargo-angular.module.ts","../../../../libs/paycargo/js-angular/src/public-api.ts","../../../../libs/paycargo/js-angular/src/paycargo-js-angular.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs'\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n const Prototype = Cmp.prototype\n inputs.forEach(item => {\n Object.defineProperty(Prototype, item, {\n get() {\n return this.el[item]\n },\n set(val: any) {\n this.z.runOutsideAngular(() => (this.el[item] = val))\n },\n /**\n * In the event that proxyInputs is called\n * multiple times re-defining these inputs\n * will cause an error to be thrown. As a result\n * we set configurable: true to indicate these\n * properties can be changed.\n */\n configurable: true\n })\n })\n}\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n const Prototype = Cmp.prototype\n methods.forEach(methodName => {\n Prototype[methodName] = function () {\n const args = arguments\n return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args))\n }\n })\n}\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n events.forEach(eventName => (instance[eventName] = fromEvent(el, eventName)))\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n customElements.define(tagName, customElement)\n }\n}\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n const decorator = function (cls: any) {\n const { defineCustomElementFn, inputs, methods } = opts\n\n if (defineCustomElementFn !== undefined) {\n defineCustomElementFn()\n }\n\n if (inputs) {\n proxyInputs(cls, inputs)\n }\n if (methods) {\n proxyMethods(cls, methods)\n }\n return cls\n }\n return decorator\n}\n","/* tslint:disable */\n/* auto-generated angular directive proxies */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';\n\nimport { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n\nimport type { Components } from '@paycargo/js/';\n\nimport { defineCustomElement as definePaycargoCheckout } from '@paycargo/js/dist/components/paycargo-checkout.js';\n@ProxyCmp({\n defineCustomElementFn: definePaycargoCheckout,\n inputs: ['onPcClose', 'onPcPayment', 'options', 'pcTransactions'],\n methods: ['makeVisible']\n})\n@Component({\n selector: 'paycargo-checkout',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '<ng-content></ng-content>',\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['onPcClose', 'onPcPayment', 'options', 'pcTransactions'],\n standalone: true\n})\nexport class PaycargoCheckout {\n protected el: HTMLElement;\n constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n c.detach();\n this.el = r.nativeElement;\n proxyOutputs(this, this.el, ['close', 'paymentResponse']);\n }\n}\n\n\nimport type { CloseEvent as IPaycargoCheckoutCloseEvent } from '@paycargo/js/';\nimport type { BatchApprovalResponse as IPaycargoCheckoutBatchApprovalResponse } from '@paycargo/js';\n\nexport declare interface PaycargoCheckout extends Components.PaycargoCheckout {\n /**\n * Event called when modal is closed.\n */\n close: EventEmitter<CustomEvent<IPaycargoCheckoutCloseEvent>>;\n /**\n * Event that is triggered after payment response\nhas been received.\n */\n paymentResponse: EventEmitter<CustomEvent<IPaycargoCheckoutBatchApprovalResponse>>;\n}\n\n\n","import * as d from './proxy'\n\nexport const DIRECTIVES = [d.PaycargoCheckout]\n","import { APP_INITIALIZER, NgModule } from '@angular/core'\nimport { DIRECTIVES } from './index'\n\n@NgModule({\n imports: [...DIRECTIVES]\n})\nexport class PayCargoCheckoutModule {}\n","/*\n * Public API Surface of js-angular\n */\n\nexport * from './lib'\nexport * from './lib/proxy'\nexport type { BatchApprovalResponse, BatchData, TransactionI } from '@paycargo/js/'\nexport { PayCargoCheckoutModule } from './lib/paycargo-angular.module'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["definePaycargoCheckout","d.PaycargoCheckout","i1.PaycargoCheckout"],"mappings":"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"}
package/lib/proxy.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
2
2
  import type { Components } from '@paycargo/js/';
3
3
  import type { CloseEvent as IPaycargoCheckoutCloseEvent } from '@paycargo/js/';
4
- import type { BatchApprovalResponse as IPaycargoCheckoutBatchApprovalResponse } from '@paycargo/js/';
4
+ import type { BatchApprovalResponse as IPaycargoCheckoutBatchApprovalResponse } from '@paycargo/js';
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class PaycargoCheckout {
7
7
  protected z: NgZone;
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@paycargo/js-angular",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "types": "/dist/public.api.d.ts",
5
5
  "peerDependencies": {
6
6
  "@angular/common": "^16.2.0",
7
7
  "@angular/core": "^16.2.0",
8
- "@paycargo/js": "^0.2.6"
8
+ "@paycargo/js": "*"
9
9
  },
10
10
  "dependencies": {
11
11
  "tslib": "^2.3.0"