@justifi/webcomponents 6.2.0-rc.3 → 6.2.0

package/dist/collection/components/checkout/saved-payment-method.js

@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '2636f9038b83a384a2a3bc4bbc7695ff237a6584', class: "payment-method" }, h("div", { key: '2995201b40f93a916fe6a32c2d27bc43cd22d8d1', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '7f8382f0d3cbc596c329fc32badc6c4b40e4493f', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${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 (h(Host, { key: '7374fc6d31ec0ebdb34cdd2b789fb931cb93216f', class: "payment-method" }, h("div", { key: 'b29b47faffcb10d90a811a255a707dfda8597317', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '82c2ebcb9d9b47c8a0a6a3a3e35d7e59a4b66ee7', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${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}` }))));
     }
     static get is() { return "justifi-saved-payment-method"; }
     static get properties() {

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

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a227a356ba08e39e4b60849d8615a5b1cd845739' }, h(TableComponent, { key: '51b96d4be5773975397eadfc6c3c0ec983bdb38f' }, h(TableHead, { key: '868cf524b90bcc2671fc487dc5c7f9c71756d24f' }, h(TableHeadRow, { key: '3bc7b727e4e3c8f0a61b55993c965779c0fac73b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '06adebe1455360d37d3eed7a27af2698b35047b4' }, h(TableLoadingState, { key: '241f49bd2ed6d3548e286de8f75f1cc92ffae23f', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9739415d15f73457aa5125c85be88566e70d233b', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '43b1fa74ba01c89b2d22fc238295c343bf6379b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: '3a4b974a07bbe7d0fe246ad93724be2bec449166' }, h(TableFootRow, { key: '6ec16663674ea87026fc3400d164fa2d9907c35a' }, h(TableFootCell, { key: '1eb2943ba2e6885a1a520430eb257e7499553c80', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd4719b9e2166d0577e620a5575303294127833a9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a77ef0f8f5b4ddf7448815c9df38097e16a38794' }, h(TableComponent, { key: '6408f3ec06f268f2f5b516fb2fe5e03dcce84bfc' }, h(TableHead, { key: '310864630e702965e885568c513d1d2d8f3805ea' }, h(TableHeadRow, { key: 'bee990fd0a1f8fbf5f21f41ce44f3d57a6bbffa6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1a5fd1a0b571205238ec365f0b9688d6abe95dc3' }, h(TableLoadingState, { key: 'df07de295c2a2b6674ed60ff55678a0f67665b15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'faecb3005baf02ec425b369dcceff2de06e501eb', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7d0e879b9e5595550a4cbd9c9948677106859e38', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: '3fbdfe68348692e23333bae21fbaef261fe263d4' }, h(TableFootRow, { key: '4e39fd1f73d4b2f943f909fa8d640bf488fb5469' }, h(TableFootCell, { key: 'f245bc167021ff3e1c7f139e31fe151064651dad', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'c9129910b8ffeda06c90ffaa32832b8186687de4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

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

@@ -38,7 +38,7 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e2c74f8194963dd89cfec003100160243d5b557a' }, h("table-filters-menu", { key: '11e1de006ba3449b055522566c8bf6ed7c7d0149', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c9e381e473f76eca245cc3c8f63902fddde04536', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '335068bb6399da10ea58a39a918ab6e847a1b7fb', class: "p-2" }, h("form-control-select", { key: '3a5ff6562756bc17c1ff29a08dccef8f398d3b3c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a7101ad94377c3211219b9b2d4031f2fd4c0b623', class: "p-2" }, h("form-control-select", { key: '96613a62d42a61164959939cbaaacf14f28683b0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'e68f5bd4687eaad5aae4890d81baec603f72b6de' }, h("table-filters-menu", { key: 'c09285765839dbfad618bc13f39883e3f11ae991', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '96e32ecba5c64ccda108ceb583a82b1554b347a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7ce51a9f065004c169b577bcdd33af8ad7b01ac2', class: "p-2" }, h("form-control-select", { key: 'b6dfda04a58f51b989b1dc655df00500071fea98', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '4feb8c837611e6d0ec9cad6cb7a9f032db8cbbf5', class: "p-2" }, h("form-control-select", { key: '5a2a6c0e21cb62ee792bce703ccdfc9e08a46cc0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f20c74e616c92115985587dc56d6ef62e86fbf02' }, h("checkouts-list-core", { key: 'e3afd6af4d8db35f4119d93cc550a1827e1d52cb', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b7e794982435af9a755c272767c017c57fa16b24' }, h("checkouts-list-core", { key: 'a8de52b59cbccd7cd97369663c074011b49b9499', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -551,8 +551,9 @@ export class ModularCheckout {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "global",
-                            "id": "global::BillingFormFields"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -32,7 +32,7 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '674a080063df249018a8601cea7680b06208d2fb' }, h("div", { key: 'c282a7c8ed0316edf0a92abd2f8c69a927c79f00', part: billingForm, class: "mt-4" }, h("form", { key: '843548c8b0239dcce2b611b215112024acfb6413' }, h("fieldset", { key: '2e49050377413910e47bea94e8900f902e26b814' }, this.legend && (h("legend", { key: '960da7d3f797db0517b3a14559a025a497ca3ad2' }, this.legend)), h("div", { key: '56636731c41c7bcaf6d4a7c3eb7e9517157c4929', class: "row gy-3" }, h("div", { key: 'b6028f7001044423d72a134c01a0395ade1496b8', class: "col-12" }, h("form-control-text", { key: 'b2fe6dc8c69cd87ac07b99f9a6619f5069f2dc5c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '2429d26c0338ec1732337718ca4e7693f30a0f8a' }, h("div", { key: '774911ce7d594bc1f44c15060136356acc349cbb', part: billingForm, class: "mt-4" }, h("form", { key: '5c93f5a6af372fdf24a20870ef6ae69f554efec4' }, h("fieldset", { key: '38ac8adb2592b7799825d63c4a8e9bde61510cd0' }, this.legend && (h("legend", { key: 'abbce27bb8ae2ef564b8aeef755050fc096cb81f' }, this.legend)), h("div", { key: '5a0350fe7f635600d746f1f3979757a045cc09f0', class: "row gy-3" }, h("div", { key: '71aac995514b7fea7254204df825eb8b381e21c7', class: "col-12" }, h("form-control-text", { key: 'f33d26eddfc9f3d307e05a48afec9472213b2822', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
     static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class CardBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'f1f3be2d16211cbb384246470a495076b8cc99bf' }, h("div", { key: 'aabd6ec4293a89fa65e65440bcc399a3c91ccbf6', part: billingForm }, h("form", { key: '4212a38db263ec874feba69b44aa4ca53c4b6971' }, h("fieldset", { key: 'a669e28f6cb8974b1a6a358809c6c1c88d8dc5cb' }, this.legend && (h("legend", { key: 'b01fa92477ad324a059474b86835ad984addd48f' }, this.legend)), h("div", { key: '6c1f9a93de580ce2d931aedae3083e015b8e5f07', class: "row gy-3" }, h("div", { key: 'bbc6ba15ce56756db54338cd114376d57a9c6546', class: "col-12" }, h("form-control-text", { key: '74848920343434f7677d8454b7bf0ec0e8055427', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, { key: '2523873a34180694357ab780bd4b9768f9ea267d' }, h("div", { key: '30204a976bba8a843830a905cec86d5aaf486f30', part: billingForm }, h("form", { key: '479e65b39fbecc80ba6281648bd390c4cd2a688e' }, h("fieldset", { key: '93613aa83561aaba46efff4e6d64e240e1ddbc84' }, this.legend && (h("legend", { key: '4d6da7c78c5b1a84bc4b37dfca80d9c7f0be462f' }, this.legend)), h("div", { key: '11259470415c62c15c0ef9217f91f4d6b5c8651b', class: "row gy-3" }, h("div", { key: '2b85b5b820991faee8d8b14c121a69ab4974da98', class: "col-12" }, h("form-control-text", { key: 'd7632e0d32832491bfdf911ae45e67efe0ec6555', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
     static get is() { return "justifi-card-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -513,8 +513,9 @@ export class TokenizePaymentMethod {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "global",
-                            "id": "global::BillingFormFields"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
     render() {
-        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '5f017faf77fcd07141c04c973dfa5f152f58594b' }, h("div", { key: '4a6b586e30452418ab4b8f5d0495ac1efb70ab73', class: 'form-group d-flex flex-column' }, h("div", { key: 'bf63d72855f2c0ef4def2b129a9bd2313205fefd', class: "form-check" }, h("input", { key: '072795a8dfe2754692ecb8c82aaf6a62860b4bd0', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7bd0d5b048cb249373ea51b77e4c9da0cd9334e2' }, h("div", { key: 'fc2503501d863e5d4735bedbaf343c63e51933de', class: 'form-group d-flex flex-column' }, h("div", { key: '1279143cac22a3c83c84a0b374d521ad4f8d6b2e', class: "form-check" }, h("input", { key: '05206a4ba4f07eac3015168569c0669aa467631e', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '1734511d48ce354ee9fd8545056f20f334152800', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0629fffb0838e03d4a8fe2e3bab2577342f1c7e8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9ba3d370907e48ac3caafa4285181fe9a4e27c1', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '890243508bccedbdcbec05cffc857aa5a5a15bc6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3c7be6ef2d0d9dd02601fef9e58038d010ca8246', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '471b312488e84d3ab8ee2d4d13394b5887901366', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

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

@@ -7,13 +7,13 @@ export class PaginationMenu {
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '67ec7328221f28064498ebc359ec2100b33df423' }, h("nav", { key: '503d4f3c3e236797a1ef6309edb00d8d0c2be345', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '9573011f1775928268a0b0932890a6c25050e3fe', class: "pagination m-0" }, h("li", { key: '0247aa3068849046f8282124e7e168c381fd6340', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '5608ce502116c96e9400fdfeb0cfb4e64bc25a55', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: '7c08295d1c5edd4950bb577272a8745e3cd3d692', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'cd766ba6a6e6c31509442537a4f8345f2cd16251', part: paginationButtonText }, "Previous"))), h("li", { key: '54c810056bc6d74be7245a47f54c8d4b75068feb', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '5ff8d8621accf87017980b527823640061b27c18', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '2dc934a96eb1be000eb7e016507ddc926c68db2a', part: paginationButtonText }, "Next"), h("span", { key: '4e7cbcbfd2e29969f2019eacde0a24d07a72cbb3', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
     static get is() { return "pagination-menu"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js

@@ -10,7 +10,7 @@ export class JustifiRadioListItem {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "justifi-radio-list-item"; }
     static get encapsulation() { return "shadow"; }