tf-checkout-react 1.0.99-beta.2 → 1.0.99-beta.22

package/dist/api/index.d.ts

@@ -30,5 +30,11 @@ export declare const getOrders: (page: number, limit: number, eventSlug: string)
 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 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 {};

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

@@ -9,7 +9,7 @@ export interface IBillingInfoPage {
     data?: IBillingInfoData[];
     ticketHoldersFields?: IBillingInfoData;
     handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any) => void;
-    onRegisterSuccess?: () => void;
+    onRegisterSuccess?: (value: any) => void;
     onRegisterError?: (e: AxiosError, email: string) => void;
     onSubmitError?: (e: AxiosError) => void;
     onGetCartSuccess?: (res: any) => void;
@@ -40,5 +40,7 @@ export interface IBillingInfoPage {
     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, shouldFetchCountries, 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/CustomField.d.ts

@@ -16,5 +16,5 @@ export interface ICustomField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, }: ICustomField & IOtherProps) => JSX.Element;
+export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, }: ICustomField & IOtherProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FieldInputProps, FormikProps } from 'formik';
+export interface IDatePickerFieldProps {
+    label: string;
+    field: FieldInputProps<any>;
+    form: FormikProps<any>;
+    theme: 'dark' | 'light';
+    useCompact?: boolean;
+}
+interface IOtherProps {
+    [key: string]: any;
+}
+export declare const DatePickerField: ({ label, field, form, theme, useCompact, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
+export {};

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/RedirectModal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IRedirectModal {
+    message: string;
+    onClickOk: () => void;
+}
+export declare const RedirectModal: ({ message, onClickOk, }: IRedirectModal) => 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

@@ -6,7 +6,9 @@ interface CountdownTypes {
     title?: string;
     message?: string;
     showMessage?: boolean;
+    disableLeadingZero?: boolean;
     callback?: () => void;
+    isLoggedIn?: boolean;
 }
-declare function Countdown({ startDate, timezone, title, message, showMessage, callback }: CountdownTypes): JSX.Element;
+declare function Countdown({ startDate, timezone, title, message, showMessage, disableLeadingZero, callback, isLoggedIn }: 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/rsvpContainer/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IRsvpContainerPage {
+    showSection?: boolean;
+    eventId: number;
+}
+export declare const RsvpContainer: ({ showSection, eventId }: IRsvpContainerPage) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AxiosError } from 'axios';
+export interface ITicketResaleContainer {
+    onProcessTicketSuccess: (res: any) => void;
+    onProcessTicketError: (e: AxiosError) => void;
+    onDeclineTicketPurchaseSuccess: (res: any) => void;
+    onDeclineTicketPurchaseError: (e: AxiosError) => void;
+    orderHash?: string;
+}
+export declare const TicketResaleContainer: ({ onProcessTicketSuccess, onProcessTicketError, onDeclineTicketPurchaseSuccess, onDeclineTicketPurchaseError, 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/AccessCodeSection.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IAccessCodeSectionProps {
+    code: string;
+    setCode: (value: string) => void;
+    updateTickets: (value: boolean, type?: string) => void;
+}
+export declare const AccessCodeSection: ({ code, setCode, updateTickets }: IAccessCodeSectionProps) => JSX.Element;

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

@@ -1,13 +1,11 @@
 /// <reference types="react" />
 export interface IPromoCodeSectionProps {
-    promoCode: string;
-    promoCodeIsApplied: boolean;
+    code: string;
+    codeIsApplied: boolean;
     showPromoInput: boolean;
-    isPromotionsEnabled: boolean;
-    isAllTicketsSoldOut: boolean;
-    isAccessCodeEnabled?: boolean;
-    setPromoCode: (value: string) => void;
-    setPromoCodeUpdated: (value: string) => void;
+    setCode: (value: string) => void;
     setShowPromoInput: (value: boolean) => void;
+    updateTickets: (value: boolean, type: string) => void;
+    setCodeIsApplied: (value: boolean) => void;
 }
-export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, setPromoCode, setPromoCodeUpdated, setShowPromoInput, isAccessCodeEnabled, }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied }: IPromoCodeSectionProps) => JSX.Element;

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import './style.css';
 interface ITicketsSectionProps {
     ticketsList: any;
     selectedTickets: any;
     handleTicketSelect: any;
-    promoCodeIsApplied: boolean;
+    sortBySoldOut: boolean;
+    ticketsHeaderComponent?: ReactNode;
 }
-export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, promoCodeIsApplied, }: ITicketsSectionProps) => JSX.Element;
+export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent }: ITicketsSectionProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { AxiosError } from 'axios';
 import './style.css';
 import { ThemeOptions } from '@mui/material';
@@ -7,8 +7,10 @@ interface CartSuccess {
     skip_billing_page: boolean;
     names_required: boolean;
     age_required: boolean;
+    phone_required: boolean;
     event_id: string;
     hash?: string;
+    total?: string;
 }
 export interface IGetTickets {
     eventId: number;
@@ -18,6 +20,8 @@ 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;
@@ -30,6 +34,12 @@ export interface IGetTickets {
     hideSessionButtons?: boolean;
     hideWaitingList?: boolean;
     enableBillingInfoAutoCreate?: boolean;
+    isButtonScrollable?: boolean;
+    sortBySoldOut?: boolean;
+    disableCountdownLeadingZero?: boolean;
+    isLoggedIn?: boolean;
+    actionsSectionComponent?: any;
+    ticketsHeaderComponent?: ReactNode;
 }
 export interface ITicket {
     id: string | number;
@@ -38,5 +48,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent }: IGetTickets) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './style.css';
 export interface ITimerWidgetPage {
     expires_at: number;
@@ -11,5 +11,5 @@ export interface IRenderer {
     completed: number;
     handleCountdownFinish: () => void;
 }
-declare const TimerWidget: ({ expires_at, buyLoading, onCountdownFinish, }: ITimerWidgetPage) => JSX.Element | null;
-export default TimerWidget;
+declare const _default: React.MemoExoticComponent<({ expires_at, buyLoading, onCountdownFinish, }: ITimerWidgetPage) => JSX.Element | null>;
+export default _default;

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/cross.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="94.926px" height="94.926px" viewBox="0 0 94.926 94.926" style="enable-background:new 0 0 94.926 94.926;"
+	 xml:space="preserve">
+<g>
+	<path d="M55.931,47.463L94.306,9.09c0.826-0.827,0.826-2.167,0-2.994L88.833,0.62C88.436,0.224,87.896,0,87.335,0
+		c-0.562,0-1.101,0.224-1.498,0.62L47.463,38.994L9.089,0.62c-0.795-0.795-2.202-0.794-2.995,0L0.622,6.096
+		c-0.827,0.827-0.827,2.167,0,2.994l38.374,38.373L0.622,85.836c-0.827,0.827-0.827,2.167,0,2.994l5.473,5.476
+		c0.397,0.396,0.936,0.62,1.498,0.62s1.1-0.224,1.497-0.62l38.374-38.374l38.374,38.374c0.397,0.396,0.937,0.62,1.498,0.62
+		s1.101-0.224,1.498-0.62l5.473-5.476c0.826-0.827,0.826-2.167,0-2.994L55.931,47.463z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</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,6 @@ export { LoginModal } from './components/loginModal';
 export { MyTicketsContainer } from './components/myTicketsContainer';
 export { OrderDetailsContainer } from './components/orderDetailsContainer';
 export { setConfigs } from './utils/setConfigs';
+export { TicketResaleContainer } from './components';
+export { RedirectModal } from './components/common/RedirectModal';
+export { RsvpContainer } from './components/rsvpContainer';