tf-checkout-react 1.0.99-beta.9 → 1.0.102

package/dist/api/index.d.ts

@@ -1,4 +1,4 @@
-import { AxiosInstance, AxiosResponse } from 'axios';
+import { AxiosInstance } from 'axios';
 interface IPublicRequest extends AxiosInstance {
     setGuestToken: (token: string) => void;
     setAccessToken: (token: string) => void;
@@ -7,29 +7,29 @@ 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 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 postReferralVisits: (eventId: string, referralId: string) => Promise<AxiosResponse<any, any>>;
-export declare const logout: () => 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 checkTicketStatus: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export {};

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

@@ -9,7 +9,10 @@ export interface IBillingInfoPage {
     data?: IBillingInfoData[];
     ticketHoldersFields?: IBillingInfoData;
     handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any) => void;
-    onRegisterSuccess?: (value: any) => void;
+    onRegisterSuccess?: (value: {
+        accessToken: string;
+        refreshToken: string;
+    }) => void;
     onRegisterError?: (e: AxiosError, email: string) => void;
     onSubmitError?: (e: AxiosError) => void;
     onGetCartSuccess?: (res: any) => void;
@@ -39,6 +42,7 @@ export interface IBillingInfoPage {
     onSkipBillingPage: (data: any) => void;
     skipPage?: boolean;
     canSkipHolderNames?: boolean;
-    shouldFetchCountries?: boolean;
+    onCountdownFinish?: () => void;
+    enableTimer?: 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, shouldFetchCountries, }: 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, onCountdownFinish, enableTimer }: IBillingInfoPage) => JSX.Element;

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

@@ -26,6 +26,7 @@ interface IUserData {
     email: string;
     city?: string;
     country?: string;
+    countryId?: string;
     phone?: string;
     streetAddress?: string;
     state?: string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Loader(): JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FieldInputProps } from 'formik';
+export interface IRadioField {
+    label: string | number | JSX.Element;
+    field?: FieldInputProps<any>;
+}
+interface IOtherProps {
+    [key: string]: any;
+}
+export declare const RadioField: ({ label, field, theme, ...rest }: IRadioField & IOtherProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import './style.css';
+interface Props {
+    message: string;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+declare const ConfirmModal: FC<Props>;
+export default ConfirmModal;

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

@@ -14,6 +14,7 @@ export interface IConfirmationPage {
     shareButtons: IShareButton[];
     onGetConfirmationDataSuccess: (res: any) => void;
     onGetConfirmationDataError: (e: AxiosError) => void;
+    onLinkCopied: () => void;
     orderHash?: string;
 }
-export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, }: IConfirmationPage) => JSX.Element;
+export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied }: IConfirmationPage) => JSX.Element;

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

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

package/dist/components/index.d.ts

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

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

@@ -3,16 +3,23 @@ interface IAddOnTypes {
     name: string;
     status: string;
 }
-interface ITicketTypes {
+export interface ITicketTypes {
     add_ons?: IAddOnTypes[];
     hash: string;
     ticket_type: string;
     holder_name: string;
     status: string;
     pdf_link: string;
+    is_sellable: boolean;
+    is_on_sale?: boolean;
+    event_name: string;
+    currency: string;
+    resale_fee_amount: number | string;
 }
 interface TicketsTableTypes {
     tickets: ITicketTypes[];
+    handleSellTicket: (ticket: ITicketTypes) => void;
+    handleRemoveFromResale: (ticket: ITicketTypes) => void;
 }
-declare const TicketsTable: ({ tickets }: TicketsTableTypes) => JSX.Element;
+declare const TicketsTable: ({ tickets, handleSellTicket, handleRemoveFromResale }: TicketsTableTypes) => JSX.Element;
 export default TicketsTable;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AxiosError } from 'axios';
+export interface ITicketResaleContainer {
+    onCheckTicketStatusSuccess: (res: any) => void;
+    onCheckTicketStatusError: (e: AxiosError) => void;
+    orderHash?: string;
+}
+export declare const TicketResaleContainer: ({ onCheckTicketStatusSuccess, onCheckTicketStatusError, orderHash, }: ITicketResaleContainer) => JSX.Element;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ITicketTypes } from '../orderDetailsContainer/ticketsTable';
+import './style.css';
+interface Props {
+    ticket: ITicketTypes;
+    onClose: () => void;
+    onSubmit: (values: InitialValuesTypes) => void;
+}
+export interface InitialValuesTypes {
+    to: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    confirm_email: string;
+    confirm: boolean;
+}
+export declare const TicketResaleModal: ({ ticket, onClose, onSubmit, }: Props) => JSX.Element;
+export {};

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

@@ -6,8 +6,9 @@ export interface IPromoCodeSectionProps {
     isPromotionsEnabled: boolean;
     isAllTicketsSoldOut: boolean;
     isAccessCodeEnabled?: boolean;
+    isPromoLoading?: boolean;
     setPromoCode: (value: string) => void;
     setPromoCodeUpdated: (value: string) => void;
     setShowPromoInput: (value: boolean) => void;
 }
-export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, setPromoCode, setPromoCodeUpdated, setShowPromoInput, isAccessCodeEnabled, }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, setPromoCode, setPromoCodeUpdated, setShowPromoInput, isAccessCodeEnabled, isPromoLoading, }: IPromoCodeSectionProps) => JSX.Element;

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

@@ -7,6 +7,7 @@ interface CartSuccess {
     skip_billing_page: boolean;
     names_required: boolean;
     age_required: boolean;
+    phone_required: boolean;
     event_id: string;
     hash?: string;
 }
@@ -18,8 +19,6 @@ export interface IGetTickets {
     onAddToCartError: (e: AxiosError) => void;
     onGetTicketsSuccess: (response: any) => void;
     onGetTicketsError: (e: AxiosError) => void;
-    onLogoutSuccess: () => void;
-    onLogoutError: (e: AxiosError) => void;
     onLoginSuccess: () => void;
     theme?: 'light' | 'dark';
     queryPromoCode?: string;
@@ -31,7 +30,7 @@ export interface IGetTickets {
     isAccessCodeEnabled?: boolean;
     hideSessionButtons?: boolean;
     hideWaitingList?: boolean;
-    enableBillingInfoAutoCreate?: boolean;
+    isButtonScrollable?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -40,5 +39,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, isButtonScrollable }: IGetTickets) => JSX.Element;
 export {};

package/dist/env.d.ts

@@ -4,6 +4,7 @@ export declare const ENV: {
     CLIENT_ID: string;
     CLIENT_SECRET: string;
     STRIPE_PUBLISHABLE_KEY: string;
+    BRAND_SLUG: string;
 };
 export declare const ENV_PROD: {
     EVENT_ID: number;

package/dist/images/email.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" class="svg-inline--fa fa-envelope fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>

package/dist/images/user.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg>

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export { LoginModal } from './components/loginModal';
 export { MyTicketsContainer } from './components/myTicketsContainer';
 export { OrderDetailsContainer } from './components/orderDetailsContainer';
 export { setConfigs } from './utils/setConfigs';
+export { TicketResaleContainer } from './components';