paygate-checkout-sdk 1.0.4 → 1.0.6

package/dist/App.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 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;
@@ -33,7 +34,7 @@ export declare const CardNumbertext: import("styled-components/dist/types").ISty
 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) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
+}>> & string & Omit<({ isLast, ...rest }: any) => JSX.Element, keyof React.Component<any, {}, any>>;
 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;
@@ -77,5 +78,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) => import("react/jsx-runtime").JSX.Element;
+declare const PaygateCheckoutSdk: ({ userData }: PaygateCheckoutSdkProps) => JSX.Element;
 export default PaygateCheckoutSdk;

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

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

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
 type MerchantDataProps = {
     clientId?: string;
     firstName: string;
@@ -39,7 +37,25 @@ type PaygateCheckoutSdkProps = {
     onError?: (error: any) => void;
 };
 
-declare const PaygateCheckoutSdk: ({ userData }: PaygateCheckoutSdkProps) => react_jsx_runtime.JSX.Element;
+declare const sdk: {
+    setup: (config: {
+        targetId: string;
+        props: PaygateCheckoutSdkProps;
+    }) => void;
+};
+declare const PaygateSdk: {
+    setup: (config: {
+        targetId: string;
+        props: PaygateCheckoutSdkProps;
+    }) => void;
+};
+declare global {
+    interface Window {
+        PaygateCheckoutSDK?: {
+            PaygateSdk: typeof sdk;
+        };
+    }
+}
 
-export { PaygateCheckoutSdk };
-export type { PaygateCheckoutSdkProps, MerchantDataProps as UserBasicDataType };
+export { PaygateSdk };
+export type { MerchantDataProps, PaygateCheckoutSdkProps };