@justifi/webcomponents 4.7.3 → 4.7.5

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.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;
@@ -712,6 +715,7 @@ small {
 
 mark {
   padding: 0.1875em;
+  color: var(--bs-highlight-color);
   background-color: var(--bs-highlight-bg);
 }
 
@@ -974,7 +978,7 @@ progress {
 }
 
 /*!
- * Bootstrap Utilities v5.3.1 (https://getbootstrap.com/)
+ * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
  * Copyright 2011-2023 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
@@ -1073,6 +1077,7 @@ progress {
   --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;
@@ -1144,6 +1149,8 @@ progress {
   --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;
@@ -1654,15 +1661,15 @@ progress {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: var(--bs-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: var(--bs-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: var(--bs-box-shadow-lg) !important;
 }
 
 .shadow-none {
@@ -6304,7 +6311,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.3333333333%;
+  width: 33.33333333%;
 }
 
 .row-cols-4 > * {
@@ -6319,7 +6326,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.6666666667%;
+  width: 16.66666667%;
 }
 
 .col-auto {
@@ -6509,7 +6516,7 @@ progress {
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
@@ -6521,7 +6528,7 @@ progress {
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
@@ -6678,7 +6685,7 @@ progress {
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
@@ -6690,7 +6697,7 @@ progress {
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
@@ -6847,7 +6854,7 @@ progress {
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
@@ -6859,7 +6866,7 @@ progress {
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
@@ -7016,7 +7023,7 @@ progress {
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
@@ -7028,7 +7035,7 @@ progress {
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
@@ -7185,7 +7192,7 @@ progress {
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
@@ -7197,7 +7204,7 @@ progress {
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js

@@ -9,48 +9,48 @@ import { DetailSection, DetailItem } from "../../details/utils";
  * @exportedPart detail-empty-state
  */
 export class AdditionalQuestionsDetails {
-  constructor() {
-    this.business = undefined;
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    return (h(Host, null, h(DetailSection, { sectionTitle: "Additional Questions" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_c = (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_f = (_e = (_d = this.business) === null || _d === void 0 ? void 0 : _d.additional_questions) === null || _e === void 0 ? void 0 : _e.business_payment_volume) === null || _f === void 0 ? void 0 : _f.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_j = (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_dispute_volume) === null || _j === void 0 ? void 0 : _j.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_m = (_l = (_k = this.business) === null || _k === void 0 ? void 0 : _k.additional_questions) === null || _l === void 0 ? void 0 : _l.business_receivable_volume) === null || _m === void 0 ? void 0 : _m.toString() }))))));
-  }
-  static get is() { return "additional-questions-details"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["additional-questions-details.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["additional-questions-details.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "business": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IBusiness",
-          "resolved": "IBusiness",
-          "references": {
-            "IBusiness": {
-              "location": "import",
-              "path": "../../../api/Business",
-              "id": "src/api/Business.ts::IBusiness"
+    constructor() {
+        this.business = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return (h(Host, null, h(DetailSection, { sectionTitle: "Additional Questions" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_c = (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_f = (_e = (_d = this.business) === null || _d === void 0 ? void 0 : _d.additional_questions) === null || _e === void 0 ? void 0 : _e.business_payment_volume) === null || _f === void 0 ? void 0 : _f.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_j = (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_dispute_volume) === null || _j === void 0 ? void 0 : _j.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_m = (_l = (_k = this.business) === null || _k === void 0 ? void 0 : _k.additional_questions) === null || _l === void 0 ? void 0 : _l.business_receivable_volume) === null || _m === void 0 ? void 0 : _m.toString() }))))));
+    }
+    static get is() { return "additional-questions-details"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["additional-questions-details.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["additional-questions-details.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "business": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "IBusiness",
+                    "resolved": "IBusiness",
+                    "references": {
+                        "IBusiness": {
+                            "location": "import",
+                            "path": "../../../api/Business",
+                            "id": "src/api/Business.ts::IBusiness"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
+        };
+    }
 }

package/dist/collection/components/business-details/business-details.css

@@ -94,6 +94,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;
@@ -165,6 +166,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;
@@ -713,6 +716,7 @@ small, .small {
 
 mark, .mark {
   padding: 0.1875em;
+  color: var(--bs-highlight-color);
   background-color: var(--bs-highlight-bg);
 }
 
@@ -975,7 +979,7 @@ progress {
 }
 
 /*!
- * Bootstrap Utilities v5.3.1 (https://getbootstrap.com/)
+ * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
  * Copyright 2011-2023 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
@@ -1074,6 +1078,7 @@ progress {
   --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;
@@ -1145,6 +1150,8 @@ progress {
   --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;
@@ -1655,15 +1662,15 @@ progress {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: var(--bs-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: var(--bs-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: var(--bs-box-shadow-lg) !important;
 }
 
 .shadow-none {

package/dist/collection/components/business-details/business-details.js

@@ -4,9 +4,9 @@ import { ErrorState, LoadingState } from "../details/utils";
 import { config } from "../../../config";
 var RENDER_STATES;
 (function (RENDER_STATES) {
-  RENDER_STATES["LOADING"] = "loading";
-  RENDER_STATES["READY"] = "ready";
-  RENDER_STATES["ERROR"] = "error";
+    RENDER_STATES["LOADING"] = "loading";
+    RENDER_STATES["READY"] = "ready";
+    RENDER_STATES["ERROR"] = "error";
 })(RENDER_STATES || (RENDER_STATES = {}));
 /**
  *
@@ -17,115 +17,115 @@ var RENDER_STATES;
  * @exportedPart detail-empty-state
  */
 export class BusinessDetails {
-  constructor() {
-    this.businessId = undefined;
-    this.authToken = undefined;
-    this.business = undefined;
-    this.renderState = RENDER_STATES.LOADING;
-    this.errorMessage = 'An error ocurred.';
-    this.fetchBusiness = this.fetchBusiness.bind(this);
-  }
-  async componentWillLoad() {
-    if (!this.authToken) {
-      this.errorMessage = 'Missing auth-token. The form will not be functional without it.';
-      console.error(this.errorMessage);
-      return;
+    constructor() {
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.business = undefined;
+        this.renderState = RENDER_STATES.LOADING;
+        this.errorMessage = 'An error ocurred.';
+        this.fetchBusiness = this.fetchBusiness.bind(this);
     }
-    if (!this.businessId) {
-      this.errorMessage = 'Missing business-id. The form will not be functional without it.';
-      console.error(this.errorMessage);
-      return;
+    async componentWillLoad() {
+        if (!this.authToken) {
+            this.errorMessage = 'Missing auth-token. The form will not be functional without it.';
+            console.error(this.errorMessage);
+            return;
+        }
+        if (!this.businessId) {
+            this.errorMessage = 'Missing business-id. The form will not be functional without it.';
+            console.error(this.errorMessage);
+            return;
+        }
+        this.api = Api(this.authToken, config.proxyApiOrigin);
+        await this.fetchBusiness(this.businessId);
     }
-    this.api = Api(this.authToken, config.proxyApiOrigin);
-    await this.fetchBusiness(this.businessId);
-  }
-  async fetchBusiness(businessId) {
-    this.renderState = RENDER_STATES.LOADING;
-    try {
-      const response = await this.api.get(`entities/business/${businessId}`);
-      if (response.error) {
-        this.errorMessage = `${this.errorMessage}: ${response.error}`;
-        console.error(this.errorMessage);
-        this.renderState = RENDER_STATES.ERROR;
-        return;
-      }
-      this.business = response.data;
-      this.renderState = RENDER_STATES.READY;
+    async fetchBusiness(businessId) {
+        this.renderState = RENDER_STATES.LOADING;
+        try {
+            const response = await this.api.get(`entities/business/${businessId}`);
+            if (response.error) {
+                this.errorMessage = `${this.errorMessage}: ${response.error}`;
+                console.error(this.errorMessage);
+                this.renderState = RENDER_STATES.ERROR;
+                return;
+            }
+            this.business = response.data;
+            this.renderState = RENDER_STATES.READY;
+        }
+        catch (error) {
+            this.errorMessage = `${this.errorMessage}: ${error}`;
+            console.error(this.errorMessage);
+            this.renderState = RENDER_STATES.ERROR;
+        }
+        finally {
+            this.renderState = RENDER_STATES.READY;
+        }
     }
-    catch (error) {
-      this.errorMessage = `${this.errorMessage}: ${error}`;
-      console.error(this.errorMessage);
-      this.renderState = RENDER_STATES.ERROR;
+    render() {
+        var _a, _b, _c;
+        if (this.renderState === RENDER_STATES.LOADING) {
+            return h(Host, null, LoadingState);
+        }
+        if (this.renderState === RENDER_STATES.ERROR) {
+            return h(Host, null, ErrorState(this.errorMessage));
+        }
+        return (h(Host, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_address }), h("representative-details", { representative: (_b = this.business) === null || _b === void 0 ? void 0 : _b.representative }), h("owner-details", { owners: (_c = this.business) === null || _c === void 0 ? void 0 : _c.owners }), h("additional-questions-details", { business: this.business })));
     }
-    finally {
-      this.renderState = RENDER_STATES.READY;
+    static get is() { return "justifi-business-details"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["business-details.scss"]
+        };
     }
-  }
-  render() {
-    var _a, _b, _c;
-    if (this.renderState === RENDER_STATES.LOADING) {
-      return h(Host, null, LoadingState);
+    static get styleUrls() {
+        return {
+            "$": ["business-details.css"]
+        };
     }
-    if (this.renderState === RENDER_STATES.ERROR) {
-      return h(Host, null, ErrorState(this.errorMessage));
+    static get properties() {
+        return {
+            "businessId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "business-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 {
+            "business": {},
+            "renderState": {},
+            "errorMessage": {}
+        };
     }
-    return (h(Host, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_address }), h("representative-details", { representative: (_b = this.business) === null || _b === void 0 ? void 0 : _b.representative }), h("owner-details", { owners: (_c = this.business) === null || _c === void 0 ? void 0 : _c.owners }), h("additional-questions-details", { business: this.business })));
-  }
-  static get is() { return "justifi-business-details"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["business-details.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["business-details.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "businessId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "business-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 {
-      "business": {},
-      "renderState": {},
-      "errorMessage": {}
-    };
-  }
 }