paygate-checkout-sdk 1.0.0

package/README.md

@@ -0,0 +1,46 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.\
+You will also see any lint errors in the console.
+
+### `yarn test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `yarn build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `yarn eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
+
+If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
+
+You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).

package/dist/App.d.ts

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

package/dist/App.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { IconProps } from "./FaBankCardIcon";
+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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Base.d.ts

@@ -0,0 +1,8 @@
+import { AlignSelfProps, BorderColorProps, BordersProps, ColorProps, DisplayProps, FlexProps, FontSizeProps, HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, OrderProps, SpaceProps, WidthProps } from 'styled-system';
+export declare const themed: (key: string | number) => (props: {
+    theme: {
+        [x: string]: any;
+    };
+}) => any;
+export declare const base: import("styled-system").styleFn;
+export type BaseProps = SpaceProps & WidthProps & MinWidthProps & MaxWidthProps & HeightProps & MinHeightProps & MaxHeightProps & FontSizeProps & ColorProps & FlexProps & OrderProps & AlignSelfProps & BordersProps & BorderColorProps & DisplayProps;

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

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

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

@@ -0,0 +1,5 @@
+/// <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 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;

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

@@ -0,0 +1,35 @@
+import { JSX, MouseEvent } from 'react';
+export type ButtonVariants = 'primary' | 'secondary' | 'error' | 'error-secondary' | 'link' | 'facebook' | 'fbAlt' | 'light' | 'google' | 'apple' | 'white';
+export type ButtonSize = 'normal' | 'small';
+export type ButtonProps = {
+    active?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    fullwidth?: boolean;
+    href?: string;
+    htmlType?: string;
+    iconBefore?: React.ReactNode;
+    iconAfter?: React.ReactNode;
+    isLoading?: boolean;
+    name?: React.ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent<Element, MouseEvent>>) => void;
+    onMouseOver?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void;
+    onMouseOut?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void;
+    ref?: React.Ref<HTMLElement>;
+    spacing?: 'default' | 'none';
+    tag?: React.ComponentType<React.AllHTMLAttributes<HTMLElement>> | React.ElementType;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    variant?: ButtonVariants;
+    size?: ButtonSize;
+    id?: string;
+    minWidth?: string;
+    height?: string;
+};
+export type TextProps = {
+    withPaddingLeft: boolean;
+    withPaddingRight: boolean;
+    id?: string;
+};
+declare const Button: ({ active, children, id, className, disabled, fullwidth, href, htmlType, iconBefore, iconAfter, isLoading, onClick, onMouseOver, onMouseOut, size, ref, spacing, target, variant, minWidth, tag, height }: ButtonProps) => JSX.Element;
+export default Button;

package/dist/components/CardPayment.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CardPayment: React.FC;
+export default CardPayment;

package/dist/components/CountrySelector.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface CountrySelectorProps {
+    selectedCountry: string;
+    setSelectedCountry: (country: string) => void;
+}
+declare const CountrySelector: React.FC<CountrySelectorProps>;
+export default CountrySelector;

package/dist/components/FadeLoader/index.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+type FadeLoaderProps = {
+    className?: string;
+    size?: number;
+    variant?: string;
+};
+declare const FadeLoader: ({ className, size, variant }: FadeLoaderProps) => JSX.Element;
+export default FadeLoader;

package/dist/components/PaymentMethods.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface PaymentMethodsProps {
+    selectedMethod: string;
+    setSelectedMethod: (method: string) => void;
+    methods: string[];
+}
+declare const PaymentMethods: React.FC<PaymentMethodsProps>;
+export default PaymentMethods;

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

@@ -0,0 +1,3 @@
+/// <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;

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

@@ -0,0 +1,26 @@
+import React, { JSX, ReactNode } from 'react';
+import { BaseProps } from '../Base';
+declare const variantMapping: {
+    [key: string]: React.ElementType;
+};
+export type VariantType = keyof typeof variantMapping;
+export type TextProps = {
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    children: ReactNode;
+    className?: string;
+    color?: string;
+    display?: 'initial' | 'block' | 'inline';
+    iscapitalized?: boolean;
+    isMultiline?: boolean;
+    isParagraph?: boolean;
+    isTruncated?: boolean;
+    tag?: React.ElementType;
+    variant?: VariantType;
+    id?: string;
+    weight?: 'regular' | 'semi-bold' | 'bold' | 'extra-bold';
+    href?: string;
+    wrap?: boolean;
+    fontWeight?: number;
+};
+declare const Text: ({ align, children, className, id, color, display, iscapitalized, isMultiline, isParagraph, wrap, tag, variant, weight, ...props }: TextProps & BaseProps) => JSX.Element;
+export default Text;

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CardForm: React.FC;
+export default CardForm;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CardPayment: React.FC;
+export default CardPayment;

package/dist/components/card/Styles/CardPayment.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const PaymentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TotalAmount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardDetailsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const ConfirmButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/components/card/Styles/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const HText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../Text").TextProps & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & import("styled-system").MinWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>> & import("styled-system").MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & import("styled-system").HeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>> & import("styled-system").MinHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>> & import("styled-system").MaxHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>> & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Flex<import("styled-system").TLengthStyledSystem>> & import("styled-system").OrderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").AlignSelfProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BordersProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").DisplayProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>> & string & Omit<({ align, children, className, id, color, display, iscapitalized, isMultiline, isParagraph, wrap, tag, variant, weight, ...props }: import("../../Text").TextProps & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & import("styled-system").MinWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>> & import("styled-system").MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & import("styled-system").HeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>> & import("styled-system").MinHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>> & import("styled-system").MaxHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>> & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Flex<import("styled-system").TLengthStyledSystem>> & import("styled-system").OrderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").AlignSelfProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BordersProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").DisplayProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const PaymentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Sidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SidebarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MethodButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    active: boolean;
+}>> & string;
+export declare const CardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const SectionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const ConfirmButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+type BankTransferProps = {
+    accountNumber: string;
+    bankName: string;
+    timeRemaining: number;
+    virtualPaymentStatus: {
+        status: boolean;
+    };
+    onConfirm: () => void;
+    formatTime: (seconds: number) => string;
+};
+export declare const BankTransferPayment: React.FC<BankTransferProps>;
+export {};

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

@@ -0,0 +1,12 @@
+import React from "react";
+type Props = {
+    cardDetails: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onConfirm: () => void;
+};
+declare const CardPaymentForm: React.FC<Props>;
+export default CardPaymentForm;

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

@@ -0,0 +1,12 @@
+import React from "react";
+type Props = {
+    pin: string[];
+    otp: string[];
+    onPinChange: (index: number, value: string) => void;
+    onOtpComplete: () => void;
+    isOtpModal: boolean;
+    setIsOtpModal: (val: boolean) => void;
+    setOtp: (val: string[]) => void;
+};
+declare const CardPinEntry: React.FC<Props>;
+export default CardPinEntry;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const KudaPayment: React.FC;

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

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = {
+    selectedMethod: string;
+    kudaStep: string;
+    palmpayStep: string;
+    opayStep: string;
+};
+declare const MobileHeaderText: React.FC<Props>;
+export default MobileHeaderText;

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

@@ -0,0 +1,16 @@
+import { UserBasicDataType } from "../../shared/types";
+type MobileMoneyPaymentProps = {
+    userBasicData: UserBasicDataType;
+    mobileMoneyStep: string;
+    mobileMoneyNetwork: string;
+    setMobileMoneyNetwork: (value: string) => void;
+    mobileMoneyPhone: string;
+    setMobileMoneyPhone: (value: string) => void;
+    setMobileMoneyStep: (value: "FORM" | "CALL" | "SUCCESS") => void;
+    handleSimulateMomo: () => void;
+    checkMomoTransactionStatus: () => void;
+    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 {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const OpayPayment: React.FC;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PalmPayPayment: React.FC;

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const QRPayment: React.FC;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SecureBox: React.FC;

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

@@ -0,0 +1,14 @@
+import React from "react";
+type Method = {
+    label: string;
+    value: string;
+    icon: any;
+};
+type Props = {
+    isOpen: boolean;
+    methods: Method[];
+    selectedMethod: string;
+    onSelect: (value: string) => void;
+};
+declare const SidebarMenu: React.FC<Props>;
+export default SidebarMenu;

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

@@ -0,0 +1,17 @@
+import React from "react";
+type CardPinProps = {
+    pin: string[];
+    otp: string[];
+    onPinChange: (index: number, value: string) => void;
+    onOtpComplete: () => void;
+    isOtpModal: boolean;
+    setIsOtpModal: (val: boolean) => void;
+    setOtp: (val: string[]) => void;
+};
+export declare const CardPinEntry: React.FC<CardPinProps>;
+type USSDProps = {
+    selectedBank: string;
+    onChangeBank: (bank: string) => void;
+};
+export declare const USSDPayment: React.FC<USSDProps>;
+export {};

package/dist/components/checkout/styles/PaymentFailedStyl.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PaymentFailedWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RedCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FailedTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const FailedReason: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/components/checkout/styles/PaymentSuccessful.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const PaymentSuccessWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GreenCircleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GreenSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CheckMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SuccessTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const SuccessSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/components/dropdowns/BankSelectXDropdown.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface BankSelectProps {
+    selected: string;
+    currency: string;
+    onChange: (value: string) => void;
+}
+declare const BankSelectXDropdown: React.FC<BankSelectProps>;
+export default BankSelectXDropdown;

package/dist/components/dropdowns/NetworkProviderDropdown.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BankSelectProps } from "./BankSelectXDropdown";
+declare const NetworkProviderDropdown: React.FC<BankSelectProps>;
+export default NetworkProviderDropdown;

package/dist/components/dropdowns/styles/BankSelectXDropdownStyle.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const SelectWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Toggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOpen?: boolean | undefined;
+    $isDisabled?: boolean | undefined;
+}>> & string;
+export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $selected?: boolean | undefined;
+    $isDisabled?: boolean | undefined;
+}>> & string;

package/dist/components/dropdowns/styles/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedBank: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BankList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BankItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    selected: boolean;
+}>> & string;
+export declare const BankLogo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const BankName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface CountrySelectorProps {
+    selectedCountry: string;
+    setSelectedCountry: (country: string) => void;
+}
+declare const CountrySelector: React.FC<CountrySelectorProps>;
+export default CountrySelector;

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

@@ -0,0 +1,14 @@
+import React from "react";
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    disabled?: boolean | undefined;
+}>> & string;
+type OtpVerificationProps = {
+    setIsOtpModal: (value: boolean) => void;
+    setOtp: (value: string[]) => void;
+    otp: string[];
+    paymentMethod?: string;
+    handleOtp?: (value: string) => void;
+};
+declare const OtpVerification: React.FC<OtpVerificationProps>;
+export default OtpVerification;