simpo-component-library 3.6.310 → 3.6.311

package/esm2022/lib/ecommerce/sections/passbook-transactions/passbook-transactions.component.mjs

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/storage.service";
+import * as i2 from "../../../services/rest.service";
+import * as i3 from "@angular/common";
+export class PassbookTransactionsComponent {
+    constructor(storageService, restService) {
+        this.storageService = storageService;
+        this.restService = restService;
+        this.allTransactions = [];
+    }
+    ngOnInit() {
+        this.getAllTransactions();
+    }
+    getAllTransactions() {
+        const userDetails = this.storageService.getUser();
+        const userId = userDetails?.userId;
+        let payload = {
+            id: userId,
+            businessId: localStorage.getItem('bId'),
+            isPagination: false
+        };
+        this.restService.getAllTransactions(payload).subscribe((res) => {
+            if (res) {
+                this.allTransactions = res?.data?.data;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PassbookTransactionsComponent, deps: [{ token: i1.StorageServiceService }, { token: i2.RestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PassbookTransactionsComponent, isStandalone: true, selector: "simpo-passbook-transactions", ngImport: i0, template: "<section class=\"total-container p-2 h-100\">\r\n    <div class=\"d-flex text-start fs-20 lh-28 fw-bold clr-primary mb-3 p-1\">\r\n        Transactions\r\n    </div>\r\n    <div class=\"transactions h-100 overflow-scroll p-1\">\r\n        <div class=\"transaction w-100 p-3 d-flex justify-content-between align-items-center bx-shd mb-3\"\r\n            *ngFor=\"let transaction of allTransactions\">\r\n            <div class=\"left d-flex align-items-center gap-3\">\r\n                <div class=\"d-flex\">\r\n                    <img src=\"https://d2z9497xp8xb12.cloudfront.net/prod-images/558782c1755619706471Group 1707484906.png\"\r\n                        alt=\"load\">\r\n                </div>\r\n                <div class=\"d-flex flex-column\">\r\n                    <div class=\"top lh-20 fw-bold clr-primary\">{{transaction?.emiMonthCount ? transaction?.emiMonthCount\r\n                        : 'N/A' }} Instalment Paid</div>\r\n                    <div class=\"bottom d-flex gap-2\">\r\n                        <div class=\"fs-14 lh-20 clr-secondary fw-bold\">{{transaction?.paidDate ? (transaction?.paidDate\r\n                            | date : 'dd-MM-yyy') : 'N/A'}}</div>\r\n                        <div class=\"fs-14 lh-20 clr-secondary fw-bold\">&nbsp;\r\n                            &#x2022;&nbsp;&nbsp;&nbsp;{{transaction?.planName ? transaction?.planName : 'N/A'}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-flex text-end\">\r\n                <div class=\"fs-18 lh-28 fw-bold clr-primary\">\u20B9 {{transaction?.paidAmount ? transaction?.paidAmount :\r\n                    'N/A'}}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>", styles: ["*{font-family:var(--website-font-family)}.fs-20{font-size:20px}.fs-18{font-size:18px}.fs-14{font-size:14px}.lh-28{line-height:28px}.lh-20{line-height:20px}.clr-primary{color:#020817}.clr-secondary{color:#0006}.bx-shd{box-shadow:#63636333 0 2px 8px;border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PassbookTransactionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simpo-passbook-transactions', standalone: true, imports: [CommonModule], template: "<section class=\"total-container p-2 h-100\">\r\n    <div class=\"d-flex text-start fs-20 lh-28 fw-bold clr-primary mb-3 p-1\">\r\n        Transactions\r\n    </div>\r\n    <div class=\"transactions h-100 overflow-scroll p-1\">\r\n        <div class=\"transaction w-100 p-3 d-flex justify-content-between align-items-center bx-shd mb-3\"\r\n            *ngFor=\"let transaction of allTransactions\">\r\n            <div class=\"left d-flex align-items-center gap-3\">\r\n                <div class=\"d-flex\">\r\n                    <img src=\"https://d2z9497xp8xb12.cloudfront.net/prod-images/558782c1755619706471Group 1707484906.png\"\r\n                        alt=\"load\">\r\n                </div>\r\n                <div class=\"d-flex flex-column\">\r\n                    <div class=\"top lh-20 fw-bold clr-primary\">{{transaction?.emiMonthCount ? transaction?.emiMonthCount\r\n                        : 'N/A' }} Instalment Paid</div>\r\n                    <div class=\"bottom d-flex gap-2\">\r\n                        <div class=\"fs-14 lh-20 clr-secondary fw-bold\">{{transaction?.paidDate ? (transaction?.paidDate\r\n                            | date : 'dd-MM-yyy') : 'N/A'}}</div>\r\n                        <div class=\"fs-14 lh-20 clr-secondary fw-bold\">&nbsp;\r\n                            &#x2022;&nbsp;&nbsp;&nbsp;{{transaction?.planName ? transaction?.planName : 'N/A'}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-flex text-end\">\r\n                <div class=\"fs-18 lh-28 fw-bold clr-primary\">\u20B9 {{transaction?.paidAmount ? transaction?.paidAmount :\r\n                    'N/A'}}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>", styles: ["*{font-family:var(--website-font-family)}.fs-20{font-size:20px}.fs-18{font-size:18px}.fs-14{font-size:14px}.lh-28{line-height:28px}.lh-20{line-height:20px}.clr-primary{color:#020817}.clr-secondary{color:#0006}.bx-shd{box-shadow:#63636333 0 2px 8px;border-radius:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.StorageServiceService }, { type: i2.RestService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc2Jvb2stdHJhbnNhY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWNvbW1lcmNlL3NlY3Rpb25zL3Bhc3Nib29rLXRyYW5zYWN0aW9ucy9wYXNzYm9vay10cmFuc2FjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lY29tbWVyY2Uvc2VjdGlvbnMvcGFzc2Jvb2stdHJhbnNhY3Rpb25zL3Bhc3Nib29rLXRyYW5zYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXbEQsTUFBTSxPQUFPLDZCQUE2QjtJQUN4QyxZQUNVLGNBQXFDLEVBQ3JDLFdBQXdCO1FBRHhCLG1CQUFjLEdBQWQsY0FBYyxDQUF1QjtRQUNyQyxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQXFCbEMsb0JBQWUsR0FBTyxFQUFFLENBQUM7SUFwQnJCLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUNELGtCQUFrQjtRQUNoQixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2xELE1BQU0sTUFBTSxHQUFHLFdBQVcsRUFBRSxNQUFNLENBQUM7UUFDbkMsSUFBSSxPQUFPLEdBQUc7WUFDWixFQUFFLEVBQUUsTUFBTTtZQUNWLFVBQVUsRUFBRSxZQUFZLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztZQUN2QyxZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFBO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUNsRSxJQUFHLEdBQUcsRUFDTixDQUFDO2dCQUNDLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUM7WUFDekMsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0F2QlUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsdUZDWjFDLDJ2REE4QlUscVVEdEJFLFlBQVk7OzRGQUlYLDZCQUE2QjtrQkFQekMsU0FBUzsrQkFDRSw2QkFBNkIsY0FDM0IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RvcmFnZVNlcnZpY2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvc3RvcmFnZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgUmVzdFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9yZXN0LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1wYXNzYm9vay10cmFuc2FjdGlvbnMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Bhc3Nib29rLXRyYW5zYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3Bhc3Nib29rLXRyYW5zYWN0aW9ucy5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFzc2Jvb2tUcmFuc2FjdGlvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBzdG9yYWdlU2VydmljZTogU3RvcmFnZVNlcnZpY2VTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSByZXN0U2VydmljZTogUmVzdFNlcnZpY2VcclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZ2V0QWxsVHJhbnNhY3Rpb25zKCk7XHJcbiAgfVxyXG4gIGdldEFsbFRyYW5zYWN0aW9ucygpIHtcclxuICAgIGNvbnN0IHVzZXJEZXRhaWxzID0gdGhpcy5zdG9yYWdlU2VydmljZS5nZXRVc2VyKCk7XHJcbiAgICBjb25zdCB1c2VySWQgPSB1c2VyRGV0YWlscz8udXNlcklkO1xyXG4gICAgbGV0IHBheWxvYWQgPSB7XHJcbiAgICAgIGlkOiB1c2VySWQsXHJcbiAgICAgIGJ1c2luZXNzSWQ6IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdiSWQnKSxcclxuICAgICAgaXNQYWdpbmF0aW9uOiBmYWxzZVxyXG4gICAgfVxyXG4gICAgdGhpcy5yZXN0U2VydmljZS5nZXRBbGxUcmFuc2FjdGlvbnMocGF5bG9hZCkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xyXG4gICAgICBpZihyZXMpXHJcbiAgICAgIHtcclxuICAgICAgICB0aGlzLmFsbFRyYW5zYWN0aW9ucyA9IHJlcz8uZGF0YT8uZGF0YTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG4gIGFsbFRyYW5zYWN0aW9uczphbnlbXT1bXTtcclxuXHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJ0b3RhbC1jb250YWluZXIgcC0yIGgtMTAwXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IHRleHQtc3RhcnQgZnMtMjAgbGgtMjggZnctYm9sZCBjbHItcHJpbWFyeSBtYi0zIHAtMVwiPlxyXG4gICAgICAgIFRyYW5zYWN0aW9uc1xyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidHJhbnNhY3Rpb25zIGgtMTAwIG92ZXJmbG93LXNjcm9sbCBwLTFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidHJhbnNhY3Rpb24gdy0xMDAgcC0zIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXIgYngtc2hkIG1iLTNcIlxyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgdHJhbnNhY3Rpb24gb2YgYWxsVHJhbnNhY3Rpb25zXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0IGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vZDJ6OTQ5N3hwOHhiMTIuY2xvdWRmcm9udC5uZXQvcHJvZC1pbWFnZXMvNTU4NzgyYzE3NTU2MTk3MDY0NzFHcm91cCAxNzA3NDg0OTA2LnBuZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cImxvYWRcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AgbGgtMjAgZnctYm9sZCBjbHItcHJpbWFyeVwiPnt7dHJhbnNhY3Rpb24/LmVtaU1vbnRoQ291bnQgPyB0cmFuc2FjdGlvbj8uZW1pTW9udGhDb3VudFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6ICdOL0EnIH19IEluc3RhbG1lbnQgUGFpZDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20gZC1mbGV4IGdhcC0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcy0xNCBsaC0yMCBjbHItc2Vjb25kYXJ5IGZ3LWJvbGRcIj57e3RyYW5zYWN0aW9uPy5wYWlkRGF0ZSA/ICh0cmFuc2FjdGlvbj8ucGFpZERhdGVcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgZGF0ZSA6ICdkZC1NTS15eXknKSA6ICdOL0EnfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZzLTE0IGxoLTIwIGNsci1zZWNvbmRhcnkgZnctYm9sZFwiPiZuYnNwO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJiN4MjAyMjsmbmJzcDsmbmJzcDsmbmJzcDt7e3RyYW5zYWN0aW9uPy5wbGFuTmFtZSA/IHRyYW5zYWN0aW9uPy5wbGFuTmFtZSA6ICdOL0EnfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggdGV4dC1lbmRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcy0xOCBsaC0yOCBmdy1ib2xkIGNsci1wcmltYXJ5XCI+4oK5IHt7dHJhbnNhY3Rpb24/LnBhaWRBbW91bnQgPyB0cmFuc2FjdGlvbj8ucGFpZEFtb3VudCA6XHJcbiAgICAgICAgICAgICAgICAgICAgJ04vQSd9fTwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19