@miden-npm/angular 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"miden-npm-angular-buzapay-checkout.mjs","sources":["../../buzapay-checkout/src/lib/checkout-card/checkout-card.component.ts","../../buzapay-checkout/src/lib/checkout-card/checkout-card.component.html","../../buzapay-checkout/src/lib/checkout-iframe/checkout-iframe.component.ts","../../buzapay-checkout/src/lib/checkout-iframe/checkout-iframe.component.html","../../buzapay-checkout/src/lib/checkout-button/checkout-button.component.ts","../../buzapay-checkout/src/lib/checkout-button/checkout-button.component.html","../../buzapay-checkout/miden-npm-angular-buzapay-checkout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n ISelectOption,\n RadioGroupComponent,\n ImageComponent,\n SuccessComponent,\n CardComponent,\n IPaymentObject,\n formatAmount,\n ISuccessObject,\n IErrorObject,\n PayByCardComponent,\n PayByTransferComponent,\n PayByStableCoinComponent,\n} from '@miden-npm/angular';\n\nexport interface CheckoutIframeStyle {\n [cssProp: string]: string | number;\n}\n\nexport interface CheckoutCardOptions {\n imageUrl?: string;\n numberPlaceholder?: string;\n expiryPlaceholder?: string;\n cvcPlaceholder?: string;\n styles?: {\n base?: CheckoutIframeStyle;\n invalid?: CheckoutIframeStyle;\n focus?: CheckoutIframeStyle;\n };\n}\n\nexport interface TokenizeResult {\n token: string;\n last4?: string;\n brand?: string;\n}\n\n@Component({\n selector: 'bzp-checkout-card',\n standalone: true,\n templateUrl: './checkout-card.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n RadioGroupComponent,\n ImageComponent,\n PayByCardComponent,\n PayByTransferComponent,\n PayByStableCoinComponent,\n SuccessComponent,\n CardComponent,\n ],\n})\nexport class CheckoutCardComponent {\n @Input() options: CheckoutCardOptions | null = null;\n @Input() secretKey: string = '';\n @Input() environment: 'sandbox' | 'prod' = 'sandbox';\n @Input() paymentObject: IPaymentObject = {\n merchantName: '',\n amount: 0,\n currency: '',\n email: '',\n phoneNumber: '',\n narration: '',\n redirectUrl: 'https://sandbox-merchant.buzapay.com/account/three-ds-status',\n };\n @Output() ready = new EventEmitter<void>();\n @Output() validityChange = new EventEmitter<{ valid: boolean; field?: string }>();\n @Output() tokenize = new EventEmitter<TokenizeResult>();\n @Output() paymentAuthorized = new EventEmitter<ISuccessObject>();\n @Output() onError = new EventEmitter<IErrorObject>();\n\n successObject: ISuccessObject = {\n paymentDate: '',\n paymentId: '',\n paymentStatus: '',\n };\n checkoutState: 'SUCCESS' | 'PENDING' | 'USED' = 'PENDING';\n countryOptions: ISelectOption[] = [\n {\n label: 'Nigeria',\n value: 'Nigeria',\n },\n {\n label: 'Ghana',\n value: 'Ghana',\n },\n ];\n paymentTypeOptions: ISelectOption[] = [\n { label: 'Card', value: 'CARD' },\n { label: 'Bank Transfer', value: 'BANK_TRANSFER' },\n { label: 'Stable Coin', value: 'STABLE_COIN' },\n ];\n paymentType: string = this.paymentTypeOptions[0].value;\n\n get filteredPaymentTypeOptions(): ISelectOption[] {\n if (this.paymentObject.currency === 'USD') {\n if (this.paymentObject.amount < 50) {\n return this.paymentTypeOptions.filter(\n (option) => option.value !== 'BANK_TRANSFER' && option.value !== 'STABLE_COIN',\n );\n } else {\n return this.paymentTypeOptions.filter((option) => option.value !== 'BANK_TRANSFER');\n }\n } else {\n return this.paymentTypeOptions.filter((option) => option.value !== 'STABLE_COIN');\n }\n }\n\n get formatAmountHandler(): string {\n return formatAmount(this.paymentObject.amount, this.paymentObject.currency);\n }\n\n paymentTypeHandler(event: string): void {\n this.paymentType = event;\n }\n\n setSuccess(event: ISuccessObject): void {\n this.successObject = { ...event };\n if (this.successObject.paymentStatus === 'authorized') {\n this.checkoutState = 'SUCCESS';\n } else if (this.successObject.paymentStatus === 'payment failed') {\n this.checkoutState = 'PENDING';\n } else if (this.successObject.paymentStatus === 'used') {\n this.checkoutState = 'USED';\n } else {\n this.checkoutState = 'PENDING';\n }\n\n this.paymentAuthorized.emit(event);\n }\n\n onErrorHandler(e: IErrorObject): void {\n this.onError.emit(e);\n }\n}\n","<base-card>\n <div class=\"grid grid-cols-3\" buzapay>\n @if (checkoutState === 'PENDING') {\n <div class=\"bg-[#EFF7FF] px-6 py-8 flex flex-col gap-5 col-span-1 rounded-l-xl\">\n <p class=\"text-heading-text text-body-xs font-semibold\">Pay with</p>\n <base-radio-group\n [options]=\"filteredPaymentTypeOptions\"\n (selectedChange)=\"paymentTypeHandler($event)\"\n ></base-radio-group>\n </div>\n }\n\n <div [class]=\"checkoutState === 'SUCCESS' ? 'col-span-3' : 'col-span-2'\">\n @if (checkoutState === 'PENDING') {\n <div class=\"flex items-center justify-between px-12 py-8\">\n @if (options?.imageUrl) {\n <base-image\n [src]=\"options?.imageUrl ?? ''\"\n alt=\"Merchant Logo\"\n [width]=\"52\"\n [height]=\"52\"\n class=\"rounded-lg\"\n ></base-image>\n } @else {\n <div\n class=\"bg-heading-text rounded flex flex-col justify-center\"\n style=\"width: 52px; height: 52px\"\n >\n <p class=\"text-white text-center text-body-2xs font-medium\">Logo</p>\n </div>\n }\n\n <div class=\"flex flex-col gap-1\">\n <p class=\"text-body-2xs font-regular text-sub-copy text-right\">\n {{ paymentObject.merchantName }}\n </p>\n <p class=\"text-body-2xs font-regular text-sub-copy text-right\">\n Pay:\n <span class=\"text-orange-500 font-extrabold\">{{ formatAmountHandler }}</span>\n </p>\n </div>\n </div>\n\n <div class=\"max-h-[32rem] overflow-y-scroll px-10 pb-10 pt-2\">\n @if (paymentType === 'CARD') {\n <pay-by-card\n [environment]=\"environment\"\n [secretKey]=\"secretKey\"\n [paymentObject]=\"paymentObject\"\n caller=\"buzapay\"\n (paymentAuthorized)=\"setSuccess($event)\"\n (onError)=\"onErrorHandler($event)\"\n ></pay-by-card>\n } @else if (paymentType === 'BANK_TRANSFER') {\n <pay-by-transfer\n [environment]=\"environment\"\n [secretKey]=\"secretKey\"\n [paymentObject]=\"paymentObject\"\n caller=\"buzapay\"\n (paymentAuthorized)=\"setSuccess($event)\"\n (onError)=\"onErrorHandler($event)\"\n ></pay-by-transfer>\n } @else {\n <pay-by-stable-coin\n [environment]=\"environment\"\n [secretKey]=\"secretKey\"\n [paymentObject]=\"paymentObject\"\n caller=\"buzapay\"\n (paymentAuthorized)=\"setSuccess($event)\"\n (onError)=\"onErrorHandler($event)\"\n ></pay-by-stable-coin>\n }\n </div>\n } @else if (checkoutState === 'SUCCESS') {\n <base-success\n [amount]=\"paymentObject.amount\"\n [currency]=\"paymentObject.currency\"\n [redirectUrl]=\"paymentObject.redirectUrl ?? ''\"\n [successObject]=\"successObject\"\n ></base-success>\n }\n </div>\n </div>\n</base-card>\n","import { CommonModule } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n Renderer2,\n ViewChild,\n} from '@angular/core';\nimport {\n checkObjectTruthy,\n CheckoutService,\n IApiResponse,\n IPaymentObject,\n IconLoaderComponent,\n IErrorObject,\n} from '@miden-npm/angular';\nimport { finalize, tap } from 'rxjs';\n\ninterface IIframeStyle {\n width?: string;\n height?: string;\n border?: string;\n borderRadius?: string;\n overflow?: string;\n}\n\n@Component({\n selector: 'bzp-checkout-iframe',\n standalone: true,\n templateUrl: './checkout-iframe.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [IconLoaderComponent, CommonModule],\n})\nexport class CheckoutIframeComponent implements AfterViewInit {\n constructor(\n private renderer: Renderer2,\n private cdr: ChangeDetectorRef,\n private checkout: CheckoutService,\n ) {}\n\n errorMessage: string = '';\n loading: boolean = false;\n launchUrl: string = '';\n iframe: any;\n\n @Input() secretKey: string = '';\n @Input() url: string = '';\n @Input() style: IIframeStyle = {\n width: '100%',\n height: '100vh',\n border: '0',\n borderRadius: '6px',\n overflow: 'hidden',\n };\n @Input() environment: 'sandbox' | 'prod' = 'sandbox';\n @Input() paymentObject: IPaymentObject = {\n merchantName: '',\n amount: 0,\n currency: '',\n email: '',\n phoneNumber: '',\n narration: '',\n redirectUrl: 'https://sandbox-merchant.buzapay.com/account/three-ds-status',\n };\n @ViewChild('container', { static: false }) container?: ElementRef<HTMLDivElement>;\n @Output() onError = new EventEmitter<IErrorObject>();\n\n get blockStyle() {\n return {\n ...(this.style || {}),\n };\n }\n\n launchIframe(url: string): void {\n const host = this.container?.nativeElement;\n if (!host) return; // guard: container not in DOM yet\n this.iframe = this.renderer.createElement('iframe');\n this.renderer.setAttribute(this.iframe, 'src', url);\n this.renderer.setStyle(this.iframe, 'width', this.style.width);\n this.renderer.setStyle(this.iframe, 'height', this.style.height);\n this.renderer.setStyle(this.iframe, 'border', this.style.border);\n this.renderer.setStyle(this.iframe, 'borderRadius', this.style.borderRadius);\n this.renderer.setStyle(this.iframe, 'overflow', this.style.overflow);\n this.renderer.appendChild(host, this.iframe);\n }\n\n async generatePaymentLinkHandler(): Promise<void | string> {\n if (this.url) {\n this.launchIframe(this.url);\n return;\n }\n\n if (!this.secretKey) {\n return (this.errorMessage = 'Secret key is required.');\n }\n\n if (!checkObjectTruthy<IPaymentObject>(this.paymentObject)) {\n return (this.errorMessage = 'Kindly ensure you are passing all the required data.');\n }\n\n this.loading = true;\n this.cdr.markForCheck();\n this.checkout\n .createPaymentLink(this.paymentObject, this.environment, this.secretKey, 'buzapay')\n .pipe(\n tap((res: IApiResponse<any>) => {\n if (res?.isSuccessful) {\n this.launchUrl = res.launchUrl ?? '';\n this.errorMessage = 'Payment link created successfully';\n if (this.launchUrl) {\n this.launchIframe(`${this.launchUrl}&merchantId=${btoa(this.secretKey)}`);\n }\n } else {\n this.errorMessage = 'Failed to create payment link';\n this.onError.emit({ errorMessage: this.errorMessage });\n }\n }),\n finalize(() => {\n this.loading = false;\n this.cdr.markForCheck();\n }),\n )\n .subscribe({\n error: (err: any) => {\n this.onError.emit({ errorMessage: this.errorMessage });\n },\n });\n }\n\n async ngAfterViewInit(): Promise<void> {\n await this.generatePaymentLinkHandler();\n }\n}\n","<div class=\"relative\" [ngStyle]=\"blockStyle\">\n <div #container class=\"w-full h-full\"></div>\n\n @if (loading) {\n <div class=\"absolute inset-0 grid place-items-center bg-white/60\">\n <icon-loader></icon-loader>\n </div>\n }\n</div>\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\nimport {\n ButtonComponent,\n checkObjectTruthy,\n CheckoutService,\n IApiResponse,\n IPaymentObject,\n IErrorObject,\n InputErrorComponent,\n formatAmount,\n} from '@miden-npm/angular';\nimport { CheckoutIframeComponent } from '../checkout-iframe/checkout-iframe.component';\nimport { finalize, tap } from 'rxjs';\n\n@Component({\n selector: 'bzp-checkout-button',\n standalone: true,\n templateUrl: './checkout-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ButtonComponent, InputErrorComponent, InputErrorComponent, CheckoutIframeComponent],\n})\nexport class CheckoutButtonComponent {\n constructor(\n private checkout: CheckoutService,\n private cdr: ChangeDetectorRef,\n ) {}\n\n errorMessage: string = '';\n loading: boolean = false;\n launchUrl: string = '';\n urlLaunchUrl: string = '';\n\n @Input() secretKey: string = '';\n @Input() timeout: number = 30000;\n @Input() environment: 'sandbox' | 'prod' = 'sandbox';\n @Input() mode: 'redirect' | 'iframe' = 'redirect';\n @Input() paymentObject: IPaymentObject = {\n merchantName: '',\n amount: 0,\n currency: '',\n email: '',\n phoneNumber: '',\n narration: '',\n redirectUrl: 'https://sandbox-merchant.buzapay.com/account/three-ds-status',\n };\n @Output() onError = new EventEmitter<IErrorObject>();\n\n get formatAmountHandler(): string {\n return formatAmount(this.paymentObject.amount, this.paymentObject.currency);\n }\n\n async generatePaymentLinkHandler(): Promise<void | string> {\n if (!this.secretKey) {\n return (this.errorMessage = 'Secret key is required.');\n }\n\n if (!checkObjectTruthy<IPaymentObject>(this.paymentObject)) {\n return (this.errorMessage = 'Kindly ensure you are passing all the required data.');\n }\n\n this.loading = true;\n this.cdr.markForCheck();\n this.checkout\n .createPaymentLink(this.paymentObject, this.environment, this.secretKey, 'buzapay')\n .pipe(\n tap((res: IApiResponse<any>) => {\n if (res?.isSuccessful) {\n this.launchUrl = res.launchUrl ?? '';\n this.urlLaunchUrl = `${res.launchUrl}&merchantId=${btoa(this.secretKey)}`;\n this.errorMessage = 'Payment link created successfully';\n if (this.mode === 'redirect' && this.launchUrl) {\n window.open(this.launchUrl, '_blank', 'noopener,noreferrer');\n }\n } else {\n this.errorMessage = 'Failed to create payment link';\n this.onError.emit({ errorMessage: this.errorMessage });\n }\n }),\n finalize(() => {\n this.loading = false;\n this.cdr.markForCheck();\n }),\n )\n .subscribe({\n error: (err: any) => {\n this.onError.emit({ errorMessage: this.errorMessage });\n },\n });\n }\n}\n","@if (urlLaunchUrl && mode === 'iframe') {\n <bzp-checkout-iframe\n [url]=\"urlLaunchUrl\"\n [secretKey]=\"secretKey\"\n [environment]=\"environment\"\n ></bzp-checkout-iframe>\n} @else {\n <base-button\n [label]=\"'Pay ' + formatAmountHandler\"\n type=\"primary\"\n customClass=\"w-full\"\n [loading]=\"loading\"\n (onClick)=\"generatePaymentLinkHandler()\"\n ></base-button>\n <base-input-error [errorMessage]=\"errorMessage\"></base-input-error>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"miden-npm-angular-buzapay-checkout.mjs","sources":["../../buzapay-checkout/src/lib/checkout-card/checkout-card.component.ts","../../buzapay-checkout/src/lib/checkout-card/checkout-card.component.html","../../buzapay-checkout/src/lib/checkout-iframe/checkout-iframe.component.ts","../../buzapay-checkout/src/lib/checkout-iframe/checkout-iframe.component.html","../../buzapay-checkout/src/lib/checkout-button/checkout-button.component.ts","../../buzapay-checkout/src/lib/checkout-button/checkout-button.component.html","../../buzapay-checkout/miden-npm-angular-buzapay-checkout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n ISelectOption,\n RadioGroupComponent,\n ImageComponent,\n SuccessComponent,\n CardComponent,\n IPaymentObject,\n formatAmount,\n ISuccessObject,\n IErrorObject,\n PayByCardComponent,\n PayByTransferComponent,\n PayByStableCoinComponent,\n} from '@miden-npm/angular';\n\nexport interface CheckoutIframeStyle {\n [cssProp: string]: string | number;\n}\n\nexport interface CheckoutCardOptions {\n imageUrl?: string;\n numberPlaceholder?: string;\n expiryPlaceholder?: string;\n cvcPlaceholder?: string;\n styles?: {\n base?: CheckoutIframeStyle;\n invalid?: CheckoutIframeStyle;\n focus?: CheckoutIframeStyle;\n };\n}\n\nexport interface TokenizeResult {\n token: string;\n last4?: string;\n brand?: string;\n}\n\n@Component({\n selector: 'bzp-checkout-card',\n standalone: true,\n templateUrl: './checkout-card.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n RadioGroupComponent,\n ImageComponent,\n PayByCardComponent,\n PayByTransferComponent,\n PayByStableCoinComponent,\n SuccessComponent,\n CardComponent,\n ],\n})\nexport class CheckoutCardComponent {\n @Input() options: CheckoutCardOptions | null = null;\n @Input() secretKey: string = '';\n @Input() environment: 'sandbox' | 'prod' = 'sandbox';\n @Input() paymentObject: IPaymentObject = {\n merchantName: '',\n amount: 0,\n currency: '',\n email: '',\n phoneNumber: '',\n narration: '',\n redirectUrl: '',\n };\n @Output() ready = new EventEmitter<void>();\n @Output() validityChange = new EventEmitter<{ valid: boolean; field?: string }>();\n @Output() tokenize = new EventEmitter<TokenizeResult>();\n @Output() paymentAuthorized = new EventEmitter<ISuccessObject>();\n @Output() onError = new EventEmitter<IErrorObject>();\n\n successObject: ISuccessObject = {\n paymentDate: '',\n paymentId: '',\n paymentStatus: '',\n };\n checkoutState: 'SUCCESS' | 'PENDING' | 'USED' = 'PENDING';\n countryOptions: ISelectOption[] = [\n {\n label: 'Nigeria',\n value: 'Nigeria',\n },\n {\n label: 'Ghana',\n value: 'Ghana',\n },\n ];\n paymentTypeOptions: ISelectOption[] = [\n { label: 'Card', value: 'CARD' },\n { label: 'Bank Transfer', value: 'BANK_TRANSFER' },\n { label: 'Stable Coin', value: 'STABLE_COIN' },\n ];\n paymentType: string = this.paymentTypeOptions[0].value;\n\n get filteredPaymentTypeOptions(): ISelectOption[] {\n if (this.paymentObject.currency === 'USD') {\n if (this.paymentObject.amount < 50) {\n return this.paymentTypeOptions.filter(\n (option) => option.value !== 'BANK_TRANSFER' && option.value !== 'STABLE_COIN',\n );\n } else {\n return this.paymentTypeOptions.filter((option) => option.value !== 'BANK_TRANSFER');\n }\n } else {\n return this.paymentTypeOptions.filter((option) => option.value !== 'STABLE_COIN');\n }\n }\n\n get formatAmountHandler(): string {\n return formatAmount(this.paymentObject.amount, this.paymentObject.currency);\n }\n\n paymentTypeHandler(event: string): void {\n this.paymentType = event;\n }\n\n setSuccess(event: ISuccessObject): void {\n this.successObject = { ...event };\n if (this.successObject.paymentStatus === 'authorized') {\n this.checkoutState = 'SUCCESS';\n } else if (this.successObject.paymentStatus === 'payment failed') {\n this.checkoutState = 'PENDING';\n } else if (this.successObject.paymentStatus === 'used') {\n this.checkoutState = 'USED';\n } else {\n this.checkoutState = 'PENDING';\n }\n\n this.paymentAuthorized.emit(event);\n }\n\n onErrorHandler(e: IErrorObject): void {\n this.onError.emit(e);\n }\n}\n","<base-card>\n <div class=\"grid grid-cols-3\" buzapay>\n @if (checkoutState === 'PENDING') {\n <div class=\"bg-[#EFF7FF] px-6 py-8 flex flex-col gap-5 col-span-1 rounded-l-xl\">\n <p class=\"text-heading-text text-body-xs font-semibold\">Pay with</p>\n <base-radio-group\n [options]=\"filteredPaymentTypeOptions\"\n (selectedChange)=\"paymentTypeHandler($event)\"\n ></base-radio-group>\n </div>\n }\n\n <div [class]=\"checkoutState === 'SUCCESS' ? 'col-span-3' : 'col-span-2'\">\n @if (checkoutState === 'PENDING') {\n <div class=\"flex items-center justify-between px-12 py-8\">\n @if (options?.imageUrl) {\n <base-image\n [src]=\"options?.imageUrl ?? ''\"\n alt=\"Merchant Logo\"\n [width]=\"52\"\n [height]=\"52\"\n class=\"rounded-lg\"\n ></base-image>\n } @else {\n <div\n class=\"bg-heading-text rounded flex flex-col justify-center\"\n style=\"width: 52px; height: 52px\"\n >\n <p class=\"text-white text-center text-body-2xs font-medium\">Logo</p>\n </div>\n }\n\n <div class=\"flex flex-col gap-1\">\n <p class=\"text-body-2xs font-regular text-sub-copy text-right\">\n {{ paymentObject.merchantName }}\n </p>\n <p class=\"text-body-2xs font-regular text-sub-copy text-right\">\n Pay:\n <span class=\"text-orange-500 font-extrabold\">{{ formatAmountHandler }}</span>\n </p>\n </div>\n </div>\n\n <div class=\"max-h-[32rem] overflow-y-scroll px-10 pb-10 pt-2\">\n @if (paymentType === 'CARD') {\n <pay-by-card\n [environment]=\"environment\"\n [secretKey]=\"secretKey\"\n [paymentObject]=\"paymentObject\"\n caller=\"buzapay\"\n (paymentAuthorized)=\"setSuccess($event)\"\n (onError)=\"onErrorHandler($event)\"\n ></pay-by-card>\n } @else if (paymentType === 'BANK_TRANSFER') {\n <pay-by-transfer\n [environment]=\"environment\"\n [secretKey]=\"secretKey\"\n [paymentObject]=\"paymentObject\"\n caller=\"buzapay\"\n (paymentAuthorized)=\"setSuccess($event)\"\n (onError)=\"onErrorHandler($event)\"\n ></pay-by-transfer>\n } @else {\n <pay-by-stable-coin\n [environment]=\"environment\"\n [secretKey]=\"secretKey\"\n [paymentObject]=\"paymentObject\"\n caller=\"buzapay\"\n (paymentAuthorized)=\"setSuccess($event)\"\n (onError)=\"onErrorHandler($event)\"\n ></pay-by-stable-coin>\n }\n </div>\n } @else if (checkoutState === 'SUCCESS') {\n <base-success\n [amount]=\"paymentObject.amount\"\n [currency]=\"paymentObject.currency\"\n [redirectUrl]=\"paymentObject.redirectUrl ?? ''\"\n [successObject]=\"successObject\"\n ></base-success>\n }\n </div>\n </div>\n</base-card>\n","import { CommonModule } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n Renderer2,\n ViewChild,\n} from '@angular/core';\nimport {\n checkObjectTruthy,\n CheckoutService,\n IApiResponse,\n IPaymentObject,\n IconLoaderComponent,\n IErrorObject,\n} from '@miden-npm/angular';\nimport { finalize, tap } from 'rxjs';\n\ninterface IIframeStyle {\n width?: string;\n height?: string;\n border?: string;\n borderRadius?: string;\n overflow?: string;\n}\n\n@Component({\n selector: 'bzp-checkout-iframe',\n standalone: true,\n templateUrl: './checkout-iframe.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [IconLoaderComponent, CommonModule],\n})\nexport class CheckoutIframeComponent implements AfterViewInit {\n constructor(\n private renderer: Renderer2,\n private cdr: ChangeDetectorRef,\n private checkout: CheckoutService,\n ) {}\n\n errorMessage: string = '';\n loading: boolean = false;\n launchUrl: string = '';\n iframe: any;\n\n @Input() secretKey: string = '';\n @Input() url: string = '';\n @Input() style: IIframeStyle = {\n width: '100%',\n height: '100vh',\n border: '0',\n borderRadius: '6px',\n overflow: 'hidden',\n };\n @Input() environment: 'sandbox' | 'prod' = 'sandbox';\n @Input() paymentObject: IPaymentObject = {\n merchantName: '',\n amount: 0,\n currency: '',\n email: '',\n phoneNumber: '',\n narration: '',\n redirectUrl: 'https://sandbox-merchant.buzapay.com/account/three-ds-status',\n };\n @ViewChild('container', { static: false }) container?: ElementRef<HTMLDivElement>;\n @Output() onError = new EventEmitter<IErrorObject>();\n\n get blockStyle() {\n return {\n ...(this.style || {}),\n };\n }\n\n launchIframe(url: string): void {\n const host = this.container?.nativeElement;\n if (!host) return; // guard: container not in DOM yet\n this.iframe = this.renderer.createElement('iframe');\n this.renderer.setAttribute(this.iframe, 'src', url);\n this.renderer.setStyle(this.iframe, 'width', this.style.width);\n this.renderer.setStyle(this.iframe, 'height', this.style.height);\n this.renderer.setStyle(this.iframe, 'border', this.style.border);\n this.renderer.setStyle(this.iframe, 'borderRadius', this.style.borderRadius);\n this.renderer.setStyle(this.iframe, 'overflow', this.style.overflow);\n this.renderer.appendChild(host, this.iframe);\n }\n\n async generatePaymentLinkHandler(): Promise<void | string> {\n if (this.url) {\n this.launchIframe(this.url);\n return;\n }\n\n if (!this.secretKey) {\n return (this.errorMessage = 'Secret key is required.');\n }\n\n if (!checkObjectTruthy<IPaymentObject>(this.paymentObject)) {\n return (this.errorMessage = 'Kindly ensure you are passing all the required data.');\n }\n\n this.loading = true;\n this.cdr.markForCheck();\n this.checkout\n .createPaymentLink(this.paymentObject, this.environment, this.secretKey, 'buzapay')\n .pipe(\n tap((res: IApiResponse<any>) => {\n if (res?.isSuccessful) {\n this.launchUrl = res.launchUrl ?? '';\n this.errorMessage = 'Payment link created successfully';\n if (this.launchUrl) {\n this.launchIframe(`${this.launchUrl}&merchantId=${btoa(this.secretKey)}`);\n }\n } else {\n this.errorMessage = 'Failed to create payment link';\n this.onError.emit({ errorMessage: this.errorMessage });\n }\n }),\n finalize(() => {\n this.loading = false;\n this.cdr.markForCheck();\n }),\n )\n .subscribe({\n error: (err: any) => {\n this.onError.emit({ errorMessage: this.errorMessage });\n },\n });\n }\n\n async ngAfterViewInit(): Promise<void> {\n await this.generatePaymentLinkHandler();\n }\n}\n","<div class=\"relative\" [ngStyle]=\"blockStyle\">\n <div #container class=\"w-full h-full\"></div>\n\n @if (loading) {\n <div class=\"absolute inset-0 grid place-items-center bg-white/60\">\n <icon-loader></icon-loader>\n </div>\n }\n</div>\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\nimport {\n ButtonComponent,\n checkObjectTruthy,\n CheckoutService,\n IApiResponse,\n IPaymentObject,\n IErrorObject,\n InputErrorComponent,\n formatAmount,\n} from '@miden-npm/angular';\nimport { CheckoutIframeComponent } from '../checkout-iframe/checkout-iframe.component';\nimport { finalize, tap } from 'rxjs';\n\n@Component({\n selector: 'bzp-checkout-button',\n standalone: true,\n templateUrl: './checkout-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ButtonComponent, InputErrorComponent, InputErrorComponent, CheckoutIframeComponent],\n})\nexport class CheckoutButtonComponent {\n constructor(\n private checkout: CheckoutService,\n private cdr: ChangeDetectorRef,\n ) {}\n\n errorMessage: string = '';\n loading: boolean = false;\n launchUrl: string = '';\n urlLaunchUrl: string = '';\n\n @Input() secretKey: string = '';\n @Input() timeout: number = 30000;\n @Input() environment: 'sandbox' | 'prod' = 'sandbox';\n @Input() mode: 'redirect' | 'iframe' = 'redirect';\n @Input() paymentObject: IPaymentObject = {\n merchantName: '',\n amount: 0,\n currency: '',\n email: '',\n phoneNumber: '',\n narration: '',\n redirectUrl: 'https://sandbox-merchant.buzapay.com/account/three-ds-status',\n };\n @Output() onError = new EventEmitter<IErrorObject>();\n\n get formatAmountHandler(): string {\n return formatAmount(this.paymentObject.amount, this.paymentObject.currency);\n }\n\n async generatePaymentLinkHandler(): Promise<void | string> {\n if (!this.secretKey) {\n return (this.errorMessage = 'Secret key is required.');\n }\n\n if (!checkObjectTruthy<IPaymentObject>(this.paymentObject)) {\n return (this.errorMessage = 'Kindly ensure you are passing all the required data.');\n }\n\n this.loading = true;\n this.cdr.markForCheck();\n this.checkout\n .createPaymentLink(this.paymentObject, this.environment, this.secretKey, 'buzapay')\n .pipe(\n tap((res: IApiResponse<any>) => {\n if (res?.isSuccessful) {\n this.launchUrl = res.launchUrl ?? '';\n this.urlLaunchUrl = `${res.launchUrl}&merchantId=${btoa(this.secretKey)}`;\n this.errorMessage = 'Payment link created successfully';\n if (this.mode === 'redirect' && this.launchUrl) {\n window.open(this.launchUrl, '_blank', 'noopener,noreferrer');\n }\n } else {\n this.errorMessage = 'Failed to create payment link';\n this.onError.emit({ errorMessage: this.errorMessage });\n }\n }),\n finalize(() => {\n this.loading = false;\n this.cdr.markForCheck();\n }),\n )\n .subscribe({\n error: (err: any) => {\n this.onError.emit({ errorMessage: this.errorMessage });\n },\n });\n }\n}\n","@if (urlLaunchUrl && mode === 'iframe') {\n <bzp-checkout-iframe\n [url]=\"urlLaunchUrl\"\n [secretKey]=\"secretKey\"\n [environment]=\"environment\"\n ></bzp-checkout-iframe>\n} @else {\n <base-button\n [label]=\"'Pay ' + formatAmountHandler\"\n type=\"primary\"\n customClass=\"w-full\"\n [loading]=\"loading\"\n (onClick)=\"generatePaymentLinkHandler()\"\n ></base-button>\n <base-input-error [errorMessage]=\"errorMessage\"></base-input-error>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAqDa,qBAAqB,CAAA;IACvB,OAAO,GAA+B,IAAI;IAC1C,SAAS,GAAW,EAAE;IACtB,WAAW,GAAuB,SAAS;AAC3C,IAAA,aAAa,GAAmB;AACvC,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,EAAE;KAChB;AACS,IAAA,KAAK,GAAG,IAAI,YAAY,EAAQ;AAChC,IAAA,cAAc,GAAG,IAAI,YAAY,EAAsC;AACvE,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAkB;AAC7C,IAAA,iBAAiB,GAAG,IAAI,YAAY,EAAkB;AACtD,IAAA,OAAO,GAAG,IAAI,YAAY,EAAgB;AAEpD,IAAA,aAAa,GAAmB;AAC9B,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,aAAa,EAAE,EAAE;KAClB;IACD,aAAa,GAAmC,SAAS;AACzD,IAAA,cAAc,GAAoB;AAChC,QAAA;AACE,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;KACF;AACD,IAAA,kBAAkB,GAAoB;AACpC,QAAA,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,QAAA,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;AAClD,QAAA,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;KAC/C;IACD,WAAW,GAAW,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK;AAEtD,IAAA,IAAI,0BAA0B,GAAA;QAC5B,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,KAAK,KAAK,EAAE;YACzC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,EAAE,EAAE;gBAClC,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CACnC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,eAAe,IAAI,MAAM,CAAC,KAAK,KAAK,aAAa,CAC/E;YACH;iBAAO;AACL,gBAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,eAAe,CAAC;YACrF;QACF;aAAO;AACL,YAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC;QACnF;IACF;AAEA,IAAA,IAAI,mBAAmB,GAAA;AACrB,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IAC7E;AAEA,IAAA,kBAAkB,CAAC,KAAa,EAAA;AAC9B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;IAC1B;AAEA,IAAA,UAAU,CAAC,KAAqB,EAAA;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,GAAG,KAAK,EAAE;QACjC,IAAI,IAAI,CAAC,aAAa,CAAC,aAAa,KAAK,YAAY,EAAE;AACrD,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;QAChC;aAAO,IAAI,IAAI,CAAC,aAAa,CAAC,aAAa,KAAK,gBAAgB,EAAE;AAChE,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;QAChC;aAAO,IAAI,IAAI,CAAC,aAAa,CAAC,aAAa,KAAK,MAAM,EAAE;AACtD,YAAA,IAAI,CAAC,aAAa,GAAG,MAAM;QAC7B;aAAO;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;QAChC;AAEA,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;IACpC;AAEA,IAAA,cAAc,CAAC,CAAe,EAAA;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACtB;uGAjFW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrDlC,gsGAoFA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDxCI,mBAAmB,iIACnB,cAAc,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,aAAA,EAAA,OAAA,EAAA,QAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,wBAAwB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACxB,gBAAgB,mIAChB,aAAa,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAGJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAfjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cACjB,IAAI,EAAA,eAAA,EAEC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,mBAAmB;wBACnB,cAAc;wBACd,kBAAkB;wBAClB,sBAAsB;wBACtB,wBAAwB;wBACxB,gBAAgB;wBAChB,aAAa;AACd,qBAAA,EAAA,QAAA,EAAA,gsGAAA,EAAA;8BAGQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBASS,KAAK,EAAA,CAAA;sBAAd;gBACS,cAAc,EAAA,CAAA;sBAAvB;gBACS,QAAQ,EAAA,CAAA;sBAAjB;gBACS,iBAAiB,EAAA,CAAA;sBAA1B;gBACS,OAAO,EAAA,CAAA;sBAAhB;;;MEhCU,uBAAuB,CAAA;AAExB,IAAA,QAAA;AACA,IAAA,GAAA;AACA,IAAA,QAAA;AAHV,IAAA,WAAA,CACU,QAAmB,EACnB,GAAsB,EACtB,QAAyB,EAAA;QAFzB,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,GAAG,GAAH,GAAG;QACH,IAAA,CAAA,QAAQ,GAAR,QAAQ;IACf;IAEH,YAAY,GAAW,EAAE;IACzB,OAAO,GAAY,KAAK;IACxB,SAAS,GAAW,EAAE;AACtB,IAAA,MAAM;IAEG,SAAS,GAAW,EAAE;IACtB,GAAG,GAAW,EAAE;AAChB,IAAA,KAAK,GAAiB;AAC7B,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,QAAQ,EAAE,QAAQ;KACnB;IACQ,WAAW,GAAuB,SAAS;AAC3C,IAAA,aAAa,GAAmB;AACvC,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,8DAA8D;KAC5E;AAC0C,IAAA,SAAS;AAC1C,IAAA,OAAO,GAAG,IAAI,YAAY,EAAgB;AAEpD,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO;AACL,YAAA,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;SACtB;IACH;AAEA,IAAA,YAAY,CAAC,GAAW,EAAA;AACtB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa;AAC1C,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO;QAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACnD,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC;AACnD,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAC9D,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AAChE,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AAChE,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;AAC5E,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACpE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;IAC9C;AAEA,IAAA,MAAM,0BAA0B,GAAA;AAC9B,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;YAC3B;QACF;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,QAAQ,IAAI,CAAC,YAAY,GAAG,yBAAyB;QACvD;QAEA,IAAI,CAAC,iBAAiB,CAAiB,IAAI,CAAC,aAAa,CAAC,EAAE;AAC1D,YAAA,QAAQ,IAAI,CAAC,YAAY,GAAG,sDAAsD;QACpF;AAEA,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACvB,QAAA,IAAI,CAAC;AACF,aAAA,iBAAiB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS;AACjF,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,GAAsB,KAAI;AAC7B,YAAA,IAAI,GAAG,EAAE,YAAY,EAAE;gBACrB,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,IAAI,EAAE;AACpC,gBAAA,IAAI,CAAC,YAAY,GAAG,mCAAmC;AACvD,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,oBAAA,IAAI,CAAC,YAAY,CAAC,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,YAAA,EAAe,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA,CAAE,CAAC;gBAC3E;YACF;iBAAO;AACL,gBAAA,IAAI,CAAC,YAAY,GAAG,+BAA+B;AACnD,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;YACxD;AACF,QAAA,CAAC,CAAC,EACF,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,QAAA,CAAC,CAAC;AAEH,aAAA,SAAS,CAAC;AACT,YAAA,KAAK,EAAE,CAAC,GAAQ,KAAI;AAClB,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;YACxD,CAAC;AACF,SAAA,CAAC;IACN;AAEA,IAAA,MAAM,eAAe,GAAA;AACnB,QAAA,MAAM,IAAI,CAAC,0BAA0B,EAAE;IACzC;uGAlGW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtCpC,kQASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED2BY,mBAAmB,kFAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEhC,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;+BACE,qBAAqB,EAAA,UAAA,EACnB,IAAI,EAAA,eAAA,EAEC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,mBAAmB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,kQAAA,EAAA;4IAcnC,SAAS,EAAA,CAAA;sBAAjB;gBACQ,GAAG,EAAA,CAAA;sBAAX;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBAOQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBAS0C,SAAS,EAAA,CAAA;sBAAnD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;gBAC/B,OAAO,EAAA,CAAA;sBAAhB;;;ME1CU,uBAAuB,CAAA;AAExB,IAAA,QAAA;AACA,IAAA,GAAA;IAFV,WAAA,CACU,QAAyB,EACzB,GAAsB,EAAA;QADtB,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,GAAG,GAAH,GAAG;IACV;IAEH,YAAY,GAAW,EAAE;IACzB,OAAO,GAAY,KAAK;IACxB,SAAS,GAAW,EAAE;IACtB,YAAY,GAAW,EAAE;IAEhB,SAAS,GAAW,EAAE;IACtB,OAAO,GAAW,KAAK;IACvB,WAAW,GAAuB,SAAS;IAC3C,IAAI,GAA0B,UAAU;AACxC,IAAA,aAAa,GAAmB;AACvC,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,8DAA8D;KAC5E;AACS,IAAA,OAAO,GAAG,IAAI,YAAY,EAAgB;AAEpD,IAAA,IAAI,mBAAmB,GAAA;AACrB,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IAC7E;AAEA,IAAA,MAAM,0BAA0B,GAAA;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,QAAQ,IAAI,CAAC,YAAY,GAAG,yBAAyB;QACvD;QAEA,IAAI,CAAC,iBAAiB,CAAiB,IAAI,CAAC,aAAa,CAAC,EAAE;AAC1D,YAAA,QAAQ,IAAI,CAAC,YAAY,GAAG,sDAAsD;QACpF;AAEA,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACvB,QAAA,IAAI,CAAC;AACF,aAAA,iBAAiB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS;AACjF,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,GAAsB,KAAI;AAC7B,YAAA,IAAI,GAAG,EAAE,YAAY,EAAE;gBACrB,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,IAAI,EAAE;AACpC,gBAAA,IAAI,CAAC,YAAY,GAAG,CAAA,EAAG,GAAG,CAAC,SAAS,CAAA,YAAA,EAAe,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AACzE,gBAAA,IAAI,CAAC,YAAY,GAAG,mCAAmC;gBACvD,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE;oBAC9C,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,qBAAqB,CAAC;gBAC9D;YACF;iBAAO;AACL,gBAAA,IAAI,CAAC,YAAY,GAAG,+BAA+B;AACnD,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;YACxD;AACF,QAAA,CAAC,CAAC,EACF,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,QAAA,CAAC,CAAC;AAEH,aAAA,SAAS,CAAC;AACT,YAAA,KAAK,EAAE,CAAC,GAAQ,KAAI;AAClB,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;YACxD,CAAC;AACF,SAAA,CAAC;IACN;uGAnEW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,kPC5BpC,meAgBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDUY,eAAe,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,uFAAuB,uBAAuB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEjF,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,UAAA,EACnB,IAAI,EAAA,eAAA,EAEC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,eAAe,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,EAAA,QAAA,EAAA,meAAA,EAAA;oHAapF,SAAS,EAAA,CAAA;sBAAjB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBASS,OAAO,EAAA,CAAA;sBAAhB;;;AEpDH;;AAEG;;;;"}
|
|
@@ -532,6 +532,24 @@ const getQueryParams = (url) => {
|
|
|
532
532
|
});
|
|
533
533
|
return params;
|
|
534
534
|
};
|
|
535
|
+
function buildDeviceInformation(partial) {
|
|
536
|
+
const language = navigator.language || (navigator.languages?.[0] ?? '');
|
|
537
|
+
const tzOffsetMinutes = String(new Date().getTimezoneOffset()); // e.g. 300 for Toronto (UTC-5) depending on DST
|
|
538
|
+
return {
|
|
539
|
+
httpBrowserLanguage: language,
|
|
540
|
+
httpBrowserJavaEnabled: typeof navigator.javaEnabled === 'function' ? navigator.javaEnabled() : false,
|
|
541
|
+
httpBrowserJavaScriptEnabled: true, // if this code runs, JS is enabled
|
|
542
|
+
httpBrowserColorDepth: String(screen.colorDepth ?? ''),
|
|
543
|
+
httpBrowserScreenHeight: String(screen.height ?? ''),
|
|
544
|
+
httpBrowserScreenWidth: String(screen.width ?? ''),
|
|
545
|
+
httpBrowserTimeDifference: tzOffsetMinutes,
|
|
546
|
+
userAgentBrowserValue: navigator.userAgent ?? '',
|
|
547
|
+
deviceChannel: 'BROWSER',
|
|
548
|
+
deviceIpAddress: '',
|
|
549
|
+
httpAcceptContent: language, // browsers don't expose Accept header; use language as a proxy (or set app value)
|
|
550
|
+
...partial,
|
|
551
|
+
};
|
|
552
|
+
}
|
|
535
553
|
|
|
536
554
|
const currencySign = (currency) => {
|
|
537
555
|
if (currency === 'USD')
|
|
@@ -1720,22 +1738,49 @@ class PayByCardComponent {
|
|
|
1720
1738
|
// this.environment,
|
|
1721
1739
|
// encryptedCardDetails.requestParam,
|
|
1722
1740
|
// );
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1741
|
+
let payload = null;
|
|
1742
|
+
let payloadMiden = null;
|
|
1743
|
+
if (this.caller === 'buzapay') {
|
|
1744
|
+
payload = {
|
|
1745
|
+
customerId: this.paymentObject?.email || this.payForm.value.customerName || '',
|
|
1746
|
+
amount: this.paymentObject?.amount.toString(),
|
|
1747
|
+
currency: this.paymentObject?.currency || 'USD',
|
|
1748
|
+
narration: this.paymentObject?.narration || 'Test transaction',
|
|
1749
|
+
encryptedCardDetails: encryptedCardDetails.requestParam, // Use the encrypted card details
|
|
1750
|
+
billingDetails: billingDetails,
|
|
1751
|
+
redirectUrl: this.paymentObject?.redirectUrl ||
|
|
1752
|
+
'https://sandbox-merchant.buzapay.com/account/three-ds-status',
|
|
1753
|
+
paymentReference: this.transactionReference,
|
|
1754
|
+
isCheckout: true,
|
|
1755
|
+
};
|
|
1756
|
+
}
|
|
1757
|
+
else {
|
|
1758
|
+
const deviceInformation = buildDeviceInformation();
|
|
1759
|
+
payloadMiden = {
|
|
1760
|
+
customerId: this.paymentObject?.email || this.payForm.value.customerName || '',
|
|
1761
|
+
amount: this.paymentObject?.amount.toString(),
|
|
1762
|
+
currency: this.paymentObject?.currency || 'USD',
|
|
1763
|
+
narration: this.paymentObject?.narration || 'Test transaction',
|
|
1764
|
+
encryptedCardDetails: encryptedCardDetails.requestParam, // Use the encrypted card details
|
|
1765
|
+
billingDetails: billingDetails,
|
|
1766
|
+
redirectUrl: this.paymentObject?.redirectUrl || '',
|
|
1767
|
+
paymentReference: this.transactionReference,
|
|
1768
|
+
isCheckout: true,
|
|
1769
|
+
postBackUrl: '',
|
|
1770
|
+
saveCard: false,
|
|
1771
|
+
deviceInformation,
|
|
1772
|
+
};
|
|
1773
|
+
}
|
|
1734
1774
|
this.checkout
|
|
1735
|
-
.authorizeCardPayment(this.environment,
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1775
|
+
.authorizeCardPayment(this.environment, this.caller === 'buzapay'
|
|
1776
|
+
? {
|
|
1777
|
+
...payload,
|
|
1778
|
+
merchantId: this.secretKey,
|
|
1779
|
+
}
|
|
1780
|
+
: {
|
|
1781
|
+
...payloadMiden,
|
|
1782
|
+
merchantId: this.secretKey,
|
|
1783
|
+
}, this.caller)
|
|
1739
1784
|
.subscribe({
|
|
1740
1785
|
next: async (response) => {
|
|
1741
1786
|
let processedResponse = response;
|
|
@@ -1867,11 +1912,11 @@ class PayByCardComponent {
|
|
|
1867
1912
|
await this.getAllCountries();
|
|
1868
1913
|
}
|
|
1869
1914
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByCardComponent, deps: [{ token: ResourceService }, { token: i0.ChangeDetectorRef }, { token: CheckoutService }, { token: EncryptService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1870
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: PayByCardComponent, isStandalone: true, selector: "pay-by-card", inputs: { secretKey: "secretKey", environment: "environment", caller: "caller", paymentObject: "paymentObject" }, outputs: { paymentAuthorized: "paymentAuthorized", onError: "onError" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n <!-- Billing Details -->\n @if (formIndex === 0) {\n <form [formGroup]=\"billingForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"address1\"\n label=\"Address Line 1\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'address1', 'Address Line 1') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input formControlName=\"address2\" label=\"Address Line 2\"></base-input>\n </div>\n <base-select\n formControlName=\"country\"\n label=\"Select Country\"\n [required]=\"true\"\n [options]=\"countries\"\n [loading]=\"loadingCountries\"\n [validationError]=\"getError('billing', 'country', 'Country') || ''\"\n (onSelectChange)=\"getCountryStates($event)\"\n ></base-select>\n <base-select\n formControlName=\"state\"\n label=\"Select State\"\n [required]=\"true\"\n [options]=\"countryStates\"\n [loading]=\"loadingStates\"\n [validationError]=\"getError('billing', 'state', 'State') || ''\"\n ></base-select>\n <base-input\n formControlName=\"city\"\n label=\"City\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'city', 'City') || ''\"\n ></base-input>\n <base-input\n formControlName=\"postalCode\"\n label=\"Postal Code\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'postalCode', 'Postal Code') || ''\"\n ></base-input>\n <base-input\n formControlName=\"emailAddress\"\n label=\"Email\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'emailAddress', 'Email Address') || ''\"\n ></base-input>\n <base-input\n formControlName=\"phoneNumber\"\n label=\"Phone Number\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'phoneNumber', 'Phone Number') || ''\"\n ></base-input>\n </div>\n </form>\n }\n\n <!-- Card Details -->\n @if (formIndex === 1) {\n <form [formGroup]=\"payForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\" style=\"max-height: 320px\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"customerName\"\n label=\"Card Name\"\n [required]=\"true\"\n [validationError]=\"getError('pay', 'customerName', 'Customer Name') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"cardNo\"\n label=\"Card Number\"\n [required]=\"true\"\n mask=\"0000 0000 0000 0000\"\n placeholder=\"0000 0000 0000 0000\"\n [preventPaste]=\"
|
|
1915
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: PayByCardComponent, isStandalone: true, selector: "pay-by-card", inputs: { secretKey: "secretKey", environment: "environment", caller: "caller", paymentObject: "paymentObject" }, outputs: { paymentAuthorized: "paymentAuthorized", onError: "onError" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n <!-- Billing Details -->\n @if (formIndex === 0) {\n <form [formGroup]=\"billingForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"address1\"\n label=\"Address Line 1\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'address1', 'Address Line 1') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input formControlName=\"address2\" label=\"Address Line 2\"></base-input>\n </div>\n <base-select\n formControlName=\"country\"\n label=\"Select Country\"\n [required]=\"true\"\n [options]=\"countries\"\n [loading]=\"loadingCountries\"\n [validationError]=\"getError('billing', 'country', 'Country') || ''\"\n (onSelectChange)=\"getCountryStates($event)\"\n ></base-select>\n <base-select\n formControlName=\"state\"\n label=\"Select State\"\n [required]=\"true\"\n [options]=\"countryStates\"\n [loading]=\"loadingStates\"\n [validationError]=\"getError('billing', 'state', 'State') || ''\"\n ></base-select>\n <base-input\n formControlName=\"city\"\n label=\"City\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'city', 'City') || ''\"\n ></base-input>\n <base-input\n formControlName=\"postalCode\"\n label=\"Postal Code\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'postalCode', 'Postal Code') || ''\"\n ></base-input>\n <base-input\n formControlName=\"emailAddress\"\n label=\"Email\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'emailAddress', 'Email Address') || ''\"\n ></base-input>\n <base-input\n formControlName=\"phoneNumber\"\n label=\"Phone Number\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'phoneNumber', 'Phone Number') || ''\"\n ></base-input>\n </div>\n </form>\n }\n\n <!-- Card Details -->\n @if (formIndex === 1) {\n <form [formGroup]=\"payForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\" style=\"max-height: 320px\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"customerName\"\n label=\"Card Name\"\n [required]=\"true\"\n [validationError]=\"getError('pay', 'customerName', 'Customer Name') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"cardNo\"\n label=\"Card Number\"\n [required]=\"true\"\n mask=\"0000 0000 0000 0000\"\n placeholder=\"0000 0000 0000 0000\"\n [preventPaste]=\"false\"\n [validationError]=\"getError('pay', 'cardNo', 'Card Number') || ''\"\n (onInputChange)=\"cardNumberInputHandler($event)\"\n ></base-input>\n </div>\n <base-input\n formControlName=\"expireDate\"\n label=\"Expiry Date\"\n [required]=\"true\"\n mask=\"00/00\"\n placeholder=\"00/00\"\n [validationError]=\"getError('pay', 'expireDate', 'Expiry Date') || ''\"\n ></base-input>\n <base-input\n formControlName=\"cvv\"\n label=\"CVV\"\n [required]=\"true\"\n mask=\"000\"\n placeholder=\"000\"\n [validationError]=\"getError('pay', 'cvv', 'CVV') || ''\"\n ></base-input>\n\n @if (cardType === 'Verve') {\n <base-input\n formControlName=\"cardPin\"\n label=\"Card Pin\"\n type=\"password\"\n placeholder=\"0000\"\n mask=\"0000\"\n [required]=\"true\"\n [validationError]=\"getError('pay', 'cardPin', 'Card Pin') || ''\"\n ></base-input>\n <div class=\"text-sm text-blue-600 mb-4\">\n <i class=\"fas fa-info-circle mr-1\"></i>\n Pin is required for Verve cards\n </div>\n }\n </div>\n </form>\n }\n\n <base-button\n [label]=\"formIndex === 0 ? 'Proceed' : 'Pay ' + formatAmountHandler\"\n type=\"primary\"\n customClass=\"w-full mt-6\"\n [caller]=\"caller\"\n [loading]=\"isMakingPayment\"\n (onClick)=\"proceedHandler()\"\n ></base-button>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "caller", "size", "paddingClassX", "disabled", "loading", "customClass"], outputs: ["onClick"] }, { kind: "component", type: InputComponent, selector: "base-input", inputs: ["label", "type", "placeholder", "validationError", "hint", "mask", "rules", "isAmountInput", "required", "disabled", "loading", "showCopyIcon", "preventPaste"], outputs: ["onInputChange", "onInputBlur"] }, { kind: "component", type: SelectComponent, selector: "base-select", inputs: ["options", "placeholder", "hasSearch", "disabled", "loading", "validationError", "label", "hint", "required", "itemImageType"], outputs: ["onSelectChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1871
1916
|
}
|
|
1872
1917
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByCardComponent, decorators: [{
|
|
1873
1918
|
type: Component,
|
|
1874
|
-
args: [{ selector: 'pay-by-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, InputComponent, SelectComponent, ReactiveFormsModule], template: "<div class=\"flex flex-col gap-6\">\n <!-- Billing Details -->\n @if (formIndex === 0) {\n <form [formGroup]=\"billingForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"address1\"\n label=\"Address Line 1\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'address1', 'Address Line 1') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input formControlName=\"address2\" label=\"Address Line 2\"></base-input>\n </div>\n <base-select\n formControlName=\"country\"\n label=\"Select Country\"\n [required]=\"true\"\n [options]=\"countries\"\n [loading]=\"loadingCountries\"\n [validationError]=\"getError('billing', 'country', 'Country') || ''\"\n (onSelectChange)=\"getCountryStates($event)\"\n ></base-select>\n <base-select\n formControlName=\"state\"\n label=\"Select State\"\n [required]=\"true\"\n [options]=\"countryStates\"\n [loading]=\"loadingStates\"\n [validationError]=\"getError('billing', 'state', 'State') || ''\"\n ></base-select>\n <base-input\n formControlName=\"city\"\n label=\"City\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'city', 'City') || ''\"\n ></base-input>\n <base-input\n formControlName=\"postalCode\"\n label=\"Postal Code\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'postalCode', 'Postal Code') || ''\"\n ></base-input>\n <base-input\n formControlName=\"emailAddress\"\n label=\"Email\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'emailAddress', 'Email Address') || ''\"\n ></base-input>\n <base-input\n formControlName=\"phoneNumber\"\n label=\"Phone Number\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'phoneNumber', 'Phone Number') || ''\"\n ></base-input>\n </div>\n </form>\n }\n\n <!-- Card Details -->\n @if (formIndex === 1) {\n <form [formGroup]=\"payForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\" style=\"max-height: 320px\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"customerName\"\n label=\"Card Name\"\n [required]=\"true\"\n [validationError]=\"getError('pay', 'customerName', 'Customer Name') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"cardNo\"\n label=\"Card Number\"\n [required]=\"true\"\n mask=\"0000 0000 0000 0000\"\n placeholder=\"0000 0000 0000 0000\"\n [preventPaste]=\"
|
|
1919
|
+
args: [{ selector: 'pay-by-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, InputComponent, SelectComponent, ReactiveFormsModule], template: "<div class=\"flex flex-col gap-6\">\n <!-- Billing Details -->\n @if (formIndex === 0) {\n <form [formGroup]=\"billingForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"address1\"\n label=\"Address Line 1\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'address1', 'Address Line 1') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input formControlName=\"address2\" label=\"Address Line 2\"></base-input>\n </div>\n <base-select\n formControlName=\"country\"\n label=\"Select Country\"\n [required]=\"true\"\n [options]=\"countries\"\n [loading]=\"loadingCountries\"\n [validationError]=\"getError('billing', 'country', 'Country') || ''\"\n (onSelectChange)=\"getCountryStates($event)\"\n ></base-select>\n <base-select\n formControlName=\"state\"\n label=\"Select State\"\n [required]=\"true\"\n [options]=\"countryStates\"\n [loading]=\"loadingStates\"\n [validationError]=\"getError('billing', 'state', 'State') || ''\"\n ></base-select>\n <base-input\n formControlName=\"city\"\n label=\"City\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'city', 'City') || ''\"\n ></base-input>\n <base-input\n formControlName=\"postalCode\"\n label=\"Postal Code\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'postalCode', 'Postal Code') || ''\"\n ></base-input>\n <base-input\n formControlName=\"emailAddress\"\n label=\"Email\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'emailAddress', 'Email Address') || ''\"\n ></base-input>\n <base-input\n formControlName=\"phoneNumber\"\n label=\"Phone Number\"\n [required]=\"true\"\n [validationError]=\"getError('billing', 'phoneNumber', 'Phone Number') || ''\"\n ></base-input>\n </div>\n </form>\n }\n\n <!-- Card Details -->\n @if (formIndex === 1) {\n <form [formGroup]=\"payForm\">\n <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\" style=\"max-height: 320px\">\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"customerName\"\n label=\"Card Name\"\n [required]=\"true\"\n [validationError]=\"getError('pay', 'customerName', 'Customer Name') || ''\"\n ></base-input>\n </div>\n <div class=\"col-span-2\">\n <base-input\n formControlName=\"cardNo\"\n label=\"Card Number\"\n [required]=\"true\"\n mask=\"0000 0000 0000 0000\"\n placeholder=\"0000 0000 0000 0000\"\n [preventPaste]=\"false\"\n [validationError]=\"getError('pay', 'cardNo', 'Card Number') || ''\"\n (onInputChange)=\"cardNumberInputHandler($event)\"\n ></base-input>\n </div>\n <base-input\n formControlName=\"expireDate\"\n label=\"Expiry Date\"\n [required]=\"true\"\n mask=\"00/00\"\n placeholder=\"00/00\"\n [validationError]=\"getError('pay', 'expireDate', 'Expiry Date') || ''\"\n ></base-input>\n <base-input\n formControlName=\"cvv\"\n label=\"CVV\"\n [required]=\"true\"\n mask=\"000\"\n placeholder=\"000\"\n [validationError]=\"getError('pay', 'cvv', 'CVV') || ''\"\n ></base-input>\n\n @if (cardType === 'Verve') {\n <base-input\n formControlName=\"cardPin\"\n label=\"Card Pin\"\n type=\"password\"\n placeholder=\"0000\"\n mask=\"0000\"\n [required]=\"true\"\n [validationError]=\"getError('pay', 'cardPin', 'Card Pin') || ''\"\n ></base-input>\n <div class=\"text-sm text-blue-600 mb-4\">\n <i class=\"fas fa-info-circle mr-1\"></i>\n Pin is required for Verve cards\n </div>\n }\n </div>\n </form>\n }\n\n <base-button\n [label]=\"formIndex === 0 ? 'Proceed' : 'Pay ' + formatAmountHandler\"\n type=\"primary\"\n customClass=\"w-full mt-6\"\n [caller]=\"caller\"\n [loading]=\"isMakingPayment\"\n (onClick)=\"proceedHandler()\"\n ></base-button>\n</div>\n" }]
|
|
1875
1920
|
}], ctorParameters: () => [{ type: ResourceService }, { type: i0.ChangeDetectorRef }, { type: CheckoutService }, { type: EncryptService }], propDecorators: { secretKey: [{
|
|
1876
1921
|
type: Input
|
|
1877
1922
|
}], environment: [{
|
|
@@ -2374,5 +2419,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2374
2419
|
* Generated bundle index. Do not edit.
|
|
2375
2420
|
*/
|
|
2376
2421
|
|
|
2377
|
-
export { BZP_CONFIG, BZP_CORRELATION_ID, BackComponent, ButtonComponent, CardComponent, CardSchemes, CheckoutService, CircleCountdownComponent, CopyComponent, CurrencyAmountComponent, EncryptService, HintComponent, IconArrowSwapComponent, IconBuzapayIconComponent, IconCardsComponent, IconCheckCircleComponent, IconChevronDownComponent, IconChevronLeftComponent, IconChevronUpComponent, IconCloseComponent, IconCoinComponent, IconCopySuccessComponent, IconCourthouseComponent, IconLoaderComponent, IconLockComponent, IconMidenLogoComponent, IconQrCodeComponent, IconUsdcComponent, IconUsdtComponent, ImageComponent, InputComponent, InputErrorComponent, LabelInfoComponent, MidenPGAngular, PayByCardComponent, PayByStableCoinComponent, PayByTransferComponent, RadioGroupComponent, ResourceService, SelectComponent, SuccessComponent, apiBaseUrl, cardType, checkObjectTruthy, currencySign, detect, formatAmount, getBaseUrl, getQueryParams, getValidationErrorMessage, provideMidenPG, restrictToNumericKeys, truncateString, urlValidator };
|
|
2422
|
+
export { BZP_CONFIG, BZP_CORRELATION_ID, BackComponent, ButtonComponent, CardComponent, CardSchemes, CheckoutService, CircleCountdownComponent, CopyComponent, CurrencyAmountComponent, EncryptService, HintComponent, IconArrowSwapComponent, IconBuzapayIconComponent, IconCardsComponent, IconCheckCircleComponent, IconChevronDownComponent, IconChevronLeftComponent, IconChevronUpComponent, IconCloseComponent, IconCoinComponent, IconCopySuccessComponent, IconCourthouseComponent, IconLoaderComponent, IconLockComponent, IconMidenLogoComponent, IconQrCodeComponent, IconUsdcComponent, IconUsdtComponent, ImageComponent, InputComponent, InputErrorComponent, LabelInfoComponent, MidenPGAngular, PayByCardComponent, PayByStableCoinComponent, PayByTransferComponent, RadioGroupComponent, ResourceService, SelectComponent, SuccessComponent, apiBaseUrl, buildDeviceInformation, cardType, checkObjectTruthy, currencySign, detect, formatAmount, getBaseUrl, getQueryParams, getValidationErrorMessage, provideMidenPG, restrictToNumericKeys, truncateString, urlValidator };
|
|
2378
2423
|
//# sourceMappingURL=miden-npm-angular.mjs.map
|