@justifi/webcomponents 6.1.0-rc.1 → 7.0.0

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

@@ -61,7 +61,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '4889226a2351b13dde8cbbfb0ba5fb3156226c5f' }, h("checkouts-list-core", { key: '56c36469e55f5ce33da5cc3224ebfd83057811d7', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '41bf633467138b6af13b1c02ccf1e1016ec54bfe' }, h("checkouts-list-core", { key: 'cd3ca431258ad73e701fe74612ecdf2c0f2a1bda', 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

@@ -238,11 +238,19 @@ export class ModularCheckout {
         }
     }
     async submitCheckout(submitCheckoutArgs) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const isValid = await this.validate();
+        if (!checkoutStore.selectedPaymentMethod) {
+            this.errorEvent.emit({
+                message: 'No payment method selected.',
+                errorCode: ComponentErrorCodes.VALIDATION_ERROR,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
         const isNewCard = ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.NEW_CARD;
         const isNewBankAccount = ((_b = checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-        const isPlaid = checkoutStore.selectedPaymentMethod.type === PAYMENT_METHODS.PLAID;
+        const isPlaid = ((_c = checkoutStore.selectedPaymentMethod) === null || _c === void 0 ? void 0 : _c.type) === PAYMENT_METHODS.PLAID;
         const shouldTokenize = isNewCard || isNewBankAccount;
         if (shouldTokenize) {
             const tokenizeResult = await this.tokenizePaymentMethod(submitCheckoutArgs);
@@ -278,7 +286,7 @@ export class ModularCheckout {
                     return;
                 }
                 const paymentMethod = response === null || response === void 0 ? void 0 : response.data;
-                const token = ((_c = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _c === void 0 ? void 0 : _c.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
+                const token = ((_d = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _d === void 0 ? void 0 : _d.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
                 checkoutStore.paymentToken = token;
             }
             catch (err) {
@@ -324,7 +332,7 @@ export class ModularCheckout {
             }
         };
         payment = {
-            payment_mode: mapTypeToPaymentMode((_d = checkoutStore.selectedPaymentMethod) === null || _d === void 0 ? void 0 : _d.type),
+            payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkoutStore.paymentToken,
         };
         this.completeCheckout({
@@ -345,7 +353,7 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'f13bda646a7cfcbe339baad474554b38fb0ebae5' });
+        return h(Host, { key: 'dbe1fe78f8206fef2e3f4f51628d716786dea858' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
@@ -503,8 +511,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/apple-pay.js

@@ -1,6 +1,6 @@
 import { h, } from "@stencil/core";
 import { ApplePayService } from "../../../api/services/apple-pay.service";
-import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, ApplePayMerchantCapability, } from "../../../api/ApplePay";
+import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, } from "../../../api/ApplePay";
 import { StyledHost } from "../../../ui-components";
 import ApplePaySkeleton from "./apple-pay-skeleton";
 import { ApplePayButton } from "../../../ui-components/apple-pay-button";
@@ -41,11 +41,7 @@ export class ApplePay {
                 const paymentRequest = {
                     countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
-                    merchantCapabilities: [
-                        ApplePayMerchantCapability.SUPPORTS_3DS,
-                        ApplePayMerchantCapability.SUPPORTS_CREDIT,
-                        ApplePayMerchantCapability.SUPPORTS_DEBIT,
-                    ],
+                    merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
@@ -189,10 +185,10 @@ export class ApplePay {
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: '6ffd1642666316916be6c263d6e79c44fb2d26cf' }, checkoutStore.checkoutLoaded && (h("script", { key: 'd3cea0c2fea2b9e51fd926f581dce118a7b0cc00', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (h(StyledHost, { key: '0610b810bc458f7382bb78ebe155e38cd39d7023' }, checkoutStore.checkoutLoaded && (h("script", { key: '036ba823079bb6daa62e72a8ee76cdc32dab60f0', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 this.initializeApplePay();
-            } })), h("div", { key: '4a2ee3cb9a98746be1a10c3836833bb408d0896b', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'e804a3d42e4632d224a780c2313da4fd40a35281', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '82c8caa32e8857797dc3071a7404d9418fcd2274', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '022d4942b34097987ca8fe956bb6e02174a488b9' }, `
+            } })), h("div", { key: 'f5211ca2212306b7ee99dc1f6f06f56a9aa08643', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'bb4680ed4760d378237d36dd60e76d2db9cf0dd4', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '6c984f15b8ef2e629325253428c8243935328050', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '670fcfa28ea2405f772238add126525ecb14841b' }, `
             .apple-pay-container {
               width: 100%;
             }

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: '53205714e0fee906cb28b444eadf954b25a11dea' }, h("div", { key: '1208a0bd457a727f73612aa76600ae1362493d1a', part: billingForm, class: "mt-4" }, h("form", { key: 'bd6de1875ed9a9ff95206b38842711d00eaa5258' }, h("fieldset", { key: '9169cc821a58774fd8b0135d1f506f98c96f4339' }, this.legend && (h("legend", { key: '0dac5fca347fa7a6dadeb00cd8a252cc9bc64920' }, this.legend)), h("div", { key: '3a3fc5259f3bc28664e0e2e8ced2e56f39dc3820', class: "row gy-3" }, h("div", { key: '7b61ca324077c9bcfc1d92a078ac9b94eafebe54', class: "col-12" }, h("form-control-text", { key: '49782afc8cd941f921ea80852a5201de6c6cef5e', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '81a8511265b4813817b4cf183aa176b464645e85' }, h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: billingForm, class: "mt-4" }, h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', 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: '648204826c1e3979b8556ce9049f5e025a52b282' }, h("div", { key: 'dba0067b4662662653e424ff2c81c6edc831ed46', part: billingForm }, h("form", { key: '651812a32f1ee195f89238d1125573b6f9a62fa7' }, h("fieldset", { key: '15e9d4713fba88bb6de715c48b41b1c3ebfab9df' }, this.legend && (h("legend", { key: '783b34c1a9c2f4d407587b1a356ccf1e0e119993' }, this.legend)), h("div", { key: 'f322d2a29f50bff82167e9c5633a9f1d8b3f3cef', class: "row gy-3" }, h("div", { key: 'a02f6b275a02b32c37fd8c15921a582fa6a235a7', class: "col-12" }, h("form-control-text", { key: '3efd6677727b377bbf4432dc13c34500930ec801', 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: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: billingForm }, h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', 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: '6ef9c4917c0371f697b92f6a7ee1471feec1aaf1' }, h("div", { key: 'c9b0a6f9d55f2fccc0ce060af6b0944d1cc9104e', class: 'form-group d-flex flex-column' }, h("div", { key: '618bf437e3d39095c5d5fb29b539d37e5f25b225', class: "form-check" }, h("input", { key: 'e51b0c603bc0be02055dc96145b04dbb43638b79', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'cb4fce894bdb9a24689e6a8b4078727b00001b3a' }, h("div", { key: 'da4671582783f5ebace5105434e484d816215f9e', class: 'form-group d-flex flex-column' }, h("div", { key: 'b8cd2036001fa732528391b6dbf1d0ae53043579', class: "form-check" }, h("input", { key: 'ae87dba4cdf3786e3c9a48c466deb9ef622cb5a9', 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: 'bad954d2501514587ef79c0325ecaae0ba6a4b91', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '26d50d8b95bd2285211079e5527f57152c739651', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2f8d2c9fe3a883d2bc9a6200075d8ba13a5dc4', 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: 'bd2521e5b1af0a415f0780ee9708ff3c59707bcb', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '29ac1320b027c81203fd4f5f424a25dd83bfbb80', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'a9206d48a18006459f7ae079413e7a5cc528aab5', 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: '60e8ec0ae3694e92d4da6c9acafcc99ee7133a15' }, h("nav", { key: '4e6e0fe25d9e74361ac35088998e633f9bfed406', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '534d80446e2c0353815cc7a90814a530d0a847d9', class: "pagination m-0" }, h("li", { key: '64f5bcbca960ad9e7aebe4a80dbb39b4839e0a30', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '69c8738326ad600ab0d3b62fbfff02e356cc363d', 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: 'a78f24c5d02f12c4668ccc831f19b9062af46000', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'a1088b77164fd7d72cb37a055c1a79e302ed3c83', part: paginationButtonText }, "Previous"))), h("li", { key: '81d5fa7a02b4248d8d7e3ee717f1fba1bda94adc', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '8e971b90b118a09522c2ed0481faf678215c6e11', 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: 'bae3f08686008a581c481ad8c9608ccecce1414f', part: paginationButtonText }, "Next"), h("span", { key: 'cd89a36c4875da848110bfaad8c20fc63bd3f2fa', 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"; }