@justifi/webcomponents 4.7.4 → 4.7.6

package/dist/collection/components/gross-payment-chart/gross-payment-chart.css

@@ -93,6 +93,7 @@
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -164,6 +165,8 @@
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;

package/dist/collection/components/gross-payment-chart/gross-payment-chart.js

@@ -5,135 +5,135 @@ import { generateChartOptions } from "./chart-utils";
 import { ErrorState } from "../details/utils";
 import { config } from "../../../config";
 export class GrossPaymentChart {
-  constructor() {
-    this.accountId = undefined;
-    this.authToken = undefined;
-    this.data = undefined;
-    this.total = undefined;
-    this.dates = undefined;
-    this.endDate = undefined;
-    this.loading = true;
-    this.errorMessage = '';
-  }
-  updateOnPropChange() {
-    this.fetchData();
-  }
-  connectedCallback() {
-    this.fetchData();
-  }
-  componentDidRender() {
-    this.renderChart();
-  }
-  async fetchData() {
-    if (!this.accountId || !this.authToken) {
-      this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-      this.loading = false;
-      return;
+    constructor() {
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.data = undefined;
+        this.total = undefined;
+        this.dates = undefined;
+        this.endDate = undefined;
+        this.loading = true;
+        this.errorMessage = '';
     }
-    this.loading = true;
-    try {
-      const api = Api(this.authToken, config.proxyApiOrigin);
-      const endpoint = `account/${this.accountId}/reports/gross_volume`;
-      const response = await api.get(endpoint);
-      if (!response.error) {
-        this.total = response === null || response === void 0 ? void 0 : response.data.total;
-        this.dates = response === null || response === void 0 ? void 0 : response.data.dates.reverse();
-        this.endDate = this.dates[this.dates.length - 1].date;
-      }
-      else {
-        this.errorMessage = `Error trying to fetch data : ${response.error}`;
-        console.error(this.errorMessage);
-      }
+    updateOnPropChange() {
+        this.fetchData();
     }
-    catch (error) {
-      this.errorMessage = `Error trying to fetch data : ${error}`;
-      console.error(this.errorMessage);
+    connectedCallback() {
+        this.fetchData();
     }
-    finally {
-      this.loading = false;
+    componentDidRender() {
+        this.renderChart();
     }
-  }
-  renderChart() {
-    if (this.chart) {
-      this.chart.update();
+    async fetchData() {
+        if (!this.accountId || !this.authToken) {
+            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
+            this.loading = false;
+            return;
+        }
+        this.loading = true;
+        try {
+            const api = Api(this.authToken, config.proxyApiOrigin);
+            const endpoint = `account/${this.accountId}/reports/gross_volume`;
+            const response = await api.get(endpoint);
+            if (!response.error) {
+                this.total = response === null || response === void 0 ? void 0 : response.data.total;
+                this.dates = response === null || response === void 0 ? void 0 : response.data.dates.reverse();
+                this.endDate = this.dates[this.dates.length - 1].date;
+            }
+            else {
+                this.errorMessage = `Error trying to fetch data : ${response.error}`;
+                console.error(this.errorMessage);
+            }
+        }
+        catch (error) {
+            this.errorMessage = `Error trying to fetch data : ${error}`;
+            console.error(this.errorMessage);
+        }
+        finally {
+            this.loading = false;
+        }
     }
-    else if (this.chartRef && this.endDate) {
-      Chart.register(Colors, BarController, BarElement, CategoryScale, LinearScale, Legend, Tooltip, Title);
-      this.chart = new Chart(this.chartRef.getContext("2d"), generateChartOptions(this.total, this.dates, this.endDate));
-      this.chart.render();
+    renderChart() {
+        if (this.chart) {
+            this.chart.update();
+        }
+        else if (this.chartRef && this.endDate) {
+            Chart.register(Colors, BarController, BarElement, CategoryScale, LinearScale, Legend, Tooltip, Title);
+            this.chart = new Chart(this.chartRef.getContext("2d"), generateChartOptions(this.total, this.dates, this.endDate));
+            this.chart.render();
+        }
+    }
+    render() {
+        return (h(Host, null, this.errorMessage ? ErrorState(this.errorMessage)
+            : h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem })));
+    }
+    static get is() { return "justifi-gross-payment-chart"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gross-payment-chart.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gross-payment-chart.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "accountId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "account-id",
+                "reflect": false
+            },
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "data": {},
+            "total": {},
+            "dates": {},
+            "endDate": {},
+            "loading": {},
+            "errorMessage": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "accountId",
+                "methodName": "updateOnPropChange"
+            }, {
+                "propName": "authToken",
+                "methodName": "updateOnPropChange"
+            }];
     }
-  }
-  render() {
-    return (h(Host, null, this.errorMessage ? ErrorState(this.errorMessage)
-      : h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem })));
-  }
-  static get is() { return "justifi-gross-payment-chart"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gross-payment-chart.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gross-payment-chart.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "accountId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "account-id",
-        "reflect": false
-      },
-      "authToken": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "auth-token",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "data": {},
-      "total": {},
-      "dates": {},
-      "endDate": {},
-      "loading": {},
-      "errorMessage": {}
-    };
-  }
-  static get watchers() {
-    return [{
-        "propName": "accountId",
-        "methodName": "updateOnPropChange"
-      }, {
-        "propName": "authToken",
-        "methodName": "updateOnPropChange"
-      }];
-  }
 }

package/dist/collection/components/gross-payment-chart/test/gross-payment-chart.spec.js

@@ -1,14 +1,14 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { GrossPaymentChart } from "../gross-payment-chart";
 describe('gross-payment-chart', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [GrossPaymentChart],
-      html: `<gross-payment-chart></gross-payment-chart>`,
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [GrossPaymentChart],
+            html: `<gross-payment-chart></gross-payment-chart>`,
+        });
+        expect(page.root).toEqualHtml(`
       <gross-payment-chart>
       </gross-payment-chart>
     `);
-  });
+    });
 });

package/dist/collection/components/pagination-menu/pagination-menu.js

@@ -1,77 +1,77 @@
 import { Host, h } from "@stencil/core";
 import { ExtendedPagingDefaults } from "../../api/Pagination";
 export class PaginationMenu {
-  constructor() {
-    this.paging = ExtendedPagingDefaults;
-    this.params = {};
-  }
-  render() {
-    return (h(Host, { exportparts: `page-arrow,page-button,page-button-disabled,page-button-text` }, h("nav", { "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { class: "pagination m-0" }, h("li", { class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { href: "#", class: "page-link", onClick: (e) => {
-        e.preventDefault();
-        this.paging.handleClickPrevious(this.paging.start_cursor);
-      }, part: `page-button${this.paging.has_previous ? '' : ' page-button-disabled'}` }, h("span", { class: "me-1", part: "page-arrow" }, "\u00AB"), h("span", { part: "page-button-text" }, "Previous"))), h("li", { class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { href: "#", class: "page-link", onClick: (e) => {
-        e.preventDefault();
-        this.paging.handleClickNext(this.paging.end_cursor);
-      }, part: `page-button${this.paging.has_next ? '' : ' page-button-disabled'}` }, h("span", { part: "page-button-text" }, "Next"), h("span", { class: "ms-1", part: "page-arrow" }, "\u00BB")))))));
-  }
-  static get is() { return "pagination-menu"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["../table/table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["../table/table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "paging": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "PaginationProps['paging']",
-          "resolved": "ExtendedPagingInfo",
-          "references": {
-            "PaginationProps": {
-              "location": "local",
-              "path": "/home/runner/work/web-component-library/web-component-library/stencil-library/src/components/pagination-menu/pagination-menu.tsx",
-              "id": "src/components/pagination-menu/pagination-menu.tsx::PaginationProps"
+    constructor() {
+        this.paging = ExtendedPagingDefaults;
+        this.params = {};
+    }
+    render() {
+        return (h(Host, { exportparts: `page-arrow,page-button,page-button-disabled,page-button-text` }, h("nav", { "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { class: "pagination m-0" }, h("li", { class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { href: "#", class: "page-link", onClick: (e) => {
+                e.preventDefault();
+                this.paging.handleClickPrevious(this.paging.start_cursor);
+            }, part: `page-button${this.paging.has_previous ? '' : ' page-button-disabled'}` }, h("span", { class: "me-1", part: "page-arrow" }, "\u00AB"), h("span", { part: "page-button-text" }, "Previous"))), h("li", { class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { href: "#", class: "page-link", onClick: (e) => {
+                e.preventDefault();
+                this.paging.handleClickNext(this.paging.end_cursor);
+            }, part: `page-button${this.paging.has_next ? '' : ' page-button-disabled'}` }, h("span", { part: "page-button-text" }, "Next"), h("span", { class: "ms-1", part: "page-arrow" }, "\u00BB")))))));
+    }
+    static get is() { return "pagination-menu"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../table/table.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../table/table.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "paging": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationProps['paging']",
+                    "resolved": "ExtendedPagingInfo",
+                    "references": {
+                        "PaginationProps": {
+                            "location": "local",
+                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/pagination-menu/pagination-menu.tsx",
+                            "id": "src/components/pagination-menu/pagination-menu.tsx::PaginationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "ExtendedPagingDefaults"
+            },
+            "params": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationProps['params']",
+                    "resolved": "{}",
+                    "references": {
+                        "PaginationProps": {
+                            "location": "local",
+                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/pagination-menu/pagination-menu.tsx",
+                            "id": "src/components/pagination-menu/pagination-menu.tsx::PaginationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "{}"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "ExtendedPagingDefaults"
-      },
-      "params": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "PaginationProps['params']",
-          "resolved": "{}",
-          "references": {
-            "PaginationProps": {
-              "location": "local",
-              "path": "/home/runner/work/web-component-library/web-component-library/stencil-library/src/components/pagination-menu/pagination-menu.tsx",
-              "id": "src/components/pagination-menu/pagination-menu.tsx::PaginationProps"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
-      }
-    };
-  }
+        };
+    }
 }