@paycargo/js-angular 0.0.1 → 0.1.0
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
+
```
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { fromEvent } from 'rxjs';
|
|
4
4
|
export const proxyInputs = (Cmp, inputs) => {
|
|
5
5
|
const Prototype = Cmp.prototype;
|
|
6
|
-
inputs.forEach(item => {
|
|
6
|
+
inputs.forEach((item) => {
|
|
7
7
|
Object.defineProperty(Prototype, item, {
|
|
8
8
|
get() {
|
|
9
9
|
return this.el[item];
|
|
@@ -24,7 +24,7 @@ export const proxyInputs = (Cmp, inputs) => {
|
|
|
24
24
|
};
|
|
25
25
|
export const proxyMethods = (Cmp, methods) => {
|
|
26
26
|
const Prototype = Cmp.prototype;
|
|
27
|
-
methods.forEach(methodName => {
|
|
27
|
+
methods.forEach((methodName) => {
|
|
28
28
|
Prototype[methodName] = function () {
|
|
29
29
|
const args = arguments;
|
|
30
30
|
return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
|
|
@@ -32,7 +32,7 @@ export const proxyMethods = (Cmp, methods) => {
|
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
34
|
export const proxyOutputs = (instance, el, events) => {
|
|
35
|
-
events.forEach(eventName => (instance[eventName] = fromEvent(el, eventName)));
|
|
35
|
+
events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
|
|
36
36
|
};
|
|
37
37
|
export const defineCustomElement = (tagName, customElement) => {
|
|
38
38
|
if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
|
|
@@ -56,4 +56,4 @@ export function ProxyCmp(opts) {
|
|
|
56
56
|
};
|
|
57
57
|
return decorator;
|
|
58
58
|
}
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BheWNhcmdvL2pzLWFuZ3VsYXIvc3JjL2xpYi9hbmd1bGFyLWNvbXBvbmVudC1saWIvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0JBQW9CO0FBQ3BCLG9CQUFvQjtBQUNwQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBRWhDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEdBQVEsRUFBRSxNQUFnQixFQUFFLEVBQUU7SUFDeEQsTUFBTSxTQUFTLEdBQUcsR0FBRyxDQUFDLFNBQVMsQ0FBQTtJQUMvQixNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7UUFDdEIsTUFBTSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsSUFBSSxFQUFFO1lBQ3JDLEdBQUc7Z0JBQ0QsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ3RCLENBQUM7WUFDRCxHQUFHLENBQUMsR0FBUTtnQkFDVixJQUFJLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ3ZELENBQUM7WUFDRDs7Ozs7O2VBTUc7WUFDSCxZQUFZLEVBQUUsSUFBSTtTQUNuQixDQUFDLENBQUE7SUFDSixDQUFDLENBQUMsQ0FBQTtBQUNKLENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFDLEdBQVEsRUFBRSxPQUFpQixFQUFFLEVBQUU7SUFDMUQsTUFBTSxTQUFTLEdBQUcsR0FBRyxDQUFDLFNBQVMsQ0FBQTtJQUMvQixPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUU7UUFDN0IsU0FBUyxDQUFDLFVBQVUsQ0FBQyxHQUFHO1lBQ3RCLE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQTtZQUN0QixPQUFPLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFBO1FBQ2pGLENBQUMsQ0FBQTtJQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0osQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQUMsUUFBYSxFQUFFLEVBQU8sRUFBRSxNQUFnQixFQUFFLEVBQUU7SUFDdkUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsU0FBUyxDQUFDLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUE7QUFDakYsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxPQUFlLEVBQUUsYUFBa0IsRUFBRSxFQUFFO0lBQ3pFLElBQUksYUFBYSxLQUFLLFNBQVMsSUFBSSxPQUFPLGNBQWMsS0FBSyxXQUFXLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1FBQ3hHLGNBQWMsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxDQUFBO0tBQzlDO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsaURBQWlEO0FBQ2pELE1BQU0sVUFBVSxRQUFRLENBQUMsSUFBeUU7SUFDaEcsTUFBTSxTQUFTLEdBQUcsVUFBVSxHQUFRO1FBQ2xDLE1BQU0sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsSUFBSSxDQUFBO1FBRXZELElBQUkscUJBQXFCLEtBQUssU0FBUyxFQUFFO1lBQ3ZDLHFCQUFxQixFQUFFLENBQUE7U0FDeEI7UUFFRCxJQUFJLE1BQU0sRUFBRTtZQUNWLFdBQVcsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLENBQUE7U0FDekI7UUFDRCxJQUFJLE9BQU8sRUFBRTtZQUNYLFlBQVksQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLENBQUE7U0FDM0I7UUFDRCxPQUFPLEdBQUcsQ0FBQTtJQUNaLENBQUMsQ0FBQTtJQUNELE9BQU8sU0FBUyxDQUFBO0FBQ2xCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSAqL1xuLyogdHNsaW50OmRpc2FibGUgKi9cbmltcG9ydCB7IGZyb21FdmVudCB9IGZyb20gJ3J4anMnXG5cbmV4cG9ydCBjb25zdCBwcm94eUlucHV0cyA9IChDbXA6IGFueSwgaW5wdXRzOiBzdHJpbmdbXSkgPT4ge1xuICBjb25zdCBQcm90b3R5cGUgPSBDbXAucHJvdG90eXBlXG4gIGlucHV0cy5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgT2JqZWN0LmRlZmluZVByb3BlcnR5KFByb3RvdHlwZSwgaXRlbSwge1xuICAgICAgZ2V0KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5lbFtpdGVtXVxuICAgICAgfSxcbiAgICAgIHNldCh2YWw6IGFueSkge1xuICAgICAgICB0aGlzLnoucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4gKHRoaXMuZWxbaXRlbV0gPSB2YWwpKVxuICAgICAgfSxcbiAgICAgIC8qKlxuICAgICAgICogSW4gdGhlIGV2ZW50IHRoYXQgcHJveHlJbnB1dHMgaXMgY2FsbGVkXG4gICAgICAgKiBtdWx0aXBsZSB0aW1lcyByZS1kZWZpbmluZyB0aGVzZSBpbnB1dHNcbiAgICAgICAqIHdpbGwgY2F1c2UgYW4gZXJyb3IgdG8gYmUgdGhyb3duLiBBcyBhIHJlc3VsdFxuICAgICAgICogd2Ugc2V0IGNvbmZpZ3VyYWJsZTogdHJ1ZSB0byBpbmRpY2F0ZSB0aGVzZVxuICAgICAgICogcHJvcGVydGllcyBjYW4gYmUgY2hhbmdlZC5cbiAgICAgICAqL1xuICAgICAgY29uZmlndXJhYmxlOiB0cnVlXG4gICAgfSlcbiAgfSlcbn1cblxuZXhwb3J0IGNvbnN0IHByb3h5TWV0aG9kcyA9IChDbXA6IGFueSwgbWV0aG9kczogc3RyaW5nW10pID0+IHtcbiAgY29uc3QgUHJvdG90eXBlID0gQ21wLnByb3RvdHlwZVxuICBtZXRob2RzLmZvckVhY2goKG1ldGhvZE5hbWUpID0+IHtcbiAgICBQcm90b3R5cGVbbWV0aG9kTmFtZV0gPSBmdW5jdGlvbiAoKSB7XG4gICAgICBjb25zdCBhcmdzID0gYXJndW1lbnRzXG4gICAgICByZXR1cm4gdGhpcy56LnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHRoaXMuZWxbbWV0aG9kTmFtZV0uYXBwbHkodGhpcy5lbCwgYXJncykpXG4gICAgfVxuICB9KVxufVxuXG5leHBvcnQgY29uc3QgcHJveHlPdXRwdXRzID0gKGluc3RhbmNlOiBhbnksIGVsOiBhbnksIGV2ZW50czogc3RyaW5nW10pID0+IHtcbiAgZXZlbnRzLmZvckVhY2goKGV2ZW50TmFtZSkgPT4gKGluc3RhbmNlW2V2ZW50TmFtZV0gPSBmcm9tRXZlbnQoZWwsIGV2ZW50TmFtZSkpKVxufVxuXG5leHBvcnQgY29uc3QgZGVmaW5lQ3VzdG9tRWxlbWVudCA9ICh0YWdOYW1lOiBzdHJpbmcsIGN1c3RvbUVsZW1lbnQ6IGFueSkgPT4ge1xuICBpZiAoY3VzdG9tRWxlbWVudCAhPT0gdW5kZWZpbmVkICYmIHR5cGVvZiBjdXN0b21FbGVtZW50cyAhPT0gJ3VuZGVmaW5lZCcgJiYgIWN1c3RvbUVsZW1lbnRzLmdldCh0YWdOYW1lKSkge1xuICAgIGN1c3RvbUVsZW1lbnRzLmRlZmluZSh0YWdOYW1lLCBjdXN0b21FbGVtZW50KVxuICB9XG59XG5cbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogb25seS1hcnJvdy1mdW5jdGlvbnNcbmV4cG9ydCBmdW5jdGlvbiBQcm94eUNtcChvcHRzOiB7IGRlZmluZUN1c3RvbUVsZW1lbnRGbj86ICgpID0+IHZvaWQ7IGlucHV0cz86IGFueTsgbWV0aG9kcz86IGFueSB9KSB7XG4gIGNvbnN0IGRlY29yYXRvciA9IGZ1bmN0aW9uIChjbHM6IGFueSkge1xuICAgIGNvbnN0IHsgZGVmaW5lQ3VzdG9tRWxlbWVudEZuLCBpbnB1dHMsIG1ldGhvZHMgfSA9IG9wdHNcblxuICAgIGlmIChkZWZpbmVDdXN0b21FbGVtZW50Rm4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgZGVmaW5lQ3VzdG9tRWxlbWVudEZuKClcbiAgICB9XG5cbiAgICBpZiAoaW5wdXRzKSB7XG4gICAgICBwcm94eUlucHV0cyhjbHMsIGlucHV0cylcbiAgICB9XG4gICAgaWYgKG1ldGhvZHMpIHtcbiAgICAgIHByb3h5TWV0aG9kcyhjbHMsIG1ldGhvZHMpXG4gICAgfVxuICAgIHJldHVybiBjbHNcbiAgfVxuICByZXR1cm4gZGVjb3JhdG9yXG59XG4iXX0=
|
package/esm2022/lib/proxy.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { __decorate } from "tslib";
|
|
|
3
3
|
/* auto-generated angular directive proxies */
|
|
4
4
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
5
5
|
import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
|
|
6
|
-
import { defineCustomElement as definePaycargoCheckout } from '@paycargo/js/dist/components/paycargo-checkout
|
|
6
|
+
import { defineCustomElement as definePaycargoCheckout } from '@paycargo/js/dist/components/paycargo-checkout';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export let PaycargoCheckout = class PaycargoCheckout {
|
|
9
9
|
constructor(c, r, z) {
|
|
@@ -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,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJveHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3BheWNhcmdvL2pzLWFuZ3VsYXIvc3JjL2xpYi9wcm94eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsb0JBQW9CO0FBQ3BCLDhDQUE4QztBQUM5QyxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBb0MsTUFBTSxlQUFlLENBQUE7QUFFdkgsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUl0RSxPQUFPLEVBQUUsbUJBQW1CLElBQUksc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQTs7QUFjdkcsV0FBTSxnQkFBZ0IsR0FBdEIsTUFBTSxnQkFBZ0I7SUFFM0IsWUFBWSxDQUFvQixFQUFFLENBQWEsRUFBWSxDQUFTO1FBQVQsTUFBQyxHQUFELENBQUMsQ0FBUTtRQUNsRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUE7UUFDVixJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUE7UUFDekIsWUFBWSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsT0FBTyxFQUFFLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUMzRCxDQUFDOytHQU5VLGdCQUFnQjttR0FBaEIsZ0JBQWdCLG1NQUxqQiwyQkFBMkI7O0FBSzFCLGdCQUFnQjtJQWI1QixRQUFRLENBQUM7UUFDUixxQkFBcUIsRUFBRSxzQkFBc0I7UUFDN0MsTUFBTSxFQUFFLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUM7UUFDakUsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO0tBQ3pCLENBQUM7R0FTVyxnQkFBZ0IsQ0FPNUI7NEZBUFksZ0JBQWdCO2tCQVI1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyx1RUFBdUU7b0JBQ3ZFLE1BQU0sRUFBRSxDQUFDLFdBQVcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDO29CQUNqRSxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiB0c2xpbnQ6ZGlzYWJsZSAqL1xuLyogYXV0by1nZW5lcmF0ZWQgYW5ndWxhciBkaXJlY3RpdmUgcHJveGllcyAqL1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuaW1wb3J0IHsgUHJveHlDbXAsIHByb3h5T3V0cHV0cyB9IGZyb20gJy4vYW5ndWxhci1jb21wb25lbnQtbGliL3V0aWxzJ1xuXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudHMgfSBmcm9tICdAcGF5Y2FyZ28vanMnXG5cbmltcG9ydCB7IGRlZmluZUN1c3RvbUVsZW1lbnQgYXMgZGVmaW5lUGF5Y2FyZ29DaGVja291dCB9IGZyb20gJ0BwYXljYXJnby9qcy9kaXN0L2NvbXBvbmVudHMvcGF5Y2FyZ28tY2hlY2tvdXQnXG5AUHJveHlDbXAoe1xuICBkZWZpbmVDdXN0b21FbGVtZW50Rm46IGRlZmluZVBheWNhcmdvQ2hlY2tvdXQsXG4gIGlucHV0czogWydvblBjQ2xvc2UnLCAnb25QY1BheW1lbnQnLCAnb3B0aW9ucycsICdwY1RyYW5zYWN0aW9ucyddLFxuICBtZXRob2RzOiBbJ21ha2VWaXNpYmxlJ11cbn0pXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwYXljYXJnby1jaGVja291dCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0cy1tZXRhZGF0YS1wcm9wZXJ0eVxuICBpbnB1dHM6IFsnb25QY0Nsb3NlJywgJ29uUGNQYXltZW50JywgJ29wdGlvbnMnLCAncGNUcmFuc2FjdGlvbnMnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBQYXljYXJnb0NoZWNrb3V0IHtcbiAgcHJvdGVjdGVkIGVsOiBIVE1MRWxlbWVudFxuICBjb25zdHJ1Y3RvcihjOiBDaGFuZ2VEZXRlY3RvclJlZiwgcjogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHo6IE5nWm9uZSkge1xuICAgIGMuZGV0YWNoKClcbiAgICB0aGlzLmVsID0gci5uYXRpdmVFbGVtZW50XG4gICAgcHJveHlPdXRwdXRzKHRoaXMsIHRoaXMuZWwsIFsnY2xvc2UnLCAncGF5bWVudFJlc3BvbnNlJ10pXG4gIH1cbn1cblxuaW1wb3J0IHR5cGUgeyBDbG9zZUV2ZW50IGFzIElQYXljYXJnb0NoZWNrb3V0Q2xvc2VFdmVudCB9IGZyb20gJ0BwYXljYXJnby9qcy8nXG5pbXBvcnQgdHlwZSB7IEJhdGNoQXBwcm92YWxSZXNwb25zZSBhcyBJUGF5Y2FyZ29DaGVja291dEJhdGNoQXBwcm92YWxSZXNwb25zZSB9IGZyb20gJ0BwYXljYXJnby9qcy8nXG5cbmV4cG9ydCBkZWNsYXJlIGludGVyZmFjZSBQYXljYXJnb0NoZWNrb3V0IGV4dGVuZHMgQ29tcG9uZW50cy5QYXljYXJnb0NoZWNrb3V0IHtcbiAgLyoqXG4gICAqIEV2ZW50IGNhbGxlZCB3aGVuIG1vZGFsIGlzIGNsb3NlZC5cbiAgICovXG4gIGNsb3NlOiBFdmVudEVtaXR0ZXI8Q3VzdG9tRXZlbnQ8SVBheWNhcmdvQ2hlY2tvdXRDbG9zZUV2ZW50Pj5cbiAgLyoqXG4gICAqIEV2ZW50IHRoYXQgaXMgdHJpZ2dlcmVkIGFmdGVyIHBheW1lbnQgcmVzcG9uc2VcbmhhcyBiZWVuIHJlY2VpdmVkLlxuICAgKi9cbiAgcGF5bWVudFJlc3BvbnNlOiBFdmVudEVtaXR0ZXI8Q3VzdG9tRXZlbnQ8SVBheWNhcmdvQ2hlY2tvdXRCYXRjaEFwcHJvdmFsUmVzcG9uc2U+PlxufVxuIl19
|
|
@@ -2,13 +2,13 @@ import { __decorate } from 'tslib';
|
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
4
|
import { fromEvent } from 'rxjs';
|
|
5
|
-
import { defineCustomElement as defineCustomElement$1 } from '@paycargo/js/dist/components/paycargo-checkout
|
|
5
|
+
import { defineCustomElement as defineCustomElement$1 } from '@paycargo/js/dist/components/paycargo-checkout';
|
|
6
6
|
|
|
7
7
|
/* eslint-disable */
|
|
8
8
|
/* tslint:disable */
|
|
9
9
|
const proxyInputs = (Cmp, inputs) => {
|
|
10
10
|
const Prototype = Cmp.prototype;
|
|
11
|
-
inputs.forEach(item => {
|
|
11
|
+
inputs.forEach((item) => {
|
|
12
12
|
Object.defineProperty(Prototype, item, {
|
|
13
13
|
get() {
|
|
14
14
|
return this.el[item];
|
|
@@ -29,7 +29,7 @@ const proxyInputs = (Cmp, inputs) => {
|
|
|
29
29
|
};
|
|
30
30
|
const proxyMethods = (Cmp, methods) => {
|
|
31
31
|
const Prototype = Cmp.prototype;
|
|
32
|
-
methods.forEach(methodName => {
|
|
32
|
+
methods.forEach((methodName) => {
|
|
33
33
|
Prototype[methodName] = function () {
|
|
34
34
|
const args = arguments;
|
|
35
35
|
return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
|
|
@@ -37,7 +37,7 @@ const proxyMethods = (Cmp, methods) => {
|
|
|
37
37
|
});
|
|
38
38
|
};
|
|
39
39
|
const proxyOutputs = (instance, el, events) => {
|
|
40
|
-
events.forEach(eventName => (instance[eventName] = fromEvent(el, eventName)));
|
|
40
|
+
events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
|
|
41
41
|
};
|
|
42
42
|
const defineCustomElement = (tagName, customElement) => {
|
|
43
43
|
if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
|
|
@@ -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
|
|
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'\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":"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"}
|
package/lib/proxy.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
|
|
2
|
-
import type { Components } from '@paycargo/js
|
|
2
|
+
import type { Components } from '@paycargo/js';
|
|
3
3
|
import type { CloseEvent as IPaycargoCheckoutCloseEvent } from '@paycargo/js/';
|
|
4
4
|
import type { BatchApprovalResponse as IPaycargoCheckoutBatchApprovalResponse } from '@paycargo/js/';
|
|
5
5
|
import * as i0 from "@angular/core";
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paycargo/js-angular",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
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": "
|
|
8
|
+
"@paycargo/js": "0.4.0"
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"tslib": "^2.3.0"
|