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

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

@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '0e17374fe5656aebfb8ce0c054ac131a2ca7cc33' }, h(TableComponent, { key: '61ce9e69c6084d7ce9b6342a93debcb9c2764d23' }, h(TableHead, { key: 'ca28735991630d9362fbb14aae327c9bc646bca9' }, h(TableHeadRow, { key: '43e012787f232dd626cd4025e8c9223865f519da' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'd21bded30edd81274f06d21c5f00ef75d7982ccc' }, h(TableLoadingState, { key: 'a437445d203db926cb32ef81579ef862d2644fa7', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84accd5ae400e69061cdb66a59dc9272ff5edf1c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '1f4e9998200515d714a8d1ca9476c4841272515d', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '397b4d811f439511691826e1dc463f38cd97d016' }, h(TableFootRow, { key: '4e94eb5f5294ca470f29988bf11247e2e9576875' }, h(TableFootCell, { key: '6ab3af15817c9c9a184487348c3247ab25aa7f6b', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '8b378185a5f3833ac62e16d5cd07fc89aa9462aa', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'fe72adaaaa7e03339bd2c023ed3cfd76ce20cc09' }, h(TableComponent, { key: 'd9c191823846f3160ee178a291d797885862346b' }, h(TableHead, { key: '070d60c8ed1e9469208b2d12ff22f5c5782e5b06' }, h(TableHeadRow, { key: 'e3a8658405dc3339af9694f88ee7e39553e7f48f' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5c919ca5c320c664f5c1fde43a996ecdd1ef346f' }, h(TableLoadingState, { key: 'e037e4280fac5697c1d5c7798ab09550046038a0', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '963f510db0f77df7d257e2ad1bba91ab0e071945', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6e7eedf2e5c51c7c483695f4892ca492ef799514', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'b5b0b65da33dd148425571b328d04fffddf0e1f3' }, h(TableFootRow, { key: '73cc200689fd799618fffa1bc8a102c357372aef' }, h(TableFootCell, { key: 'b85785c0eb003fa546137119d50264e05a6b9382', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'e42a0da2d4c06c659ad6a9fc7f2cd2bb61caf1ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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: '28a1a324b8cdf2dea0aafe91fbdd3679482e76f8' }, h("section", { key: 'e8ffe2fdd1592a0b762647fdab94ee5e21436a93' }, h("div", { key: '099fbfb449066290cdcd113b0de5f87334777a0e' }, h("div", { key: 'c78325957b4e00299366b8e9efe6fd6e86da3b97', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'd077da888b03a34e540f66ebaa57502fe22be7c4' }, h("span", { key: 'd4f7ddd24e10302222679a9f73c3b5ed305267a7', part: text }, "Total"), "\u00A0", h("span", { key: '1f5d7b6b0cce64eea04879e7767ff87ce5a64069', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/terminal-orders-list-core2.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: '394f529d42867e207bc47901045e7307a6784f3c' }, h(TableComponent, { key: 'b6d668352fe60c0fd33cc66505b14e944a598792' }, h(TableHead, { key: 'f52ef37d1246d60503b9dd86cef67d7d1d34b939' }, h(TableHeadRow, { key: '31df50a3ecb7329fdd25f16970d195eb5bd027ef' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3e4354bab42bc5005383bccee6594c4cea220a40' }, h(TableLoadingState, { key: 'f8febbccb33a3ca286af8a6d25f032b1320d1f45', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4d5c0466ae4b63869739aa416ae88ce9ba832eda', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'babe96226b95f6646e08927d16002a4709ddfabf', 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: '9e603727dde071004445013cb653777336b2ad11' }, h(TableFootRow, { key: 'f49d1110c64a88045bba21df48072116b82cda5c' }, h(TableFootCell, { key: '97b2adb37e39414018d0cf280e7041019d95da9b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '00e589c3458499d2eb81595f3156eb8b17ad9eae', 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: '0b6c6622a2a25650c3713682888e9e3e842baebf', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'd8cb3815b1490dd7a8ae8dad06db84df65d84782', class: "d-flex gap-3" }, h("div", { key: '9f68c206b1a358fd9427615d1596d798678ea2e9', class: "d-flex align-items-center" }, h("img", { key: 'df5982d69ecc957a4536b2cc768dc682e3d1bef7', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0ef6b9ee7fcbb6b7dd220c73835079571fbff861', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f39724e9b712641914a4def251e48a0ed9b384b3', class: "row" }, h("div", { key: '200ba52e240dc6797423b25d1b056670f900a64d', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'bc52a0b94f09c8ebaeeb73f31878ca38d608ec80', helpText: this.description })), h("div", { key: '78029284d86432413ac3d3b00b6ca3b42327221c', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'b8822c9e6c10baf55f631061f6984c1d4f15f4e0', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '0d5662d0d3b39933ae53284c5083bf48f7ce0b38', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'ec9918b84364e12ecf0d39d3241793f8ab02a910', 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: 'f3d727c92c66b2504c6c8952a284cd4972706fd4' }, h(TableComponent, { key: 'c368038fb5683749737bb6b2b27a0a55ac95fe95' }, h(TableHead, { key: '96b41588ba94168581bfa423d3199916a06a925e' }, h(TableHeadRow, { key: 'fd1991bbcc22c3eb2b9ba107341285abf55a06b2' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ff3244f6b51f311fbc4311e37fc2c5bd4115a71a' }, h(TableLoadingState, { key: '821b4e55ea536fbe14e018107e8c19c309b86fca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbeedf4e12ff428e7d24f536675f5b1f3c9d3d67', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '4c7882127d862af40ea5960ec10adf092e676e4e', 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: '7bd7c9bbc95b0c24c03c1b3fd1685877dcdfec06' }, h(TableFootRow, { key: 'd6988cf0398b1a435f71a73761fb57656ff5ee7d' }, h(TableFootCell, { key: '207ac8dd06e9b053653781b255833e4f20bf9559', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '329f13886ec41244f05030673cf4cd7baf6b1cb6', 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

@@ -52,7 +52,6 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.validateRequiredProps();
     }
     connectedCallback() {
         this.setDefaultSelectedPaymentMethod();
@@ -74,6 +73,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();
@@ -265,7 +265,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return paymentMethodId === PaymentMethodTypes.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: '91aecb0a6d627adffa535424c3c9520b41df4361' }, h("form", { key: '7774c819c106f799b903b24a5d12b59a7b1e2353' }, h("fieldset", { key: 'a9c09136f00e96730a0f972a836ae56072afd02f' }, h("div", { key: 'cb20d29e8e3102d4db894f87e38e24ea367d1a4b', class: "row gy-3" }, h("div", { key: '191e06a9bc446e2043892d4c8a4060b00e87b1bf', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '890bcd8a5a08a049d57385041b0b048fe3f04b51', class: "col-12" }, h("justifi-button", { key: 'd361acdb29c73c2a90b9de401c3cab4db020a71a', 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 {

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): Promise<IMerchantSession>;
+    processPayment(authToken: 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;
+        };
+    }
+}

package/dist/types/api/services/apple-pay.service.d.ts

@@ -0,0 +1,66 @@
+import { IApplePayConfig, IApplePayPaymentRequest, IApplePayError, ApplePayConfig, IMerchantSession, IApplePayService, IApplePayPaymentProcessRequest, IApplePayPaymentResponse, IApplePayToken } from '../ApplePay';
+export declare class ApplePayService implements IApplePayService {
+    private applePayConfig?;
+    private currentSession?;
+    private currentPaymentRequest?;
+    private apiBaseUrl;
+    private authToken?;
+    private accountId?;
+    /**
+     * Set custom API base URL
+     */
+    setApiBaseUrl(url: string): void;
+    /**
+     * Set authentication token
+     */
+    setAuthToken(authToken: string): void;
+    setAccountId(accountId: string): void;
+    /**
+     * Initialize Apple Pay configuration
+     */
+    initialize(applePayConfig: IApplePayConfig): void;
+    /**
+     * Validate merchant with Apple Pay servers via API
+     */
+    validateMerchant(authToken: string): Promise<IMerchantSession>;
+    /**
+     * Process Apple Pay payment via API (fixed to match original logic)
+     */
+    processPayment(authToken: string, payload: IApplePayPaymentProcessRequest): Promise<{
+        success: boolean;
+        data: IApplePayPaymentResponse;
+    }>;
+    /**
+     * Check if Apple Pay is available on this device/browser
+     */
+    isAvailable(): boolean;
+    /**
+     * Check if the user has an active card for the merchant
+     */
+    canMakePaymentsWithActiveCard(): Promise<boolean>;
+    /**
+     * Start Apple Pay session
+     */
+    startPaymentSession(paymentRequest: IApplePayPaymentRequest): Promise<{
+        success: boolean;
+        token?: IApplePayToken;
+        paymentMethodId?: string;
+        error?: IApplePayError;
+    }>;
+    /**
+     * Abort current Apple Pay session
+     */
+    abortPaymentSession(): void;
+    /**
+     * Setup Apple Pay session event handlers
+     */
+    private setupSessionEventHandlers;
+    /**
+     * Create a basic payment request
+     */
+    static createPaymentRequest(amount: number, label: string, countryCode?: string, currencyCode?: string): IApplePayPaymentRequest;
+    /**
+     * Get current configuration
+     */
+    getApplePayConfig(): ApplePayConfig | undefined;
+}

package/dist/types/components/modular-checkout/modular-checkout.d.ts

@@ -8,8 +8,11 @@ export declare class ModularCheckout {
     private billingFormRef?;
     private insuranceFormRef?;
     private sezzlePaymentMethodRef?;
+    private applePayRef?;
     private getCheckout;
     private completeCheckout;
+    private applePayToken?;
+    private applePayPaymentMethodId?;
     authToken: string;
     checkoutId: string;
     savePaymentMethod?: boolean;
@@ -25,6 +28,12 @@ export declare class ModularCheckout {
     private fetchCheckout;
     private updateStore;
     private queryFormRefs;
+    private setupApplePayListeners;
+    private removeApplePayListeners;
+    private handleApplePayCompleted;
+    private handleApplePayError;
+    private handleApplePayCancelled;
+    private submitCheckoutWithApplePay;
     private tokenizePaymentMethod;
     private getPaymentMethod;
     validate(): Promise<boolean>;

package/dist/types/components/modular-checkout/sub-components/apple-pay-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+interface ApplePaySkeletonProps {
+    isReady: boolean;
+}
+declare const ApplePaySkeleton: FunctionalComponent<ApplePaySkeletonProps>;
+export default ApplePaySkeleton;

package/dist/types/components/modular-checkout/sub-components/apple-pay.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ApplePayButtonType, ApplePayButtonStyle, IApplePayToken } from "../../../api/ApplePay";
+export declare class ApplePay {
+    private applePayService;
+    countryCode: string;
+    merchantIdentifier: string;
+    merchantDisplayName: string;
+    initiativeContext: string;
+    apiBaseUrl: string;
+    buttonType: ApplePayButtonType;
+    buttonStyle: ApplePayButtonStyle;
+    disabled: boolean;
+    showSkeleton: boolean;
+    isLoading: boolean;
+    isProcessing: boolean;
+    isAvailable: boolean;
+    canMakePayments: boolean;
+    error: string | null;
+    applePayStarted: EventEmitter<void>;
+    applePayCompleted: EventEmitter<{
+        success: boolean;
+        token?: IApplePayToken;
+        paymentMethodId?: string;
+        error?: any;
+    }>;
+    applePayCancelled: EventEmitter<void>;
+    applePayError: EventEmitter<{
+        error: string;
+    }>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    watchPropsChange(): void;
+    private initializeApplePay;
+    private handleApplePayClick;
+    isSupported(): Promise<boolean>;
+    getPaymentMethods(): Promise<string[]>;
+    abort(): Promise<void>;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -14,6 +14,7 @@ import { IPaymentMethodMetadata } from "./api/PaymentMethod";
 import { BillingFormFields as BillingFormFields1, FormController } from "./components";
 import { DisputeEvidenceDocument } from "./api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./components/dispute-management/dispute-response/dispute-response-form-types";
+import { ApplePayButtonStyle, ApplePayButtonType, IApplePayToken } from "./api/ApplePay";
 import { BillingFormFields } from "./components/checkout/billing-form/billing-form-schema";
 import { FormController as FormController1 } from "./ui-components/form/form";
 import { Dispute, IDispute } from "./api/Dispute";
@@ -30,6 +31,7 @@ export { IPaymentMethodMetadata } from "./api/PaymentMethod";
 export { BillingFormFields as BillingFormFields1, FormController } from "./components";
 export { DisputeEvidenceDocument } from "./api/DisputeEvidenceDocument";
 export { DisputeResponseFormStep } from "./components/dispute-management/dispute-response/dispute-response-form-types";
+export { ApplePayButtonStyle, ApplePayButtonType, IApplePayToken } from "./api/ApplePay";
 export { BillingFormFields } from "./components/checkout/billing-form/billing-form-schema";
 export { FormController as FormController1 } from "./ui-components/form/form";
 export { Dispute, IDispute } from "./api/Dispute";
@@ -276,6 +278,47 @@ export namespace Components {
         "documentErrors": any;
         "validateAndSubmit": (onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void) => Promise<void>;
     }
+    interface JustifiApplePay {
+        "abort": () => Promise<void>;
+        /**
+          * @default configState.apiOrigin
+         */
+        "apiBaseUrl": string;
+        /**
+          * @default ApplePayButtonStyle.BLACK
+         */
+        "buttonStyle": ApplePayButtonStyle;
+        /**
+          * @default ApplePayButtonType.PLAIN
+         */
+        "buttonType": ApplePayButtonType;
+        /**
+          * @default "US"
+         */
+        "countryCode": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "getPaymentMethods": () => Promise<string[]>;
+        /**
+          * @default "dev-checkout.justifi-staging.com"
+         */
+        "initiativeContext": string;
+        "isSupported": () => Promise<boolean>;
+        /**
+          * @default "JustiFi Checkout"
+         */
+        "merchantDisplayName": string;
+        /**
+          * @default "merchant.com.staging-justifi.checkout-dev"
+         */
+        "merchantIdentifier": string;
+        /**
+          * @default true
+         */
+        "showSkeleton": boolean;
+    }
     interface JustifiBankAccountBillingFormSimple {
         "fill": (fields: BillingFormFields) => Promise<void>;
         "getValues": () => Promise<BillingFormFields>;
@@ -1010,6 +1053,10 @@ export interface JustifiAdditionalQuestionsFormStepCoreCustomEvent<T> extends Cu
     detail: T;
     target: HTMLJustifiAdditionalQuestionsFormStepCoreElement;
 }
+export interface JustifiApplePayCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiApplePayElement;
+}
 export interface JustifiBusinessBankAccountFormStepCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiBusinessBankAccountFormStepElement;
@@ -1625,6 +1672,31 @@ declare global {
         prototype: HTMLJustifiAdditionalStatementElement;
         new (): HTMLJustifiAdditionalStatementElement;
     };
+    interface HTMLJustifiApplePayElementEventMap {
+        "applePayStarted": void;
+        "applePayCompleted": {
+    success: boolean;
+    token?: IApplePayToken;
+    paymentMethodId?: string;
+    error?: any;
+  };
+        "applePayCancelled": void;
+        "applePayError": { error: string };
+    }
+    interface HTMLJustifiApplePayElement extends Components.JustifiApplePay, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiApplePayElementEventMap>(type: K, listener: (this: HTMLJustifiApplePayElement, ev: JustifiApplePayCustomEvent<HTMLJustifiApplePayElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiApplePayElementEventMap>(type: K, listener: (this: HTMLJustifiApplePayElement, ev: JustifiApplePayCustomEvent<HTMLJustifiApplePayElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiApplePayElement: {
+        prototype: HTMLJustifiApplePayElement;
+        new (): HTMLJustifiApplePayElement;
+    };
     interface HTMLJustifiBankAccountBillingFormSimpleElement extends Components.JustifiBankAccountBillingFormSimple, HTMLStencilElement {
     }
     var HTMLJustifiBankAccountBillingFormSimpleElement: {
@@ -2770,6 +2842,7 @@ declare global {
         "justifi-additional-questions-form-step": HTMLJustifiAdditionalQuestionsFormStepElement;
         "justifi-additional-questions-form-step-core": HTMLJustifiAdditionalQuestionsFormStepCoreElement;
         "justifi-additional-statement": HTMLJustifiAdditionalStatementElement;
+        "justifi-apple-pay": HTMLJustifiApplePayElement;
         "justifi-bank-account-billing-form-simple": HTMLJustifiBankAccountBillingFormSimpleElement;
         "justifi-bank-account-form": HTMLJustifiBankAccountFormElement;
         "justifi-billing-form": HTMLJustifiBillingFormElement;
@@ -3126,6 +3199,53 @@ declare namespace LocalJSX {
          */
         "documentErrors"?: any;
     }
+    interface JustifiApplePay {
+        /**
+          * @default configState.apiOrigin
+         */
+        "apiBaseUrl"?: string;
+        /**
+          * @default ApplePayButtonStyle.BLACK
+         */
+        "buttonStyle"?: ApplePayButtonStyle;
+        /**
+          * @default ApplePayButtonType.PLAIN
+         */
+        "buttonType"?: ApplePayButtonType;
+        /**
+          * @default "US"
+         */
+        "countryCode"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default "dev-checkout.justifi-staging.com"
+         */
+        "initiativeContext"?: string;
+        /**
+          * @default "JustiFi Checkout"
+         */
+        "merchantDisplayName"?: string;
+        /**
+          * @default "merchant.com.staging-justifi.checkout-dev"
+         */
+        "merchantIdentifier"?: string;
+        "onApplePayCancelled"?: (event: JustifiApplePayCustomEvent<void>) => void;
+        "onApplePayCompleted"?: (event: JustifiApplePayCustomEvent<{
+    success: boolean;
+    token?: IApplePayToken;
+    paymentMethodId?: string;
+    error?: any;
+  }>) => void;
+        "onApplePayError"?: (event: JustifiApplePayCustomEvent<{ error: string }>) => void;
+        "onApplePayStarted"?: (event: JustifiApplePayCustomEvent<void>) => void;
+        /**
+          * @default true
+         */
+        "showSkeleton"?: boolean;
+    }
     interface JustifiBankAccountBillingFormSimple {
         "legend"?: string;
     }
@@ -3852,6 +3972,7 @@ declare namespace LocalJSX {
         "justifi-additional-questions-form-step": JustifiAdditionalQuestionsFormStep;
         "justifi-additional-questions-form-step-core": JustifiAdditionalQuestionsFormStepCore;
         "justifi-additional-statement": JustifiAdditionalStatement;
+        "justifi-apple-pay": JustifiApplePay;
         "justifi-bank-account-billing-form-simple": JustifiBankAccountBillingFormSimple;
         "justifi-bank-account-form": JustifiBankAccountForm;
         "justifi-billing-form": JustifiBillingForm;
@@ -3978,6 +4099,7 @@ declare module "@stencil/core" {
             "justifi-additional-questions-form-step": LocalJSX.JustifiAdditionalQuestionsFormStep & JSXBase.HTMLAttributes<HTMLJustifiAdditionalQuestionsFormStepElement>;
             "justifi-additional-questions-form-step-core": LocalJSX.JustifiAdditionalQuestionsFormStepCore & JSXBase.HTMLAttributes<HTMLJustifiAdditionalQuestionsFormStepCoreElement>;
             "justifi-additional-statement": LocalJSX.JustifiAdditionalStatement & JSXBase.HTMLAttributes<HTMLJustifiAdditionalStatementElement>;
+            "justifi-apple-pay": LocalJSX.JustifiApplePay & JSXBase.HTMLAttributes<HTMLJustifiApplePayElement>;
             "justifi-bank-account-billing-form-simple": LocalJSX.JustifiBankAccountBillingFormSimple & JSXBase.HTMLAttributes<HTMLJustifiBankAccountBillingFormSimpleElement>;
             "justifi-bank-account-form": LocalJSX.JustifiBankAccountForm & JSXBase.HTMLAttributes<HTMLJustifiBankAccountFormElement>;
             "justifi-billing-form": LocalJSX.JustifiBillingForm & JSXBase.HTMLAttributes<HTMLJustifiBillingFormElement>;

package/dist/types/store/checkout.store.d.ts

@@ -15,6 +15,7 @@ interface IInitialState {
     disableCreditCard: boolean;
     disablePaymentMethodGroup: boolean;
     paymentAmount: number;
+    paymentCurrency: string;
     paymentDescription: string;
     paymentMethodGroupId: string | undefined;
     paymentMethods: ICheckoutPaymentMethod[];

package/dist/types/ui-components/apple-pay-button.d.ts

@@ -0,0 +1,17 @@
+import { FunctionalComponent } from "../stencil-public-runtime";
+import { ApplePayButtonType, ApplePayButtonStyle } from "../api/ApplePay";
+interface ApplePayButtonProps {
+    buttonType?: ApplePayButtonType;
+    buttonStyle?: ApplePayButtonStyle;
+    disabled?: boolean;
+    isProcessing?: boolean;
+    isAvailable?: boolean;
+    width?: string;
+    height?: string;
+    clickHandler?: () => void;
+}
+type ApplePayButtonElementProps = ApplePayButtonProps & {
+    [key: string]: any;
+};
+export declare const ApplePayButton: FunctionalComponent<ApplePayButtonElementProps>;
+export {};