tf-checkout-react 1.0.106 → 1.2.1

package/README.md

@@ -1,5 +1,280 @@
-# react-checkout-module
+# tf-checkout-react
+ 
 
+- [About The Project](#about-the-project)
+- [Getting started](#getting-started)
+  - [Prerequisites](#prerequisites)
+  - [Installation](#installation)
+    - [Existing project](#existing-project)
+    - [Run Independently](#run-independently)
+- [Usage](#usage)
+  - [Set configuration](#set-configuration)
+- [Features/Functionalities](#featuresfunctionalities)
+  - [Login](#login)
+  - [Tickets Container](#tickets-container)
+  - [Billing Container](#billing-container)
+  - [Checkout Containers](#checkout-containers)
+  - [Confirmation Container](#confirmation-container)
+  - [Orders Container](#orders-container)
+  - [Order Container](#order-container)
+- [Commands](#commands)
+  - [Rollup](#rollup)
+  - [TypeScript](#typescript)
+  - [GitHub Actions](#github-actions)
+
+ 
+# About The Project
+
+This package containes Ticketfairy checkout functionality. Besides that package provides different functionalities connected with checkout functionality, such as `login/register`, `order management functionality`, `resale functionality`, `referrals functionality`, etc.
+
+ 
+# Getting started
+## Prerequisites
+- node >= 12.14.1
+- npm >= 6.13.4
+## Installation
+### Existing project
+
+```
+npm i tf-checkout-react
+```
+or
+```
+yarn add tf-checkout-react
+```
+### Run Independently
+
+- Clone this repo: `git clone https://github.com/theticketfairy/tf-checkout-react.git`
+- Install dependencies: `npm install`
+- Install example app dependencies: `cd example && npm install`
+- Run example app from example folder: `npm start`
+
+Project will run under `localhost:3002`. Port can be changed from `package.json`.
+
+ 
+
+# Usage
+
+## Set configuration
+
+Import `setConfigs` function from the package.
+
+```
+import { setConfigs } from 'tf-checkout-react'
+```
+
+Call it in the root and pass neccesary options. Here are available options:
+
+- BASE_URL - need for making API calls (default: `https://www.ticketfairy.com`)
+- EVENT_ID - only for local testing
+- BRAND_SLUG - only for local testing
+- X_SOURCE_ORIGIN - need for local environment. This header will be included in every API request (ex. `houseofx.nyc`)
+
+ 
+
+# Features/Functionalities
+
+## Login
+
+Used to authenticate user. Import `LoginModal` from package. `LoginModal` component provides login form with validations and error handlings. Also it provides callback functions for every action and API call.
+
+### `props`
+
+```
+interface Props {
+  onClose: () => void;
+  onLogin: () => void;
+  alreadyHasUser?: boolean;
+  userExpired?: boolean;
+  onAuthorizeSuccess?: (res: any) => void;
+  onAuthorizeError?: (e: AxiosError) => void;
+  onGetProfileDataSuccess?: (res: any) => void;
+  onGetProfileDataError?: (e: AxiosError) => void;
+  modalClassname?: string;
+}
+```
+
+ 
+## Tickets Container
+
+Tickets container/component will retrieve and show a list of tickets corresponding to `eventId`. It also containes `PromoCode`, `AccessCode`, `WaitingLsit` and `SessionButtons` functionalities.
+
+### `props`
+
+```
+interface Props {
+  eventId: number;
+  getTicketsLabel?: string;
+  contentStyle?: React.CSSProperties;
+
+  onAddToCartSuccess: (response: CartSuccess) => void;
+  onAddToCartError: (e: AxiosError) => void;
+  onGetTicketsSuccess: (response: any) => void;
+  onGetTicketsError: (e: AxiosError) => void;
+  onLogoutSuccess: () => void;
+  onLogoutError: (e: AxiosError) => void;
+  onLoginSuccess: () => void;
+
+  theme?: 'light' | 'dark';
+  themeOptions?: ThemeOptions & {
+    input?: CSSProperties;
+    checkbox?: CSSProperties;
+  };
+
+  queryPromoCode?: string;
+  isPromotionsEnabled?: boolean;
+  isAccessCodeEnabled?: boolean;
+
+  hideSessionButtons?: boolean;
+  hideWaitingList?: boolean;
+  enableBillingInfoAutoCreate?: boolean;
+  isButtonScrollable?: boolean;
+  sortBySoldOut?: boolean;
+  disableCountdownLeadingZero?: boolean;
+}
+```
+
+ 
+## Billing Container
+
+Billing container provides form for filling user's data. Form contains `user info`, `age` and `ticket holders` sections. Depending on event's requirements billing information form may differ. Form will autofill all available information and in case of all required fields are autofilled, billing page will redirect to payment page. Form submition will automatically register new user, if there is no existing user with provided email.
+
+### `props`
+
+```
+interface Props {
+  data?: IBillingInfoData[];
+  ticketHoldersFields?: IBillingInfoData;
+  initialValues?: FormikValues;
+  handleSubmit?: (
+    values: FormikValues,
+    formikHelpers: FormikHelpers<FormikValues>,
+    eventId: any,
+    res: any
+  ) => void;
+  onSubmitError?: (e: AxiosError) => void;
+
+  onRegisterSuccess?: (value: any) => void;
+  onRegisterError?: (e: AxiosError, email: string) => void;
+  onGetCartSuccess?: (res: any) => void;
+  onGetCartError?: (e: AxiosError) => void;
+  onGetCountriesSuccess?: (res: any) => void;
+  onGetCountriesError?: (e: AxiosError) => void;
+  onGetStatesSuccess?: (res: any) => void;
+  onGetStatesError?: (e: AxiosError) => void;
+  onGetProfileDataSuccess?: (res: any) => void;
+  onGetProfileDataError?: (e: AxiosError) => void;
+  onAuthorizeSuccess?: () => void;
+  onAuthorizeError?: (e: AxiosError) => void;
+  onSkipBillingPage: (data: any) => void;
+  onCountdownFinish?: () => void;
+
+  isLoggedIn?: boolean;
+  onLogin?: () => void;
+  onLoginSuccess?: () => void;
+  onErrorClose?: () => void;
+
+  theme?: 'light' | 'dark';
+  themeOptions?: ThemeOptions & {
+    input?: CSSProperties;
+    checkbox?: CSSProperties;
+  };
+
+  buttonName?: string;
+  accountInfoTitle?: string | JSX.Element;
+  hideLogo?: boolean;
+  hideErrorsAlertSection?: boolean;
+  skipPage?: boolean;
+  canSkipHolderNames?: boolean;
+  shouldFetchCountries?: boolean;
+  enableTimer?: boolean;
+}
+```
+
+&nbsp;
+## Checkout Containers
+
+Will show the order details and a card form that the user will need to fill with its card details.  
+TicketFairy doesn't store any card related data, we use [Stripe](https://stripe.com/) as payments solution.
+
+### `props`
+
+```
+interface Props {
+  paymentFields: IPaymentField[];
+  handlePayment: any;
+  checkoutData: any;
+  formTitle?: string;
+  errorText?: string;
+  onErrorClose?: () => void;
+  onGetPaymentDataSuccess: (value: any) => void;
+  onGetPaymentDataError: (value: AxiosError) => void;
+  onPaymentError: (value: AxiosError) => void;
+  stripeCardOptions?: StripeCardNumberElementOptions;
+  disableZipSection: boolean;
+  themeOptions?: ThemeOptions & {
+    input?: CSSProperties;
+    checkbox?: CSSProperties;
+  };
+  elementsOptions?: StripeElementsOptions;
+  onCountdownFinish?: () => void;
+  enableTimer?: boolean;
+}
+```
+
+&nbsp;
+## Confirmation Container
+
+This is shown once the payment is successfully completed, could show components to share the purchase in social media or refer it with friends to get discounts on the purchase.
+
+### `props`
+
+```
+interface Props {
+  isReferralEnabled: boolean;
+  showDefaultShareButtons: boolean;
+  messengerAppId: string;
+  shareButtons: IShareButton[];
+  orderHash?: string;
+
+  onGetConfirmationDataSuccess: (res: any) => void;
+  onGetConfirmationDataError: (e: AxiosError) => void;
+  onLinkCopied: () => void;
+}
+```
+
+&nbsp;
+## Orders Container
+
+Will show the purchased orders for the logged user.
+
+### `props`
+
+```
+interface Props {
+  handleDetailsInfo: (id: string) => void;
+  onGetOrdersSuccess: (res: any) => void;
+  onGetOrdersError: (err: any) => void;
+
+  theme?: 'light' | 'dark';
+}
+```
+
+&nbsp;
+## Order Container
+
+Will show the purchased order details. Contains `order PDF download` and `ticket resale` functionalities. Currently both functionalities are enabled by default.
+
+### `props`
+
+```
+interface Props {
+  onGetOrderSuccess: (res: any) => void;
+  onGetOrderError: (err: any) => void;
+}
+```
+
+&nbsp;
 ## Commands
 
 TSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.
@@ -24,10 +299,12 @@ The default example imports and live reloads whatever is in `/dist`, so if you a
 
 To do a one-off build, use `npm run build` or `yarn build`.
 
+&nbsp;
 ### Rollup
 
 TSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.
 
+&nbsp;
 ### TypeScript
 
 `tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.

package/dist/api/index.d.ts

@@ -1,4 +1,4 @@
-import { AxiosInstance } from 'axios';
+import { AxiosInstance, AxiosResponse } from 'axios';
 interface IPublicRequest extends AxiosInstance {
     setGuestToken: (token: string) => void;
     setAccessToken: (token: string) => void;
@@ -7,31 +7,43 @@ interface IPublicRequest extends AxiosInstance {
 export declare const publicRequest: IPublicRequest;
 export declare const setXSourceOrigin: (sourceOrigin: string) => void;
 export declare const setCustomHeader: (response: any) => void;
-export declare const handleSetAccessToken: (token: any) => void;
-export declare function getEvent(id: string | number): Promise<import("axios").AxiosResponse<any, any>>;
-export declare function getTickets(id: string | number, promoCode: string): Promise<import("axios").AxiosResponse<any, any>>;
-export declare const addToCart: (id: string | number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getCart: () => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const postOnCheckout: (data: any, accessToken: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const authorize: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const register: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getAccessToken: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getPaymentData: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const handlePaymentData: (orderHash: string, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const handlePaymentSuccess: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const handleFreeSuccess: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getProfileData: (accessToken: any) => Promise<any>;
-export declare const getCountries: () => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getConfirmationData: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getStates: (countryId: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getOrders: (page: number, limit: number, eventSlug: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getOrderDetails: (orderId: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const addToWaitingList: (id: number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getConditions: (eventId: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const resaleTicket: (data: any, hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const removeFromResale: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const postReferralVisits: (eventId: string, referralId: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const processTicket: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const declineInvitation: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const sendRSVPInfo: (eventId: number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const handleSetAccessToken: (token: string) => void;
+export declare function getEvent(id: string | number): Promise<AxiosResponse<any, any>>;
+export declare function getTickets(id: string | number, promoCode: string): Promise<AxiosResponse<any, any>>;
+export declare const addToCart: (id: string | number, data: any) => Promise<AxiosResponse<any, any>>;
+export declare const getCart: () => Promise<AxiosResponse<any, any>>;
+export declare const postOnCheckout: (data: any, accessToken?: string | undefined) => Promise<AxiosResponse<any, any>>;
+export declare const authorize: (data: {
+    email: string;
+    password: string;
+}) => Promise<AxiosResponse<any, any>>;
+export declare const register: (data: FormData) => Promise<AxiosResponse<any, any>>;
+export declare const getAccessToken: (data: FormData) => Promise<AxiosResponse<any, any>>;
+export declare const getPaymentData: (hash: string) => Promise<AxiosResponse<any, any>>;
+export declare const handlePaymentData: (orderHash: string, data: any) => Promise<AxiosResponse<any, any>>;
+export declare const handlePaymentSuccess: (orderHash: string) => Promise<AxiosResponse<any, any>>;
+export declare const handleFreeSuccess: (orderHash: string) => Promise<AxiosResponse<any, any>>;
+export declare const getProfileData: (accessToken?: string | undefined) => Promise<any>;
+export declare const getCountries: () => Promise<AxiosResponse<any, any>>;
+export declare const getConfirmationData: (orderHash: string) => Promise<AxiosResponse<any, any>>;
+export declare const getStates: (countryId: string) => Promise<AxiosResponse<any, any>>;
+export declare const getOrders: (page: number, limit: number, eventSlug: string) => Promise<AxiosResponse<any, any>>;
+export declare const getOrderDetails: (orderId: string) => Promise<AxiosResponse<any, any>>;
+export declare const addToWaitingList: (id: number, data: any) => Promise<AxiosResponse<any, any>>;
+export declare const getConditions: (eventId: string) => Promise<AxiosResponse<any, any>>;
+export declare const resaleTicket: (data: any, hash: string) => Promise<AxiosResponse<any, any>>;
+export declare const removeFromResale: (hash: string) => Promise<AxiosResponse<any, any>>;
+export declare const postReferralVisits: (eventId: string, referralId: string) => Promise<AxiosResponse<any, any>>;
+export declare const logout: () => Promise<AxiosResponse<any, any>>;
+export declare const forgotPassword: (email: string) => Promise<AxiosResponse<any, any>>;
+interface IResetPasswordData {
+    token: string;
+    password: string;
+    confirmPassword: string;
+}
+export declare const resetPassword: (data: IResetPasswordData) => Promise<AxiosResponse<any, any>>;
+export declare const processTicket: (hash: string) => Promise<AxiosResponse<any, any>>;
+export declare const declineInvitation: (hash: string) => Promise<AxiosResponse<any, any>>;
+export declare const sendRSVPInfo: (eventId: number, data: any) => Promise<AxiosResponse<any, any>>;
+export declare const validatePhoneNumber: (phone: string) => Promise<any>;
 export {};

package/dist/components/account-settings/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './style.css';
+export declare const AccountSettings: () => JSX.Element;

package/dist/components/billing-info-container/index.d.ts

@@ -1,18 +1,15 @@
 /// <reference types="react" />
-import { AxiosError } from 'axios';
-import { FormikHelpers, FormikValues } from 'formik';
 import './style.css';
-import { IBillingInfoData } from '../../types';
 import { ThemeOptions } from '@mui/material';
 import { CSSProperties } from '@mui/styles';
+import { AxiosError } from 'axios';
+import { FormikHelpers, FormikValues } from 'formik';
+import { IBillingInfoData } from '../../types';
 export interface IBillingInfoPage {
     data?: IBillingInfoData[];
     ticketHoldersFields?: IBillingInfoData;
     handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any) => void;
-    onRegisterSuccess?: (value: {
-        accessToken: string;
-        refreshToken: string;
-    }) => void;
+    onRegisterSuccess?: (value: any) => void;
     onRegisterError?: (e: AxiosError, email: string) => void;
     onSubmitError?: (e: AxiosError) => void;
     onGetCartSuccess?: (res: any) => void;
@@ -42,7 +39,13 @@ export interface IBillingInfoPage {
     onSkipBillingPage: (data: any) => void;
     skipPage?: boolean;
     canSkipHolderNames?: boolean;
+    shouldFetchCountries?: boolean;
+    onForgotPasswordSuccess?: (res: any) => void;
+    onForgotPasswordError?: (e: AxiosError) => void;
     onCountdownFinish?: () => void;
     enableTimer?: boolean;
+    logo?: string;
+    showForgotPasswordButton?: boolean;
+    showSignUpButton?: boolean;
 }
-export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onCountdownFinish, enableTimer }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton }: IBillingInfoPage) => JSX.Element;

package/dist/components/common/PhoneNumberField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FieldInputProps, FormikProps } from 'formik';
+export interface IPhoneNumberField {
+    label: string;
+    field: FieldInputProps<any>;
+    form: FormikProps<any>;
+    type: string;
+}
+export declare const PhoneNumberField: ({ label, type, field, form: { errors, setFieldError, setStatus }, }: IPhoneNumberField) => JSX.Element;

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

@@ -1,5 +1,6 @@
 export { CheckboxField } from './CheckboxField';
 export { CustomField } from './CustomField';
 export { FormikPhoneNumberField } from './FormikPhoneNumberField';
+export { PhoneNumberField } from './PhoneNumberField';
 export { Loader } from './Loader';
 export { SelectField } from './SelectField';

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

@@ -8,6 +8,7 @@ export interface IShareButton {
     shareData: any;
 }
 export interface IConfirmationPage {
+    hasCopyIcon?: boolean;
     isReferralEnabled: boolean;
     showDefaultShareButtons: boolean;
     messengerAppId: string;
@@ -17,4 +18,4 @@ export interface IConfirmationPage {
     onLinkCopied: () => void;
     orderHash?: string;
 }
-export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied }: IConfirmationPage) => JSX.Element;
+export declare const ConfirmationContainer: ({ hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied }: IConfirmationPage) => JSX.Element;

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

@@ -5,9 +5,10 @@ interface CountdownTypes {
     timezone?: string;
     title?: string;
     message?: string;
+    showMessage?: boolean;
     disableLeadingZero?: boolean;
     callback?: () => void;
     isLoggedIn?: boolean;
 }
-declare function Countdown({ startDate, timezone, title, message, disableLeadingZero, callback, isLoggedIn }: CountdownTypes): JSX.Element;
+declare function Countdown({ startDate, timezone, title, message, showMessage, disableLeadingZero, callback, isLoggedIn }: CountdownTypes): JSX.Element;
 export default Countdown;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { AxiosError } from 'axios';
+import './style.css';
+interface IForgotPasswordProps {
+    onClose: () => void;
+    onLogin: () => void;
+    onForgotPasswordSuccess: (res: any) => void;
+    onForgotPasswordError: (e: AxiosError) => void;
+}
+export declare const ForgotPasswordModal: FC<IForgotPasswordProps>;
+export {};

package/dist/components/index.d.ts

@@ -4,4 +4,5 @@ export { PaymentContainer } from './paymentContainer';
 export { TicketsContainer } from './ticketsContainer';
 export { MyTicketsContainer } from './myTicketsContainer';
 export { OrderDetailsContainer } from './orderDetailsContainer';
+export { ResetPasswordContainer } from './resetPasswordContainer';
 export { TicketResaleContainer } from './ticketResale';

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { AxiosError } from 'axios';
 import './style.css';
+import { AxiosError } from 'axios';
+import { FC } from 'react';
 interface Props {
     onClose: () => void;
     onLogin: () => void;
@@ -10,7 +10,40 @@ interface Props {
     onAuthorizeError?: (e: AxiosError) => void;
     onGetProfileDataSuccess?: (res: any) => void;
     onGetProfileDataError?: (e: AxiosError) => void;
+    onForgotPassword?: () => void;
+    onSignup?: () => void;
     modalClassname?: string;
+    logo?: string;
+    showForgotPasswordButton?: boolean;
+    showSignUpButton?: boolean;
+}
+interface IUserData {
+    id: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    city?: string;
+    country?: string;
+    countryId?: string;
+    phone?: string;
+    streetAddress?: string;
+    state?: string;
+    zip?: string;
+    zipCode?: string;
+    stateId?: string;
 }
+export declare const setLoggedUserData: (data: IUserData) => {
+    id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    confirmEmail: string;
+    city: string;
+    country: string;
+    phone: string;
+    street_address: string;
+    state: string;
+    zip: string;
+};
 export declare const LoginModal: FC<Props>;
 export {};

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

@@ -4,7 +4,8 @@ interface MyTicketsTypes {
     handleDetailsInfo: (id: string) => void;
     onGetOrdersSuccess: (res: any) => void;
     onGetOrdersError: (err: any) => void;
+    logo?: string;
     theme?: 'light' | 'dark';
 }
-export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, }: MyTicketsTypes) => JSX.Element;
+export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, }: MyTicketsTypes) => JSX.Element;
 export {};

package/dist/components/myTicketsContainer/tableConfig.d.ts

@@ -1,5 +1,5 @@
 declare const tableConfig: (key?: string | undefined) => {
-    header: string[];
+    header: never[];
     body: ((row: any) => any)[];
 };
 export default tableConfig;

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

@@ -1,8 +1,13 @@
 /// <reference types="react" />
 import './style.css';
 interface OrderDetailsTypes {
+    columns: Array<{
+        label: string;
+    }>;
     onGetOrdersSuccess: (res: any) => void;
     onGetOrdersError: (err: any) => void;
+    onReturnButtonClick: (data: any) => void;
+    personalLinkIcon?: string;
 }
-export declare const OrderDetailsContainer: ({ onGetOrdersSuccess, onGetOrdersError, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onReturnButtonClick, personalLinkIcon, }: OrderDetailsTypes) => JSX.Element;
 export {};

package/dist/components/orderDetailsContainer/ticketsTable.d.ts

@@ -22,6 +22,7 @@ interface TicketsTableTypes {
     tickets: ITicketTypes[];
     handleSellTicket: (ticket: ITicketTypes) => void;
     handleRemoveFromResale: (ticket: ITicketTypes) => void;
+    icon?: string;
 }
-declare const TicketsTable: ({ tickets, handleSellTicket, handleRemoveFromResale }: TicketsTableTypes) => JSX.Element;
+declare const TicketsTable: ({ tickets, handleSellTicket, handleRemoveFromResale, icon, }: TicketsTableTypes) => JSX.Element;
 export default TicketsTable;

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

@@ -25,5 +25,6 @@ export interface IPaymentPage {
     elementsOptions?: StripeElementsOptions;
     onCountdownFinish?: () => void;
     enableTimer?: boolean;
+    enablePaymentPlan?: boolean;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, }: IPaymentPage) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { AxiosError } from 'axios';
+import './style.css';
+interface IResetPasswordProps {
+    token?: string;
+    onResetPasswordSuccess?: (res: any) => void;
+    onResetPasswordError?: (e: AxiosError) => void;
+}
+export declare const ResetPasswordContainer: FC<IResetPasswordProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { AxiosError } from 'axios';
+import './style.css';
+interface ISignupProps {
+    onClose: () => void;
+    onLogin: () => void;
+    onRegisterSuccess: (value: {
+        accessToken: string;
+        refreshToken: string;
+    }) => void;
+    onRegisterError: (e: AxiosError, email: string) => void;
+}
+export declare const SignupModal: FC<ISignupProps>;
+export {};

package/dist/components/ticketsContainer/PromoCodeSection.d.ts

@@ -5,6 +5,7 @@ export interface IPromoCodeSectionProps {
     showPromoInput: boolean;
     setCode: (value: string) => void;
     setShowPromoInput: (value: boolean) => void;
-    updateTickets: (value: boolean) => void;
+    updateTickets: (value: boolean, type: string) => void;
+    setCodeIsApplied: (value: boolean) => void;
 }
-export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied }: IPromoCodeSectionProps) => JSX.Element;

package/dist/components/ticketsContainer/TicketsSection.d.ts

@@ -4,10 +4,9 @@ interface ITicketsSectionProps {
     ticketsList: any;
     selectedTickets: any;
     handleTicketSelect: any;
-    codeIsApplied: boolean;
     sortBySoldOut: boolean;
     ticketsHeaderComponent?: ReactNode;
     hideTicketsHeader: boolean;
 }
-export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, codeIsApplied, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader }: ITicketsSectionProps) => JSX.Element;
+export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader }: ITicketsSectionProps) => JSX.Element;
 export {};