@justifi/webcomponents 6.0.0-rc.16 → 6.0.0-rc.18

package/dist/webcomponents/p-a7712cea.entry.js

@@ -1 +0,0 @@
-import{h as t,r as e,c as n}from"./p-Bn7inNWG.js";import{S as i}from"./p-DxqCFDtF.js";import"./p-CZfYo5-1.js";import{S as a}from"./p-CaAVuW6B.js";import{c as s}from"./p-CItulios.js";import"./p-RvUQ__Pq.js";import"./p-CpaS1Lex.js";import"./p-DhGNCW2f.js";import"./p-HXpYMWUU.js";import"./p-Cjcsf8ku.js";import"./p-Da3idOSV.js";import"./p-BHf9IqGw.js";import"./p-BH0Xfn-F.js";import"./p-CLHwhyvu.js";import"./p-BlJnA265.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-CbL73B6U.js";var p,o,r,l;!function(t){t.STATUS_SUCCESS="STATUS_SUCCESS",t.STATUS_FAILURE="STATUS_FAILURE"}(p||(p={})),function(t){t.PLAIN="plain",t.BUY="buy",t.SET_UP="set-up",t.DONATE="donate",t.CHECK_OUT="check-out",t.BOOK="book",t.SUBSCRIBE="subscribe"}(o||(o={})),function(t){t.BLACK="black",t.WHITE="white",t.WHITE_OUTLINE="white-outline"}(r||(r={})),function(t){t.SUPPORTS_3DS="supports3DS",t.SUPPORTS_EMV="supportsEMV",t.SUPPORTS_CREDIT="supportsCredit",t.SUPPORTS_DEBIT="supportsDebit"}(l||(l={}));class c{static isApplePaySupported(){var t;return"undefined"!=typeof window&&"ApplePaySession"in window&&(null===(t=window.ApplePaySession)||void 0===t?void 0:t.supportsVersion(3))}static canMakePayments(){var t;return this.isApplePaySupported()&&(null===(t=window.ApplePaySession)||void 0===t?void 0:t.canMakePayments())||!1}static async canMakePaymentsWithActiveCard(t){var e;if(!this.isApplePaySupported())return!1;try{return await(null===(e=window.ApplePaySession)||void 0===e?void 0:e.canMakePaymentsWithActiveCard(t))||!1}catch(t){return console.error("Error checking Apple Pay active card:",t),!1}}static formatAmount(t){return(t/100).toFixed(2)}static parseAmount(t){return Math.round(100*parseFloat(t))}static createLineItem(t,e,n="final"){return{label:t,amount:this.formatAmount(e),type:n}}static getDefaultSupportedNetworks(){return["amex","discover","masterCard","visa"]}static getDefaultMerchantCapabilities(){return[l.SUPPORTS_3DS,l.SUPPORTS_EMV,l.SUPPORTS_CREDIT,l.SUPPORTS_DEBIT]}}const h=e=>{const{isReady:n}=e;return n?null:t("div",{class:"container-fluid p-0"},t("div",{class:"row mb-3"},t("div",{class:"col-12 align-content-center"},t(a,{height:"44px",width:"100%",styles:{borderRadius:"8px"}}))))},u=e=>t("div",{class:"apple-pay-button-container"},t("button",Object.assign({class:(()=>{let t="apple-pay-button";switch(e.buttonStyle){case r.WHITE:t+=" apple-pay-button-white";break;case r.WHITE_OUTLINE:t+=" apple-pay-button-white-outline";break;default:t+=" apple-pay-button-black"}switch(e.buttonType){case o.BUY:t+=" apple-pay-button-type-buy";break;case o.DONATE:t+=" apple-pay-button-type-donate";break;default:t+=" apple-pay-button-type-plain"}return(e.disabled||e.isProcessing||!e.isAvailable)&&(t+=" disabled"),t})(),style:{width:e.width||"200px",height:e.height||"48px"},onClick:()=>{!e.disabled&&!e.isProcessing&&e.isAvailable&&e.clickHandler&&e.clickHandler()},disabled:e.disabled||e.isProcessing||!e.isAvailable,"aria-label":"Pay with Apple Pay",type:"button"},e),e.isProcessing&&t("div",{class:"processing-overlay"},t("div",{class:"spinner"}),t("span",null,"Processing..."))),t("style",null,"\n          .apple-pay-button-container {\n            display: inline-block;\n            position: relative;\n          }\n\n          /* Apple Pay CSS classes - these are the official Apple Pay button styles */\n          .apple-pay-button {\n            display: inline-block;\n            -webkit-appearance: -apple-pay-button;\n            -apple-pay-button-type: plain; /* default */\n            -apple-pay-button-style: black; /* default */\n            border-radius: 8px;\n            cursor: pointer;\n            border: none;\n            outline: none;\n            transition: opacity 0.2s ease;\n            position: relative;\n          }\n\n          /* Button styles */\n          .apple-pay-button.apple-pay-button-black {\n            -apple-pay-button-style: black;\n          }\n\n          .apple-pay-button.apple-pay-button-white {\n            -apple-pay-button-style: white;\n          }\n\n          .apple-pay-button.apple-pay-button-white-outline {\n            -apple-pay-button-style: white-outline;\n          }\n\n          /* Button types */\n          .apple-pay-button.apple-pay-button-type-plain {\n            -apple-pay-button-type: plain;\n          }\n\n          .apple-pay-button.apple-pay-button-type-buy {\n            -apple-pay-button-type: buy;\n          }\n\n          .apple-pay-button.apple-pay-button-type-donate {\n            -apple-pay-button-type: donate;\n          }\n\n          /* Hover and disabled states */\n          .apple-pay-button:hover:not(.disabled) {\n            opacity: 0.9;\n          }\n\n          .apple-pay-button.disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n          }\n\n          /* Processing overlay */\n          .processing-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            background: rgba(0, 0, 0, 0.8);\n            color: white;\n            border-radius: 8px;\n            font-size: 14px;\n            font-weight: 500;\n          }\n\n          .spinner {\n            width: 16px;\n            height: 16px;\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            border-top: 2px solid #fff;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n          }\n\n          @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n          }\n\n          /* Responsive design */\n          @media (max-width: 480px) {\n            .apple-pay-button {\n              width: 100% !important;\n              min-width: 200px;\n            }\n          }\n        ")),y=class{constructor(t){e(this,t),this.applePayStarted=n(this,"applePayStarted"),this.applePayCompleted=n(this,"applePayCompleted"),this.applePayCancelled=n(this,"applePayCancelled"),this.applePayError=n(this,"applePayError"),this.countryCode="US",this.merchantIdentifier="merchant.com.staging-justifi.checkout-dev",this.merchantDisplayName="JustiFi Checkout",this.initiativeContext="dev-checkout.justifi-staging.com",this.buttonType=o.PLAIN,this.buttonStyle=r.BLACK,this.disabled=!1,this.showSkeleton=!0,this.isLoading=!0,this.isProcessing=!1,this.isAvailable=!1,this.canMakePayments=!1,this.isConfigValid=!0,this.error=null,this.handleApplePayClick=async()=>{var t;if(!this.isProcessing&&!this.disabled&&this.isAvailable)try{this.isProcessing=!0,this.error=null,this.applePayStarted.emit();const e={countryCode:this.countryCode,currencyCode:s.paymentCurrency,merchantCapabilities:c.getDefaultMerchantCapabilities(),supportedNetworks:c.getDefaultSupportedNetworks(),total:c.createLineItem(s.paymentDescription,s.paymentAmount)},n=await this.applePayService.startPaymentSession(e,s.authToken,s.accountId);n.success?this.applePayCompleted.emit({success:!0,token:n.token,paymentMethodId:n.paymentMethodId}):(this.applePayCompleted.emit({success:!1,error:n.error}),this.applePayError.emit({error:(null===(t=n.error)||void 0===t?void 0:t.message)||"Payment failed"}))}catch(t){console.error("Apple Pay payment error:",t);const e=t instanceof Error?t.message:"Payment failed";this.error=e,this.applePayError.emit({error:e}),this.applePayCompleted.emit({success:!1,error:e})}finally{this.isProcessing=!1}}}async initializeApplePay(){console.log("initializeApplePay",s.checkoutLoaded);try{if(this.isLoading=!0,this.error=null,this.isConfigValid=!0,!(Boolean(s.paymentAmount)&&Boolean(s.paymentCurrency)&&Boolean(s.authToken)))return this.error="Missing required Apple Pay configuration blabla blabla 2",this.isConfigValid=!1,console.error("Apple Pay config error: missing required values blabla blabla 2",{paymentAmount:s.paymentAmount,paymentCurrency:s.paymentCurrency,hasAuthToken:Boolean(s.authToken)}),this.applePayError.emit({error:this.error}),void(this.isLoading=!1);if(this.isAvailable=c.isApplePaySupported(),this.canMakePayments=c.canMakePayments(),!this.isAvailable)return this.error="Apple Pay is not supported on this device",console.error(this.error),this.applePayError.emit({error:this.error}),void(this.isLoading=!1);if(!this.canMakePayments)return this.error="Apple Pay is not available",console.error(this.error),this.applePayError.emit({error:this.error}),void(this.isLoading=!1);this.applePayService.initialize({merchantIdentifier:this.merchantIdentifier,displayName:this.merchantDisplayName,initiative:"web",initiativeContext:this.initiativeContext,buttonType:this.buttonType,buttonStyle:this.buttonStyle}),await this.applePayService.canMakePaymentsWithActiveCard()||console.warn("No Apple Pay cards available, but continuing...")}catch(t){console.error("Apple Pay initialization error:",t),this.error=t instanceof Error?t.message:"Failed to initialize Apple Pay",this.applePayError.emit({error:this.error})}finally{this.isLoading=!1}}async isSupported(){return this.isAvailable&&this.canMakePayments}async getPaymentMethods(){return this.isAvailable?c.getDefaultSupportedNetworks():[]}async abort(){this.applePayService.abortPaymentSession(),this.isProcessing=!1,this.applePayCancelled.emit()}render(){const e=!this.isLoading&&this.isAvailable&&this.canMakePayments&&this.isConfigValid;return t(i,{key:"ea33bc759d2849cf013cb6f98367c8d78c799acb"},s.checkoutLoaded&&t("script",{key:"9ed6140223a8788ca194a8978a9ca8e1e30eb10e",async:!0,src:"https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js",onLoad:()=>{this.initializeApplePay()}}),t("div",{key:"6501d8cb4c4119eadf9112db4fca876437138bcc",class:"apple-pay-container"},t(h,{key:"1aee83e3deac0d0f68d2788f65401a1d7c48047f",isReady:e}),e&&t(u,{key:"eb05dde5789f5f1bb83e75127c222996a38c8fef",buttonType:this.buttonType,buttonStyle:this.buttonStyle,disabled:this.disabled,isProcessing:this.isProcessing,isAvailable:this.isAvailable,clickHandler:this.handleApplePayClick})),t("style",{key:"8060bf6771c12f47d482f0a774e4fd6547e50a2e"},"\n            .apple-pay-container {\n              width: 100%;\n            }\n          "))}};export{y as justifi_apple_pay}