@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 JustiFi Technologies, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/{Api-BeSnjEuW.js → Api-QUTWjGTy.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var configState = require('./config-state-CYoBVAca.js');
-var utils = require('./utils-Bab-tddY.js');
+var utils = require('./utils-D4WPxuzW.js');
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/cjs/{Refund-Blquw3jZ.js → GooglePay-BwiJ_80p.js}

@@ -1,7 +1,9 @@
 'use strict';
 
-var utils = require('./utils-Bab-tddY.js');
+var utils = require('./utils-D4WPxuzW.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
+var index = require('./index-mmd0OhmD.js');
+var index$1 = require('./index-CajjbB9t.js');
 
 class Completion {
     constructor(data) {
@@ -589,9 +591,417 @@ class RefundPayload {
     }
 }
 
+exports.ApplePaySessionStatus = void 0;
+(function (ApplePaySessionStatus) {
+    ApplePaySessionStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
+    ApplePaySessionStatus["STATUS_FAILURE"] = "STATUS_FAILURE";
+})(exports.ApplePaySessionStatus || (exports.ApplePaySessionStatus = {}));
+exports.ApplePayButtonType = void 0;
+(function (ApplePayButtonType) {
+    ApplePayButtonType["PLAIN"] = "plain";
+    ApplePayButtonType["BUY"] = "buy";
+    ApplePayButtonType["SET_UP"] = "set-up";
+    ApplePayButtonType["DONATE"] = "donate";
+    ApplePayButtonType["CHECK_OUT"] = "check-out";
+    ApplePayButtonType["BOOK"] = "book";
+    ApplePayButtonType["SUBSCRIBE"] = "subscribe";
+})(exports.ApplePayButtonType || (exports.ApplePayButtonType = {}));
+exports.ApplePayButtonStyle = void 0;
+(function (ApplePayButtonStyle) {
+    ApplePayButtonStyle["BLACK"] = "black";
+    ApplePayButtonStyle["WHITE"] = "white";
+    ApplePayButtonStyle["WHITE_OUTLINE"] = "white-outline";
+})(exports.ApplePayButtonStyle || (exports.ApplePayButtonStyle = {}));
+exports.ApplePayMerchantCapability = void 0;
+(function (ApplePayMerchantCapability) {
+    ApplePayMerchantCapability["SUPPORTS_3DS"] = "supports3DS";
+    ApplePayMerchantCapability["SUPPORTS_EMV"] = "supportsEMV";
+    ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
+    ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
+})(exports.ApplePayMerchantCapability || (exports.ApplePayMerchantCapability = {}));
+class ApplePayConfig {
+    constructor(data) {
+        this.merchantIdentifier = data.merchantIdentifier;
+        this.displayName = data.displayName;
+        this.initiative = data.initiative;
+        this.initiativeContext = data.initiativeContext;
+        this.buttonType = data.buttonType || exports.ApplePayButtonType.PLAIN;
+        this.buttonStyle = data.buttonStyle || exports.ApplePayButtonStyle.BLACK;
+        this.buttonLocale = data.buttonLocale || 'en-US';
+    }
+    get isValid() {
+        return !!(this.merchantIdentifier &&
+            this.displayName &&
+            this.initiative &&
+            this.initiativeContext);
+    }
+}
+class ApplePayPaymentRequest {
+    constructor(data) {
+        this.countryCode = data.countryCode;
+        this.currencyCode = data.currencyCode;
+        this.merchantCapabilities = data.merchantCapabilities;
+        this.supportedNetworks = data.supportedNetworks;
+        this.total = data.total;
+        this.lineItems = data.lineItems;
+        this.shippingMethods = data.shippingMethods;
+        this.applicationData = data.applicationData;
+        this.supportedCountries = data.supportedCountries;
+    }
+    get isValid() {
+        var _a, _b, _c, _d;
+        return !!(this.countryCode &&
+            this.currencyCode &&
+            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
+            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
+            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
+            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
+    }
+}
+class ApplePayHelpers {
+    static isApplePaySupported() {
+        var _a;
+        return (typeof window !== 'undefined' &&
+            'ApplePaySession' in window &&
+            ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
+    }
+    static canMakePayments() {
+        var _a;
+        if (!this.isApplePaySupported()) {
+            return false;
+        }
+        return ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) || false;
+    }
+    static async canMakePaymentsWithActiveCard(merchantIdentifier) {
+        var _a;
+        if (!this.isApplePaySupported()) {
+            return false;
+        }
+        try {
+            return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
+        }
+        catch (error) {
+            console.error('Error checking Apple Pay active card:', error);
+            return false;
+        }
+    }
+    static formatAmount(amount) {
+        return (amount / 100).toFixed(2);
+    }
+    static parseAmount(amount) {
+        return Math.round(parseFloat(amount) * 100);
+    }
+    static createLineItem(label, amount, type = 'final') {
+        return {
+            label,
+            amount: this.formatAmount(amount),
+            type,
+        };
+    }
+    static getDefaultSupportedNetworks() {
+        return ['amex', 'discover', 'masterCard', 'visa'];
+    }
+    static getDefaultMerchantCapabilities() {
+        return [
+            exports.ApplePayMerchantCapability.SUPPORTS_3DS,
+            exports.ApplePayMerchantCapability.SUPPORTS_EMV,
+            exports.ApplePayMerchantCapability.SUPPORTS_CREDIT,
+            exports.ApplePayMerchantCapability.SUPPORTS_DEBIT,
+        ];
+    }
+}
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    applePayEnabled: false,
+    googlePayEnabled: false,
+    insuranceEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    checkoutLoaded: false,
+    bankAccountVerification: undefined,
+    disableBankAccount: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentCurrency: 'USD',
+    paymentDescription: '',
+    paymentMethodGroupId: undefined,
+    paymentMethods: [],
+    paymentToken: undefined,
+    savePaymentMethod: false,
+    selectedPaymentMethod: undefined,
+    totalAmount: 0,
+    plaidPublicToken: undefined,
+    plaidLinkTokenId: undefined,
+};
+const { state: checkoutStore, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+// Helper: compute available payment methods based on store flags
+function getAvailablePaymentMethodTypes() {
+    var _a;
+    const methods = [];
+    if (!checkoutStore.disablePaymentMethodGroup &&
+        ((_a = checkoutStore.paymentMethods) === null || _a === void 0 ? void 0 : _a.length)) {
+        const hasSavedCard = checkoutStore.paymentMethods.some((pm) => pm.type === index$1.PAYMENT_METHODS.SAVED_CARD);
+        const hasSavedBank = checkoutStore.paymentMethods.some((pm) => pm.type === index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        if (hasSavedCard && !checkoutStore.disableCreditCard) {
+            methods.push(index$1.PAYMENT_METHODS.SAVED_CARD);
+        }
+        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+            methods.push(index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        }
+    }
+    if (!checkoutStore.disableCreditCard) {
+        methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
+    }
+    if (!checkoutStore.disableBankAccount) {
+        methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+    }
+    if (checkoutStore.bnplEnabled) {
+        methods.push(index$1.PAYMENT_METHODS.SEZZLE);
+    }
+    if (checkoutStore.applePayEnabled) {
+        methods.push(index$1.PAYMENT_METHODS.APPLE_PAY);
+    }
+    if (checkoutStore.googlePayEnabled) {
+        methods.push(index$1.PAYMENT_METHODS.GOOGLE_PAY);
+    }
+    if (checkoutStore.bankAccountVerification === true &&
+        !checkoutStore.disableBankAccount) {
+        methods.push(index$1.PAYMENT_METHODS.PLAID);
+    }
+    return methods;
+}
+function getCheckoutState() {
+    var _a;
+    return {
+        selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
+        paymentAmount: checkoutStore.paymentAmount,
+        totalAmount: checkoutStore.totalAmount,
+        paymentCurrency: checkoutStore.paymentCurrency,
+        paymentDescription: checkoutStore.paymentDescription,
+        savedPaymentMethods: checkoutStore.paymentMethods,
+        savePaymentMethod: checkoutStore.savePaymentMethod,
+        bnplEnabled: checkoutStore.bnplEnabled,
+        applePayEnabled: checkoutStore.applePayEnabled,
+        insuranceEnabled: checkoutStore.insuranceEnabled,
+        disableBankAccount: checkoutStore.disableBankAccount,
+        disableCreditCard: checkoutStore.disableCreditCard,
+        disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
+        paymentToken: (_a = checkoutStore.paymentToken) !== null && _a !== void 0 ? _a : undefined,
+    };
+}
+function onAnyChange(callback) {
+    Object.keys(initialState).forEach((key) => {
+        // @ts-ignore - onChange is generically typed by stencil/store but not exported here
+        onChange(key, (newValue) => callback(key, newValue));
+    });
+}
+
+exports.GooglePayButtonType = void 0;
+(function (GooglePayButtonType) {
+    GooglePayButtonType["PLAIN"] = "plain";
+    GooglePayButtonType["BUY"] = "buy";
+    GooglePayButtonType["BOOK"] = "book";
+    GooglePayButtonType["CHECKOUT"] = "checkout";
+    GooglePayButtonType["DONATE"] = "donate";
+    GooglePayButtonType["ORDER"] = "order";
+    GooglePayButtonType["PAY"] = "pay";
+    GooglePayButtonType["SUBSCRIBE"] = "subscribe";
+})(exports.GooglePayButtonType || (exports.GooglePayButtonType = {}));
+exports.GooglePayButtonStyle = void 0;
+(function (GooglePayButtonStyle) {
+    GooglePayButtonStyle["BLACK"] = "black";
+    GooglePayButtonStyle["WHITE"] = "white";
+})(exports.GooglePayButtonStyle || (exports.GooglePayButtonStyle = {}));
+exports.GooglePayButtonSizeMode = void 0;
+(function (GooglePayButtonSizeMode) {
+    GooglePayButtonSizeMode["STATIC"] = "static";
+    GooglePayButtonSizeMode["FILL"] = "fill";
+})(exports.GooglePayButtonSizeMode || (exports.GooglePayButtonSizeMode = {}));
+exports.GooglePayEnvironment = void 0;
+(function (GooglePayEnvironment) {
+    GooglePayEnvironment["PRODUCTION"] = "PRODUCTION";
+    GooglePayEnvironment["TEST"] = "TEST";
+})(exports.GooglePayEnvironment || (exports.GooglePayEnvironment = {}));
+class GooglePayConfig {
+    constructor(data) {
+        this.environment = data.environment;
+        this.merchantId = data.merchantId;
+        this.merchantName = data.merchantName;
+        this.buttonType = data.buttonType || exports.GooglePayButtonType.PLAIN;
+        this.buttonStyle = data.buttonStyle || exports.GooglePayButtonStyle.BLACK;
+        this.buttonSizeMode = data.buttonSizeMode || exports.GooglePayButtonSizeMode.STATIC;
+        this.buttonLocale = data.buttonLocale || 'en';
+    }
+    get isValid() {
+        return !!(this.environment && this.merchantName);
+    }
+}
+class GooglePayPaymentDataRequest {
+    constructor(data) {
+        this.apiVersion = data.apiVersion;
+        this.apiVersionMinor = data.apiVersionMinor;
+        this.allowedPaymentMethods = data.allowedPaymentMethods;
+        this.transactionInfo = data.transactionInfo;
+        this.merchantInfo = data.merchantInfo;
+        this.callbackIntents = data.callbackIntents;
+        this.shippingAddressRequired = data.shippingAddressRequired;
+        this.shippingAddressParameters = data.shippingAddressParameters;
+        this.emailRequired = data.emailRequired;
+    }
+    get isValid() {
+        var _a, _b, _c, _d;
+        const hasApiVersion = typeof this.apiVersion === 'number' && this.apiVersion > 0;
+        const hasApiVersionMinor = typeof this.apiVersionMinor === 'number' && this.apiVersionMinor >= 0;
+        const hasAllowedMethods = Array.isArray(this.allowedPaymentMethods) &&
+            this.allowedPaymentMethods.length > 0;
+        const hasTxnCountry = Boolean((_a = this.transactionInfo) === null || _a === void 0 ? void 0 : _a.countryCode);
+        const hasTxnCurrency = Boolean((_b = this.transactionInfo) === null || _b === void 0 ? void 0 : _b.currencyCode);
+        const hasTxnTotal = Boolean((_c = this.transactionInfo) === null || _c === void 0 ? void 0 : _c.totalPrice);
+        const hasMerchantName = Boolean((_d = this.merchantInfo) === null || _d === void 0 ? void 0 : _d.merchantName);
+        return (hasApiVersion &&
+            hasApiVersionMinor &&
+            hasAllowedMethods &&
+            hasTxnCountry &&
+            hasTxnCurrency &&
+            hasTxnTotal &&
+            hasMerchantName);
+    }
+}
+class GooglePayHelpers {
+    /**
+     * Check if Google Pay is supported in the current environment
+     */
+    static isGooglePaySupported() {
+        return (typeof window !== 'undefined' &&
+            'google' in window &&
+            'payments' in window.google &&
+            'api' in window.google.payments);
+    }
+    /**
+     * Create a Google Pay client instance
+     */
+    static createGooglePayClient(environment) {
+        if (!this.isGooglePaySupported()) {
+            return null;
+        }
+        try {
+            return new window.google.payments.api.PaymentsClient({
+                environment: environment === exports.GooglePayEnvironment.PRODUCTION
+                    ? 'PRODUCTION'
+                    : 'TEST',
+            });
+        }
+        catch (_error) {
+            return null;
+        }
+    }
+    /**
+     * Format amount for Google Pay (expects string in full currency units)
+     */
+    static formatAmount(amount) {
+        return (amount / 100).toFixed(2);
+    }
+    /**
+     * Parse amount from Google Pay format to cents
+     */
+    static parseAmount(amount) {
+        return Math.round(parseFloat(amount) * 100);
+    }
+    /**
+     * Create a line item for Google Pay
+     */
+    static createLineItem(label, amount, type = 'LINE_ITEM') {
+        return {
+            label,
+            price: this.formatAmount(amount),
+            type,
+        };
+    }
+    /**
+     * Get default supported card networks
+     */
+    static getDefaultSupportedNetworks() {
+        return ['VISA', 'MASTERCARD', 'AMEX', 'DISCOVER'];
+    }
+    /**
+     * Get default allowed authentication methods
+     */
+    static getDefaultAuthMethods() {
+        return ['CRYPTOGRAM_3DS', 'PAN_ONLY'];
+    }
+    /**
+     * Create default card parameters
+     */
+    static createDefaultCardParameters() {
+        return {
+            allowedAuthMethods: this.getDefaultAuthMethods(),
+            allowedCardNetworks: this.getDefaultSupportedNetworks(),
+            billingAddressRequired: false,
+        };
+    }
+    /**
+     * Create default tokenization specification
+     */
+    static createTokenizationSpecification() {
+        return {
+            type: 'PAYMENT_GATEWAY',
+            parameters: {
+                gateway: 'justifi',
+                gatewayMerchantId: checkoutStore.accountId,
+            },
+        };
+    }
+    /**
+     * Create default payment method data
+     */
+    static createPaymentMethodData() {
+        return {
+            type: 'CARD',
+            parameters: this.createDefaultCardParameters(),
+            tokenizationSpecification: this.createTokenizationSpecification(),
+        };
+    }
+    /**
+     * Create base payment data request check
+     */
+    static createBasePaymentDataRequest() {
+        const base = {
+            apiVersion: 2,
+            apiVersionMinor: 0,
+            allowedPaymentMethods: [this.createPaymentMethodData()],
+        };
+        // For development and broader availability of the button, do not require an existing card
+        // This allows isReadyToPay to return true on supported browsers even without a saved payment method
+        base.existingPaymentMethodRequired = false;
+        return base;
+    }
+}
+
+exports.ApplePayConfig = ApplePayConfig;
+exports.ApplePayHelpers = ApplePayHelpers;
+exports.ApplePayPaymentRequest = ApplePayPaymentRequest;
 exports.Checkout = Checkout;
 exports.EntityDocument = EntityDocument;
 exports.EntityDocumentStorage = EntityDocumentStorage;
+exports.GooglePayConfig = GooglePayConfig;
+exports.GooglePayHelpers = GooglePayHelpers;
+exports.GooglePayPaymentDataRequest = GooglePayPaymentDataRequest;
 exports.Payment = Payment;
 exports.PaymentBalanceTransaction = PaymentBalanceTransaction;
 exports.Payout = Payout;
@@ -601,3 +1011,8 @@ exports.SubAccount = SubAccount;
 exports.Terminal = Terminal;
 exports.TerminalModel = TerminalModel;
 exports.TerminalOrder = TerminalOrder;
+exports.checkoutStore = checkoutStore;
+exports.getAvailablePaymentMethodTypes = getAvailablePaymentMethodTypes;
+exports.getCheckoutState = getCheckoutState;
+exports.onAnyChange = onAnyChange;
+exports.onChange = onChange;

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-BhI7cJcE.js');
-var utils$1 = require('./utils-Cjq3ZCad.js');
-var utils = require('./utils-Bab-tddY.js');
-require('./parts-Pb06tUMp.js');
+var utils$1 = require('./utils-CMiA4X7s.js');
+var utils = require('./utils-D4WPxuzW.js');
+require('./parts-BVbaniVM.js');
 require('./dinero-BwNN_k7x.js');
 
 const AdditionalQuestionsDetails = class {

package/dist/cjs/{badge-_nY1l5Rq.js → badge-Cc87HAsf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-Pb06tUMp.js');
+var parts = require('./parts-BVbaniVM.js');
 
 exports.BadgeVariant = void 0;
 (function (BadgeVariant) {