@justifi/webcomponents 5.7.6-rc-20 → 5.7.6-rc-21

package/dist/collection/ui-components/apple-pay-button.js

@@ -1,146 +0,0 @@
-import { h } from "@stencil/core";
-import { ApplePayButtonType, ApplePayButtonStyle } from "../api/ApplePay";
-const ProcessingSpinner = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
-export const ApplePayButton = (props) => {
-    const getApplePayButtonClass = () => {
-        let classes = "apple-pay-button";
-        switch (props.buttonStyle) {
-            case ApplePayButtonStyle.WHITE:
-                classes += " apple-pay-button-white";
-                break;
-            case ApplePayButtonStyle.WHITE_OUTLINE:
-                classes += " apple-pay-button-white-outline";
-                break;
-            case ApplePayButtonStyle.BLACK:
-            default:
-                classes += " apple-pay-button-black";
-                break;
-        }
-        switch (props.buttonType) {
-            case ApplePayButtonType.BUY:
-                classes += " apple-pay-button-type-buy";
-                break;
-            case ApplePayButtonType.DONATE:
-                classes += " apple-pay-button-type-donate";
-                break;
-            case ApplePayButtonType.PLAIN:
-            default:
-                classes += " apple-pay-button-type-plain";
-                break;
-        }
-        if (props.disabled || props.isProcessing || !props.isAvailable) {
-            classes += " disabled";
-        }
-        return classes;
-    };
-    const getButtonStyles = () => {
-        return {
-            width: props.width || "200px",
-            height: props.height || "48px",
-        };
-    };
-    const handleClick = () => {
-        if (!props.disabled &&
-            !props.isProcessing &&
-            props.isAvailable &&
-            props.clickHandler) {
-            props.clickHandler();
-        }
-    };
-    return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
-          .apple-pay-button-container {
-            display: inline-block;
-            position: relative;
-          }
-
-          /* Apple Pay CSS classes - these are the official Apple Pay button styles */
-          .apple-pay-button {
-            display: inline-block;
-            -webkit-appearance: -apple-pay-button;
-            -apple-pay-button-type: plain; /* default */
-            -apple-pay-button-style: black; /* default */
-            border-radius: 8px;
-            cursor: pointer;
-            border: none;
-            outline: none;
-            transition: opacity 0.2s ease;
-            position: relative;
-          }
-
-          /* Button styles */
-          .apple-pay-button.apple-pay-button-black {
-            -apple-pay-button-style: black;
-          }
-
-          .apple-pay-button.apple-pay-button-white {
-            -apple-pay-button-style: white;
-          }
-
-          .apple-pay-button.apple-pay-button-white-outline {
-            -apple-pay-button-style: white-outline;
-          }
-
-          /* Button types */
-          .apple-pay-button.apple-pay-button-type-plain {
-            -apple-pay-button-type: plain;
-          }
-
-          .apple-pay-button.apple-pay-button-type-buy {
-            -apple-pay-button-type: buy;
-          }
-
-          .apple-pay-button.apple-pay-button-type-donate {
-            -apple-pay-button-type: donate;
-          }
-
-          /* Hover and disabled states */
-          .apple-pay-button:hover:not(.disabled) {
-            opacity: 0.9;
-          }
-
-          .apple-pay-button.disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-          }
-
-          /* Processing overlay */
-          .processing-overlay {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 8px;
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            border-radius: 8px;
-            font-size: 14px;
-            font-weight: 500;
-          }
-
-          .spinner {
-            width: 16px;
-            height: 16px;
-            border: 2px solid rgba(255, 255, 255, 0.3);
-            border-top: 2px solid #fff;
-            border-radius: 50%;
-            animation: spin 1s linear infinite;
-          }
-
-          @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-          }
-
-          /* Responsive design */
-          @media (max-width: 480px) {
-            .apple-pay-button {
-              width: 100% !important;
-              min-width: 200px;
-            }
-          }
-        `)));
-};

package/dist/esm/Payment-Bs0-9Lnt.js

@@ -1,149 +0,0 @@
-import { f as formatCurrency } from './utils-B7jE0g5_.js';
-import { D as DisputeStatus } from './Dispute-7MWRbTXI.js';
-
-var CaptureStrategy;
-(function (CaptureStrategy) {
-    CaptureStrategy["automatic"] = "automatic";
-    CaptureStrategy["manual"] = "manual";
-})(CaptureStrategy || (CaptureStrategy = {}));
-var PaymentMethodTypes;
-(function (PaymentMethodTypes) {
-    PaymentMethodTypes["card"] = "card";
-    PaymentMethodTypes["bankAccount"] = "bankAccount";
-    PaymentMethodTypes["sezzle"] = "sezzle";
-    PaymentMethodTypes["saved"] = "saved";
-})(PaymentMethodTypes || (PaymentMethodTypes = {}));
-var PaymentTypes;
-(function (PaymentTypes) {
-    PaymentTypes["card"] = "Card";
-    PaymentTypes["bankAccount"] = "ACH";
-    PaymentTypes["unknown"] = "Unknown";
-})(PaymentTypes || (PaymentTypes = {}));
-var PaymentStatuses;
-(function (PaymentStatuses) {
-    PaymentStatuses["pending"] = "pending";
-    PaymentStatuses["automatic"] = "automatic";
-    PaymentStatuses["authorized"] = "authorized";
-    PaymentStatuses["succeeded"] = "succeeded";
-    PaymentStatuses["failed"] = "failed";
-    PaymentStatuses["canceled"] = "canceled";
-    PaymentStatuses["disputed"] = "disputed";
-    PaymentStatuses["fully_refunded"] = "fully_refunded";
-    PaymentStatuses["partially_refunded"] = "partially_refunded";
-})(PaymentStatuses || (PaymentStatuses = {}));
-var CurrencyTypes;
-(function (CurrencyTypes) {
-    CurrencyTypes["usd"] = "usd";
-    CurrencyTypes["cad"] = "cad";
-})(CurrencyTypes || (CurrencyTypes = {}));
-class PaymentMethod {
-    constructor(paymentMethod) {
-        this.card = paymentMethod.card ? new Card(paymentMethod.card) : undefined;
-        this.bank_account = paymentMethod.bank_account
-            ? new BankAccount(paymentMethod.bank_account)
-            : undefined;
-    }
-    get payersName() {
-        if (this.card) {
-            return this.card.name;
-        }
-        else if (this.bank_account) {
-            return this.bank_account.name;
-        }
-        return null;
-    }
-    get lastFourDigits() {
-        if (this.card) {
-            return `**** ${this.card.acct_last_four}`;
-        }
-        else if (this.bank_account) {
-            return `**** ${this.bank_account.acct_last_four}`;
-        }
-        return null;
-    }
-}
-class BankAccount {
-    constructor(bankAccount) {
-        this.id = bankAccount.id;
-        this.acct_last_four = bankAccount.acct_last_four;
-        this.name = bankAccount.name;
-        this.brand = bankAccount.brand;
-        this.token = bankAccount.token;
-        this.created_at = bankAccount.created_at;
-        this.updated_at = bankAccount.updated_at;
-    }
-}
-class Card {
-    constructor(card) {
-        this.id = card.id || '';
-        this.acct_last_four = card.acct_last_four;
-        this.name = card.name;
-        this.brand = card.brand;
-        this.token = card.token;
-        this.created_at = card.created_at;
-        this.updated_at = card.updated_at;
-    }
-}
-class Payment {
-    constructor(payment) {
-        this.id = payment.id;
-        this.account_id = payment.account_id;
-        this.currency = payment.currency;
-        this.amount = payment.amount;
-        this.amount_disputed = payment.amount_disputed;
-        this.amount_refundable = payment.amount_refundable;
-        this.amount_refunded = payment.amount_refunded;
-        this.balance = payment.balance;
-        this.captured = payment.captured;
-        this.capture_strategy = payment.capture_strategy;
-        this.description = payment.description;
-        this.disputed = payment.disputed;
-        this.disputes = payment.disputes;
-        this.error_code = payment.error_code;
-        this.error_description = payment.error_description;
-        this.expedited = payment.expedited;
-        this.fee_amount = payment.fee_amount;
-        this.is_test = payment.is_test;
-        this.metadata = payment.metadata;
-        this.payment_method = new PaymentMethod(payment.payment_method);
-        this.payment_intent_id = payment.payment_intent_id;
-        this.refunded = payment.refunded;
-        this.status = payment.status;
-        this.created_at = payment.created_at;
-        this.updated_at = payment.updated_at;
-    }
-    get disputedStatus() {
-        const lost = this.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
-        // if a dispute is 'won', we don't show a dispute status, just general status
-        // TODO: update this logic to work with new DisputeStatus enum
-        // (cast 'open' as DisputeStatus in the meantime to keep existing functionality)
-        if (!this.disputed) {
-            return null;
-        }
-        else if (lost) {
-            return DisputeStatus.lost;
-        }
-        else {
-            return 'open';
-        }
-    }
-    get payment_type() {
-        if (this.payment_method) {
-            return this.payment_method.card ? PaymentTypes.card : PaymentTypes.bankAccount;
-        }
-        else {
-            return PaymentTypes.unknown;
-        }
-    }
-    get payers_name() {
-        return this.payment_method.payersName;
-    }
-    get last_four_digits() {
-        return this.payment_method.lastFourDigits;
-    }
-    formattedPaymentAmount(amount) {
-        return formatCurrency(amount, this.currency);
-    }
-}
-
-export { PaymentMethodTypes as P, Payment as a };