@maxio-com/self-service 1.0.2

package/typings/packages/data-access/src/types/subscriptionPaymentProfile.d.ts

@@ -0,0 +1,7 @@
+import { Address } from './address';
+import { BankAccount, CreditCard } from './paymentProfiles';
+export declare type SubscriptionPaymentProfile = {
+    bank_account: null | BankAccount;
+    credit_card: null | CreditCard;
+    address: Address;
+};

package/typings/packages/data-access/src/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { prepareQueryParams } from './prepareQueryParams';
+import { requestHandler } from './requestHandler';
+export { requestHandler, prepareQueryParams };

package/typings/packages/data-access/src/utils/prepareQueryParams.d.ts

@@ -0,0 +1 @@
+export declare const prepareQueryParams: <P>(requestParams: P) => string;

package/typings/packages/data-access/src/utils/requestHandler.d.ts

@@ -0,0 +1,2 @@
+import { HttpMethod } from '../types';
+export declare const requestHandler: <R>(url: string, requestBody: Record<string, any>, method?: HttpMethod, headers?: Record<string, any>) => Promise<R>;

package/typings/packages/device-provider/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/typings/packages/device-provider/src/components/DeviceProvider/DeviceProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type DeviceProviderProps = {
+    children: React.ReactNode;
+    tabletMinWidth: string;
+    desktopMinWidth: string;
+};
+declare const DeviceProvider: ({ children, tabletMinWidth, desktopMinWidth, }: DeviceProviderProps) => JSX.Element;
+export default DeviceProvider;

package/typings/packages/device-provider/src/components/DeviceProvider/index.d.ts

@@ -0,0 +1,2 @@
+import DeviceProvider from './DeviceProvider';
+export default DeviceProvider;

package/typings/packages/device-provider/src/components/index.d.ts

@@ -0,0 +1,2 @@
+import DeviceProvider from './DeviceProvider';
+export { DeviceProvider };

package/typings/packages/device-provider/src/contexts/DeviceContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Device } from '../types';
+export declare const DeviceContext: import("react").Context<{
+    device: Device;
+}>;

package/typings/packages/device-provider/src/contexts/index.d.ts

@@ -0,0 +1,2 @@
+import { DeviceContext } from './DeviceContext';
+export { DeviceContext };

package/typings/packages/device-provider/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import { useDeviceInfo } from './useDeviceInfo';
+export { useDeviceInfo };

package/typings/packages/device-provider/src/hooks/useDeviceInfo.d.ts

@@ -0,0 +1,3 @@
+export declare const useDeviceInfo: () => {
+    device: import("..").Device;
+};

package/typings/packages/device-provider/src/index.d.ts

@@ -0,0 +1,6 @@
+import { Context as ResponsiveContext } from 'react-responsive';
+import { useDeviceInfo } from './hooks';
+import { DeviceProvider } from './components';
+import type { Device } from './types';
+export { ResponsiveContext, DeviceProvider, useDeviceInfo };
+export type { Device };

package/typings/packages/device-provider/src/types.d.ts

@@ -0,0 +1 @@
+export declare type Device = 'mobile' | 'tablet' | 'desktop';

package/typings/packages/embeddable-component/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/typings/packages/embeddable-component/src/ComponentLoader/ComponentLoader.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+export declare type ComponentLoaderProps<P> = {
+    component: FC<P>;
+    settings: P;
+    loader?: FC;
+};
+declare const ComponentLoader: <P>({ component, loader, settings, }: ComponentLoaderProps<P>) => React.FunctionComponentElement<{}>;
+export default ComponentLoader;

package/typings/packages/embeddable-component/src/ComponentLoader/index.d.ts

@@ -0,0 +1,2 @@
+import ComponentLoader from './ComponentLoader';
+export default ComponentLoader;

package/typings/packages/embeddable-component/src/EmbeddableComponent/EmbeddableComponent.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { Root } from 'react-dom/client';
+import { i18n as I18N } from 'i18next';
+import { Theme } from "../../../custom-ui-components/src";
+import { DataAccess } from "../../../data-access/src";
+import { SessionManager } from "../../../session-manager/src";
+export interface ComponentOptions {
+    i18n: I18N;
+    componentsTheme: Theme;
+    sessionManager: SessionManager;
+    dataAccess: DataAccess;
+}
+declare class EmbeddableComponent {
+    private i18n;
+    readonly componentsTheme: Theme;
+    rootNode: Root;
+    sessionManager: SessionManager;
+    dataAccess: DataAccess;
+    constructor({ i18n, componentsTheme, dataAccess, sessionManager, }: ComponentOptions);
+    getMountNode(container: string | HTMLElement): Element;
+    destroy(): void;
+    renderComponent<P>(container: string | HTMLElement, component: FC<P>, settings: P, loader?: FC<P>): void;
+}
+export default EmbeddableComponent;

package/typings/packages/embeddable-component/src/EmbeddableComponent/index.d.ts

@@ -0,0 +1,3 @@
+import EmbeddableComponent, { ComponentOptions } from './EmbeddableComponent';
+export default EmbeddableComponent;
+export type { ComponentOptions };

package/typings/packages/embeddable-component/src/SessionGuard/SessionGuard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SessionManager } from "../../../session-manager/src";
+export declare type SessionGuardProps = {
+    children: React.ReactNode;
+    sessionManager: SessionManager;
+};
+export declare const SessionContext: React.Context<{
+    sessionInitialized: boolean;
+}>;
+declare const SessionGuard: ({ children, sessionManager }: SessionGuardProps) => JSX.Element;
+export default SessionGuard;

package/typings/packages/embeddable-component/src/SessionGuard/index.d.ts

@@ -0,0 +1,4 @@
+import SessionGuard from './SessionGuard';
+import { SessionContext } from './SessionGuard';
+export default SessionGuard;
+export { SessionContext };

package/typings/packages/embeddable-component/src/index.d.ts

@@ -0,0 +1,3 @@
+import EmbeddableComponent, { ComponentOptions } from './EmbeddableComponent';
+export { EmbeddableComponent };
+export type { ComponentOptions };

package/typings/packages/embeddable-component/src/types.d.ts

@@ -0,0 +1,3 @@
+export declare type I18NSettings = {
+    loadPath: string;
+};

package/typings/packages/formatters/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/typings/packages/formatters/src/constants.d.ts

@@ -0,0 +1 @@
+export declare const ZERO_DECIMAL_CURRENCIES: string[];

package/typings/packages/formatters/src/formatBillingInterval.d.ts

@@ -0,0 +1,3 @@
+import { TFunction } from 'react-i18next';
+export declare type Unit = 'day' | 'month';
+export declare const formatBillingInterval: (interval: number, unit: Unit, t: TFunction<'common'[]>) => string;

package/typings/packages/formatters/src/formatCurrency.d.ts

@@ -0,0 +1,31 @@
+export declare const CURRENCY_MAP: {
+    readonly AUD: "$";
+    readonly BRL: "R$";
+    readonly CAD: "$";
+    readonly CHF: "Fr.";
+    readonly CNY: "¥";
+    readonly CZK: "Kč";
+    readonly DKK: "DKK";
+    readonly EUR: "€";
+    readonly GBP: "£";
+    readonly HKD: "$";
+    readonly INR: "₹";
+    readonly JPY: "¥";
+    readonly MXN: "$";
+    readonly MYR: "RM";
+    readonly NOK: "kr";
+    readonly NZD: "$";
+    readonly PHP: "₱";
+    readonly PLN: "zł";
+    readonly RON: "Lei";
+    readonly RUB: "₽";
+    readonly SEK: "kr";
+    readonly SGD: "$";
+    readonly USD: "$";
+    readonly ZAR: "R";
+    readonly AED: "د.إ";
+    readonly SAR: "ر.س";
+    readonly ILS: "₪";
+};
+export declare type Currency = keyof typeof CURRENCY_MAP;
+export declare const formatCurrency: (currency: Currency, value: number, locale?: string) => string;

package/typings/packages/formatters/src/formatDate.d.ts

@@ -0,0 +1,2 @@
+import { Dayjs } from 'dayjs';
+export declare const formatDate: (date: string | number | Date | Dayjs, format?: string) => string;

package/typings/packages/formatters/src/index.d.ts

@@ -0,0 +1,8 @@
+import { formatCurrency, CURRENCY_MAP, Currency } from './formatCurrency';
+import { formatBillingInterval, Unit } from './formatBillingInterval';
+import { formatDate } from './formatDate';
+import { manipulateDate } from './manipulateDate';
+import { camelCaseToSnakeCase, camelToUnderscore } from './keysToSnakeCase';
+export { formatCurrency, formatBillingInterval, formatDate, manipulateDate, camelCaseToSnakeCase, camelToUnderscore, };
+export { CURRENCY_MAP };
+export type { Currency, Unit };

package/typings/packages/formatters/src/keysToSnakeCase.d.ts

@@ -0,0 +1,2 @@
+export declare const camelToUnderscore: (key: string) => string;
+export declare const camelCaseToSnakeCase: (record: Record<string, any>) => Record<string, any>;

package/typings/packages/formatters/src/manipulateDate.d.ts

@@ -0,0 +1,6 @@
+export declare const manipulateDate: ({ method, date, unit, value, }: {
+    method?: 'add' | 'subtract';
+    date: string | number | Date;
+    unit: 'day' | 'month' | 'year';
+    value: number;
+}) => string;

package/typings/packages/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/typings/packages/icons/src/Icon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from './types';
+declare const Icon: ({ fill, type, size, onClick }: IconProps) => JSX.Element;
+export default Icon;

package/typings/packages/icons/src/Icon.styles.d.ts

@@ -0,0 +1,4 @@
+import { ColorProps } from 'styled-system';
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    size: number;
+} & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

package/typings/packages/icons/src/constants.d.ts

@@ -0,0 +1 @@
+export declare const Icons: readonly ["close", "edit", "plus", "clock", "search", "chevronDown", "chevronLeft", "chevronRight", "calendar", "check", "spinner", "questionCircle", "receipt", "file", "fileSolid", "filter", "arrowDown", "filePlus", "filePdf", "circleInfo", "circleCheck", "exclamationTriangle", "ellipsis", "circleCross"];

package/typings/packages/icons/src/index.d.ts

@@ -0,0 +1,4 @@
+import Icon from './Icon';
+import type { IconType } from './types';
+export { Icon };
+export type { IconType };

package/typings/packages/icons/src/types.d.ts

@@ -0,0 +1,8 @@
+import { Icons } from './constants';
+export declare type IconType = typeof Icons[number];
+export declare type IconProps = {
+    fill: string;
+    type: IconType;
+    size?: number;
+    onClick?: () => void;
+};

package/typings/packages/icons/src/utils.d.ts

@@ -0,0 +1,2 @@
+import { IconType } from './types';
+export declare const getIcon: (type: IconType) => import("@fortawesome/free-solid-svg-icons").IconDefinition;

package/typings/packages/logger/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/typings/packages/logger/src/index.d.ts

@@ -0,0 +1,4 @@
+import Logger from './logger';
+import type { ChargifyLogger } from './logger';
+export { Logger };
+export type { ChargifyLogger };

package/typings/packages/logger/src/logger.d.ts

@@ -0,0 +1,3 @@
+import Logger, { ILogger as ChargifyLogger } from 'js-logger';
+export default Logger;
+export type { ChargifyLogger };

package/typings/packages/payments-sdk/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/typings/packages/payments-sdk/src/components/CardExpiration/CardExpiration.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import HostedField from '../HostedField';
+declare type CardExpirationProps = {
+    monthHtmlElementId?: string;
+    yearHtmlElementId?: string;
+} & ComponentProps<typeof HostedField>;
+declare const CardExpiration: ({ label, hasError, required, monthHtmlElementId, yearHtmlElementId, }: CardExpirationProps) => JSX.Element;
+export default CardExpiration;

package/typings/packages/payments-sdk/src/components/CardExpiration/CardExpiration.styles.d.ts

@@ -0,0 +1,3 @@
+import { LayoutProps } from 'styled-system';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Socket: import("styled-components").StyledComponent<"div", any, LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/payments-sdk/src/components/CardExpiration/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MONTH_FIELD_WIDTH = "35px";
+export declare const YEAR_FIELD_WITH = "60px";

package/typings/packages/payments-sdk/src/components/CardExpiration/index.d.ts

@@ -0,0 +1,2 @@
+import CardExpiration from './CardExpiration';
+export default CardExpiration;

package/typings/packages/payments-sdk/src/components/CardNumber/CardNumber.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import HostedField from '../HostedField';
+declare type CardNumberProps = {
+    htmlElementId?: string;
+} & ComponentProps<typeof HostedField>;
+declare const CardNumber: ({ htmlElementId, label, required, hasError, }: CardNumberProps) => JSX.Element;
+export default CardNumber;

package/typings/packages/payments-sdk/src/components/CardNumber/index.d.ts

@@ -0,0 +1,2 @@
+import CardNumber from './CardNumber';
+export default CardNumber;

package/typings/packages/payments-sdk/src/components/CreditCard/CreditCard.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CreditCardType } from "../../../../custom-ui-components/src";
+import { FieldsLabels, CardSize } from './types';
+declare type CreditCardProps = {
+    requiredFields?: string[];
+    labels: FieldsLabels;
+    size?: CardSize;
+    errors?: string[];
+    type?: CreditCardType;
+};
+declare const CreditCard: ({ requiredFields, errors, labels, size, type, }: CreditCardProps) => JSX.Element;
+export default CreditCard;

package/typings/packages/payments-sdk/src/components/CreditCard/CreditCard.styles.d.ts

@@ -0,0 +1,8 @@
+import { GridProps, BordersProps } from 'styled-system';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    size: 'small' | 'regular';
+} & BordersProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const Column: import("styled-components").StyledComponent<"div", any, GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    placeSelf?: string;
+}, never>;

package/typings/packages/payments-sdk/src/components/CreditCard/components/FourDigit/FourDigit.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FourDigit: () => JSX.Element;
+export default FourDigit;

package/typings/packages/payments-sdk/src/components/CreditCard/components/FourDigit/index.d.ts

@@ -0,0 +1,2 @@
+import FourDigit from './FourDigit';
+export default FourDigit;

package/typings/packages/payments-sdk/src/components/CreditCard/components/ThreeDigit/ThreeDigit.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ThreeDigit: () => JSX.Element;
+export default ThreeDigit;

package/typings/packages/payments-sdk/src/components/CreditCard/components/ThreeDigit/index.d.ts

@@ -0,0 +1,2 @@
+import ThreeDigit from './ThreeDigit';
+export default ThreeDigit;

package/typings/packages/payments-sdk/src/components/CreditCard/components/TooltipContent/TooltipContent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FieldsLabels } from './types';
+declare type TooltipContentProps = {
+    labels: FieldsLabels;
+};
+declare const TooltipContent: ({ labels }: TooltipContentProps) => JSX.Element;
+export default TooltipContent;

package/typings/packages/payments-sdk/src/components/CreditCard/components/TooltipContent/TooltipContent.styles.d.ts

@@ -0,0 +1,3 @@
+import { FlexDirectionProps, GridProps, MarginProps } from 'styled-system';
+export declare const Row: import("styled-components").StyledComponent<"div", any, FlexDirectionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const Separator: import("styled-components").StyledComponent<"div", any, MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/payments-sdk/src/components/CreditCard/components/TooltipContent/index.d.ts

@@ -0,0 +1,2 @@
+import TooltipContent from './TooltipContent';
+export default TooltipContent;

package/typings/packages/payments-sdk/src/components/CreditCard/components/TooltipContent/types.d.ts

@@ -0,0 +1,4 @@
+export declare type FieldsLabels = {
+    threeDigitTooltip: string;
+    fourDigitTooltip: string;
+};

package/typings/packages/payments-sdk/src/components/CreditCard/components/index.d.ts

@@ -0,0 +1,2 @@
+import TooltipContent from './TooltipContent';
+export { TooltipContent };

package/typings/packages/payments-sdk/src/components/CreditCard/index.d.ts

@@ -0,0 +1,4 @@
+import CreditCard from './CreditCard';
+import type { CardSize } from './types';
+export default CreditCard;
+export type { CardSize };

package/typings/packages/payments-sdk/src/components/CreditCard/types.d.ts

@@ -0,0 +1,8 @@
+export declare type FieldsLabels = {
+    cardNumber: string;
+    securityCode: string;
+    expirationDate: string;
+    threeDigitTooltip: string;
+    fourDigitTooltip: string;
+};
+export declare type CardSize = 'small' | 'regular';

package/typings/packages/payments-sdk/src/components/HostedField/HostedField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TooltipProps } from "../../../../custom-ui-components/src";
+export declare type HostedFieldProps = {
+    children?: React.ReactNode;
+    label: string;
+    required?: boolean;
+    hasError?: boolean;
+    tooltip?: Omit<TooltipProps, 'children'>;
+};
+declare const HostedField: ({ label, required, tooltip, children, }: HostedFieldProps) => JSX.Element;
+export default HostedField;

package/typings/packages/payments-sdk/src/components/HostedField/HostedField.styles.d.ts

@@ -0,0 +1,2 @@
+import { GridProps } from 'styled-system';
+export declare const Container: import("styled-components").StyledComponent<"div", any, GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/payments-sdk/src/components/HostedField/index.d.ts

@@ -0,0 +1,4 @@
+import HostedField from './HostedField';
+import type { HostedFieldProps } from './HostedField';
+export default HostedField;
+export type { HostedFieldProps };

package/typings/packages/payments-sdk/src/components/InputSocket/InputSocket.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type InputSocketProps = {
+    children?: React.ReactNode;
+    id?: string;
+    hasError?: boolean;
+};
+declare const InputSocket: ({ id, children, hasError }: InputSocketProps) => JSX.Element;
+export default InputSocket;

package/typings/packages/payments-sdk/src/components/InputSocket/InputSocket.styles.d.ts

@@ -0,0 +1,2 @@
+import { BorderRadiusProps, BorderColorProps, ColorProps } from 'styled-system';
+export declare const Container: import("styled-components").StyledComponent<"div", any, BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & BorderColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

package/typings/packages/payments-sdk/src/components/InputSocket/index.d.ts

@@ -0,0 +1,2 @@
+import InputSocket from './InputSocket';
+export default InputSocket;

package/typings/packages/payments-sdk/src/components/PaymentProfileSkeleton/PaymentProfileSkeleton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PaymentProfileSkeleton: () => JSX.Element;
+export default PaymentProfileSkeleton;

package/typings/packages/payments-sdk/src/components/PaymentProfileSkeleton/index.d.ts

@@ -0,0 +1,2 @@
+import PaymentProfileSkeleton from './PaymentProfileSkeleton';
+export default PaymentProfileSkeleton;

package/typings/packages/payments-sdk/src/components/SecurityCode/SecurityCode.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import HostedField from '../HostedField';
+declare type SecurityCodeProps = {
+    htmlElementId?: string;
+} & ComponentProps<typeof HostedField>;
+declare const SecurityCode: ({ label, required, htmlElementId, hasError, tooltip, }: SecurityCodeProps) => JSX.Element;
+export default SecurityCode;

package/typings/packages/payments-sdk/src/components/SecurityCode/index.d.ts

@@ -0,0 +1,2 @@
+import SecurityCode from './SecurityCode';
+export default SecurityCode;

package/typings/packages/payments-sdk/src/components/index.d.ts

@@ -0,0 +1,8 @@
+import CardNumber from './CardNumber';
+import SecurityCode from './SecurityCode';
+import CardExpiration from './CardExpiration';
+import CreditCard from './CreditCard';
+import PaymentProfileSkeleton from './PaymentProfileSkeleton';
+import type { CardSize } from './CreditCard';
+export { CardNumber, CardExpiration, SecurityCode, CreditCard, PaymentProfileSkeleton, };
+export type { CardSize };

package/typings/packages/payments-sdk/src/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CDN_URL = "https://js.chargify.com/latest/chargify.js";
+export declare const SDK_VARIABLE = "Chargify";

package/typings/packages/payments-sdk/src/containers/PaymentsContainer/PaymentsContainer.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+declare type PaymentsContainerProps = {
+    bundleUrl?: string;
+    children?: React.ReactNode;
+};
+declare const PaymentsContainer: FC<PaymentsContainerProps>;
+export default PaymentsContainer;

package/typings/packages/payments-sdk/src/containers/PaymentsContainer/index.d.ts

@@ -0,0 +1,2 @@
+import PaymentsContainer from './PaymentsContainer';
+export default PaymentsContainer;

package/typings/packages/payments-sdk/src/containers/PaymentsContainer/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { waitForGlobalVariable } from './waitForGlobalVariable';
+export { waitForGlobalVariable };

package/typings/packages/payments-sdk/src/containers/PaymentsContainer/utils/waitForGlobalVariable.d.ts

@@ -0,0 +1 @@
+export declare const waitForGlobalVariable: <V>(name: string, callback: (error: boolean | null, reference?: V) => void) => void;

package/typings/packages/payments-sdk/src/containers/index.d.ts

@@ -0,0 +1,2 @@
+import PaymentsContainer from './PaymentsContainer';
+export { PaymentsContainer };

package/typings/packages/payments-sdk/src/contexts/PaymentsContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PaymentsSDK } from '../types';
+declare const PaymentsContext: import("react").Context<{
+    paymentsSDK: PaymentsSDK;
+}>;
+export default PaymentsContext;

package/typings/packages/payments-sdk/src/contexts/index.d.ts

@@ -0,0 +1,2 @@
+import PaymentsContext from './PaymentsContext';
+export { PaymentsContext };

package/typings/packages/payments-sdk/src/forms/CreditCard/CreditCard.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CardSize } from '../../components';
+import { PaymentsFormConfig, CreditCardFields } from '../../types';
+import { CreditCardFormTranslations } from './types';
+export declare type CreditCardFormProps = {
+    config: PaymentsFormConfig;
+    values: CreditCardFields;
+    requiredFields?: string[];
+    onChange: (name: keyof CreditCardFields, value: string) => void;
+    onValidateField: (name: keyof CreditCardFields, value: string) => void;
+    creditCardSize: CardSize;
+    errors?: {
+        [key in keyof CreditCardFields]?: 'required' | 'invalid';
+    };
+    hostedFieldsErrors?: string[];
+    useThreeDSecure?: boolean;
+    translations?: CreditCardFormTranslations;
+    isOnMobileDevice?: boolean;
+};
+declare const CreditCardForm: ({ values, onValidateField, onChange, useThreeDSecure, errors, config, creditCardSize, isOnMobileDevice, requiredFields, hostedFieldsErrors, translations, }: CreditCardFormProps) => JSX.Element;
+export default CreditCardForm;

package/typings/packages/payments-sdk/src/forms/CreditCard/index.d.ts

@@ -0,0 +1,6 @@
+import CreditCard from './CreditCard';
+import type { CreditCardFormTranslations } from './types';
+import { createCreditCardValidationSchema } from './utils';
+export default CreditCard;
+export type { CreditCardFormTranslations };
+export { createCreditCardValidationSchema };

package/typings/packages/payments-sdk/src/forms/CreditCard/translations.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardFormTranslations } from './types';
+export declare const defaultTranslations: CreditCardFormTranslations;

package/typings/packages/payments-sdk/src/forms/CreditCard/types.d.ts

@@ -0,0 +1,29 @@
+export declare type CreditCardFormTranslations = {
+    creditCardNumber: {
+        label: string;
+        placeholder: string;
+    };
+    securityCode: {
+        label: string;
+        placeholder: string;
+    };
+    expirationDate: {
+        label: string;
+    };
+    firstName: {
+        label: string;
+        placeholder: string;
+    };
+    lastName: {
+        label: string;
+        placeholder: string;
+    };
+    error: {
+        invalid: string;
+        required: string;
+    };
+    tooltip: {
+        threeDigit: string;
+        fourDigit: string;
+    };
+};

package/typings/packages/payments-sdk/src/forms/CreditCard/utils/createFieldsConfig.d.ts

@@ -0,0 +1,10 @@
+import { CreditCardFormTranslations } from '../types';
+import { CreditCardPCIFields } from '../../../types';
+declare const createFieldsConfig: (requiredFields: string[], translations: CreditCardFormTranslations, fieldsStyles: Record<string, any>) => Record<CreditCardPCIFields, {
+    selector: string;
+    required: boolean;
+    placeholder?: string;
+    next_focus?: string;
+    style?: Record<string, any>;
+}>;
+export default createFieldsConfig;