paygate-checkout-sdk 0.0.7 → 0.0.8

package/dist/App.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import "./App.css";
-declare function App(): React.JSX.Element;
+declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/dist/assets/icons/AmexIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { CardTypeIconProps } from "./VisaIcon";
-declare const AmexIcon: ({ width, height, style, }: CardTypeIconProps) => React.JSX.Element;
+declare const AmexIcon: ({ width, height, style, }: CardTypeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default AmexIcon;

package/dist/assets/icons/DefaultCardIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { CardTypeIconProps } from "./VisaIcon";
-declare const DefaultCardIcon: ({ width, height, style, }: CardTypeIconProps) => React.JSX.Element;
+declare const DefaultCardIcon: ({ width, height, style, }: CardTypeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultCardIcon;

package/dist/assets/icons/DiscoverIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { CardTypeIconProps } from "./VisaIcon";
-declare const DiscoverIcon: ({ width, height, style, }: CardTypeIconProps) => React.JSX.Element;
+declare const DiscoverIcon: ({ width, height, style, }: CardTypeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default DiscoverIcon;

package/dist/assets/icons/FaArrowLeftIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaArrowLeftIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaArrowLeftIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaArrowLeftIcon;

package/dist/assets/icons/FaBankCardIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export type IconProps = {
     color?: string;
     width?: string;
@@ -6,5 +5,5 @@ export type IconProps = {
     onClick?: (value?: any) => void;
     style?: any;
 };
-declare const FaBankCardIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaBankCardIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaBankCardIcon;

package/dist/assets/icons/FaBankTransferIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaBankTransferIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaBankTransferIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaBankTransferIcon;

package/dist/assets/icons/FaChevronDownIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaChevronDownIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaChevronDownIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaChevronDownIcon;

package/dist/assets/icons/FaCopyIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaCopyIcon: ({ color, width, height, onClick, style }: IconProps) => React.JSX.Element;
+declare const FaCopyIcon: ({ color, width, height, onClick, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaCopyIcon;

package/dist/assets/icons/FaInfoIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaInfoIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaInfoIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaInfoIcon;

package/dist/assets/icons/FaLockIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaLockIcon: ({ style }: IconProps) => React.JSX.Element;
+declare const FaLockIcon: ({ style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaLockIcon;

package/dist/assets/icons/FaMobileIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaMobileIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaMobileIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaMobileIcon;

package/dist/assets/icons/FaNQRIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaNQRIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaNQRIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaNQRIcon;

package/dist/assets/icons/FaPaygateIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaPaygateIcon: ({ color, width, height, style, }: IconProps) => React.JSX.Element;
+declare const FaPaygateIcon: ({ color, width, height, style, }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaPaygateIcon;

package/dist/assets/icons/FaQRCodeIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaQRCodeIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaQRCodeIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaQRCodeIcon;

package/dist/assets/icons/FaSuccessicon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaSuccessicon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaSuccessicon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaSuccessicon;

package/dist/assets/icons/FaTimerIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaTimerIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaTimerIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaTimerIcon;

package/dist/assets/icons/FaUssdIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconProps } from "./FaBankCardIcon";
-declare const FaUssdIcon: ({ color, width, height, style }: IconProps) => React.JSX.Element;
+declare const FaUssdIcon: ({ color, width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default FaUssdIcon;

package/dist/assets/icons/MasterCardIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { CardTypeIconProps } from "./VisaIcon";
-declare const MasterCardIcon: ({ width, height, style, }: CardTypeIconProps) => React.JSX.Element;
+declare const MasterCardIcon: ({ width, height, style, }: CardTypeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default MasterCardIcon;

package/dist/assets/icons/VerveIcon.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { CardTypeIconProps } from "./VisaIcon";
-declare const VerveIcon: ({ width, height, style, }: CardTypeIconProps) => React.JSX.Element;
+declare const VerveIcon: ({ width, height, style, }: CardTypeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default VerveIcon;

package/dist/assets/icons/VisaIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 export type CardTypeIconProps = {
     width?: string;
     height?: string;
     style?: any;
 };
-declare const VisaIcon: ({ width, height, style }: CardTypeIconProps) => React.JSX.Element;
+declare const VisaIcon: ({ width, height, style }: CardTypeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default VisaIcon;

package/dist/components/Button/StatusBadge.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const StatusBadge: () => React.JSX.Element;
+declare const StatusBadge: () => import("react/jsx-runtime").JSX.Element;
 export default StatusBadge;

package/dist/components/Button/Styles.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import { ButtonProps, TextProps } from './index';
-export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, ButtonProps>> & string;
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, ButtonProps>> & string;
 export declare const secondary: import("styled-components").RuleSet<ButtonProps>;
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, never>, TextProps>> & string;
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}>, never>, TextProps>> & string;

package/dist/components/Text/Styles.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { TextProps } from './index';
-export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, TextProps>> & string;
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, TextProps>> & string;

package/dist/components/card/BankCard.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const BankCard: () => React.JSX.Element;
+declare const BankCard: () => import("react/jsx-runtime").JSX.Element;
 export default BankCard;

package/dist/components/checkout/MobileMoneyPayment.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MerchantDataProps } from "../../shared/types";
 type MobileMoneyPaymentProps = {
     userBasicData: MerchantDataProps;
@@ -13,5 +12,5 @@ type MobileMoneyPaymentProps = {
     setSelectedMethod: (value: string) => void;
     handleInitiateMomo: () => void;
 };
-export declare const MobileMoneyPayment: ({ userBasicData, mobileMoneyStep, mobileMoneyNetwork, setMobileMoneyNetwork, mobileMoneyPhone, setMobileMoneyPhone, setMobileMoneyStep, handleSimulateMomo, checkMomoTransactionStatus, setSelectedMethod, handleInitiateMomo, }: MobileMoneyPaymentProps) => import("react").JSX.Element;
+export declare const MobileMoneyPayment: ({ userBasicData, mobileMoneyStep, mobileMoneyNetwork, setMobileMoneyNetwork, mobileMoneyPhone, setMobileMoneyPhone, setMobileMoneyStep, handleSimulateMomo, checkMomoTransactionStatus, setSelectedMethod, handleInitiateMomo, }: MobileMoneyPaymentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/checkout/PaymentFailedView.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const PaymentFailedView: ({ reason, merchantSiteUrl, handleReset, handleSelectedMethod }: {
+declare const PaymentFailedView: ({ reason, merchantSiteUrl, handleReset, handleSelectedMethod, onError }: {
     reason?: string | undefined;
-    merchantSiteUrl: string;
+    merchantSiteUrl?: string | undefined;
     handleReset: () => void;
     handleSelectedMethod: () => void;
-}) => import("react").JSX.Element;
+    onError?: (() => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PaymentFailedView;

package/dist/components/checkout/PaymentSuccessView.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-declare const PaymentSuccessView: ({ reason, merchantSiteUrl, }: {
+declare const PaymentSuccessView: ({ reason, merchantSiteUrl, transactionRef, onSuccess }: {
     reason?: string | undefined;
-    merchantSiteUrl: string;
-}) => import("react").JSX.Element;
+    merchantSiteUrl?: string | undefined;
+    transactionRef?: string | undefined;
+    onSuccess?: (() => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PaymentSuccessView;

package/dist/containers/Payment/PaygateCheckoutSdk.d.ts

@@ -1,5 +1,4 @@
 import type React from "react";
-import { JSX } from "react";
 import type { PaygateCheckoutSdkProps } from "../../shared/types";
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -32,9 +31,9 @@ export declare const SecureBox: import("styled-components/dist/types").IStyledCo
 export declare const DivBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CardNumbertext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const AccountCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
-    isLast?: boolean | undefined;
-}>> & string & Omit<({ isLast, ...rest }: any) => JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isLast?: boolean | undefined;
+}>> & string;
 export declare const InfoBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimerRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const QRContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -42,11 +41,15 @@ export declare const OpayBox: import("styled-components/dist/types").IStyledComp
 export declare const MobileHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const MobileSubText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const MobileTextBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, never>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}, never>> & string;
 export declare const PasswordWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TogglePassword: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const NextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "isDisable"> & {
+export declare const NextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "isDisable"> & {
     isDisable?: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string;
 export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const BodyText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
@@ -78,5 +81,5 @@ export declare const LoadingText: import("styled-components/dist/types").IStyled
 export declare const spin: import("styled-components/dist/models/Keyframes").default;
 export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Iframe: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, never>> & string;
-declare const PaygateCheckoutSdk: ({ userData }: PaygateCheckoutSdkProps) => JSX.Element;
+declare const PaygateCheckoutSdk: ({ userData, config, onSuccess, onError, }: PaygateCheckoutSdkProps) => import("react/jsx-runtime").JSX.Element;
 export default PaygateCheckoutSdk;

package/dist/containers/Payment/index.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-declare const Payment: () => React.JSX.Element;
+declare const Payment: () => import("react/jsx-runtime").JSX.Element;
 export default Payment;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ type MerchantDataProps = {
     countryCode: string;
     currencyCode: string;
     transactionCurrency?: string;
+    transactionRef: string;
     merchantName?: string;
     amount: number;
     merchantReference?: string;
@@ -22,9 +23,8 @@ type MerchantDataProps = {
     metadataProductInfo?: string;
     redirectUrl?: string;
     merchantPublicKey?: string;
-    merchantSecretKey?: string;
     merchantAPIKey?: string;
-    merchantSiteUrl: string;
+    mode: string;
 };
 type PaygateCheckoutSdkProps = {
     userData: MerchantDataProps;
@@ -33,16 +33,10 @@ type PaygateCheckoutSdkProps = {
         environment?: "test" | "live";
         [key: string]: any;
     };
-    onSuccess?: (response: any) => void;
-    onError?: (error: any) => void;
+    onSuccess?: () => void;
+    onError?: () => void;
 };
 
-declare const sdk: {
-    setup: (config: {
-        targetId: string;
-        props: PaygateCheckoutSdkProps;
-    }) => void;
-};
 declare const PaygateSdk: {
     setup: (config: {
         targetId: string;
@@ -52,7 +46,7 @@ declare const PaygateSdk: {
 declare global {
     interface Window {
         PaygateCheckoutSDK?: {
-            PaygateSdk: typeof sdk;
+            PaygateSdk: typeof PaygateSdk;
         };
     }
 }