@justifi/webcomponents 6.5.1-rc.2 → 6.6.0

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var index = require('./index-BhI7cJcE.js');
-var inputHandlers = require('./input-handlers-D6QMwPTB.js');
-var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var parts = require('./parts-Pb06tUMp.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
-require('./Business-DWHy_-z9.js');
-
-const RepresentativeFormInputs = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isEditingIdentification = false;
-        this.inputHandler = (name, value) => {
-            inputHandlers.updateFormValues(this.formController, { [name]: value });
-        };
-        this.onAddressFormUpdate = (values) => {
-            inputHandlers.updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, index.h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, index.h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), index.h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, index.h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear current value to force validation
-                inputHandlers.updateFormValues(this.formController, {
-                    identification_number: '',
-                    ssn_last4: null
-                });
-            } }, "Change"))))), index.h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'fa011614b624b6ad395f304552ff334d64d2c048', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
-    }
-};
-
-exports.justifi_business_representative_form_inputs = RepresentativeFormInputs;

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;
-    }
-}