@coinflowlabs/angular 1.1.4 → 1.1.5

package/README.md

@@ -4,6 +4,11 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
 
 # Changelog
 
+## 1.1.5
+
+- Added `onLoad` property
+
+
 ## 1.1.0
 
 - Added Multi-Currency Presentment via the `presentment` property

package/fesm2022/coinflowlabs-angular.mjs

@@ -66,6 +66,7 @@ var Currency;
     Currency["ALL"] = "ALL";
     Currency["ANG"] = "ANG";
     Currency["AOA"] = "AOA";
+    Currency["ARS"] = "ARS";
     Currency["AUD"] = "AUD";
     Currency["AWG"] = "AWG";
     Currency["AZN"] = "AZN";
@@ -75,18 +76,23 @@ var Currency;
     Currency["BGN"] = "BGN";
     Currency["BHD"] = "BHD";
     Currency["BIF"] = "BIF";
+    Currency["BMD"] = "BMD";
     Currency["BND"] = "BND";
     Currency["BOB"] = "BOB";
     Currency["BRL"] = "BRL";
+    Currency["BSD"] = "BSD";
     Currency["BTN"] = "BTN";
     Currency["BWP"] = "BWP";
+    Currency["BYN"] = "BYN";
     Currency["BZD"] = "BZD";
     Currency["CAD"] = "CAD";
     Currency["CHF"] = "CHF";
+    Currency["CLF"] = "CLF";
     Currency["CLP"] = "CLP";
     Currency["CNY"] = "CNY";
     Currency["COP"] = "COP";
     Currency["CRC"] = "CRC";
+    Currency["CUP"] = "CUP";
     Currency["CVE"] = "CVE";
     Currency["CZK"] = "CZK";
     Currency["DJF"] = "DJF";
@@ -96,6 +102,7 @@ var Currency;
     Currency["EGP"] = "EGP";
     Currency["ETB"] = "ETB";
     Currency["EUR"] = "EUR";
+    Currency["FJD"] = "FJD";
     Currency["GBP"] = "GBP";
     Currency["GEL"] = "GEL";
     Currency["GHS"] = "GHS";
@@ -108,6 +115,7 @@ var Currency;
     Currency["HTG"] = "HTG";
     Currency["HUF"] = "HUF";
     Currency["IDR"] = "IDR";
+    Currency["ILS"] = "ILS";
     Currency["INR"] = "INR";
     Currency["IQD"] = "IQD";
     Currency["IRR"] = "IRR";
@@ -123,6 +131,8 @@ var Currency;
     Currency["KWD"] = "KWD";
     Currency["KYD"] = "KYD";
     Currency["KZT"] = "KZT";
+    Currency["LAK"] = "LAK";
+    Currency["LBP"] = "LBP";
     Currency["LKR"] = "LKR";
     Currency["LRD"] = "LRD";
     Currency["LSL"] = "LSL";
@@ -136,9 +146,11 @@ var Currency;
     Currency["MOP"] = "MOP";
     Currency["MRU"] = "MRU";
     Currency["MUR"] = "MUR";
+    Currency["MWK"] = "MWK";
     Currency["MVR"] = "MVR";
     Currency["MXN"] = "MXN";
     Currency["MYR"] = "MYR";
+    Currency["MZN"] = "MZN";
     Currency["NAD"] = "NAD";
     Currency["NGN"] = "NGN";
     Currency["NIO"] = "NIO";
@@ -148,6 +160,7 @@ var Currency;
     Currency["OMR"] = "OMR";
     Currency["PAB"] = "PAB";
     Currency["PEN"] = "PEN";
+    Currency["PGK"] = "PGK";
     Currency["PHP"] = "PHP";
     Currency["PKR"] = "PKR";
     Currency["PLN"] = "PLN";
@@ -164,6 +177,7 @@ var Currency;
     Currency["SLE"] = "SLE";
     Currency["SLL"] = "SLL";
     Currency["SOS"] = "SOS";
+    Currency["SRD"] = "SRD";
     Currency["STN"] = "STN";
     Currency["SVC"] = "SVC";
     Currency["SYP"] = "SYP";
@@ -172,6 +186,7 @@ var Currency;
     Currency["TJS"] = "TJS";
     Currency["TMT"] = "TMT";
     Currency["TND"] = "TND";
+    Currency["TOP"] = "TOP";
     Currency["TRY"] = "TRY";
     Currency["TTD"] = "TTD";
     Currency["TWD"] = "TWD";
@@ -181,6 +196,7 @@ var Currency;
     Currency["UYU"] = "UYU";
     Currency["UZS"] = "UZS";
     Currency["VND"] = "VND";
+    Currency["VUV"] = "VUV";
     Currency["XAF"] = "XAF";
     Currency["XCD"] = "XCD";
     Currency["XOF"] = "XOF";
@@ -188,6 +204,7 @@ var Currency;
     Currency["YER"] = "YER";
     Currency["ZAR"] = "ZAR";
     Currency["ZMW"] = "ZMW";
+    Currency["ZWL"] = "ZWL";
 })(Currency || (Currency = {}));
 const CurrencyToISO4217 = {
     [Currency.AED]: '784',
@@ -318,6 +335,23 @@ const CurrencyToISO4217 = {
     [Currency.YER]: '886',
     [Currency.ZAR]: '710',
     [Currency.ZMW]: '967',
+    [Currency.ARS]: '032',
+    [Currency.BMD]: '060',
+    [Currency.BSD]: '044',
+    [Currency.BYN]: '933',
+    [Currency.CUP]: '192',
+    [Currency.FJD]: '242',
+    [Currency.ILS]: '376',
+    [Currency.LAK]: '418',
+    [Currency.LBP]: '422',
+    [Currency.MWK]: '454',
+    [Currency.MZN]: '943',
+    [Currency.PGK]: '598',
+    [Currency.SRD]: '968',
+    [Currency.TOP]: '776',
+    [Currency.VUV]: '548',
+    [Currency.ZWL]: '932',
+    [Currency.CLF]: '990',
 };
 const WithdrawCurrencies = {
     [Currency.USD]: Currency.USD,
@@ -369,7 +403,7 @@ class CoinflowUtils {
             return 'http://localhost:5000';
         return `https://api-${env}.coinflow.cash`;
     }
-    static getCoinflowUrl({ walletPubkey, sessionKey, route, routePrefix, env, subtotal, presentment, transaction, blockchain = 'solana', webhookInfo, email, loaderBackground, handleHeightChangeId, bankAccountLinkRedirect, additionalWallets, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, threeDsChallengePreference, supportEmail, destinationAuthKey, allowedPaymentMethods, }) {
+    static getCoinflowUrl({ walletPubkey, sessionKey, route, routePrefix, env, subtotal, presentment, transaction, blockchain = 'solana', webhookInfo, email, loaderBackground, handleHeightChangeId, bankAccountLinkRedirect, additionalWallets, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, threeDsChallengePreference, supportEmail, destinationAuthKey, allowedPaymentMethods, accountFundingTransaction, }) {
         const prefix = routePrefix
             ? `/${routePrefix}/${blockchain}`
             : `/${blockchain}`;
@@ -476,6 +510,8 @@ class CoinflowUtils {
             url.searchParams.append('threeDsChallengePreference', threeDsChallengePreference);
         if (destinationAuthKey)
             url.searchParams.append('destinationAuthKey', destinationAuthKey);
+        if (accountFundingTransaction)
+            url.searchParams.append('accountFundingTransaction', LZString.compressToEncodedURIComponent(JSON.stringify(accountFundingTransaction)));
         return url.toString();
     }
     static getTransaction(props) {
@@ -769,6 +805,18 @@ function getSessionKeyHandlers({ onSuccess, onAuthDeclined, }) {
     };
 }
 
+class EventBus {
+    static on(type, callback) {
+        document.addEventListener(type, callback);
+    }
+    static dispatch(type, data) {
+        document.dispatchEvent(new CustomEvent(type, { detail: data }));
+    }
+    static remove(type, callback) {
+        document.removeEventListener(type, callback);
+    }
+}
+
 // Type definitions for TokenEx iframe integration
 const TokenExCardNumberIframeId = 'tokenExCardNumber';
 const TokenExCvvContainerID = 'tokenExCardCvv';
@@ -982,6 +1030,7 @@ class CoinflowIFrameComponent {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
         this.messageEvent = new EventEmitter();
+        this.isLoading = true;
     }
     ngOnInit() {
         const coinflowUrl = CoinflowUtils.getCoinflowUrl(this.iframeProps);
@@ -992,6 +1041,20 @@ class CoinflowIFrameComponent {
         if (!event.origin.includes(CoinflowUtils.getCoinflowBaseUrl(this.iframeProps.env)))
             return;
         this.messageEvent.emit(event);
+        if (this.waitForLoadedMessage) {
+            try {
+                const message = JSON.parse(event.data);
+                if (message &&
+                    typeof message === 'object' &&
+                    message.method === 'loaded') {
+                    this.isLoading = false;
+                    this.onLoad?.();
+                }
+            }
+            catch (error) {
+                // Ignore parse errors
+            }
+        }
         const promise = handleIFrameMessage(event.data, this.messageHandlers, this.iframeProps.handleHeightChangeId);
         if (!promise)
             return;
@@ -1004,8 +1067,14 @@ class CoinflowIFrameComponent {
             return;
         this.iframe.nativeElement.contentWindow.postMessage(message, '*');
     }
+    handleIframeLoad() {
+        if (this.waitForLoadedMessage)
+            return;
+        this.isLoading = false;
+        this.onLoad?.();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowIFrameComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CoinflowIFrameComponent, isStandalone: true, selector: "lib-coinflow-iframe", inputs: { iframeProps: "iframeProps", messageHandlers: "messageHandlers" }, outputs: { messageEvent: "messageEvent" }, host: { listeners: { "window:message": "onPostMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: ` <iframe
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CoinflowIFrameComponent, isStandalone: true, selector: "lib-coinflow-iframe", inputs: { iframeProps: "iframeProps", messageHandlers: "messageHandlers", onLoad: "onLoad", waitForLoadedMessage: "waitForLoadedMessage" }, outputs: { messageEvent: "messageEvent" }, host: { listeners: { "window:message": "onPostMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: ` <iframe
     width="100%"
     height="100%"
     #iframe
@@ -1015,6 +1084,7 @@ class CoinflowIFrameComponent {
     frameBorder="0"
     [src]="dynamicUrl"
     credentialless
+    (load)="handleIframeLoad()"
   ></iframe>`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowIFrameComponent, decorators: [{
@@ -1033,12 +1103,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
     frameBorder="0"
     [src]="dynamicUrl"
     credentialless
+    (load)="handleIframeLoad()"
   ></iframe>`,
                 }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iframeProps: [{
                 type: Input
             }], messageHandlers: [{
                 type: Input
+            }], onLoad: [{
+                type: Input
+            }], waitForLoadedMessage: [{
+                type: Input
             }], messageEvent: [{
                 type: Output
             }], iframe: [{
@@ -1065,7 +1140,7 @@ class CoinflowPurchaseComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowPurchaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CoinflowPurchaseComponent, isStandalone: true, selector: "lib-coinflow-purchase", inputs: { purchaseProps: "purchaseProps" }, ngImport: i0, template: ' <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"], outputs: ["messageEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CoinflowPurchaseComponent, isStandalone: true, selector: "lib-coinflow-purchase", inputs: { purchaseProps: "purchaseProps" }, ngImport: i0, template: ' <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!" [onLoad]="purchaseProps?.onLoad" [waitForLoadedMessage]="true"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers", "onLoad", "waitForLoadedMessage"], outputs: ["messageEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowPurchaseComponent, decorators: [{
             type: Component,
@@ -1073,7 +1148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
                     selector: 'lib-coinflow-purchase',
                     standalone: true,
                     imports: [CoinflowIFrameComponent],
-                    template: ' <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ',
+                    template: ' <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!" [onLoad]="purchaseProps?.onLoad" [waitForLoadedMessage]="true"></lib-coinflow-iframe> ',
                 }]
         }], propDecorators: { purchaseProps: [{
                 type: Input
@@ -1123,7 +1198,7 @@ class CoinflowWithdrawComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowWithdrawComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CoinflowWithdrawComponent, isStandalone: true, selector: "lib-coinflow-withdraw", inputs: { withdrawProps: "withdrawProps" }, ngImport: i0, template: '  <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"], outputs: ["messageEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CoinflowWithdrawComponent, isStandalone: true, selector: "lib-coinflow-withdraw", inputs: { withdrawProps: "withdrawProps" }, ngImport: i0, template: '  <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!" [onLoad]="withdrawProps?.onLoad"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers", "onLoad", "waitForLoadedMessage"], outputs: ["messageEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowWithdrawComponent, decorators: [{
             type: Component,
@@ -1131,7 +1206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
                     selector: 'lib-coinflow-withdraw',
                     standalone: true,
                     imports: [CoinflowIFrameComponent],
-                    template: '  <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ',
+                    template: '  <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!" [onLoad]="withdrawProps?.onLoad"></lib-coinflow-iframe> ',
                 }]
         }], propDecorators: { withdrawProps: [{
                 type: Input
@@ -1447,9 +1522,11 @@ class CoinflowMobileWalletButtonComponent {
         ng-if="iframeProps && messageHandlers"
         [iframeProps]="iframeProps!"
         [messageHandlers]="messageHandlers!"
+        [onLoad]="purchaseProps?.onLoad"
+        [waitForLoadedMessage]="true"
       ></lib-coinflow-iframe>
     </div>
-  </div>`, isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"], outputs: ["messageEvent"] }] }); }
+  </div>`, isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers", "onLoad", "waitForLoadedMessage"], outputs: ["messageEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CoinflowMobileWalletButtonComponent, decorators: [{
             type: Component,
@@ -1473,6 +1550,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
         ng-if="iframeProps && messageHandlers"
         [iframeProps]="iframeProps!"
         [messageHandlers]="messageHandlers!"
+        [onLoad]="purchaseProps?.onLoad"
+        [waitForLoadedMessage]="true"
       ></lib-coinflow-iframe>
     </div>
   </div>`,
@@ -1755,5 +1834,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CoinflowApplePayButtonComponent, CoinflowCardNumberInput, CoinflowCardNumberOnlyInput, CoinflowCvvInputComponent, CoinflowCvvOnlyInputComponent, CoinflowGooglePayButtonComponent, CoinflowIFrameComponent, CoinflowPurchaseComponent, CoinflowPurchaseHistoryComponent, CoinflowPurchaseProtectionComponent, CoinflowWithdrawComponent, CoinflowWithdrawHistoryComponent };
+export { CARD_TYPE_MAPPING, CardType, CoinflowApplePayButtonComponent, CoinflowCardNumberInput, CoinflowCardNumberOnlyInput, CoinflowCvvInputComponent, CoinflowCvvOnlyInputComponent, CoinflowGooglePayButtonComponent, CoinflowIFrameComponent, CoinflowPurchaseComponent, CoinflowPurchaseHistoryComponent, CoinflowPurchaseProtectionComponent, CoinflowUtils, CoinflowWithdrawComponent, CoinflowWithdrawHistoryComponent, Currency, CurrencyToISO4217, EventBus, IFrameMessageMethods, MerchantStyle, PaymentMethods, SettlementType, ThreeDsChallengePreference, TokenExCardNumberIframeId, TokenExCvvContainerID, WithdrawCurrencies, doInitializeCvvOnlyTokenExIframe, doInitializeTokenExCardOnlyIframe, doInitializeTokenExIframe, getCustomerName, getHandlers, getIframeConfig, getWalletPubkey, handleIFrameMessage, isTypedCurrencyCents, isWithdrawCurrency, nftCartItem, setTokenExScriptTag };
 //# sourceMappingURL=coinflowlabs-angular.mjs.map