tf-checkout-react 1.0.99-beta.7 → 1.0.100

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,5 @@ export interface IBillingInfoPage {
     onSkipBillingPage: (data: any) => void;
     skipPage?: boolean;
     canSkipHolderNames?: boolean;
-    shouldFetchCountries?: 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 }: 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/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,6 @@ export interface IGetTickets {
     isAccessCodeEnabled?: boolean;
     hideSessionButtons?: boolean;
     hideWaitingList?: boolean;
-    enableBillingInfoAutoCreate?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -40,5 +38,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 }: IGetTickets) => JSX.Element;
 export {};

package/dist/images/done.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
+</svg>

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';