npm - @justifi/webcomponents - Versions diffs - 6.1.0-rc.3 → 6.2.0-rc.1 - Mend

@justifi/webcomponents 6.1.0-rc.3 → 6.2.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (606) hide show

package/dist/cjs/justifi-order-terminals.cjs.entry.js CHANGED Viewed

@@ -1,26 +1,26 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var index = require('./index-Bhtk1qkX.js');
+var parts = require('./parts-Pb06tUMp.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var business_service = require('./business.service-Bv9o99Ll.js');
+var business_service = require('./business.service-DRZurAMP.js');
 var Business = require('./Business-DWHy_-z9.js');
 var getBusiness = require('./get-business-D9ZHyPem.js');
-var skeleton = require('./skeleton-DlPP4i_w.js');
-require('./config-state-BeZM7X7J.js');
+var skeleton = require('./skeleton-BvdAh448.js');
+require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var terminal_service = require('./terminal.service-bxQnc1JY.js');
-var utils$1 = require('./utils-ChCUZgUy.js');
-require('./package-CVxkAS_m.js');
-require('./Api-DqzbA2qk.js');
-require('./index-D-CfIyoF.js');
+var terminal_service = require('./terminal.service-BlW-CJ67.js');
+var utils$1 = require('./utils-Bab-tddY.js');
+require('./package-BADgkv50.js');
+require('./Api-CjtvTD2_.js');
+require('./index-CWM5ions.js');
 const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
 const OrderTerminalsLoading = () => {
@@ -203,7 +203,7 @@ const OrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '41e37a4d39c62a70af04300f4075e3504ad0bfb7' }, index.h("div", { key: 'b3c3ccac39a5b7a6c70af5fd328291454ddf10e0', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: '186ee09b809f108e55ee4cea14968bd8acaefa93' }, index.h("div", { key: '902be700759e8354638931671dc8ec563fcd7868', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };

package/dist/cjs/justifi-owner-form_3.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-Bhtk1qkX.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-Bv9o99Ll.js');
+var business_service = require('./business.service-DRZurAMP.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
 var Business = require('./Business-DWHy_-z9.js');
 var businessIdentitySchema = require('./business-identity-schema-Cd0tvfJr.js');
-var button = require('./button-_YJuE8cy.js');
-var parts = require('./parts-9jMf1erK.js');
+var button = require('./button-gPNZ9XRn.js');
+var parts = require('./parts-Pb06tUMp.js');
 require('./event-types-YOY5TKUN.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
@@ -15,12 +15,12 @@ var inputHandlers = require('./input-handlers-D6QMwPTB.js');
 var countryConfig = require('./country-config-MCOhn8o3.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./utils-DvUQQLmR.js');
-require('./Api-DqzbA2qk.js');
-require('./config-state-BeZM7X7J.js');
-require('./index-D-CfIyoF.js');
-require('./utils-ChCUZgUy.js');
+require('./Api-CjtvTD2_.js');
+require('./config-state-C7babhLh.js');
+require('./index-CWM5ions.js');
+require('./utils-Bab-tddY.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-BPSBtjQC.js');
+require('./Refund-BnhHNKLz.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
 require('./_commonjsHelpers-BJu3ubxk.js');

package/dist/cjs/justifi-payment-details.cjs.entry.js CHANGED Viewed

@@ -1,34 +1,41 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var payment_service = require('./payment.service-DODmonNs.js');
-var getPaymentDetails = require('./get-payment-details-BHPHzSkH.js');
-var utils = require('./utils-C6mfHWv-.js');
+var index = require('./index-Bhtk1qkX.js');
+var payment_service = require('./payment.service-1t60I69m.js');
+var getPaymentDetails = require('./get-payment-details-AYzxPu-X.js');
+var utils = require('./utils-CUcA4G_O.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
-require('./Api-DqzbA2qk.js');
-require('./config-state-BeZM7X7J.js');
-require('./index-D-CfIyoF.js');
-require('./utils-ChCUZgUy.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
+require('./Api-CjtvTD2_.js');
+require('./config-state-C7babhLh.js');
+require('./index-CWM5ions.js');
+require('./utils-Bab-tddY.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-BPSBtjQC.js');
+require('./Refund-BnhHNKLz.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./utils-DvUQQLmR.js');
-require('./parts-9jMf1erK.js');
-require('./package-CVxkAS_m.js');
+require('./parts-Pb06tUMp.js');
+require('./package-BADgkv50.js');
 const PaymentDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
+        this.recordClickEvent = index.createEvent(this, "record-click-event");
         this.errorMessage = null;
         this.paymentService = new payment_service.PaymentService();
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
+        this.handleRecordClickEvent = (event) => {
+            this.recordClickEvent.emit({
+                id: event.detail.id,
+                type: event.detail.type,
+            });
+        };
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -64,7 +71,7 @@ const PaymentDetails = class {
         if (this.errorMessage) {
             return utils.ErrorState(this.errorMessage);
         }
-        return (index.h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
+        return (index.h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent, "onRecord-click-event": this.handleRecordClickEvent, "enable-record-click": "true" }));
     }
     static get watchers() { return {
         "paymentId": ["propChanged"],

package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-Bhtk1qkX.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var Business = require('./Business-DWHy_-z9.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
-var header1 = require('./header-1-Da7oKhXY.js');
+var parts = require('./parts-Pb06tUMp.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
+var header1 = require('./header-1-D3r87SC6.js');
 require('./event-types-YOY5TKUN.js');
 var eventTypes = require('./event-types-DNOUef41.js');

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js CHANGED Viewed

@@ -1,20 +1,20 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var index = require('./index-Bhtk1qkX.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-Bv9o99Ll.js');
-var Api = require('./Api-DqzbA2qk.js');
-require('./Refund-BPSBtjQC.js');
+var business_service = require('./business.service-DRZurAMP.js');
+var Api = require('./Api-CjtvTD2_.js');
+require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-CVxkAS_m.js');
+require('./package-BADgkv50.js');
 require('./utils-DvUQQLmR.js');
-require('./config-state-BeZM7X7J.js');
-require('./index-D-CfIyoF.js');
-require('./utils-ChCUZgUy.js');
+require('./config-state-C7babhLh.js');
+require('./index-CWM5ions.js');
+require('./utils-Bab-tddY.js');
 require('./dinero-BwNN_k7x.js');
 const api = Api.Api();

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js CHANGED Viewed

@@ -1,25 +1,25 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-require('./config-state-BeZM7X7J.js');
+var index = require('./index-Bhtk1qkX.js');
+require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
 var utils = require('./utils-DvUQQLmR.js');
-var payment_service = require('./payment.service-DODmonNs.js');
-var table = require('./table-CAWBqvW5.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var payment_service = require('./payment.service-1t60I69m.js');
+var table = require('./table-Ccg4k90C.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var utils$1 = require('./utils-ChCUZgUy.js');
-var parts = require('./parts-9jMf1erK.js');
-require('./index-D-CfIyoF.js');
-require('./package-CVxkAS_m.js');
-require('./Api-DqzbA2qk.js');
-require('./spinner-BNWG01hP.js');
+var utils$1 = require('./utils-Bab-tddY.js');
+var parts = require('./parts-Pb06tUMp.js');
+require('./index-CWM5ions.js');
+require('./package-BADgkv50.js');
+require('./Api-CjtvTD2_.js');
+require('./spinner-Rt52JMa2.js');
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -182,7 +182,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '6cc5f2b4912082a551a3b70e5ed4195dcc377849' }, index.h(table.TableWrapper, { key: '5cfd24668cb55784d13e8c8d7dc9fe0a43e4bc4a' }, index.h(table.TableComponent, { key: '32ad4a5ddda0f27f114e2e1f71bb4e7a6664e94e' }, index.h(table.TableHead, { key: 'ea55561dbcf19bc5a9e23045990dddcafc127a6e' }, index.h(table.TableHeadRow, { key: '3d7f488dc283c2a1ade1029863da769a78c5164c' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '038b3a0bb90c0f088e080ae87d966ad967a0d575' }, index.h(table.TableLoadingState, { key: 'f7716a4a9a19cfd6ec35a00a37f72ab3dac98c23', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '463a993922fb69facece2a878d9ea845450c0456', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '84869759e0d89316c7d1c29132bb3163738f267a', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'f46a1e7a318e6d3a5575397609cc8490c7835b2e' }, index.h(table.TableFootRow, { key: '7c5302050f562a64507f75fe5b72d8f474a35465' }, index.h(table.TableFootCell, { key: '69e4d5d2c3def6cdc394ce17f63571f3e952668a', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '933233e9f47b4dfc4008e946c14760c13bdfa4b7', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: 'f5a7946c22e065b9fb73c42f2e8bd338fe9f5b75' }, index.h(table.TableWrapper, { key: '3cac49cde086dc78b15583ab2725a6196987c123' }, index.h(table.TableComponent, { key: '7588b31adad3bd0804a95a61e656af24faf21857' }, index.h(table.TableHead, { key: '56d2e0f7b65f621e23db4f04b1768427553d077b' }, index.h(table.TableHeadRow, { key: '7be2399aa3dda6337c94e4e9d95e1d1d73b0702e' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'e30961bb03921a1cb491c7fcd09df51eafbad3a6' }, index.h(table.TableLoadingState, { key: 'c26d53a4901ce5e3e42ff05ad627f08020a7a71c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '5ed524b2d07316bad2814328f02ddefe1f263fc6', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '99cf81edbf8fde0cf96c55f62bd9dca3342d958d', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '816ce49013c603d64af1b8534e062df6dabde41b' }, index.h(table.TableFootRow, { key: '96786a7547c39275184c44d7da55069802ca8c22' }, index.h(table.TableFootCell, { key: '204328804873c7ff440cbeb889948dc0365d508c', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '4a4ecc86248e59d8e5cf3982a49abf514fe073a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/cjs/justifi-payments-list-filters.cjs.entry.js CHANGED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-Bhtk1qkX.js');
 var lodash = require('./lodash-CvSCBJ_8.js');
-var paymentsListParamsState = require('./payments-list-params-state-ARjo40Y9.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var paymentsListParamsState = require('./payments-list-params-state-BYpq-c6X.js');
+var parts = require('./parts-Pb06tUMp.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 require('./event-types-YOY5TKUN.js');
-var utils = require('./utils-ChCUZgUy.js');
+var utils = require('./utils-Bab-tddY.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-D-CfIyoF.js');
+require('./index-CWM5ions.js');
 require('./dinero-BwNN_k7x.js');
 const PaymentsListFilters = class {
@@ -51,8 +51,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '4764d9aea618aa059382add95cb7b9a6307688fe' }, index.h("table-filters-menu", { key: 'e557e4d94265a35d0bc24afb819fc11b68c64c72', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: 'd147fe90eaa9a351b8fd7bbc26c81140bdd2736f', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '55adb0f22e03ff1a4cb7adc796349785e2318b71', class: "p-2" }, index.h("form-control-text", { key: 'fb5037d0431b2df8a9a18a4a872599c10d893045', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: '5500043157e0ebdde2e8781f9efef90e05d5adca', class: "p-2" }, index.h("form-control-text", { key: '116692d8ca95dd90c33cf6e3da6f2d1d6f3b0729', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: '3467ff316de211617b8b2549b41b7731ab12b44e', class: "p-2" }, index.h("form-control-select", { key: '0c60bb386acbd75ef0b9b743337d38801281bf07', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status, disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '8eccc7f8bde0ec94ba75da04d13ef5c57bcdd287', class: "p-2" }, index.h("form-control-date", { key: 'f1f8efe669fc3cff55773589a5b86072e1e08b64', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: '7e99c77eb11a715be373b26a35967abc7047d362', class: "p-2" }, index.h("form-control-date", { key: '92df3e401316750a69beb42beadd958ea5fcc560', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '0adcc6585575f955f2da15bcff6aee5f86e4d5ac' }, index.h("table-filters-menu", { key: 'c18193011732c8a20a8428d58d02dc3c6f8ccdd1', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: '4ae0b3c0941e539e5a83256abcb8b09173931838', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'b6cce3bc50c382bf1a00496bab05e8d9145fd8e3', class: "p-2" }, index.h("form-control-text", { key: 'b64ad1aef1e61d0659ea1940d1799f14710412e6', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: '298e6738733cceb0b62a05676f295cb8c6ef0750', class: "p-2" }, index.h("form-control-text", { key: 'c3a5b4333be0c4d330869cbe8b4148c2ff676e43', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: '3963977c199426f2c8c9a99ed2d6da89874a9a43', class: "p-2" }, index.h("form-control-select", { key: '8800c5cc708d493a1d07469ec61252ce3e3f3a24', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '64fbcb0188aa796929bd29bb43193f613c0c7449', class: "p-2" }, index.h("form-control-date", { key: 'dfbec3d2cdae9fcd06769bebf27829ca2665849f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: '8ef26354ecc90302685d0c131dcbef482ab3e4c3', class: "p-2" }, index.h("form-control-date", { key: '612e747ed2d5576db931892640080103f67deece', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(paymentsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.createdBeforePaymentsListFilterParam }))))));
     }
 };

package/dist/cjs/justifi-payments-list.cjs.entry.js CHANGED Viewed

@@ -1,26 +1,26 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var payment_service = require('./payment.service-DODmonNs.js');
-require('./config-state-BeZM7X7J.js');
+var index = require('./index-Bhtk1qkX.js');
+var payment_service = require('./payment.service-1t60I69m.js');
+require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 require('./event-types-YOY5TKUN.js');
-var paymentsTable = require('./payments-table-BcZ6U6p8.js');
-require('./Api-DqzbA2qk.js');
-require('./utils-ChCUZgUy.js');
-require('./index-D-CfIyoF.js');
-require('./package-CVxkAS_m.js');
-require('./payments-status-5IzqwLep.js');
-require('./badge-BJVdpSU-.js');
-require('./parts-9jMf1erK.js');
+var paymentsTable = require('./payments-table-BGuCOPTJ.js');
+require('./Api-CjtvTD2_.js');
+require('./utils-Bab-tddY.js');
+require('./index-CWM5ions.js');
+require('./package-BADgkv50.js');
+require('./payments-status-CnNXcRLO.js');
+require('./badge-CE3ss_OU.js');
+require('./parts-Pb06tUMp.js');
 const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
@@ -96,7 +96,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '25843c991e12a0fde88d834ec92997567fd27f77' }, index.h("payments-list-core", { key: 'b06e45a3d24dcc2b44117d295bcc453bf20b3d46', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '600a899641ac8e2bbada4cc2f7f5c8477f16f5c9' }, index.h("payments-list-core", { key: '903ca5197fd56b9f0dfb141d09f92e27cd35f651', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-payout-details.cjs.entry.js CHANGED Viewed

@@ -1,23 +1,23 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var payout_service = require('./payout.service-Do8DxBxe.js');
-require('./config-state-BeZM7X7J.js');
+var index = require('./index-Bhtk1qkX.js');
+var payout_service = require('./payout.service-CQEXfufW.js');
+require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var utils$1 = require('./utils-C6mfHWv-.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var utils$1 = require('./utils-CUcA4G_O.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
 var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
-require('./Api-DqzbA2qk.js');
-require('./utils-ChCUZgUy.js');
-require('./index-D-CfIyoF.js');
-require('./parts-9jMf1erK.js');
-require('./package-CVxkAS_m.js');
+require('./Api-CjtvTD2_.js');
+require('./utils-Bab-tddY.js');
+require('./index-CWM5ions.js');
+require('./parts-Pb06tUMp.js');
+require('./package-BADgkv50.js');
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -52,6 +52,7 @@ const PayoutDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
+        this.enableRecordClick = false;
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -96,7 +97,7 @@ const PayoutDetails = class {
         if (this.errorMessage) {
             return utils$1.ErrorState(this.errorMessage);
         }
-        return (index.h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent }));
+        return (index.h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent, enableRecordClick: this.enableRecordClick }));
     }
     static get watchers() { return {
         "payoutId": ["propChanged"],

package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js CHANGED Viewed

@@ -1,25 +1,25 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var configState = require('./config-state-BeZM7X7J.js');
+var index = require('./index-Bhtk1qkX.js');
+var configState = require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
 var utils = require('./utils-DvUQQLmR.js');
-var payout_service = require('./payout.service-Do8DxBxe.js');
-var table = require('./table-CAWBqvW5.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var payout_service = require('./payout.service-CQEXfufW.js');
+var table = require('./table-Ccg4k90C.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var utils$1 = require('./utils-ChCUZgUy.js');
-var parts = require('./parts-9jMf1erK.js');
-require('./index-D-CfIyoF.js');
-require('./package-CVxkAS_m.js');
-require('./Api-DqzbA2qk.js');
-require('./spinner-BNWG01hP.js');
+var utils$1 = require('./utils-Bab-tddY.js');
+var parts = require('./parts-Pb06tUMp.js');
+require('./index-CWM5ions.js');
+require('./package-BADgkv50.js');
+require('./Api-CjtvTD2_.js');
+require('./spinner-Rt52JMa2.js');
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -187,7 +187,7 @@ const PayoutTransactionsList = class {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '35037a26a2ad1df0d5580bc9cbdf678b68d75703' }, index.h(table.TableWrapper, { key: '98cccf52e705665e09aa1b203f745c93ab6fa0b9' }, index.h(table.TableComponent, { key: '7280cc3d85164c2b0433cf54e66f747d9bda8293' }, index.h(table.TableHead, { key: '180eb9f41e8dabc002ff69e5a6b6b36b46a6a6ce' }, index.h(table.TableHeadRow, { key: 'b1b9fa3bce94622657619b5652c27d2b2f4c75f1' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'ab53e54503eff3e104249160e043aa4050b9a2ed' }, index.h(table.TableLoadingState, { key: 'e178b2af718b595e9e3bb865f29b0db27d5a597b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '4d17644347644ce12b168ec002e70ab49095eb70', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'c941389bfda963a3e607bed76d81d9d3d79e7ca3', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '87277e41a96e5f2bf20e71363c79bc7afbec948c' }, index.h(table.TableFootRow, { key: '43d1e1bc876e6f954592277dbd74e55252845172' }, index.h(table.TableFootCell, { key: 'a11739b6f62786e537a94519b145c6d416786e3c', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '80e172cce8cd3ffd76caaa9c8bc20fbfc7dc76f5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: '9db64637291d99ace8fe5a0de8edc3053aefd974' }, index.h(table.TableWrapper, { key: '3b30494814b617574b58a605c85f7a8f230a70ae' }, index.h(table.TableComponent, { key: '966d5ca72315c7f5e9ed427a9a460f31e8de1a3c' }, index.h(table.TableHead, { key: 'aa3e49564fae46dd1a6f5e27b139ae08643e6d09' }, index.h(table.TableHeadRow, { key: 'c39ff750c941e243bdf74dd8f7281dc6e96256aa' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '78c00d108262a447890037f9ebdcacc96e47f58a' }, index.h(table.TableLoadingState, { key: '14c4181b5b5f162e23344df06f875b8202dd4853', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '9512b212d3afb4bca142b74c32968ca1b42affdc', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'f37e7baa18a07f197bda346f1457217a61cb63df', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '059923133e682bb04bbcf2020d2437e6bf1cb38c' }, index.h(table.TableFootRow, { key: '123caa479d333289bb4068ca2b85e3502057e4b3' }, index.h(table.TableFootCell, { key: '888276973e50a1b4335b107dfc67d00abedcc11a', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'e81b1dacaa7b455bcd00df82b6f2b4035dea60f8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/cjs/justifi-payouts-list-filters.cjs.entry.js CHANGED Viewed

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
-var payoutsListParamsState = require('./payouts-list-params-state-ARjo40Y9.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var index = require('./index-Bhtk1qkX.js');
+var payoutsListParamsState = require('./payouts-list-params-state-BYpq-c6X.js');
+var parts = require('./parts-Pb06tUMp.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 require('./event-types-YOY5TKUN.js');
-var utils = require('./utils-ChCUZgUy.js');
-require('./index-D-CfIyoF.js');
+var utils = require('./utils-Bab-tddY.js');
+require('./index-CWM5ions.js');
 require('./dinero-BwNN_k7x.js');
 const PayoutsListFilters = class {
@@ -33,8 +33,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, payoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '93d251d08587d0e4a39f5e0361f642fdb25e682e' }, index.h("table-filters-menu", { key: 'be80812190551197cfaf82c45a696bcbf8e1830d', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: '983f3ff96bcddbda7e1a39f2c19d7886b5bad4f2', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'cb352ea18d854ab8a77361e544cbbbecf69baa58', class: "p-2" }, index.h("form-control-date", { key: '1c628e9d5be7d4c43b2a316a4bccbf4ee41f8652', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'd0649f25048043fbd6d12aa658162c4dbd084d75', class: "p-2" }, index.h("form-control-date", { key: '80550ba47ecdb6743d29ab9fb8ca66567992f91e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '2a4183abf17b63f6f0f4edf0484b4addec69e826' }, index.h("table-filters-menu", { key: 'e92d4af94c74e041203ff7041da5b751735f0e3f', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: 'd9747a0d596af183bdea79ba96bde7676bfa7bc9', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'd6d13d3c97e1c881636077a93144112a472394ce', class: "p-2" }, index.h("form-control-date", { key: '050f07a08ef83da2252486b47bb712a56eb72547', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'a7176e2b809ee60e0e9c6045dde062f0fdb583aa', class: "p-2" }, index.h("form-control-date", { key: '94940ac440b5eabac008d7931e861584d59d5426', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 utils.convertToLocal(payoutsListParamsState.filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: parts.createdBeforePayoutsListFilterParam }))))));
     }
 };

package/dist/cjs/justifi-payouts-list.cjs.entry.js CHANGED Viewed

@@ -1,28 +1,28 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-Bhtk1qkX.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
-var payout_service = require('./payout.service-Do8DxBxe.js');
-require('./config-state-BeZM7X7J.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
+var payout_service = require('./payout.service-CQEXfufW.js');
+require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
-var getSubaccounts = require('./get-subaccounts-Bw76aYu0.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var getSubaccounts = require('./get-subaccounts-C_KD197w.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 require('./event-types-YOY5TKUN.js');
-var payoutsTable = require('./payouts-table-Cn_cCCOY.js');
-require('./package-CVxkAS_m.js');
-require('./Api-DqzbA2qk.js');
-require('./utils-ChCUZgUy.js');
-require('./index-D-CfIyoF.js');
-require('./payouts-status-D38A6UrI.js');
-require('./badge-BJVdpSU-.js');
-require('./parts-9jMf1erK.js');
+var payoutsTable = require('./payouts-table-DXekpbYc.js');
+require('./package-BADgkv50.js');
+require('./Api-CjtvTD2_.js');
+require('./utils-Bab-tddY.js');
+require('./index-CWM5ions.js');
+require('./payouts-status-2na6MMgV.js');
+require('./badge-CE3ss_OU.js');
+require('./parts-Pb06tUMp.js');
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -110,7 +110,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fb38191d2ab5c59dee8261a9ca5116e574f721fd' }, index.h("payouts-list-core", { key: '8e24bf8753a52c1faa41ee60330f9da4372afdd0', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: 'e60de76d4e20f1fdf4d4b8ad40f1f7dcac414d83' }, index.h("payouts-list-core", { key: 'a950432f1eff844de876fd69b60f1f3702db7838', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-refund-payment.cjs.entry.js CHANGED Viewed

@@ -1,28 +1,28 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-Bhtk1qkX.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var utils = require('./utils-ChCUZgUy.js');
-require('./config-state-BeZM7X7J.js');
+var utils = require('./utils-Bab-tddY.js');
+require('./config-state-C7babhLh.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var button = require('./button-_YJuE8cy.js');
-var styledHost = require('./styled-host-DSpt9LtB.js');
+var button = require('./button-gPNZ9XRn.js');
+var styledHost = require('./styled-host-BSooSIhA.js');
 require('./event-types-YOY5TKUN.js');
-var payment_service = require('./payment.service-DODmonNs.js');
-var getPaymentDetails = require('./get-payment-details-BHPHzSkH.js');
-var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var payment_service = require('./payment.service-1t60I69m.js');
+var getPaymentDetails = require('./get-payment-details-AYzxPu-X.js');
+var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
-var Api = require('./Api-DqzbA2qk.js');
-var skeleton = require('./skeleton-DlPP4i_w.js');
+var Api = require('./Api-CjtvTD2_.js');
+var skeleton = require('./skeleton-BvdAh448.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./dinero-BwNN_k7x.js');
-require('./index-D-CfIyoF.js');
-require('./parts-9jMf1erK.js');
-require('./package-CVxkAS_m.js');
+require('./index-CWM5ions.js');
+require('./parts-Pb06tUMp.js');
+require('./package-BADgkv50.js');
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

package/dist/cjs/justifi-saved-payment-method.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-Bhtk1qkX.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
-var parts = require('./parts-9jMf1erK.js');
+var parts = require('./parts-Pb06tUMp.js');
 require('./dinero-BwNN_k7x.js');
 const SavedPaymentMethod = class {
@@ -24,7 +24,7 @@ const SavedPaymentMethod = class {
     ;
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '3ac45b0d672d5780664205822c712d4afd01d5c0', class: "payment-method" }, index.h("div", { key: 'e0ad4b748d79c50ef963b16f33b7c322c6819b79', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '181ecb03715f1c3c8d3d9dbf802d8e4d0fd72ec1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${paymentMethodOptionUtils.CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (index.h(index.Host, { key: '2636f9038b83a384a2a3bc4bbc7695ff237a6584', class: "payment-method" }, index.h("div", { key: '2995201b40f93a916fe6a32c2d27bc43cd22d8d1', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '7f8382f0d3cbc596c329fc32badc6c4b40e4493f', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${paymentMethodOptionUtils.CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 };