@miden-npm/angular 0.0.3 → 0.0.4

package/package.json

@@ -5,7 +5,10 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "version": "0.0.3",
+  "version": "0.0.4",
+  "files": [
+    "dist/**/*"
+  ],
   "description": "Miden Payment Gateway Angular SDK",
   "keywords": [
     "payments",

package/buzapay-checkout/index.d.ts

@@ -1,131 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef, AfterViewInit, Renderer2, ElementRef } from '@angular/core';
-import { IPaymentObject, ISelectOption, CheckoutService } from '@miden-npm/angular';
-
-interface CheckoutIframeStyle {
-    [cssProp: string]: string | number;
-}
-interface CheckoutCardOptions {
-    imageUrl?: string;
-    numberPlaceholder?: string;
-    expiryPlaceholder?: string;
-    cvcPlaceholder?: string;
-    styles?: {
-        base?: CheckoutIframeStyle;
-        invalid?: CheckoutIframeStyle;
-        focus?: CheckoutIframeStyle;
-    };
-}
-interface TokenizeResult {
-    token: string;
-    last4?: string;
-    brand?: string;
-}
-declare class CheckoutCardComponent {
-    options: CheckoutCardOptions | null;
-    secretKey: string;
-    environment: 'sandbox' | 'prod';
-    paymentObject: IPaymentObject;
-    ready: EventEmitter<void>;
-    validityChange: EventEmitter<{
-        valid: boolean;
-        field?: string;
-    }>;
-    tokenize: EventEmitter<TokenizeResult>;
-    checkoutState: 'STABLE_COIN_PAYMENT' | 'PAYMENT' | 'SUCCESS';
-    countryOptions: ISelectOption[];
-    paymentTypeOptions: ISelectOption[];
-    paymentType: string;
-    get filteredPaymentTypeOptions(): ISelectOption[];
-    get formatAmountHandler(): string;
-    paymentTypeHandler(event: string): void;
-    payStableCoinHandler(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutCardComponent, "bzp-checkout-card", never, { "options": { "alias": "options"; "required": false; }; "secretKey": { "alias": "secretKey"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "paymentObject": { "alias": "paymentObject"; "required": false; }; }, { "ready": "ready"; "validityChange": "validityChange"; "tokenize": "tokenize"; }, never, never, true, never>;
-}
-
-declare class PayByCardComponent {
-    formIndex: number;
-    setFormIndex(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PayByCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PayByCardComponent, "pay-by-card", never, {}, {}, never, never, true, never>;
-}
-
-declare class PayByTransferComponent implements OnInit, OnDestroy {
-    private cdr;
-    countDownTime: string;
-    private remainingSeconds;
-    private intervalId;
-    constructor(cdr: ChangeDetectorRef);
-    private updateDisplay;
-    private startTimer;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PayByTransferComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PayByTransferComponent, "pay-by-transfer", never, {}, {}, never, never, true, never>;
-}
-
-declare class PayByStableCoinComponent {
-    proceedToPay: EventEmitter<void>;
-    formIndex: number;
-    setFormIndex(index: number): void;
-    payHandler(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PayByStableCoinComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PayByStableCoinComponent, "pay-by-stable-coin", never, {}, { "proceedToPay": "proceedToPay"; }, never, never, true, never>;
-}
-
-interface IIframeStyle {
-    width?: string;
-    height?: string;
-    border?: string;
-    borderRadius?: string;
-    overflow?: string;
-}
-declare class CheckoutIframeComponent implements AfterViewInit {
-    private renderer;
-    private cdr;
-    private checkout;
-    constructor(renderer: Renderer2, cdr: ChangeDetectorRef, checkout: CheckoutService);
-    errorMessage: string;
-    loading: boolean;
-    launchUrl: string;
-    iframe: any;
-    secretKey: string;
-    url: string;
-    style: IIframeStyle;
-    environment: 'sandbox' | 'prod';
-    paymentObject: IPaymentObject;
-    container?: ElementRef<HTMLDivElement>;
-    get blockStyle(): {
-        width?: string;
-        height?: string;
-        border?: string;
-        borderRadius?: string;
-        overflow?: string;
-    };
-    launchIframe(url: string): void;
-    generatePaymentLinkHandler(): Promise<void | string>;
-    ngAfterViewInit(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutIframeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutIframeComponent, "bzp-checkout-iframe", never, { "secretKey": { "alias": "secretKey"; "required": false; }; "url": { "alias": "url"; "required": false; }; "style": { "alias": "style"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "paymentObject": { "alias": "paymentObject"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CheckoutButtonComponent {
-    private checkout;
-    private cdr;
-    constructor(checkout: CheckoutService, cdr: ChangeDetectorRef);
-    errorMessage: string;
-    loading: boolean;
-    launchUrl: string;
-    secretKey: string;
-    timeout: number;
-    environment: 'sandbox' | 'prod';
-    mode: 'redirect' | 'iframe';
-    paymentObject: IPaymentObject;
-    generatePaymentLinkHandler(): Promise<void | string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutButtonComponent, "bzp-checkout-button", never, { "secretKey": { "alias": "secretKey"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "paymentObject": { "alias": "paymentObject"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-export { CheckoutButtonComponent, CheckoutCardComponent, CheckoutIframeComponent, PayByCardComponent, PayByStableCoinComponent, PayByTransferComponent };
-export type { CheckoutCardOptions, CheckoutIframeStyle, TokenizeResult };

package/fesm2022/miden-npm-angular-buzapay-checkout.mjs

@@ -1,352 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, Input, ViewChild } from '@angular/core';
-import * as i1 from '@miden-npm/angular';
-import { ButtonComponent, InputComponent, SelectComponent, LabelInfoComponent, CopyComponent, ImageComponent, CurrencyAmountComponent, IconArrowSwapComponent, formatAmount, RadioGroupComponent, SuccessComponent, CardComponent, checkObjectTruthy, IconLoaderComponent, InputErrorComponent } from '@miden-npm/angular';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { tap, finalize } from 'rxjs';
-
-class PayByCardComponent {
-    formIndex = 0;
-    setFormIndex(index) {
-        this.formIndex = index;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: PayByCardComponent, isStandalone: true, selector: "pay-by-card", ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n  <!-- Billing Details -->\n  @if (formIndex === 0) {\n    <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\">\n      <base-input label=\"First Name\" [required]=\"true\"></base-input>\n      <base-input label=\"Last Name\" [required]=\"true\"></base-input>\n      <base-input label=\"Email\"></base-input>\n      <base-input label=\"Phone Number\"></base-input>\n      <base-select\n        label=\"Select Country\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'United States', value: 'US' },\n          { label: 'Canada', value: 'CA' },\n          { label: 'United Kingdom', value: 'UK' },\n        ]\"\n      ></base-select>\n      <base-select\n        label=\"Select State\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'California', value: 'CA' },\n          { label: 'Texas', value: 'TX' },\n          { label: 'New York', value: 'NY' },\n        ]\"\n      ></base-select>\n      <base-input label=\"City\" [required]=\"true\"></base-input>\n      <base-input label=\"Postal Code\" [required]=\"true\"></base-input>\n      <div class=\"col-span-2\">\n        <base-input label=\"Street Address\" [required]=\"true\"></base-input>\n      </div>\n    </div>\n  }\n\n  <!-- Card Details -->\n  @if (formIndex === 1) {\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 label=\"Card Name\" [required]=\"true\"></base-input>\n      </div>\n      <div class=\"col-span-2\">\n        <base-input label=\"Card Number\" [required]=\"true\"></base-input>\n      </div>\n      <base-input label=\"Expiry Date\" [required]=\"true\"></base-input>\n      <base-input label=\"CVV\" [required]=\"true\"></base-input>\n    </div>\n  }\n\n  <base-button\n    [label]=\"formIndex === 0 ? 'Proceed' : 'Pay'\"\n    type=\"primary\"\n    customClass=\"w-full\"\n    (onClick)=\"formIndex === 0 ? setFormIndex(1) : null\"\n  ></base-button>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "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"], outputs: ["onInputChange", "onInputBlur"] }, { kind: "component", type: SelectComponent, selector: "base-select", inputs: ["options", "placeholder", "hasSearch", "disabled", "loading", "validationError", "label", "hint", "required", "itemImageType"], outputs: ["onSelectChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pay-by-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, InputComponent, SelectComponent], template: "<div class=\"flex flex-col gap-6\">\n  <!-- Billing Details -->\n  @if (formIndex === 0) {\n    <div class=\"grid grid-cols-2 gap-6 overflow-y-auto\">\n      <base-input label=\"First Name\" [required]=\"true\"></base-input>\n      <base-input label=\"Last Name\" [required]=\"true\"></base-input>\n      <base-input label=\"Email\"></base-input>\n      <base-input label=\"Phone Number\"></base-input>\n      <base-select\n        label=\"Select Country\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'United States', value: 'US' },\n          { label: 'Canada', value: 'CA' },\n          { label: 'United Kingdom', value: 'UK' },\n        ]\"\n      ></base-select>\n      <base-select\n        label=\"Select State\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'California', value: 'CA' },\n          { label: 'Texas', value: 'TX' },\n          { label: 'New York', value: 'NY' },\n        ]\"\n      ></base-select>\n      <base-input label=\"City\" [required]=\"true\"></base-input>\n      <base-input label=\"Postal Code\" [required]=\"true\"></base-input>\n      <div class=\"col-span-2\">\n        <base-input label=\"Street Address\" [required]=\"true\"></base-input>\n      </div>\n    </div>\n  }\n\n  <!-- Card Details -->\n  @if (formIndex === 1) {\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 label=\"Card Name\" [required]=\"true\"></base-input>\n      </div>\n      <div class=\"col-span-2\">\n        <base-input label=\"Card Number\" [required]=\"true\"></base-input>\n      </div>\n      <base-input label=\"Expiry Date\" [required]=\"true\"></base-input>\n      <base-input label=\"CVV\" [required]=\"true\"></base-input>\n    </div>\n  }\n\n  <base-button\n    [label]=\"formIndex === 0 ? 'Proceed' : 'Pay'\"\n    type=\"primary\"\n    customClass=\"w-full\"\n    (onClick)=\"formIndex === 0 ? setFormIndex(1) : null\"\n  ></base-button>\n</div>\n" }]
-        }] });
-
-class PayByTransferComponent {
-    cdr;
-    countDownTime = '';
-    remainingSeconds = 30 * 60;
-    intervalId = null;
-    constructor(cdr) {
-        this.cdr = cdr;
-    }
-    updateDisplay() {
-        const minutes = Math.floor(this.remainingSeconds / 60);
-        const seconds = this.remainingSeconds % 60;
-        this.countDownTime = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
-        this.cdr.markForCheck(); // 👈 notify OnPush to re-render
-    }
-    startTimer() {
-        this.updateDisplay();
-        this.intervalId = setInterval(() => {
-            this.remainingSeconds--;
-            if (this.remainingSeconds < 0) {
-                if (this.intervalId) {
-                    clearInterval(this.intervalId);
-                    this.intervalId = null;
-                }
-                this.countDownTime = '00:00';
-                this.cdr.markForCheck();
-                return;
-            }
-            this.updateDisplay();
-        }, 1000);
-    }
-    ngOnInit() {
-        this.startTimer();
-    }
-    ngOnDestroy() {
-        if (this.intervalId) {
-            clearInterval(this.intervalId);
-            this.intervalId = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByTransferComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: PayByTransferComponent, isStandalone: true, selector: "pay-by-transfer", ngImport: i0, template: "<div class=\"flex flex-col gap-10\">\n  <p class=\"text-sub-copy text-sm font-semibold text-center\">Amount to Pay NGN 200,500.00</p>\n\n  <div class=\"bg-[#EFF7FF] p-4 rounded-lg flex flex-col gap-6\">\n    <base-label-info label=\"Bank Name\" value=\"Teerus MFB\"></base-label-info>\n    <div class=\"flex items-center justify-between\">\n      <base-label-info label=\"Account Number\" value=\"0001928940\"></base-label-info>\n      <base-copy color=\"#9DBFDE\"></base-copy>\n    </div>\n    <div class=\"flex items-center justify-between\">\n      <base-label-info label=\"Amount\" value=\"NGN 200,500.00\"></base-label-info>\n      <base-copy color=\"#9DBFDE\"></base-copy>\n    </div>\n  </div>\n\n  <p class=\"w-2/3 mx-auto text-center text-body-2xs font-medium text-sub-copy\">\n    This account is for this transaction only and expires in\n    <span class=\"text-orange-500\">{{ countDownTime }}</span>\n  </p>\n\n  <div class=\"flex flex-col gap-4\">\n    <base-button label=\"I have paid the money\" type=\"primary\" customClass=\"w-full\"></base-button>\n    <p class=\"text-heading-text text-body-2xs font-medium text-center py-2 cursor-pointer\">Cancel Payment</p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LabelInfoComponent, selector: "base-label-info", inputs: ["type", "label", "labelCustomClass", "valueImageSrc", "valueImageCustomClass", "valueImagePosition", "hasValueCopy", "value", "valueCustomClass", "alignRight"] }, { kind: "component", type: CopyComponent, selector: "base-copy", inputs: ["copyText", "color"] }, { kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "size", "paddingClassX", "disabled", "loading", "customClass"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByTransferComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pay-by-transfer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LabelInfoComponent, CopyComponent, ButtonComponent], template: "<div class=\"flex flex-col gap-10\">\n  <p class=\"text-sub-copy text-sm font-semibold text-center\">Amount to Pay NGN 200,500.00</p>\n\n  <div class=\"bg-[#EFF7FF] p-4 rounded-lg flex flex-col gap-6\">\n    <base-label-info label=\"Bank Name\" value=\"Teerus MFB\"></base-label-info>\n    <div class=\"flex items-center justify-between\">\n      <base-label-info label=\"Account Number\" value=\"0001928940\"></base-label-info>\n      <base-copy color=\"#9DBFDE\"></base-copy>\n    </div>\n    <div class=\"flex items-center justify-between\">\n      <base-label-info label=\"Amount\" value=\"NGN 200,500.00\"></base-label-info>\n      <base-copy color=\"#9DBFDE\"></base-copy>\n    </div>\n  </div>\n\n  <p class=\"w-2/3 mx-auto text-center text-body-2xs font-medium text-sub-copy\">\n    This account is for this transaction only and expires in\n    <span class=\"text-orange-500\">{{ countDownTime }}</span>\n  </p>\n\n  <div class=\"flex flex-col gap-4\">\n    <base-button label=\"I have paid the money\" type=\"primary\" customClass=\"w-full\"></base-button>\n    <p class=\"text-heading-text text-body-2xs font-medium text-center py-2 cursor-pointer\">Cancel Payment</p>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
-
-class PayByStableCoinComponent {
-    proceedToPay = new EventEmitter();
-    formIndex = 0;
-    setFormIndex(index) {
-        this.formIndex = index;
-    }
-    payHandler() {
-        this.setFormIndex(1);
-        this.proceedToPay.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByStableCoinComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: PayByStableCoinComponent, isStandalone: true, selector: "pay-by-stable-coin", outputs: { proceedToPay: "proceedToPay" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n  @if (formIndex === 0) {\n    <div class=\"grid grid-cols-1 gap-6\">\n      <base-select\n        label=\"Select Crypto\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'USDT', value: 'USDT' },\n          { label: 'USDC', value: 'USDC' },\n          { label: 'BUSD', value: 'BUSD' },\n        ]\"\n      ></base-select>\n      <base-select\n        label=\"Select Network\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'Ethereum', value: 'ETH' },\n          { label: 'Binance Smart Chain', value: 'BSC' },\n          { label: 'Polygon', value: 'MATIC' },\n        ]\"\n      ></base-select>\n    </div>\n\n    <base-button\n      label=\"Pay\"\n      type=\"primary\"\n      customClass=\"w-full\"\n      (onClick)=\"payHandler()\"\n    ></base-button>\n  }\n\n  @if (formIndex === 1) {\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"mx-auto\">\n        <base-image\n          src=\"../../../assets/images/stable-coin-qr-code.png\"\n          alt=\"QR Code\"\n          [width]=\"122\"\n          [height]=\"122\"\n          class=\"mb-1\"\n        ></base-image>\n        <p class=\"mb-0 text-body-4xs text-light-copy font-normal text-center\">USDC</p>\n      </div>\n\n      <div class=\"flex flex-col gap-6 border-c border-grey-100 p-4 rounded-2xl bg-light-white-50\">\n        <div class=\"border-b border-grey-border pb-4 flex flex-col gap-2\">\n          <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">Network</p>\n          <div class=\"flex justify-between\">\n            <div class=\"flex flex-col gap-1\">\n              <p class=\"mb-0 text-body-2xs font-medium text-sub-copy\">BNB Smart Chain (BEP20)</p>\n              <div class=\"flex items-center gap-2\">\n                <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">*Est. arrival = 3 mins</p>\n                <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">|</p>\n                <base-currency-amount\n                  currency=\"USDC\"\n                  [amount]=\"10\"\n                  textClass=\"mb-0 text-body-3xs text-light-copy font-normal\"\n                  iconColorClass=\"#557591\"\n                  iconWidth=\"12\"\n                  iconHeight=\"12\"\n                ></base-currency-amount>\n              </div>\n            </div>\n            <icon-arrow-swap></icon-arrow-swap>\n          </div>\n        </div>\n\n        <div class=\"pb-4 flex flex-col gap-2\">\n          <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">Deposit Address ></p>\n          <div class=\"flex justify-between\">\n            <p class=\"mb-0 text-body-2xs font-medium text-sub-copy w-2/3 break-words\">\n              0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6\n            </p>\n            <base-copy copyText=\"0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6\"></base-copy>\n          </div>\n        </div>\n\n        <!-- <div class=\"pb-4 flex flex-col gap-2\">\n          <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">Memo ></p>\n          <div class=\"flex justify-between\">\n            <p\n              class=\"mb-0 text-body-2xs font-medium text-sub-copy w-2/3 break-words\"\n            >\n              0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6\n            </p>\n            <app-copy\n              [isCopyIcon]=\"true\"\n              [copyText]=\"'0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6'\"\n            ></app-copy>\n          </div>\n        </div> -->\n      </div>\n\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex items-center justify-between border-b border-grey-border py-3\">\n          <p class=\"mb-0 text-body-2xs font-medium text-primary-black\">Network fee</p>\n          <base-currency-amount\n            currency=\"USDC\"\n            [amount]=\"12\"\n            textClass=\"mb-0 text-body-2xs font-extrabold text-primary-black\"\n            iconColorClass=\"#231F20\"\n          ></base-currency-amount>\n        </div>\n\n        <div class=\"flex items-center justify-between py-4\">\n          <p class=\"mb-0 text-body-lg font-semibold text-primary-black\">Pay</p>\n          <base-currency-amount\n            currency=\"USDC\"\n            [amount]=\"15\"\n            textClass=\"mb-0 text-body-lg font-extrabold text-primary-black\"\n            iconColorClass=\"#231F20\"\n            iconWidth=\"20\"\n            iconHeight=\"20\"\n          ></base-currency-amount>\n        </div>\n      </div>\n\n      <div class=\"flex flex-col gap-6\">\n        <base-button label=\"Confirm Payment\" type=\"primary\" customClass=\"w-full\"></base-button>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: SelectComponent, selector: "base-select", inputs: ["options", "placeholder", "hasSearch", "disabled", "loading", "validationError", "label", "hint", "required", "itemImageType"], outputs: ["onSelectChange"] }, { kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "size", "paddingClassX", "disabled", "loading", "customClass"], outputs: ["onClick"] }, { kind: "component", type: ImageComponent, selector: "base-image", inputs: ["src", "alt", "isFullWidth", "width", "height", "customClass"], outputs: ["onClick"] }, { kind: "component", type: CurrencyAmountComponent, selector: "base-currency-amount", inputs: ["currency", "amount", "textClass", "iconColorClass", "iconWidth", "iconHeight"] }, { kind: "component", type: CopyComponent, selector: "base-copy", inputs: ["copyText", "color"] }, { kind: "component", type: IconArrowSwapComponent, selector: "icon-arrow-swap", inputs: ["color", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PayByStableCoinComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pay-by-stable-coin', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        SelectComponent,
-                        ButtonComponent,
-                        ImageComponent,
-                        CurrencyAmountComponent,
-                        CopyComponent,
-                        IconArrowSwapComponent,
-                    ], template: "<div class=\"flex flex-col gap-6\">\n  @if (formIndex === 0) {\n    <div class=\"grid grid-cols-1 gap-6\">\n      <base-select\n        label=\"Select Crypto\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'USDT', value: 'USDT' },\n          { label: 'USDC', value: 'USDC' },\n          { label: 'BUSD', value: 'BUSD' },\n        ]\"\n      ></base-select>\n      <base-select\n        label=\"Select Network\"\n        [required]=\"true\"\n        [options]=\"[\n          { label: 'Ethereum', value: 'ETH' },\n          { label: 'Binance Smart Chain', value: 'BSC' },\n          { label: 'Polygon', value: 'MATIC' },\n        ]\"\n      ></base-select>\n    </div>\n\n    <base-button\n      label=\"Pay\"\n      type=\"primary\"\n      customClass=\"w-full\"\n      (onClick)=\"payHandler()\"\n    ></base-button>\n  }\n\n  @if (formIndex === 1) {\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"mx-auto\">\n        <base-image\n          src=\"../../../assets/images/stable-coin-qr-code.png\"\n          alt=\"QR Code\"\n          [width]=\"122\"\n          [height]=\"122\"\n          class=\"mb-1\"\n        ></base-image>\n        <p class=\"mb-0 text-body-4xs text-light-copy font-normal text-center\">USDC</p>\n      </div>\n\n      <div class=\"flex flex-col gap-6 border-c border-grey-100 p-4 rounded-2xl bg-light-white-50\">\n        <div class=\"border-b border-grey-border pb-4 flex flex-col gap-2\">\n          <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">Network</p>\n          <div class=\"flex justify-between\">\n            <div class=\"flex flex-col gap-1\">\n              <p class=\"mb-0 text-body-2xs font-medium text-sub-copy\">BNB Smart Chain (BEP20)</p>\n              <div class=\"flex items-center gap-2\">\n                <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">*Est. arrival = 3 mins</p>\n                <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">|</p>\n                <base-currency-amount\n                  currency=\"USDC\"\n                  [amount]=\"10\"\n                  textClass=\"mb-0 text-body-3xs text-light-copy font-normal\"\n                  iconColorClass=\"#557591\"\n                  iconWidth=\"12\"\n                  iconHeight=\"12\"\n                ></base-currency-amount>\n              </div>\n            </div>\n            <icon-arrow-swap></icon-arrow-swap>\n          </div>\n        </div>\n\n        <div class=\"pb-4 flex flex-col gap-2\">\n          <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">Deposit Address ></p>\n          <div class=\"flex justify-between\">\n            <p class=\"mb-0 text-body-2xs font-medium text-sub-copy w-2/3 break-words\">\n              0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6\n            </p>\n            <base-copy copyText=\"0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6\"></base-copy>\n          </div>\n        </div>\n\n        <!-- <div class=\"pb-4 flex flex-col gap-2\">\n          <p class=\"mb-0 text-body-3xs text-light-copy font-normal\">Memo ></p>\n          <div class=\"flex justify-between\">\n            <p\n              class=\"mb-0 text-body-2xs font-medium text-sub-copy w-2/3 break-words\"\n            >\n              0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6\n            </p>\n            <app-copy\n              [isCopyIcon]=\"true\"\n              [copyText]=\"'0j8938ysheeee8333c162883a4d4f5g6t111nhk8uey37777yt6'\"\n            ></app-copy>\n          </div>\n        </div> -->\n      </div>\n\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex items-center justify-between border-b border-grey-border py-3\">\n          <p class=\"mb-0 text-body-2xs font-medium text-primary-black\">Network fee</p>\n          <base-currency-amount\n            currency=\"USDC\"\n            [amount]=\"12\"\n            textClass=\"mb-0 text-body-2xs font-extrabold text-primary-black\"\n            iconColorClass=\"#231F20\"\n          ></base-currency-amount>\n        </div>\n\n        <div class=\"flex items-center justify-between py-4\">\n          <p class=\"mb-0 text-body-lg font-semibold text-primary-black\">Pay</p>\n          <base-currency-amount\n            currency=\"USDC\"\n            [amount]=\"15\"\n            textClass=\"mb-0 text-body-lg font-extrabold text-primary-black\"\n            iconColorClass=\"#231F20\"\n            iconWidth=\"20\"\n            iconHeight=\"20\"\n          ></base-currency-amount>\n        </div>\n      </div>\n\n      <div class=\"flex flex-col gap-6\">\n        <base-button label=\"Confirm Payment\" type=\"primary\" customClass=\"w-full\"></base-button>\n      </div>\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { proceedToPay: [{
-                type: Output
-            }] } });
-
-class CheckoutCardComponent {
-    options = null;
-    secretKey = '';
-    environment = 'sandbox';
-    paymentObject = {
-        amount: 0,
-        currency: '',
-        email: '',
-        phoneNumber: '',
-        narration: '',
-        redirectUrl: '',
-    };
-    ready = new EventEmitter();
-    validityChange = new EventEmitter();
-    tokenize = new EventEmitter();
-    checkoutState = 'PAYMENT';
-    countryOptions = [
-        {
-            label: 'Nigeria',
-            value: 'Nigeria',
-        },
-        {
-            label: 'Ghana',
-            value: 'Ghana',
-        },
-    ];
-    paymentTypeOptions = [
-        { label: 'Card', value: 'CARD' },
-        { label: 'Bank Transfer', value: 'BANK_TRANSFER' },
-        { label: 'Stable Coin', value: 'STABLE_COIN' },
-    ];
-    paymentType = this.paymentTypeOptions[0].value;
-    get filteredPaymentTypeOptions() {
-        if (this.paymentObject.currency === 'USD') {
-            return this.paymentTypeOptions.filter((option) => option.value !== 'BANK_TRANSFER');
-        }
-        return this.paymentTypeOptions.filter((option) => option.value !== 'STABLE_COIN');
-    }
-    get formatAmountHandler() {
-        return formatAmount(this.paymentObject.amount, this.paymentObject.currency);
-    }
-    paymentTypeHandler(event) {
-        this.paymentType = event;
-    }
-    payStableCoinHandler() {
-        this.checkoutState = 'STABLE_COIN_PAYMENT';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckoutCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: CheckoutCardComponent, isStandalone: true, selector: "bzp-checkout-card", inputs: { options: "options", secretKey: "secretKey", environment: "environment", paymentObject: "paymentObject" }, outputs: { ready: "ready", validityChange: "validityChange", tokenize: "tokenize" }, ngImport: i0, template: "<base-card [showBackButton]=\"checkoutState === 'STABLE_COIN_PAYMENT'\">\n  <div class=\"grid grid-cols-3\">\n    @if (checkoutState === 'PAYMENT') {\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=\"col-span-2\">\n      @if (checkoutState === 'PAYMENT' || checkoutState === 'STABLE_COIN_PAYMENT') {\n        @if (checkoutState === 'PAYMENT') {\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                Raymahni Merchant LLC\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\n        <div class=\"overflow-y-scroll px-10 pb-10 pt-2\">\n          @if (paymentType === 'CARD') {\n            <pay-by-card></pay-by-card>\n          } @else if (paymentType === 'BANK_TRANSFER') {\n            <pay-by-transfer></pay-by-transfer>\n          } @else {\n            <pay-by-stable-coin (proceedToPay)=\"payStableCoinHandler()\"></pay-by-stable-coin>\n          }\n        </div>\n      } @else if (checkoutState === 'SUCCESS') {\n        <base-success></base-success>\n      }\n    </div>\n  </div>\n</base-card>\n", dependencies: [{ kind: "component", type: RadioGroupComponent, selector: "base-radio-group", inputs: ["options", "type"], outputs: ["selectedChange"] }, { kind: "component", type: ImageComponent, selector: "base-image", inputs: ["src", "alt", "isFullWidth", "width", "height", "customClass"], outputs: ["onClick"] }, { kind: "component", type: PayByCardComponent, selector: "pay-by-card" }, { kind: "component", type: PayByTransferComponent, selector: "pay-by-transfer" }, { kind: "component", type: PayByStableCoinComponent, selector: "pay-by-stable-coin", outputs: ["proceedToPay"] }, { kind: "component", type: SuccessComponent, selector: "base-success" }, { kind: "component", type: CardComponent, selector: "base-card", inputs: ["showBackButton"], outputs: ["back"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckoutCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bzp-checkout-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        RadioGroupComponent,
-                        ImageComponent,
-                        PayByCardComponent,
-                        PayByTransferComponent,
-                        PayByStableCoinComponent,
-                        SuccessComponent,
-                        CardComponent,
-                    ], template: "<base-card [showBackButton]=\"checkoutState === 'STABLE_COIN_PAYMENT'\">\n  <div class=\"grid grid-cols-3\">\n    @if (checkoutState === 'PAYMENT') {\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=\"col-span-2\">\n      @if (checkoutState === 'PAYMENT' || checkoutState === 'STABLE_COIN_PAYMENT') {\n        @if (checkoutState === 'PAYMENT') {\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                Raymahni Merchant LLC\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\n        <div class=\"overflow-y-scroll px-10 pb-10 pt-2\">\n          @if (paymentType === 'CARD') {\n            <pay-by-card></pay-by-card>\n          } @else if (paymentType === 'BANK_TRANSFER') {\n            <pay-by-transfer></pay-by-transfer>\n          } @else {\n            <pay-by-stable-coin (proceedToPay)=\"payStableCoinHandler()\"></pay-by-stable-coin>\n          }\n        </div>\n      } @else if (checkoutState === 'SUCCESS') {\n        <base-success></base-success>\n      }\n    </div>\n  </div>\n</base-card>\n" }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], secretKey: [{
-                type: Input
-            }], environment: [{
-                type: Input
-            }], paymentObject: [{
-                type: Input
-            }], ready: [{
-                type: Output
-            }], validityChange: [{
-                type: Output
-            }], tokenize: [{
-                type: Output
-            }] } });
-
-class CheckoutIframeComponent {
-    renderer;
-    cdr;
-    checkout;
-    constructor(renderer, cdr, checkout) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.checkout = checkout;
-    }
-    errorMessage = '';
-    loading = false;
-    launchUrl = '';
-    iframe;
-    secretKey = '';
-    url = '';
-    style = {
-        width: '100%',
-        height: '100vh',
-        border: '0',
-        borderRadius: '6px',
-        overflow: 'hidden',
-    };
-    environment = 'sandbox';
-    paymentObject = {
-        amount: 0,
-        currency: '',
-        email: '',
-        phoneNumber: '',
-        narration: '',
-        redirectUrl: '',
-    };
-    container;
-    get blockStyle() {
-        return {
-            ...(this.style || {}),
-        };
-    }
-    launchIframe(url) {
-        const host = this.container?.nativeElement;
-        if (!host)
-            return; // guard: container not in DOM yet
-        this.iframe = this.renderer.createElement('iframe');
-        this.renderer.setAttribute(this.iframe, 'src', url);
-        this.renderer.setStyle(this.iframe, 'width', this.style.width);
-        this.renderer.setStyle(this.iframe, 'height', this.style.height);
-        this.renderer.setStyle(this.iframe, 'border', this.style.border);
-        this.renderer.setStyle(this.iframe, 'borderRadius', this.style.borderRadius);
-        this.renderer.setStyle(this.iframe, 'overflow', this.style.overflow);
-        this.renderer.appendChild(host, this.iframe);
-    }
-    async generatePaymentLinkHandler() {
-        if (this.url) {
-            this.launchIframe(this.url);
-            return;
-        }
-        if (!this.secretKey) {
-            return (this.errorMessage = 'Secret key is required.');
-        }
-        if (!checkObjectTruthy(this.paymentObject)) {
-            return (this.errorMessage = 'Kindly ensure you are passing all the required data.');
-        }
-        this.loading = true;
-        this.cdr.markForCheck();
-        this.checkout
-            .createPaymentLink(this.paymentObject, this.environment, this.secretKey)
-            .pipe(tap((res) => {
-            if (res?.isSuccessful) {
-                this.launchUrl = res.launchUrl ?? '';
-                this.errorMessage = 'Payment link created successfully';
-                if (this.launchUrl) {
-                    this.launchIframe(this.launchUrl);
-                }
-            }
-            else {
-                this.errorMessage = 'Failed to create payment link';
-            }
-        }), finalize(() => {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }))
-            .subscribe();
-    }
-    async ngAfterViewInit() {
-        await this.generatePaymentLinkHandler();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckoutIframeComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.CheckoutService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: CheckoutIframeComponent, isStandalone: true, selector: "bzp-checkout-iframe", inputs: { secretKey: "secretKey", url: "url", style: "style", environment: "environment", paymentObject: "paymentObject" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<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", dependencies: [{ kind: "component", type: IconLoaderComponent, selector: "icon-loader", inputs: ["color", "size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckoutIframeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bzp-checkout-iframe', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconLoaderComponent, CommonModule], template: "<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" }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.CheckoutService }], propDecorators: { secretKey: [{
-                type: Input
-            }], url: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], environment: [{
-                type: Input
-            }], paymentObject: [{
-                type: Input
-            }], container: [{
-                type: ViewChild,
-                args: ['container', { static: false }]
-            }] } });
-
-class CheckoutButtonComponent {
-    checkout;
-    cdr;
-    constructor(checkout, cdr) {
-        this.checkout = checkout;
-        this.cdr = cdr;
-    }
-    errorMessage = '';
-    loading = false;
-    launchUrl = '';
-    secretKey = '';
-    timeout = 30000;
-    environment = 'sandbox';
-    mode = 'redirect';
-    paymentObject = {
-        amount: 0,
-        currency: '',
-        email: '',
-        phoneNumber: '',
-        narration: '',
-        redirectUrl: '',
-    };
-    async generatePaymentLinkHandler() {
-        if (!this.secretKey) {
-            return (this.errorMessage = 'Secret key is required.');
-        }
-        if (!checkObjectTruthy(this.paymentObject)) {
-            return (this.errorMessage = 'Kindly ensure you are passing all the required data.');
-        }
-        this.loading = true;
-        this.cdr.markForCheck();
-        this.checkout
-            .createPaymentLink(this.paymentObject, this.environment, this.secretKey)
-            .pipe(tap((res) => {
-            if (res?.isSuccessful) {
-                this.launchUrl = res.launchUrl ?? '';
-                this.errorMessage = 'Payment link created successfully';
-                if (this.mode === 'redirect' && this.launchUrl) {
-                    window.open(this.launchUrl, '_blank', 'noopener,noreferrer');
-                }
-            }
-            else {
-                this.errorMessage = 'Failed to create payment link';
-            }
-        }), finalize(() => {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }))
-            .subscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckoutButtonComponent, deps: [{ token: i1.CheckoutService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: CheckoutButtonComponent, isStandalone: true, selector: "bzp-checkout-button", inputs: { secretKey: "secretKey", timeout: "timeout", environment: "environment", mode: "mode", paymentObject: "paymentObject" }, ngImport: i0, template: "@if (launchUrl && mode === 'iframe') {\n  <bzp-checkout-iframe\n    [url]=\"launchUrl\"\n    [secretKey]=\"secretKey\"\n    [environment]=\"environment\"\n  ></bzp-checkout-iframe>\n} @else {\n  <base-button\n    label=\"Pay\"\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", dependencies: [{ kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "size", "paddingClassX", "disabled", "loading", "customClass"], outputs: ["onClick"] }, { kind: "component", type: InputErrorComponent, selector: "base-input-error", inputs: ["errorMessage"] }, { kind: "component", type: CheckoutIframeComponent, selector: "bzp-checkout-iframe", inputs: ["secretKey", "url", "style", "environment", "paymentObject"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckoutButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bzp-checkout-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, InputErrorComponent, InputErrorComponent, CheckoutIframeComponent], template: "@if (launchUrl && mode === 'iframe') {\n  <bzp-checkout-iframe\n    [url]=\"launchUrl\"\n    [secretKey]=\"secretKey\"\n    [environment]=\"environment\"\n  ></bzp-checkout-iframe>\n} @else {\n  <base-button\n    label=\"Pay\"\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" }]
-        }], ctorParameters: () => [{ type: i1.CheckoutService }, { type: i0.ChangeDetectorRef }], propDecorators: { secretKey: [{
-                type: Input
-            }], timeout: [{
-                type: Input
-            }], environment: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], paymentObject: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CheckoutButtonComponent, CheckoutCardComponent, CheckoutIframeComponent, PayByCardComponent, PayByStableCoinComponent, PayByTransferComponent };
-//# sourceMappingURL=miden-npm-angular-buzapay-checkout.mjs.map