@justifi/webcomponents 6.0.0-rc.4 → 6.0.0-rc.6

package/dist/module/product-or-service.js

@@ -39,7 +39,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '53894694d5f6c1cfe7d8d699af69e4dc6c496fb8' }, h("div", { key: 'c1cb70ef48be5e50bdb1fd0d47416b48342f7620', class: "row gy-3" }, h("div", { key: '837aa7683621d26ee08a1f8f3b1f5ae65b63bd94', class: "col-12" }, h("h2", { key: '9c51ee3f6df442237cd3c23306f79b7e15fed133', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '259ea001a1896c34088a6a03a725564c5cd48a74', class: "col-12" }, h("form-control-text", { key: 'f237fc051614689b9b8c8227d6a6d7266a9adeaa', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'a0f7a0cb813c7ee2a4423abc1506f7c775ad9e07', class: "col-12" }, h("form-control-date", { key: 'fca7aef52b721fa472b5459b9dc47f95dca1ce76', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'f285bfe4242cc1179c5a7b4864b907101edeaebb', class: "col-12" }, h("form-control-file-v2", { key: '9ad064a5be5381cccbe33e4dc1e00879996ad513', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: 'f1f7d30bd481b5e3b49d9aaffd6e9bc1266b3c17' }, h("div", { key: 'c41caefa4937db6b0669cd28e84b6918c719d8f0', class: "row gy-3" }, h("div", { key: 'be3b622f366017c7a8bdddfc363a0a46216de2ea', class: "col-12" }, h("h2", { key: '39374858f492c6e20e637dab0c73356fb6c6499d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'c910f0b2a6c1574f2b09348e4d3b889a675bbfeb', class: "col-12" }, h("form-control-text", { key: '636616c14d388dd25c33d81220231f2e7b36ec2f', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '44da2982c48cd5da994aec38f5196205b25c4868', class: "col-12" }, h("form-control-date", { key: '6b5ff071f9e941caaadff9fbaf18501524f71fce', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '8ae3d7fbc3826f932ee14d98a48d90cf913606af', class: "col-12" }, h("form-control-file-v2", { key: '5990ebe0df1e74fd7b1d6a6cf1dd8d08cd680a68', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -39,7 +39,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '839a9b7ea7f978987e44f643af2d2aa8ac9557ff' }, h("div", { key: '410211fe20a2e9ab23ec1e3f172b200afb2db8ae', class: "row gy-3" }, h("div", { key: '9e6121b760cf47feaeffdc231780490ce47342f7', class: "col-12" }, h("h2", { key: 'fe64c8a2be67d179ddc4157c4fa8876937c2e4b8', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'db91b2f1c102026cc6998f9f8163761d1bf85024', class: "col-12" }, h("form-control-textarea", { key: '199cd5d32ff726681a918ced7f1790bd292e0cf7', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'e48e83b580182698374627889cf0cff69dd3779f', class: "col-12" }, h("form-control-textarea", { key: '627faade4d3afaad7d700494652d559ede4f69af', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'bdfca2b3878de2a665961fd6cd4fc10833f385bc', class: "col-12" }, h("form-control-file-v2", { key: 'a8d0d09bf0d8298ba85ead4b643d5ea774336ba0', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '41f43575895d15f34bfa2f6095462068cd6ad5d6', class: "col-12" }, h("form-control-file-v2", { key: 'aceae6c113bc38019bc20125eb3e8be0d111c15f', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '75d1e4a99166f8b8f112746fd5a786ed4b41b6ae' }, h("div", { key: 'c4a137ad32f0a0e5580061b1cc2443399d5baf15', class: "row gy-3" }, h("div", { key: '8b864aacd4b1334f9a5e7ffdf116345db20aac58', class: "col-12" }, h("h2", { key: 'e319c7e0d2ebedf204e6845fb977651b96f4a9b8', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '72cc1aff194c70395f8002b4af6842cd42046d80', class: "col-12" }, h("form-control-textarea", { key: '798219393da9f68198205bb877a5a3aa2ac2d1bb', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bc0d341abb63327da6d97fba120c34aebabd50b3', class: "col-12" }, h("form-control-textarea", { key: '2aa931300951be7897d9ba4adeda6be5e94a00d8', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'c3cad588c5b40a6133920a0c43f71d7b172abdab', class: "col-12" }, h("form-control-file-v2", { key: '8f2184a0d95804a85d61de763c14b1a6fb44c566', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '183f6286e96694e54fd31213b514349a43d0446f', class: "col-12" }, h("form-control-file-v2", { key: 'e3f97404946c8e6a813d397141d10e372df5f520', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/save-new-payment-method.js

@@ -20,7 +20,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, h("form-control-checkbox", { key: 'aff52e51dac64207f95e439b26902c772d84963d', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '407e24ad9cd84378dab6a85ed813a8040f93942a' }, h("form-control-checkbox", { key: '73dc01e01c4ca57e26c6897c06a0280fda8c98db', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "isChecked": [32]

package/dist/module/saved-payment-methods.js

@@ -6,6 +6,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { C as CardBrandLabels } from './payment-method-option-utils.js';
+import { P as PAYMENT_METHODS, a as PAYMENT_METHOD_TYPES } from './ModularCheckout.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -14,15 +15,20 @@ const SavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class SavedPaymentM
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
+        this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
             e.preventDefault();
-            checkoutStore.selectedPaymentMethod = paymentMethodId;
+            const SELECTED_PAYMENT_METHODS = {
+                [PAYMENT_METHOD_TYPES.CARD]: PAYMENT_METHODS.SAVED_CARD,
+                [PAYMENT_METHOD_TYPES.BANK_ACCOUNT]: PAYMENT_METHODS.SAVED_BANK_ACCOUNT,
+            };
+            checkoutStore.selectedPaymentMethod = SELECTED_PAYMENT_METHODS[paymentMethod.type];
+            checkoutStore.paymentToken = paymentMethod.id;
         };
         this.isAllowedPaymentMethod = (paymentMethod) => {
-            if (paymentMethod.type === 'card' && checkoutStore.disableCreditCard) {
+            if (paymentMethod.type === PAYMENT_METHOD_TYPES.CARD && checkoutStore.disableCreditCard) {
                 return false;
             }
-            if (paymentMethod.type === 'bank_account' && checkoutStore.disableBankAccount) {
+            if (paymentMethod.type === PAYMENT_METHOD_TYPES.BANK_ACCOUNT && checkoutStore.disableBankAccount) {
                 return false;
             }
             return true;
@@ -42,7 +48,7 @@ const SavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class SavedPaymentM
         }
         return (h(StyledHost, null, h("div", { class: "saved-payment-methods" }, checkoutStore.paymentMethods.length ? checkoutStore.paymentMethods
             .filter(this.isAllowedPaymentMethod)
-            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.paymentToken === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
     }
 }, [257, "justifi-saved-payment-methods"]);
 function defineCustomElement() {

package/dist/module/sezzle-payment-method.js

@@ -6,6 +6,7 @@ import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
+import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -21,7 +22,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         this.__registerHost();
         this.__attachShadow();
         this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
-        this.paymentMethodOptionId = 'sezzle';
+        this.paymentMethodOptionId = PAYMENT_METHODS.SEZZLE;
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
@@ -75,7 +76,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.SEZZLE, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
     }
 }, [257, "justifi-sezzle-payment-method", {
         "installmentPlan": [32],

package/dist/module/shipping-details.js

@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '9e142fde27da140959115d1acf4a64d7420f90ba' }, h("div", { key: 'bf322d6ec351e67bd4f3fdfec759e1f5c5d381a6', class: "row gy-3" }, h("div", { key: '165a55dc932d0110728c87726231d0cb4b962650', class: "col-12" }, h("h2", { key: '43f318effe869349595025a76ced5ea39093a0ef', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '1de38ece17aa8b93cfc00858a4d495a950d46239', class: "col-12" }, h("form-control-text", { key: 'd9cfd173732a42abf831ee632ca05d3db78b7135', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '5b298a18d97e06904c22c9a918c6f9ebc25f8219', class: "col-12" }, h("form-control-text", { key: 'c164c2bfc1772498f3e21c51e2979479021cf86d', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '82128f9527e8061ecf2897af65d908af03c46bbe', class: "col-12" }, h("form-control-date", { key: '13e602a61a85978f129890423a36a95a8b055258', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '5591510c56724f58567c88792cbbeb3cd15e1d0e', class: "col-12" }, h("form-control-textarea", { key: '1e7cbc326345feebd0ffae9b6ec56bfbc36a8193', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'd2d1026fd1c7c3b32a6988fb940c431948630b08', class: "col-12" }, h("form-control-file-v2", { key: '21abf54f6a64980c73200ae89130626316917aa7', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: 'a0907d5f1fe8d40876f816b6d332dbb0d9afe975' }, h("div", { key: '3f22d56b30227d9ce0d22dc45c4e29bba60b5366', class: "row gy-3" }, h("div", { key: 'ec768dcf266527e981712f55cdb1921d0e6ef257', class: "col-12" }, h("h2", { key: '0b0e92ba9164941f48e1162937d7bd694683b206', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '2a5f5508c7f8b1a3a674d4bd18a2cba725ff86e7', class: "col-12" }, h("form-control-text", { key: 'deb04aa47dee3269ad8ad84b59edfdf251207520', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e340cf8f480c335b7e565e7d4bf052685bc3f78f', class: "col-12" }, h("form-control-text", { key: '8e3d040776e821518c0d04ea8d0da2d0ddb75cd3', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '71dab91e7befe734db1b8f02bb3fd8d1b8180ab8', class: "col-12" }, h("form-control-date", { key: 'f257e98c81762700c7164a8cbd86764ebe4e4353', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'e69255a96e9292fea2269f7f0a7888e53e5a8be7', class: "col-12" }, h("form-control-textarea", { key: 'b40386270d12484982d81a85db0e95853f76ec58', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '23f2a4dabdaefef86940ae03e00a5d240d061a2f', class: "col-12" }, h("form-control-file-v2", { key: '6db6eb9ed1803d7c25f2b9dd03955be7e9c41a34', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/summary.js

@@ -14,7 +14,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: text }, "Total"), "\u00A0", h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'db0b903a05629cd6197bb14336fd91881373cbf1' }, h("section", { key: '2e1213c4be75677a98fdf98de077201ebff1d3a6' }, h("div", { key: '26c3bfc8672511dd5af823426e69b6c0d28dd274' }, h("div", { key: '8c9a282d63903b66cf3f93e316bd56f245b9bc1f', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '0729b8adef6ae7bb7a536ad4b5443ed24608ce56' }, h("span", { key: '863ee5dc8a0c662a8074a69d388081ec9fc3fb89', part: text }, "Total"), "\u00A0", h("span", { key: '05bf10634b2a166c6b5720beaf0ab76accb8befe', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/table-filters-menu2.js

@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'e205ff268a099beae125bbe8a85a6ae5e34924af', class: "d-flex gap-2" }, h("div", { key: 'e61fcbc31cfa97093771ad99b1f4bc088a2a6b98', class: "dropdown pb-3" }, h("button", { key: '3c4425f10ebb39b011d2783c5ef88ebbd34b8e65', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '03692eaae9d340c0f204f55e8c26b8353c4caa74', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ed80b52e0cabbba44d09798b3b8bd4ab99d72659', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '6cc0bf4f7fd5fa16b431b21933b36f75035221c7' })))), h("div", { key: '13f401ce7926aaf678021ed7dc768b967987b0ec' }, h(Button, { key: 'd6a16f4e5b31e5602d6729e39fccfa4dbfdd8336', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b270a6f9e52e45e958bb02e31569d4f56135ee25', class: "d-flex gap-2" }, h("div", { key: '76d9eef0672c27ec28a95bc062f946739a2c5dc7', class: "dropdown pb-3" }, h("button", { key: '3de6afb2c92bde835ae894e7548b3e07b86fb0bf', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'de744460fb721b5949ca0cfcf6a751e4b6a008d0', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'c8b6d3e8e28b90fb3dedd80e71c7a8a0f30b6a8f', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '44e50fab6d4f6c7a76f90659cced1c61e94ec43d' })))), h("div", { key: 'b5ec37cc1f28005c2b87b14bd10b74e619012ce5' }, h(Button, { key: '5bae9de44fcdb6e015ac3311945bdcee1887e827', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/terminal-orders-list-core2.js

@@ -5,7 +5,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import './dinero.js';
-import { f as TerminalOrderType } from './Refund.js';
+import { e as TerminalOrderType } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
@@ -166,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '7ef0adc44be5987cbd02f5da80f7dc4330ff7a43' }, h(TableComponent, { key: 'efe8e403dae877a6529becae890b0e055726cc0f' }, h(TableHead, { key: 'ef981fa014144f9e237d9b258846e68cb50ea7f5' }, h(TableHeadRow, { key: '555df6bd09f4ccb01bada68933f362ef6f7679d7' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '1a5b95e5c41e1162ff8907d3ba664d304b9c355e' }, h(TableLoadingState, { key: '546146a7390a96f2d2704e31cc84d9269bbdc28a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c32f5ec402f96e8f71b1f0edbb4d9e2169c23cc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'e1154e1c4b320f8e23566821b56948e875b16174', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '2b3f2d329baeff7ad8eb813a08335660ca037bd2' }, h(TableFootRow, { key: '651f18da8298dda7f2be2717cca0ab7c01cac14d' }, h(TableFootCell, { key: '7a25b264810334dbbf633079374c77ab745cb1bb', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '996ae93faff3c83ab8022208c1a2c297bc1c9a27', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ae7811542ecbc0626fe3f77ee4b8dfc3157d3abf' }, h(TableComponent, { key: '2f933c6598a21e02d3dd8b5918702fc29843105c' }, h(TableHead, { key: '0b978eef17f17e9a7b3dbaacc6dd2b17a9672b04' }, h(TableHeadRow, { key: '5f47570ef1df9dbfd520ae04b45cbb259e37af8e' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '1d5a979390e41a9dba5a0eb23923c3056f02e8cf' }, h(TableLoadingState, { key: '59e22dadecd2849bc44f6bcd2c11998f4120ea60', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f2b13ad54fc0fd1ac72889cbd0d4f79cd30fd481', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '0ad5ad03ed5ac1cbfc0614689913831c80831646', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '353a7c374a71d5cd2706f7d4e33631f4a1b194e5' }, h(TableFootRow, { key: '4706433521171f8e026a1ff789cad0e1b219f214' }, h(TableFootCell, { key: '30b078f32ac4bb5bd3dd91d0016f13ee5eff01f8', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '3301ac2f23e8c8da065005bd6aed224a26bb59fc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: 'a1e81baf3c6db04cae113ec9efdbdf990210413f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'f8a1e39815a7932f7d452a055652a8cd22508310', class: "d-flex gap-3" }, h("div", { key: 'e7df0cd31126428f5ad374a855505e6c701b3f64', class: "d-flex align-items-center" }, h("img", { key: 'c32e1a286ffbf382c7400041df7573ea5c5ae736', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '05cf7f5c7ac3b9259334ff0a54a79e5f67bf89f8', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '99031623ae281a4142710391361b0bfee8bb2fe0', class: "row" }, h("div", { key: 'c5e81e4acc36a90ae70aef260fb8304c70b2d3a1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '0a7484029de75b1591f3389929cd313261c53a52', helpText: this.description })), h("div", { key: 'bfe5d3dd9c758a46a0ddcf4919e98798703f9d73', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'de3891aad65c2865b3f4a8777eeadf0836c5ef39', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'a0c9ab81984ae26dca9636a26de2c7e24e3f9989', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '206dc9d22cdd7cea8b3a8d70c9ce28156d8d1a4c', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '743e380fab2774245896bab10832b709d51c59fa', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '712c492c6d0f7e544e47b5292e4ad997efa820d9', class: "d-flex gap-3" }, h("div", { key: '8a99a1e1f0fb100cc5ee0a4654d5540c8667ed9d', class: "d-flex align-items-center" }, h("img", { key: 'c4ba1c6a2aa3a1e9849a1f2973fb18e6d063b931', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'f201217ae96374f9c7ee7baabe139063322c12f4', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '72aad03990ac9264678975388197a53d46c784f7', class: "row" }, h("div", { key: 'fe6b6c7c4760af00b7c09f5fb004effc99a50625', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '27ff88dcc68f4579bcdf57f3f309117866f60a1f', helpText: this.description })), h("div", { key: '5facc068f3f85b10e00664430682103bcead8178', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'ba1536b53c2c3f40f35d84ea015062273fdade3e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '8a1224aa17f4908693e26b7cebb1b882ff079026', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'a9571114d42c80851635edf466f5cd0ea6fc0dab', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminals-list-core2.js

@@ -180,7 +180,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'aa119f199b02e20b2b48f7896eb45d24835ba5a7' }, h(TableComponent, { key: '039b8851d8edfe1ba82b177b518048273523eb10' }, h(TableHead, { key: 'c9990dc58cfe188217cc1f46f9f210c87ea2ca1e' }, h(TableHeadRow, { key: '6b934363f143e36c23f872ca1dd20c2befef0d90' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9121d7efc3cf3c70fdf45b0d47e253e9d1632a2c' }, h(TableLoadingState, { key: '783490f80ac64791eb182fa741f9dec0b6970f5b', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9d3662266c2de7325d4c98485bb10ad9699fad50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ef1cad4fbeb112788c4cfc60b6f160dce6525e31', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'd789ae5d479374cf569fa2e196cbdc8817cf318a' }, h(TableFootRow, { key: '445e5bbe532ca217b07dc08591d1a620766a669d' }, h(TableFootCell, { key: '13e17ca1daf744f2c73bf6194572c864b7932b75', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3031bda0078c0e61876c1cc4e67c06234e08729d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'bf90dd5593c53e9ff39fffe62dc592d016badf63' }, h(TableComponent, { key: '158d9c72e9833e5d9aabadbe2c34659691feb41e' }, h(TableHead, { key: 'd949cfbf188ca38a42608684af32da640caa3132' }, h(TableHeadRow, { key: 'e720a7fe1d425905186c9e8fd3925ade2c037804' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'b8b518d93df15fb7050828bcc0a610426d99ec51' }, h(TableLoadingState, { key: 'a815d8a30476844a7ebdd8e43ffae7c1cafcb4fe', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd2eca381346455a2292c9640c06005ab8681e36a', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ce65f5c7c3db47d61f6d5c5e053d93a4bc9bb4a1', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'ed2e3d233e29a27be2e467e864c7758e9b771049' }, h(TableFootRow, { key: 'baef41fe45c46b2e4951783170933947127f3e08' }, h(TableFootCell, { key: 'a0f64165a750e872469d614ae63ea580ae38d347', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'ab865a2014823308aab0c7230111d870a326b794', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/tokenize-payment-method.js

@@ -4,12 +4,13 @@ import './details.js';
 import './event-types.js';
 import { d as defineCustomElement$2 } from './justifi-radio-list-item2.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { a as ComponentErrorCodes, P as PaymentMethodTypes, C as ComponentErrorSeverity } from './Refund.js';
 import './config-state.js';
 import './dinero.js';
+import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { c as checkoutStore } from './checkout.store.js';
+import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 import { d as defineCustomElement$i } from './custom-popper2.js';
 import { d as defineCustomElement$h } from './form-control-checkbox2.js';
 import { d as defineCustomElement$g } from './form-control-help-text2.js';
@@ -30,8 +31,8 @@ import { d as defineCustomElement$1 } from './save-new-payment-method.js';
 
 // Constants
 const PAYMENT_METHOD_TYPE_LABELS = {
-    [PaymentMethodTypes.bankAccount]: 'New bank account',
-    [PaymentMethodTypes.card]: 'New credit or debit card',
+    [PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
+    [PAYMENT_METHODS.NEW_CARD]: 'New credit or debit card',
 };
 const ERROR_MESSAGES = {
     AUTH_TOKEN_REQUIRED: 'Auth token is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
@@ -45,14 +46,12 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
-        this.isLoading = false;
         this.computedHideSubmitButton = false;
+        this.isLoading = false;
         this.submitButtonText = 'Submit';
     }
-    componentWillLoad() {
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-        this.validateRequiredProps();
+    paymentMethodsChanged() {
+        this.setDefaultSelectedPaymentMethod();
     }
     connectedCallback() {
         this.setDefaultSelectedPaymentMethod();
@@ -61,12 +60,17 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+        if (this.unsubscribeFromStore) {
+            this.unsubscribeFromStore();
+        }
     }
-    paymentMethodsChanged() {
-        this.setDefaultSelectedPaymentMethod();
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
     }
     handleRadioClick(event) {
-        this.selectedPaymentMethodId = event.detail;
+        this.selectedPaymentMethod = event.detail;
+        checkoutStore.selectedPaymentMethod = event.detail;
     }
     async fillBillingForm(fields) {
         var _a;
@@ -74,6 +78,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     }
     async tokenizePaymentMethod(event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
+        this.validateRequiredProps();
         this.isLoading = true;
         try {
             const validation = await this.validate();
@@ -116,11 +121,27 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
             this.billingFormRef.validate(),
             this.paymentMethodFormRef.validate(),
         ]);
-        return {
+        const result = {
             isValid: billingValidation.isValid && paymentMethodValidation.isValid,
             errors: Object.assign(Object.assign({}, billingValidation.errors), paymentMethodValidation.errors),
         };
+        return result;
+    }
+    async tokenize() {
+        try {
+            const billingFormFieldValues = await this.billingFormRef.getValues();
+            const config = {
+                clientId: this.authToken || checkoutStore.authToken,
+                account: this.accountId || checkoutStore.accountId,
+                paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
+            };
+            return await this.paymentMethodFormRef.tokenize(config);
+        }
+        catch (error) {
+            return error;
+        }
     }
+    // 9. Local methods
     validateRequiredProps() {
         if (!this.authToken && !checkoutStore.authToken) {
             this.emitError({
@@ -136,14 +157,14 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         }
     }
     setDefaultSelectedPaymentMethod() {
-        if (this.selectedPaymentMethodId) {
+        if (this.selectedPaymentMethod) {
             return;
         }
         if (!this.disableCreditCard) {
-            this.selectedPaymentMethodId = PaymentMethodTypes.card;
+            this.selectedPaymentMethod = PAYMENT_METHODS.NEW_CARD;
         }
         else if (!this.disableBankAccount) {
-            this.selectedPaymentMethodId = PaymentMethodTypes.bankAccount;
+            this.selectedPaymentMethod = PAYMENT_METHODS.NEW_BANK_ACCOUNT;
         }
     }
     setComputedHideSubmitButton() {
@@ -170,10 +191,10 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     get availablePaymentMethods() {
         const methods = [];
         if (!this.disableCreditCard) {
-            methods.push(PaymentMethodTypes.card);
+            methods.push(PAYMENT_METHODS.NEW_CARD);
         }
         if (!this.disableBankAccount) {
-            methods.push(PaymentMethodTypes.bankAccount);
+            methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
         }
         return methods;
     }
@@ -209,7 +230,8 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
                     },
                 };
             }
-            return await this.performTokenization();
+            const result = await this.performTokenization();
+            return result;
         }
         catch (error) {
             return { error };
@@ -227,20 +249,6 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
             data: tokenizeResponseData,
         };
     }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            const config = {
-                clientId: this.authToken || checkoutStore.authToken,
-                account: this.accountId || checkoutStore.accountId,
-                paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
-            };
-            return await this.paymentMethodFormRef.tokenize(config);
-        }
-        catch (error) {
-            return error;
-        }
-    }
     buildPaymentMethodMetadata(billingFormFieldValues) {
         return this.shouldSavePaymentMethod
             ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
@@ -255,17 +263,17 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return this.disableCreditCard || this.disableBankAccount;
     }
     renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethodId === paymentMethodType;
+        const isSelected = this.selectedPaymentMethod === paymentMethodType;
         return (h("div", { class: "payment-method" }, h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodId) {
         return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), h("div", { class: "mt-4" }, h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID }))));
     }
     renderPaymentMethodForm(paymentMethodId) {
-        return paymentMethodId === PaymentMethodTypes.card ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
+        return paymentMethodId === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: 'ebe1d84471e0c6a32ee69d457f63755801d68577' }, h("form", { key: '7cf3aa01ead5602aaa31a4400d6bd9e1f782c65d' }, h("fieldset", { key: 'e8b430c8defd6103f53cb0a534466093983cd409' }, h("div", { key: '40d2206b6c43d3f3f05ad95b7731e3ecbe3eba83', class: "row gy-3" }, h("div", { key: 'e548fea0d586e8b0a3c0232e05bf7bb11bd2fbfc', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'f903481cbc309fa89d8cb0c124d2cdbf41f034fd', class: "col-12" }, h("justifi-button", { key: 'e76830507419530b3b1da8f2eee8e5ff323fdf59', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: 'a11012d80460057b0dc16dc6a470ad57bad12ca2' }, h("form", { key: '76c8f50a5394f80b171295337a4382a4713d5ec1' }, h("fieldset", { key: '955f99016cb495628afe016037a154fcc39f5ac3' }, h("div", { key: 'a80324943093aa2df3804f5358fb904b5540d92c', class: "row gy-3" }, h("div", { key: 'b5fc2d063e2a859f52c4914ea669b35134d7d256', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'f2a759d16742c346bd7833c72916b2a058a1be34', class: "col-12" }, h("justifi-button", { key: 'ab6238aa25cc9dae2851b4156b7c2ac88802b4fd', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -282,12 +290,13 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         "hideSubmitButton": [4, "hide-submit-button"],
         "paymentMethodGroupId": [1, "payment-method-group-id"],
         "submitButtonText": [1, "submit-button-text"],
-        "isLoading": [32],
-        "selectedPaymentMethodId": [32],
         "computedHideSubmitButton": [32],
+        "isLoading": [32],
+        "selectedPaymentMethod": [32],
         "fillBillingForm": [64],
         "tokenizePaymentMethod": [64],
-        "validate": [64]
+        "validate": [64],
+        "tokenize": [64]
     }, [[0, "radio-click", "handleRadioClick"]], {
         "disableCreditCard": ["paymentMethodsChanged"],
         "disableBankAccount": ["paymentMethodsChanged"]

package/dist/types/api/ApplePay.d.ts

@@ -0,0 +1,196 @@
+import { PagingInfo } from "./Pagination";
+export declare enum ApplePaySessionStatus {
+    STATUS_SUCCESS = "STATUS_SUCCESS",
+    STATUS_FAILURE = "STATUS_FAILURE"
+}
+export declare enum ApplePayButtonType {
+    PLAIN = "plain",
+    BUY = "buy",
+    SET_UP = "set-up",
+    DONATE = "donate",
+    CHECK_OUT = "check-out",
+    BOOK = "book",
+    SUBSCRIBE = "subscribe"
+}
+export declare enum ApplePayButtonStyle {
+    BLACK = "black",
+    WHITE = "white",
+    WHITE_OUTLINE = "white-outline"
+}
+export declare enum ApplePayMerchantCapability {
+    SUPPORTS_3DS = "supports3DS",
+    SUPPORTS_EMV = "supportsEMV",
+    SUPPORTS_CREDIT = "supportsCredit",
+    SUPPORTS_DEBIT = "supportsDebit"
+}
+export interface IApplePayLineItem {
+    label: string;
+    amount: string;
+    type?: 'final' | 'pending';
+}
+export interface IApplePayShippingMethod {
+    label: string;
+    amount: string;
+    identifier: string;
+    detail?: string;
+}
+export interface IApplePayPaymentRequest {
+    countryCode: string;
+    currencyCode: string;
+    merchantCapabilities: ApplePayMerchantCapability[];
+    supportedNetworks: string[];
+    total: IApplePayLineItem;
+    lineItems?: IApplePayLineItem[];
+    shippingMethods?: IApplePayShippingMethod[];
+    applicationData?: string;
+    supportedCountries?: string[];
+}
+export interface IApplePaySession {
+    canMakePayments(): boolean;
+    canMakePaymentsWithActiveCard(merchantIdentifier: string): Promise<boolean>;
+    supportsVersion(version: number): boolean;
+    begin(): void;
+    abort(): void;
+    completeMerchantValidation(merchantSession: IMerchantSession): void;
+    completePayment(result: {
+        status: ApplePaySessionStatus;
+    }): void;
+    completeShippingMethodSelection(update: any): void;
+    completePaymentMethodSelection(update: any): void;
+    onvalidatemerchant?: (event: IApplePayValidateEvent) => void;
+    onpaymentmethodselected?: (event: IApplePayMethodSelectedEvent) => void;
+    onshippingmethodselected?: () => void;
+    onpaymentauthorized?: (event: any) => void;
+    oncancel?: (event: IApplePayCancelEvent) => void;
+}
+export interface IApplePayConfig {
+    merchantIdentifier: string;
+    displayName: string;
+    initiative: string;
+    initiativeContext: string;
+    buttonType?: ApplePayButtonType;
+    buttonStyle?: ApplePayButtonStyle;
+    buttonLocale?: string;
+}
+export interface IApplePayError {
+    code: string;
+    message: string;
+}
+export interface IMerchantSession {
+    displayName: string;
+    domainName: string;
+    epochTimestamp: number;
+    expiresAt: number;
+    merchantIdentifier: string;
+    merchantSessionIdentifier: string;
+    nonce: string;
+    operationalAnalyticsIdentifier: string;
+    pspId: string;
+    retries: number;
+    signature: string;
+}
+export interface IApplePayTokenData {
+    data: string;
+    header: {
+        publicKeyHash: string;
+        ephemeralPublicKey: string;
+        transactionId: string;
+    };
+    signature: string;
+    version: string;
+}
+export interface IApplePayTokenPaymentMethod {
+    displayName: string;
+    network: string;
+    type: string;
+}
+export interface IApplePayToken {
+    paymentData: IApplePayTokenData;
+    paymentMethod: IApplePayTokenPaymentMethod;
+    transactionIdentifier: string;
+}
+export interface IApplePayValidateEvent {
+    validationURL: string;
+}
+export interface IApplePayCancelEvent {
+    sessionError?: {
+        code: 'unknown' | 'invalidMerchantSession' | 'userCancel' | string;
+        info?: string;
+    };
+}
+export interface IApplePayMethodSelectedEvent {
+    paymentMethod: IApplePayTokenPaymentMethod;
+}
+export interface IApplePayPaymentProcessRequest {
+    paymentData: IApplePayTokenData;
+    paymentMethod: IApplePayTokenPaymentMethod;
+    transactionIdentifier: string;
+    product_details?: {
+        name: string;
+        price: number;
+        description: string;
+    };
+    description?: string;
+}
+export interface IApplePayPaymentResponse {
+    id: string;
+    type: string;
+    page_info: PagingInfo | null;
+    data: {
+        account_id: string;
+        token: string;
+    };
+}
+export interface IApplePayService {
+    validateMerchant(authToken: string, accountId: string): Promise<IMerchantSession>;
+    processPayment(authToken: string, accountId: string, payload: IApplePayPaymentProcessRequest): Promise<{
+        success: boolean;
+        data: IApplePayPaymentResponse;
+    }>;
+}
+export declare class ApplePayConfig implements IApplePayConfig {
+    merchantIdentifier: string;
+    displayName: string;
+    initiative: string;
+    initiativeContext: string;
+    buttonType?: ApplePayButtonType;
+    buttonStyle?: ApplePayButtonStyle;
+    buttonLocale?: string;
+    constructor(data: IApplePayConfig);
+    get isValid(): boolean;
+}
+export declare class ApplePayPaymentRequest implements IApplePayPaymentRequest {
+    countryCode: string;
+    currencyCode: string;
+    merchantCapabilities: ApplePayMerchantCapability[];
+    supportedNetworks: string[];
+    total: IApplePayLineItem;
+    lineItems?: IApplePayLineItem[];
+    shippingMethods?: IApplePayShippingMethod[];
+    applicationData?: string;
+    supportedCountries?: string[];
+    constructor(data: IApplePayPaymentRequest);
+    get isValid(): boolean;
+}
+export declare class ApplePayHelpers {
+    static isApplePaySupported(): boolean;
+    static canMakePayments(): boolean;
+    static canMakePaymentsWithActiveCard(merchantIdentifier: string): Promise<boolean>;
+    static formatAmount(amount: number): string;
+    static parseAmount(amount: string): number;
+    static createLineItem(label: string, amount: number, type?: 'final' | 'pending'): IApplePayLineItem;
+    static getDefaultSupportedNetworks(): string[];
+    static getDefaultMerchantCapabilities(): ApplePayMerchantCapability[];
+}
+declare global {
+    interface Window {
+        ApplePaySession?: {
+            new (version: number, paymentRequest: IApplePayPaymentRequest): IApplePaySession;
+            canMakePayments(): boolean;
+            canMakePaymentsWithActiveCard(merchantIdentifier: string): Promise<boolean>;
+            supportsVersion(version: number): boolean;
+            STATUS_SUCCESS: number;
+            STATUS_FAILURE: number;
+        };
+    }
+}