@justifi/webcomponents 6.5.1-rc.2 → 6.5.1-rc.4

package/dist/collection/api/GooglePay.js

@@ -1,181 +0,0 @@
-import { checkoutStore } from "../store/checkout.store";
-export var GooglePayButtonType;
-(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";
-})(GooglePayButtonType || (GooglePayButtonType = {}));
-export var GooglePayButtonStyle;
-(function (GooglePayButtonStyle) {
-    GooglePayButtonStyle["BLACK"] = "black";
-    GooglePayButtonStyle["WHITE"] = "white";
-})(GooglePayButtonStyle || (GooglePayButtonStyle = {}));
-export var GooglePayButtonSizeMode;
-(function (GooglePayButtonSizeMode) {
-    GooglePayButtonSizeMode["STATIC"] = "static";
-    GooglePayButtonSizeMode["FILL"] = "fill";
-})(GooglePayButtonSizeMode || (GooglePayButtonSizeMode = {}));
-export var GooglePayEnvironment;
-(function (GooglePayEnvironment) {
-    GooglePayEnvironment["PRODUCTION"] = "PRODUCTION";
-    GooglePayEnvironment["TEST"] = "TEST";
-})(GooglePayEnvironment || (GooglePayEnvironment = {}));
-export class GooglePayConfig {
-    constructor(data) {
-        this.environment = data.environment;
-        this.merchantId = data.merchantId;
-        this.merchantName = data.merchantName;
-        this.buttonType = data.buttonType || GooglePayButtonType.PLAIN;
-        this.buttonStyle = data.buttonStyle || GooglePayButtonStyle.BLACK;
-        this.buttonSizeMode = data.buttonSizeMode || GooglePayButtonSizeMode.STATIC;
-        this.buttonLocale = data.buttonLocale || 'en';
-    }
-    get isValid() {
-        return !!(this.environment && this.merchantName);
-    }
-}
-export 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);
-    }
-}
-export 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 === 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 ['PAN_ONLY', 'CRYPTOGRAM_3DS'];
-    }
-    /**
-     * 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;
-    }
-}

package/dist/collection/api/services/google-pay.service.js

@@ -1,240 +0,0 @@
-import { Api } from "../Api";
-import { GooglePayHelpers, GooglePayConfig, GooglePayPaymentDataRequest, } from "../GooglePay";
-const PROCESS_TOKEN_ENDPOINT = 'google_pay/process_token';
-export class GooglePayService {
-    constructor() {
-        this.api = Api();
-    }
-    /**
-     * Initialize Google Pay configuration
-     */
-    initialize(googlePayConfig) {
-        this.googlePayConfig = new GooglePayConfig(googlePayConfig);
-        if (!this.googlePayConfig.isValid) {
-            throw new Error('Invalid Google Pay configuration provided');
-        }
-        // Create Google Pay client
-        this.googlePayClient = GooglePayHelpers.createGooglePayClient(this.googlePayConfig.environment);
-        if (!this.googlePayClient) {
-            throw new Error('Failed to create Google Pay client');
-        }
-        // No debug logs
-    }
-    /**
-     * Process Google Pay payment via API
-     */
-    async processPayment(authToken, accountId, payload) {
-        const endpoint = PROCESS_TOKEN_ENDPOINT;
-        try {
-            const result = await this.api.post({
-                endpoint,
-                authToken,
-                body: payload,
-                headers: {
-                    'sub-account': accountId,
-                },
-            });
-            return {
-                success: result.id && !!result.data.token,
-                data: result,
-            };
-        }
-        catch (_error) {
-            throw new Error('Google Pay payment processing failed');
-        }
-    }
-    /**
-     * Check if Google Pay is available on this device/browser
-     */
-    isAvailable() {
-        return GooglePayHelpers.isGooglePaySupported() && !!this.googlePayClient;
-    }
-    /**
-     * Check if the user can make payments with Google Pay
-     */
-    async canMakePayments() {
-        if (!this.googlePayClient || !this.googlePayConfig) {
-            return false;
-        }
-        try {
-            const baseRequest = GooglePayHelpers.createBasePaymentDataRequest();
-            const response = await this.googlePayClient.isReadyToPay(baseRequest);
-            return response.result;
-        }
-        catch (_error) {
-            return false;
-        }
-    }
-    /**
-     * Start Google Pay payment session
-     */
-    async startPaymentSession(paymentDataRequest, authToken, accountId) {
-        var _a;
-        if (!this.googlePayConfig || !this.googlePayClient) {
-            throw new Error('Google Pay not initialized. Call initialize() first.');
-        }
-        if (!this.isAvailable()) {
-            throw new Error('Google Pay is not available on this device/browser');
-        }
-        const request = new GooglePayPaymentDataRequest(paymentDataRequest);
-        if (!request.isValid) {
-            throw new Error('Invalid payment data request provided');
-        }
-        try {
-            const paymentData = await this.googlePayClient.loadPaymentData(request);
-            // Build top-level snake_case fields from Google Pay tokenizationData
-            const tokenizationData = (_a = paymentData === null || paymentData === void 0 ? void 0 : paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.tokenizationData;
-            const tokenObj = (() => {
-                if ((tokenizationData === null || tokenizationData === void 0 ? void 0 : tokenizationData.token) &&
-                    typeof tokenizationData.token === 'string') {
-                    try {
-                        return JSON.parse(tokenizationData.token);
-                    }
-                    catch (_e) {
-                        return tokenizationData;
-                    }
-                }
-                return tokenizationData;
-            })();
-            const tokenProcessRequest = {
-                protocolVersion: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.protocolVersion,
-                signature: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.signature,
-                intermediateSigningKey: (tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.intermediateSigningKey)
-                    ? {
-                        signedKey: tokenObj.intermediateSigningKey.signedKey,
-                        signatures: tokenObj.intermediateSigningKey.signatures,
-                    }
-                    : undefined,
-                signedMessage: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.signedMessage,
-            };
-            const paymentResult = await this.processPayment(authToken, accountId, tokenProcessRequest);
-            if (paymentResult.success) {
-                return {
-                    success: true,
-                    paymentData: paymentData,
-                    paymentMethodId: paymentResult.data.id,
-                };
-            }
-            else {
-                return {
-                    success: false,
-                    error: {
-                        code: 'PAYMENT_PROCESSING_ERROR',
-                        message: 'Payment processing failed',
-                    },
-                };
-            }
-        }
-        catch (error) {
-            // Handle different types of errors
-            if (error && typeof error === 'object' && 'statusCode' in error) {
-                const googlePayError = error;
-                switch (googlePayError.statusCode) {
-                    case 'CANCELED':
-                        return {
-                            success: false,
-                            error: {
-                                code: 'USER_CANCELLED',
-                                message: 'User cancelled the Google Pay session',
-                            },
-                        };
-                    case 'DEVELOPER_ERROR':
-                        return {
-                            success: false,
-                            error: {
-                                code: 'DEVELOPER_ERROR',
-                                message: 'Google Pay configuration error',
-                            },
-                        };
-                    default:
-                        return {
-                            success: false,
-                            error: {
-                                code: 'PAYMENT_ERROR',
-                                message: googlePayError.statusMessage || 'Google Pay payment failed',
-                            },
-                        };
-                }
-            }
-            return {
-                success: false,
-                error: {
-                    code: 'PAYMENT_ERROR',
-                    message: error instanceof Error
-                        ? error.message
-                        : 'Google Pay payment failed',
-                },
-            };
-        }
-    }
-    /**
-     * Create Google Pay button element
-     */
-    createButton(options) {
-        if (!this.googlePayClient || !this.googlePayConfig) {
-            return null;
-        }
-        try {
-            return this.googlePayClient.createButton({
-                onClick: options.onClick,
-                buttonType: options.buttonType,
-                buttonSizeMode: options.buttonSizeMode,
-                buttonColor: options.buttonColor,
-                buttonLocale: options.buttonLocale,
-            });
-        }
-        catch (_error) {
-            return null;
-        }
-    }
-    /**
-     * Prefetch payment data for faster loading
-     */
-    prefetchPaymentData(paymentDataRequest) {
-        if (!this.googlePayClient) {
-            return;
-        }
-        const request = new GooglePayPaymentDataRequest(paymentDataRequest);
-        if (!request.isValid) {
-            return;
-        }
-        try {
-            this.googlePayClient.prefetchPaymentData(request);
-        }
-        catch (_error) { }
-    }
-    /**
-     * Create a basic payment data request
-     */
-    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName) {
-        const request = {
-            apiVersion: 2,
-            apiVersionMinor: 0,
-            allowedPaymentMethods: [GooglePayHelpers.createPaymentMethodData()],
-            transactionInfo: {
-                countryCode,
-                currencyCode,
-                totalPriceStatus: 'FINAL',
-                totalPrice: GooglePayHelpers.formatAmount(amount),
-                totalPriceLabel: label,
-            },
-            merchantInfo: {
-                merchantName,
-            },
-        };
-        // No debug logs
-        return request;
-    }
-    /**
-     * Get current configuration
-     */
-    getGooglePayConfig() {
-        return this.googlePayConfig;
-    }
-    /**
-     * Get current Google Pay client
-     */
-    getGooglePayClient() {
-        return this.googlePayClient;
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/google-pay-skeleton.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-import { Skeleton } from "../../../ui-components";
-const GooglePaySkeleton = (props) => {
-    const { isLoading } = props;
-    if (!isLoading) {
-        return null;
-    }
-    return (h("div", { class: 'container-fluid p-0' }, h("div", { class: 'row mb-3' }, h("div", { class: 'col-12 align-content-center' }, h(Skeleton, { height: '44px', width: '100%', styles: { borderRadius: "8px" } })))));
-};
-export default GooglePaySkeleton;