@justifi/webcomponents 6.7.1 → 6.7.3

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 import { StyledHost } from "../../../ui-components";
 import BankAccountFormSkeleton from "./bank-account-skeleton";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import { generateTabId } from "../../../utils/utils";
 import JustifiAnalytics from "../../../api/Analytics";
 import { configState, waitForConfig } from "../../config-provider/config-state";
 export class BankAccountForm {
@@ -11,6 +12,7 @@ export class BankAccountForm {
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        this.tabId = generateTabId();
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
     }
@@ -40,17 +42,18 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }
     static get states() {
         return {
             "iframeOrigin": {},
-            "isReady": {}
+            "isReady": {},
+            "tabId": {}
         };
     }
     static get methods() {

package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js

@@ -32,7 +32,7 @@ export class CardBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '1191dac498a26eaa1e553d041185d73a6c83976d' }, h("div", { key: 'bb767072391ecb9f8de3d7312e146892ae75196a', part: billingForm }, h("form", { key: '34994f535186cab1d75a3eec57f0ff449d726507' }, h("fieldset", { key: '5425df6533360185d0e8428bfcf4b9896c32f7c9' }, this.legend && (h("legend", { key: 'db130af085d0e4dfc04ac35b8425111faf67a5b9' }, this.legend)), h("div", { key: 'deef3521156e148936d3c502e5b7de49efa55e7b', class: "row gy-3" }, h("div", { key: 'a520ae53525cc81dfa0c9cd26d3d983fa870f722', class: "col-12" }, h("form-control-text", { key: '27613ef0fe2a2647bf24598da29871cde0af7e55', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
+        return (h(StyledHost, { key: '5d685e6a8e7b22780431b4f2315a95c43766242e' }, h("div", { key: 'c71d5e6b49162ff2c21cd7b9ee0e9951c264034e', part: billingForm }, h("form", { key: 'a935f2ee1999afe079c13bd3b0e3b2b5225c12d2' }, h("fieldset", { key: '1808d8afc17a22d4156534dc7e54af8350d406b4' }, this.legend && (h("legend", { key: 'c73a35b4311515cf57d6ed5193056a9197cddaa9' }, this.legend)), h("div", { key: 'a36b221db49c567f6fc5e20af2a60fd30eeb4568', class: "row gy-3" }, h("div", { key: '907f29bec68ac9d43fd66f28226b87f2003efbaa', class: "col-12" }, h("form-control-text", { key: '93024133c94fc8eb2f1a34073ea7945d873420c4', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
     }
     static get is() { return "justifi-card-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/card-form.js

@@ -3,6 +3,7 @@ import CardFormSkeleton from "./card-form-skeleton";
 import { StyledHost } from "../../../ui-components";
 import JustifiAnalytics from "../../../api/Analytics";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import { generateTabId } from "../../../utils/utils";
 import { configState, waitForConfig } from "../../config-provider/config-state";
 export class JustifiCardForm {
     constructor() {
@@ -11,6 +12,7 @@ export class JustifiCardForm {
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        this.tabId = generateTabId();
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
     }
@@ -44,17 +46,18 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }
     static get states() {
         return {
             "isReady": {},
-            "iframeOrigin": {}
+            "iframeOrigin": {},
+            "tabId": {}
         };
     }
     static get methods() {

package/dist/collection/components/modular-checkout/sub-components/google-pay.js

@@ -193,9 +193,9 @@ export class GooglePay {
         const showDeviceUnavailable = !this.isLoading && !this.error && !this.isAvailable;
         const showPaymentsUnavailable = !this.isLoading && !this.error && this.isAvailable && !this.canMakePayments;
         const showButton = !this.isLoading && !this.error && this.isAvailable && this.canMakePayments;
-        return (h(StyledHost, { key: 'ee9d21e776e2a5c48d3fa2fb505290020707897d' }, checkoutStore.checkoutLoaded && (h("script", { key: '72bd5be9e6b80a42e219082cb248927aa6e1154b', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
+        return (h(StyledHost, { key: '03db34814fb208f95cb962dac7bbf39a7f866009' }, checkoutStore.checkoutLoaded && (h("script", { key: '1e3f05585ba986de8fe31561e889395a263ef78d', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
                 this.initializeGooglePay();
-            } })), h("div", { key: 'f0c2c019b80589e69c159e78b18e37fc5b1f5b21', class: 'google-pay-container' }, h(GooglePaySkeleton, { key: 'd2b1f727aec121ce5e71afcd4306df92a4b5dd3b', isLoading: this.isLoading }), showError && (h("div", { key: '257df18492bff1609b864b69e2fffbacfc751ead', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, h("span", { key: 'f0ece1f1ceeb2fd957ab577f848741a377c7375d', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '9139e3824de300b51b2f577fbfa77ab200b0afa5', class: 'error-message' }, this.error))), showDeviceUnavailable && (h("div", { key: 'f1bf0002a82aec202b168130729c16caeb254119', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, h("span", { key: 'de42cef5e7fd8df4f84c6b2d9429672b97e9e805', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (h("div", { key: 'a4738f6c36240efee000560acc775e431b517588', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, h("span", { key: '6987a5208a702c15081660b09bfc10360eeef922', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (h(GooglePayButton, { key: 'de09f6693db4dc60ba6529e683dc213bec8492a5', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), h("style", { key: 'ed3249a9b1f55720f6f4f29b3923ae2c6eda3431' }, `
+            } })), h("div", { key: 'dbc0bef2cc8ecc090a2e47c07857721777f2a4d0', class: 'google-pay-container' }, h(GooglePaySkeleton, { key: 'c8424c307933e7dff09f91789e5f360107ad9455', isLoading: this.isLoading }), showError && (h("div", { key: 'dc6809b02f90607f14c178adbdb55b146eb7c40d', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, h("span", { key: '5cbc697930caa6306d0a60dcbe47eb402f53787d', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '893a51db871fbb32a06c6bea5b58c46b48a1ab68', class: 'error-message' }, this.error))), showDeviceUnavailable && (h("div", { key: 'db1f743883ac3137172a298fdc8f5e0ed6b1c0be', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, h("span", { key: '5037803646e5a493cf7676a7d07918c265eabf4a', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (h("div", { key: 'c7d519a57bf52b788b5e55ebb9ae229756f72316', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, h("span", { key: 'bfd35ea4231cef3d06191fccd0e42ed5d6779261', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (h(GooglePayButton, { key: 'f4888ea57c3ac49199ffb8e0b6d4c1ba6ba84ec3', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), h("style", { key: '620c1c8a982f52d7b7793ef5ce92587eb3ec3284' }, `
             .google-pay-container {
               width: 100%;
             }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: 'def03655a2fec491cdcf915e86ce076fbce3fe2c', class: "payment-method" }, h("div", { key: '774b1eddeb552374158a085152d78f03345a56a0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '24dbc2f35760401d64eeb252b178ede3fb0631fe', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'e105805d0ea42f17a24694a52595bd8114f214f4', class: "payment-method" }, h("div", { key: '2b61c553a8c11fb1db726ac049de39d53f84a51e', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'e3987b51254c951759a5366b719ede186347d94f', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }
@@ -17,7 +17,7 @@ export class PaymentMethodOption {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -36,7 +36,7 @@ export class PaymentMethodOption {
                     "resolved": "boolean",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -60,7 +60,7 @@ export class PaymentMethodOption {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -77,7 +77,7 @@ export class PaymentMethodOption {
                     "resolved": "boolean",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -96,7 +96,7 @@ export class PaymentMethodOption {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: '38b0a855a7ad68b4c979d045a41efa20937cf476' }, h("section", { key: 'bbe4a0d26a95b0abd108370070fb861311724df8' }, h("div", { key: 'f322ecda85700c1e232b3f620b672f4eef103e97' }, h("div", { key: 'e59c6b19e0f27f7ab99380ead3f734a7e45cc1f1', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '2fae7125889051d87571d9fb7c42ad3646e3ce07' }, h("span", { key: '757941148dccea14941f6216f90af8721fbe6cb9', part: text }, "Total"), "\u00A0", h("span", { key: 'ee50f026f64df4f73e0f6b087470a2154f4d0b4b', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '28a1a324b8cdf2dea0aafe91fbdd3679482e76f8' }, h("section", { key: 'e8ffe2fdd1592a0b762647fdab94ee5e21436a93' }, h("div", { key: '099fbfb449066290cdcd113b0de5f87334777a0e' }, h("div", { key: 'c78325957b4e00299366b8e9efe6fd6e86da3b97', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'd077da888b03a34e540f66ebaa57502fe22be7c4' }, h("span", { key: 'd4f7ddd24e10302222679a9f73c3b5ed305267a7', part: text }, "Total"), "\u00A0", h("span", { key: '1f5d7b6b0cce64eea04879e7767ff87ce5a64069', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/order-terminals.js

@@ -126,7 +126,7 @@ export class OrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: 'aa60b46b6f455a6e925a835f1b558c88966b2a90' }, h("div", { key: '33361446b5b2848a0d7d4af36ff54a3be76a5779', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'c4180b5ccbfe357a9167accfcae70270df9d248a' }, h("div", { key: '2bab46cd089b8af8abb61948051eb652f57f7811', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }
@@ -140,7 +140,7 @@ export class OrderTerminals {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -159,7 +159,7 @@ export class OrderTerminals {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -178,7 +178,7 @@ export class OrderTerminals {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '97a2cdecf25e0a8a53b9d174eca5292769dc97bf', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'db71faf86a5e5d98fa143ecfafcfd7e1dd9e8f3d', class: "d-flex gap-3" }, h("div", { key: 'efe24d41d83d5b14c7787d2b06d6d3609782ef93', class: "d-flex align-items-center" }, h("img", { key: '89a439a1e1e3403a426c8e332aa0a730d5edc388', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'a1222547e632526b51c11a10060b2b94e5ee639b', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '69739f6543cfa8bc2379a8e5af56f8ecc700dcb1', class: "row" }, h("div", { key: 'e818b1b291c077366a6232c40ecf0d0a71cd9ba8', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '8c036e4d31940065825aac9af9110bdcf32d5e0c', helpText: this.description })), h("div", { key: 'b9d3301e3eb2421ea0a19b57ec47e0699a36e68b', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '5d476f607ef2ae79ba406ab9415055aa26da1d2e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '6931fcc7bbe5e57bc44d8e1582896c2d3e676a7b', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'b7d25687f5faf10bbeac701f70fe7078f5c3b71b', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '6c16fd3a1395cb82b69375f6e6fb091d42e1bd99', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'e73fe313fc49f5dd8bc8bca3180fd806747e49c3', class: "d-flex gap-3" }, h("div", { key: 'e75c2a6da1ffd955a8cab24100583ce38b4dd330', class: "d-flex align-items-center" }, h("img", { key: '7b594fe1865469d42f8254feb2c12d28b31ef989', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '18c0cd8bc776930ef9b4a4008d910f424a3bd656', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'baf639254b2680ba75f94ef4a3d75dd8f1b54e1e', class: "row" }, h("div", { key: '11a64a1e27ed0e8fbea16be80b4d4d80d7df890f', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '56335954554376a7567ee0c93788e2c59f262697', helpText: this.description })), h("div", { key: '41d72163835bbb8e4d9ad34041992c98d16bfaa3', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0ded08f5b17466ad5b8cec4368405ac4005151b7', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '908aa227cd293fd778f02cdd778af4e609a1926f', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '3d1cc03e9f3cde322632f560c5e9f149617d61fc', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {
@@ -37,7 +37,7 @@ export class TerminalQuantitySelector {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -56,7 +56,7 @@ export class TerminalQuantitySelector {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -75,7 +75,7 @@ export class TerminalQuantitySelector {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -94,7 +94,7 @@ export class TerminalQuantitySelector {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/payment-details/payment-details-core.js

@@ -48,16 +48,16 @@ export class PaymentDetailsCore {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '897f110cc1e602d25eaed1e4c7ff633761e11f8a' }, this.loading && h(PaymentDetailsLoading, { key: '2390e14caa62f12f4adcfdb50589bf17d854f853' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'da4af7a21cc4920dc3b8d72166e0d9710a8e3d14', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '6b72f81416a4d1f4be88660d86d4f7cd178bf7c1', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '8335dd749f3dc4224e605ad8f8de0efcb85ac6f1', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '7826a2307a07a7c4618c5072de941c92be442919', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'a9d7dc401d17f3e54c210dc43d575d7aa685cebb', title: "ID", value: this.payment.id })), h("div", { key: '6c8a9d26224eb8908d3f9f0d2481a9b0291ec0e8', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '275233e1c562417f4c62f19d6e486870c75f509e', sectionTitle: "Details" }), h("div", { key: '8b64a27dcf138499d05f1120b52127d056adb3ef', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '53fd8b67735b9fd79b7e1d0c6889b49d05561d2c', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'f985817210327ddb08f6995a6bb74749c74ca412', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '035ebe3c300b343baf1a6e1358ff360eb5a7ebdc', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '5476a76cb3c7f0b4f06c3d0cbc6c2b31c2e6aa30', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '93ec44f691a0103760552105b14e63e65d876cc2', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'd25eb1e7c904b4de2e713c7e5a9ac9dfc6932725', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '0f79064481e04ee543895b8c5e34b010aa47cf10', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'bfab2390b0828d8186490b929c9208a2174b194e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'd0bb93f953fa340fbc8cae5a95c8869aa368740c', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b4e838f2ad05e26e38dfff7d4497a59a18f03515', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '1aee93fd414a6b0710ee9123eaa2476e8d9c1b91', sectionTitle: "Payment Method" }),
-            h("div", { key: '4af47995db0b4dd4eacb33275304ada1d5f5a614', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '028460cb83da1828def26a84af5c03aafc69881b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '6c0108fdc8062a8c97ad4261fb5235d10a255ca1', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '036bb0a94869285ce164c580cf6a51a74f6e6a98', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '354f34777d3e302aaa42843bd2a473490d54af81', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'cb00b1f1197157cd887b32ba045f7c497a0d82f1', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '01401ded429f9fe2c83941c717923953204218eb' }, this.loading && h(PaymentDetailsLoading, { key: '505543ed71128164ba7d5ac1ca562357951360e4' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'd62ed57c75d2f9d6b32a4d59b96b2b9e8e9939d7', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'ee1f43cb2b1192ae37d391018f7d804e6b0fa0d9', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '260a255b690bd783e8fc68c82d90d7a4fb7963de', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'fd897be772f89d6844c47e14ab054527c09f3eab', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'bf98891cc4e13c4e7fd29e01928d024af21d6053', title: "ID", value: this.payment.id })), h("div", { key: '3f06dd5c5b3b1d6f1dca539bfdb52a72c8df020c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '6164cefcc2fb61389082616fdc4fc7ec7b8d1f33', sectionTitle: "Details" }), h("div", { key: '4df8363d5c68b58fe54660aa7e6875f842a008be', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6fe620cb5ae5d4632bf95c952df264e5699da010', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'f70f86511b49c5b08fb28f19cf03f89860dc9095', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a1bd126f314210ec7201cb19e962e4b7ee9c99e8', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '5e785a7a2a77c6b5d6e3a30eacd191ac0a815e65', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '924f83dd7a450d7417dfaa42ef885dc540745138', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '5a321c5f4b2920452414b97bc6c9a780a298716d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '24e473b3f2a33c82b8a4737f4ee7a55ba8d674d0', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '3c4f1e7ff03b2faa771cd286f80347af9829329f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '519b730d2f6d79c9de9bcff6958921dc9a0973d2', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'a970221ae61ce83d25feb452911e037fa83f51e5', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '35e8219f436e98343714559d86b2ac0757739c45', sectionTitle: "Payment Method" }),
+            h("div", { key: '1a65c7831e961a1acc877726eff7032fb0de221f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2bb98d67b276b12685a2ada8bcd2e4c62c06485f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '9285850e5c9d91eb6066c1774fdb6595c0c6e3a2', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'd1d05ea920ee28ab34f0e6ad390741becb842651', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'de350bf4017d16a7bcead7a1c43413f6937a9645', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '838b7f324a7bd3efb30958bd375c4d1363940884', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'a3552321a808a9925de285734c3964971ebd1fd0', sectionTitle: "Payment Method" }),
-            h("div", { key: '2839e5f7d22262403897030396cc967e699c6004', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'a553c56003fd661f070441e0c4cc54e66f755079', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'e7ea5f7cac2c0af4c7007aa7e51fb39b8148799c', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c97b78da4ad5f1ff60febed316cf742d770dd5ca', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'f6864e9c96af985f2f016c8e0e6da79ee8072f2c', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '9dcefb65517a5f275ba332e7bde20ea8a4ab7408', sectionTitle: "Payment Method" }),
+            h("div", { key: 'd154969622428be395ab6d5f31e038e1ec1e7bb3', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '534962a6c8bef47c112c87876c34dd11c0cad077', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'deb0fdcd23d235908c0094fdc0037d0ec768db7d', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '0638bbac31132f4085384d93eb4e43e6044f428c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '8f9341da52d7e9a634431879475294d03d64eebb', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'f78d841cdcd9ab97b3de6a9d10777f93e0e44606', sectionTitle: 'Metadata' }),
-            h("div", { key: '32eb14cbb95287318d1024389c6bf59ceaa2733a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '9acf835dba75070dac3cdfa4f19ea5f1d13e68a4', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '9a0ae5dfd35fcda4678dffea0336ea913ea0d0e5', sectionTitle: 'Metadata' }),
+            h("div", { key: '116cc3ebbc429a92bd57bf44b1c1e34ddcaa40ba', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '8133cc8072884e20bece0d7ef3e06838e83924f9', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }
@@ -76,7 +76,7 @@ export class PaymentDetailsCore {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -68,7 +68,7 @@ export class PaymentDetails {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -87,7 +87,7 @@ export class PaymentDetails {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '8a307277a1953bea93e7b15d2774700f07319c87' }, h(TableWrapper, { key: '1097f6a329292851cfcdd16240fa5f161f8aa7e4' }, h(TableComponent, { key: '9ae196b35c90391de0d9a31f79c732e6de991b08' }, h(TableHead, { key: 'a7eaab567c42bb2676b91259363b9c4bee2683df' }, h(TableHeadRow, { key: '461752dafb18db32ef0367d90cb1482980e92187' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5c0ce55bd2ad81de73866c869818820568233422' }, h(TableLoadingState, { key: '8a54d3632e2193576a2e5037c9d7b8a614fcd5b6', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6fab4a7cce6678a30992be71c702fab2259c2b49', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '8ab1c46ecbd0d2ed98dacf9edcd690054a90c081', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8ff1f32400ae7127af54dc72d7f004f9f47b189d' }, h(TableFootRow, { key: 'f61fb96596cfd7fb2b9c8df9abe7b93ca911f92c' }, h(TableFootCell, { key: '609114cbd75f787012c1625e0b197fd5820d054e', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '54b78b6480f2c7ee718ae9379a62e0961f8b8170', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '01c0a608fd4a423e99b7ca4352cfb10641265e50' }, h(TableWrapper, { key: 'fab4ff3b5e03fc591471495f0612446e29c73e10' }, h(TableComponent, { key: '68109105aa6b07d24685fa9cd8b31b21ad29a291' }, h(TableHead, { key: '6b6f6480c9b53849911f9f6793def2391fe30a76' }, h(TableHeadRow, { key: '652f0a6e4b14e87d26c17f7cc0239a055fb90120' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3691fe4999a6f04dea3c54360455ab2b71202ad1' }, h(TableLoadingState, { key: '9ac9036cb1e49c414cbf74fc8bf2a5189ca1572b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '43dce9e05f58cb9dd96aadfbfffdc83c500a1187', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'd8f2115ad0f5c5774ac9e92bc7de13be32b2fb7c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '097f60501ad280a9e02b18503ba56073ea3d610c' }, h(TableFootRow, { key: '7a3160a4506bdbca0ad57733650619335f56e27b' }, h(TableFootCell, { key: '8361c753867c2b1f99ad27d5f3c187d2b2228ee6', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f6eb2d3edb53aaff1fb9448be2f5e47cb0a6dd8f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }
@@ -105,7 +105,7 @@ export class PaymentTransactionsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -124,7 +124,7 @@ export class PaymentTransactionsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/payments-list/payments-list-core.js

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'd1835e29713b4e898eb0360bfcbd66f0bea0adf2' }, h(TableComponent, { key: 'd017b046fba909fa4f75ef397864f88efcb53c44' }, h(TableHead, { key: 'ecb800c2cea73b3bebcc0f3d712c3fe2f2bc984b' }, h(TableHeadRow, { key: '1d1265e3fa2800020e5bad43e8f388d440d0edca' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'cb1db03ab0d90119a50ce72c8b266cf8b842fd00' }, h(TableLoadingState, { key: 'd813568fc6c46f45cea6c569cb9718794f08363c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7098219b76eacd775fc9e6bd23405fe4474f1ee4', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7e9eb58438419f3cb52830ddba399aaba228962e', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '4c47f2929bd54d87fe9c9d85e25ac2ff73fb3312' }, h(TableFootRow, { key: '749e0e604319a50388ae2357fc9b9a6c55f958dd' }, h(TableFootCell, { key: '7d411e1f8b95d72cd30f8348c7a9bc831ba58540', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '66399288373d1539bd8f9e09bc02513b84d7ce82', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'eb58d94f9f02d02bf56853584b2b12aee0f0dca9' }, h(TableComponent, { key: '7e7c87dcf9e29d794c08e92651e1193fe3d7c43d' }, h(TableHead, { key: '72b94512ebd04d2e335ab367243ff6592498e8d4' }, h(TableHeadRow, { key: '6bdadafc7fd2c2a4923863e210200c7f420b1fca' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '1caebc2a526ba1ffd644ef96b405fb24e91d34e1' }, h(TableLoadingState, { key: '4044eeb77a3d4fff96581606e0ea8d2b1b13e361', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '32a36ee549168ca1e2004c6a99536e74be682b82', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'e758a6866400f50a092750ee44a0f3119b3aeb1f', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'aa36701c1221977bc66e4f47d4bc2dce135bbd2c' }, h(TableFootRow, { key: '9ac2f55f7a6415a32def730f6208b1f9a6ff2356' }, h(TableFootCell, { key: '6abc831c8425a7f637cb3f6af9fccf0d83a61210', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '863948eab08693a881603199c7d964543b3bd455', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {
@@ -101,7 +101,7 @@ export class PaymentsListCore {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -118,7 +118,7 @@ export class PaymentsListCore {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/payments-list/payments-list-filters.js

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'd70609f15429149e680ec8a6639daddc2f406292' }, h("table-filters-menu", { key: '269e119f2ff71c88619c4880259369402cca8333', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'e78ce4dcf8459ff1f89387f65fa535d476c7bf38', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3ae16db403cea6696f70453eca9061d5df7059a1', class: "p-2" }, h("form-control-text", { key: '0c1f547fd443777948efa0e2227c7b31cc7c4b88', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a15f9a061bfb36869218c7db37794230272a91d9', class: "p-2" }, h("form-control-text", { key: 'af182352bdf23763f23eb45eb3a0d96fc67e9ce2', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '73347a52d9ee6214718cfcb664ff2455ebb57a50', class: "p-2" }, h("form-control-select", { key: '953f2d385966967e21cd028eed1240700a42a6fb', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '4d788fb9096dd74fea5aca82f86cd1fef2ec3b0d', class: "p-2" }, h("form-control-date", { key: '893959a1bc4eb202fc1255b9abc7e6767ae3d22e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '44a0fba41fb3cff8de9397a2437f9edf685743e8', class: "p-2" }, h("form-control-date", { key: 'e96f980242e313b55f7b6d379d813faedd0dee2d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'b15957bb15b290d70e7861c34050677fabd9264d' }, h("table-filters-menu", { key: 'df4025d8caf104173172efa54452fb0d55c01c2a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c02dd26d5abb1d3fe60496f12a119ad5c88131a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dcf37cf67a1778511554079ead35eb8291d87798', class: "p-2" }, h("form-control-text", { key: '6d788162b3b1f909ac57613e45b45e750535ee3d', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '375b1391dd75fe06853ff956cf2f0d91bc2518d2', class: "p-2" }, h("form-control-text", { key: '2199451d90e6700f43d2b36d32266c3ab4ae9bd1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f7bbcda32b31b5bbba4d7989abcdef277f20f063', class: "p-2" }, h("form-control-select", { key: 'a1cba32a8ed38289b6ab742f9fef56197d982c50', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '680861d7bd03ee4e44bd52f6aa824fe8852d9ead', class: "p-2" }, h("form-control-date", { key: '30edd201892f53356092530cd354105f031cbd09', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '7825e4f52adf5ef3c1eece2e9b1daa29b637ee14', class: "p-2" }, h("form-control-date", { key: 'a7e7e98599926d4d5fd10e589ba80b09cd30f65c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

package/dist/collection/components/payments-list/payments-list.js

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '171935cc29253ff76262498183fd0f3a0f4a7eef' }, h("payments-list-core", { key: '71be865f5035b6db46f4b97a3a36f08391de4f58', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'dacd185484da020c13c83796ae4b0cfc62d0e24d' }, h("payments-list-core", { key: 'c57ef13bb93c1c168e96053f3ca0efad460a39f6', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }
@@ -60,7 +60,7 @@ export class PaymentsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -79,7 +79,7 @@ export class PaymentsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/payout-details/payout-details-core.js

@@ -64,9 +64,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'bce8893748b454d55c8d2651f0decaf24f9d23f0' }, this.loading && h(PayoutDetailsLoading, { key: '6779860e9708f71da7466911a23e4b6bae082f33' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'bc148d8ac046381a625f1ca46061f2d1038cd962', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '08a12c76478d3c877b27cbc778e8d8946bfd4f61', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'eed2fc60701ee7a63316fc107071ce1b0f8a7887', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '47256f8c5220bd891e015b66deeeada1d8686896', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '55768b182ed868f01ecc13a17760ba3e50be406c', title: "ID", value: this.payout.id }), h("div", { key: '3a3eb255b1dc769c48123b0290d2e326beb05486', class: "m-4" }, h(Button, { key: 'ad8109745fb5266e908ce46b7997880679eef419', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'dd04956b57d3fc8f8a2ab04e3773cedbdc609e7e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ad19ec1078837f472f09adafc6de1bb285774a57', sectionTitle: "Details" }), h("div", { key: '2abbe66f3c1fb693d108e625b224d2abd2c79856', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'bedfc199018c36d5f5e2bc397be7145486e88b06', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '0abebcb95d22281fd711e282e91e0a946a8aa9d9', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'a65008e3edc341a951e68335d6302258cb0423c0', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '62284db58bb08fa8ec78380d226c551c1c40aa5c', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '657392699e94a0ca8a7f114c0b94bb7fe2a863fd', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'dd553173a96aa066585c42e274b5397ce32f12c8', sectionTitle: "Account" }), h("div", { key: 'a078180c0e26466aa95b7e627b3f0ae0157f88fd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8fc8379e47bea1c18e39ec526587eebc11a63233', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '9caec1c44313a19192a025968ff2055e9871cd2c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f3e0eec504eff9831aea0258d136224c5331b77e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'd9f4e1cf8ceec76af0992e4774d098120af1ecd7', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '5cab1bcc2be4c60412ef3f7263ac700a4b0a127b', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'ad8a029e6f19bb586b6f124160bc565a07ef7515', sectionTitle: 'Metadata' }),
-            h("div", { key: '2ad3cb860977116929da7b475787c90e0202e7ad', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ceab82b2cab61a721af79a62b7e4fe0f6c2035e6', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '7a7191c999fb793ad3afdd44710438f6c80ab48c' }, this.loading && h(PayoutDetailsLoading, { key: '4197820f0b0280a2018aaf686e4a5e12fa4ab81e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '43386641b5113e274e2f9fd803711e0db58712bb', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '5b2d5bf456105e4fe28d13caa31d44032ffd884c', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'd2603ef693702274d127b3dca97628581805fa1b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cee7afc04d1b2e8a618e659da5c021d1a6ad2fdd', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '65d1d3048b6e6e98e257cd4c3f459605ae4a5f68', title: "ID", value: this.payout.id }), h("div", { key: '90541e64b6c783152dd1588f541515e745e5af4e', class: "m-4" }, h(Button, { key: 'db9385003966ad389b5369114828c26a50a4b91c', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '69dc3456c3899ec06011559bc94196f2e0eb57a8', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3f791e25a054482ae9185a1b1c82c842e863602b', sectionTitle: "Details" }), h("div", { key: '3f19d1040a6d19fdbacc506d1417d02bdb5a1620', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'e31c16a5f89bea5df800b420cafcb243c851bbe2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'f49cc91db6d80d830e75cb71f103af7d979629de', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '992df68f14fdeb4bc6944fb72d557fc8af6d6e6e', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '8c5a9fde79b9e7fd2956d4645affd43e9d895ad9', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '97da8d2a9fb16ecd45afc3b4d576e5ae0fcc8413', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '67f7192019b347c0aa8a74ff7ab748dbd5f3aec8', sectionTitle: "Account" }), h("div", { key: 'af8a5d77cca9e9e3c8ac75eb215a7fde9ea8a963', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '36c30de2523d36233bda5276683472d2729cd93c', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '3004ac18c5946efcda4959d1e2ca396c102c95ba', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '846ed7737a61eff783024906e91d004b32ac99b2', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '16e4c9b098db8c86e8612aba9d0316e691a187a1', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '55164cdc8fc1ddbcbd10f706979e8b2e6e9bcbcf', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'c38ba6b9b270d60bfc681f84a87bdcfffbde5b9c', sectionTitle: 'Metadata' }),
+            h("div", { key: '301869facf7d4596ed08d40906f0720123f42644', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'e404d80ff5b40de0de2ca086b9e381b70d9f821b', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }
@@ -85,7 +85,7 @@ export class PayoutDetailsCore {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -107,7 +107,7 @@ export class PayoutDetailsCore {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -67,7 +67,7 @@ export class PayoutDetails {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -86,7 +86,7 @@ export class PayoutDetails {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '8c59c0783d3d77d1e4101ee52cf1df932f35c436' }, h(TableWrapper, { key: 'c1c05be0dc6e1aff5874777f57c961e65d484463' }, h(TableComponent, { key: '3ac2ed7f128d96443ba47a33628012c380ee3cc8' }, h(TableHead, { key: '01ad306c5c2336ef70b6de8df8afe11e4aaea853' }, h(TableHeadRow, { key: 'e7df4606ff90f549c6909ce62869be064cf65e44' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '01e49a1b4a04028c133079aee90a1ab75c69debf' }, h(TableLoadingState, { key: '73ff57f00ad0b36bc20ce25c191f2a59b9412984', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '43deaa2102856c17bdc990847e4246b5cba33aa4', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c0096e0dd83a313e54df516a4959172edb2bf9a2', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '0c337d21c169b74123afe93432bb70059d7c20f4' }, h(TableFootRow, { key: '736325de92a1462dea67950c2a15a54906894bab' }, h(TableFootCell, { key: 'd71681536976869a146417945d461da154d7364b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2f3d4d05a5522c0ac4314ee15f5083bc919e0164', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0a993aa9157e9ea6f75a4c745dd2751ab22d0623' }, h(TableWrapper, { key: '56a300b72bb39bf9aa4d9829f1634e5a48b71b15' }, h(TableComponent, { key: '7d3f9fc3159ea7568bd2904ed74a5d90198eecb7' }, h(TableHead, { key: '106703b0ed82206aca0b18a1217fbdad9316cca0' }, h(TableHeadRow, { key: '3d01490dc673358566747dd3aac4c61d1f8681f9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1bf3cc192ef3434ff4626390f33361a984e276f' }, h(TableLoadingState, { key: 'edaf059907492b9911bfe11f6ae476711db7200f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b75807ecc951d0e62993b905246c3e58d676bb7c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7d759684cb4f42733028e734479ba2000495dcee', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a657e7edf27d011926e2228b7a55ba6fb05f9dff' }, h(TableFootRow, { key: 'c1c592833f527432b53d42cca3a70637065b1918' }, h(TableFootCell, { key: 'b4dba89aa35e7632a9442ad3e804cdd3946377f7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '935a7f48b344774fb6058de565a135ae70deb80e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }
@@ -109,7 +109,7 @@ export class PayoutTransactionsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -128,7 +128,7 @@ export class PayoutTransactionsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],