tf-checkout-react 1.0.58 → 1.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/api/index.d.ts +2 -0
  2. package/dist/components/index.d.ts +2 -0
  3. package/dist/components/myTicketsContainer/index.d.ts +9 -0
  4. package/dist/components/myTicketsContainer/row.d.ts +15 -0
  5. package/dist/components/myTicketsContainer/tableConfig.d.ts +5 -0
  6. package/dist/components/orderDetailsContainer/index.d.ts +8 -0
  7. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +6 -0
  8. package/dist/components/ticketsContainer/index.d.ts +2 -1
  9. package/dist/tf-checkout-react.cjs.development.css +1 -1
  10. package/dist/tf-checkout-react.cjs.development.js +8 -6
  11. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  12. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  13. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  14. package/dist/tf-checkout-react.esm.js +9 -7
  15. package/dist/tf-checkout-react.esm.js.map +1 -1
  16. package/package.json +1 -1
  17. package/src/api/index.ts +6 -1
  18. package/src/components/index.ts +2 -0
  19. package/src/components/myTicketsContainer/index.tsx +125 -0
  20. package/src/components/myTicketsContainer/row.tsx +41 -0
  21. package/src/components/myTicketsContainer/style.css +40 -0
  22. package/src/components/myTicketsContainer/tableConfig.tsx +34 -0
  23. package/src/components/orderDetailsContainer/index.tsx +120 -0
  24. package/src/components/orderDetailsContainer/style.css +53 -0
  25. package/src/components/orderDetailsContainer/ticketsTable.tsx +86 -0
  26. package/src/components/ticketsContainer/index.tsx +3 -1
  27. package/src/components/waitingList/index.tsx +1 -1
  28. package/src/components/waitingList/style.css +1 -0
@@ -20,6 +20,8 @@ export declare const getProfileData: (accessToken: any) => Promise<import("axios
20
20
  export declare const getCountries: () => Promise<import("axios").AxiosResponse<any, any>>;
21
21
  export declare const getConfirmationData: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
22
22
  export declare const getStates: (countryId: string) => Promise<import("axios").AxiosResponse<any, any>>;
23
+ export declare const getOrders: (page: number, limit: number, eventSlug: string) => Promise<import("axios").AxiosResponse<any, any>>;
24
+ export declare const getOrderDetails: (orderId: string) => Promise<import("axios").AxiosResponse<any, any>>;
23
25
  export declare const addToWaitingList: (id: number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
24
26
  export declare const getConditions: (eventId: string) => Promise<import("axios").AxiosResponse<any, any>>;
25
27
  export {};
@@ -2,3 +2,5 @@ export { BillingInfoContainer } from './billing-info-container';
2
2
  export { ConfirmationContainer } from './confirmationContainer';
3
3
  export { PaymentContainer } from './paymentContainer';
4
4
  export { TicketsContainer } from './ticketsContainer';
5
+ export { MyTicketsContainer } from './myTicketsContainer';
6
+ export { OrderDetailsContainer } from './orderDetailsContainer';
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import './style.css';
3
+ interface MyTicketsTypes {
4
+ handleDetailsInfo: (id: string) => void;
5
+ onGetOrdersSuccess: (res: any) => void;
6
+ onGetOrdersError: (err: any) => void;
7
+ }
8
+ export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError }: MyTicketsTypes) => JSX.Element;
9
+ export {};
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ export interface RowItems {
3
+ id: string;
4
+ date: string;
5
+ image: string;
6
+ eventName: string;
7
+ amount: string;
8
+ currency: string;
9
+ }
10
+ interface RowPropsTypes {
11
+ row: RowItems;
12
+ handleDetailsInfo: (id: string) => void;
13
+ }
14
+ declare const Row: ({ row, handleDetailsInfo }: RowPropsTypes) => JSX.Element;
15
+ export default Row;
@@ -0,0 +1,5 @@
1
+ declare const tableConfig: (key?: string | undefined) => {
2
+ header: string[];
3
+ body: ((row: any) => any)[];
4
+ };
5
+ export default tableConfig;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import './style.css';
3
+ interface OrderDetailsTypes {
4
+ onGetOrdersSuccess: (res: any) => void;
5
+ onGetOrdersError: (err: any) => void;
6
+ }
7
+ export declare const OrderDetailsContainer: ({ onGetOrdersSuccess, onGetOrdersError }: OrderDetailsTypes) => JSX.Element;
8
+ export {};
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ interface TicketsTableTypes {
3
+ tickets: any[];
4
+ }
5
+ declare const TicketsTable: ({ tickets }: TicketsTableTypes) => JSX.Element;
6
+ export default TicketsTable;
@@ -16,6 +16,7 @@ export interface IGetTickets {
16
16
  onGetTicketsSuccess: (response: any) => void;
17
17
  onGetTicketsError: (e: AxiosError) => void;
18
18
  theme?: 'light' | 'dark';
19
+ queryPromoCode?: string;
19
20
  }
20
21
  export interface ITicket {
21
22
  id: string | number;
@@ -24,5 +25,5 @@ export interface ITicket {
24
25
  export interface ISelectedTickets {
25
26
  [key: string]: string | number;
26
27
  }
27
- export declare const TicketsContainer: ({ getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, }: IGetTickets) => JSX.Element;
28
+ export declare const TicketsContainer: ({ getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode }: IGetTickets) => JSX.Element;
28
29
  export {};
@@ -5,4 +5,4 @@
5
5
  .style_card_form_inner__7vzGq{background:#232323;border-radius:8px;margin:0 auto 20px;min-width:325px;padding:15px;width:50%}.style_card_form_inner__7vzGq .style_card_label_text__F7GFa{color:#fff}.style_card_form_inner__7vzGq .style_StripeElement__jS5TJ{margin:5px 0 10px}.style_card_label_text__F7GFa{color:#fff}.style_payment_button__2rkp8{padding-top:15px;text-align:center}.style_payment_button__2rkp8 button{background-color:#212529;border-radius:8px;color:#fff;cursor:pointer;font-size:26px;padding:15px 30px;transition:opacity .5s;width:200px}.style_payment_button__2rkp8 button:hover{opacity:.7}.style_disabled-payment-button__3MiUR button{opacity:.3;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.style_checkout_error_block__3LUN5{color:#e53935;font-weight:600;padding:15px 0}.style_zip_element__31oFa p{margin-bottom:0}.style_zip_element__31oFa input{background-color:#232323;border:none;color:#fff;font-size:18px;margin-top:5px;outline:none;width:100%}
6
6
  .style_confirmation-page__1F9Sh{margin:0 auto;max-width:1024px}.style_confirmation-page__1F9Sh .style_strong-text__27fPG{font-weight:700}.style_confirmation-page__1F9Sh .style_title__2Al5H{color:#333;font-size:24px;font-weight:600}.style_confirmation-page__1F9Sh .style_share-message-section__3tRfP{background:#dff0d8;border:1px solid #d6e9c6;border-radius:5px;color:#2c7221;display:flex;flex-direction:column;margin:20px 0;padding:15px}.style_confirmation-page__1F9Sh .style_main__3LBFA{font-size:15px;font-weight:700}.style_confirmation-page__1F9Sh .style_helper__3L5l6,.style_confirmation-page__1F9Sh .style_main__3LBFA{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif}.style_confirmation-page__1F9Sh .style_helper__3L5l6{font-size:14px;margin-top:5px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px -10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_text_section__3dvbC{margin:10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_title_text__1zFZX{color:#f08057;font-size:28px;padding-bottom:10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_text__2tAKA{font-size:18px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe img{margin:10px;max-width:200px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz{-moz-column-gap:5rem;column-gap:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_invitation_title__x4iqi{font-size:22px;padding-bottom:12px;padding-top:12px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z{flex:1 1;padding:0 5px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT{display:grid;flex-wrap:wrap;margin:0 -7px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT .style_social-media-btns__2kCat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT .style_social-media-btns__2kCat .style_sharing-btn__IVnek{min-width:130px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ.style_share-by-link-copy__25qUa{padding:0;text-align:left}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_sharing-button__3R2yU{flex:1 1}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_convenient_buttons__2RFH8.style_sharing-btn__IVnek{display:inline}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-by-link__2B83J{background:#000;color:#fff;padding:0}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-by-link__2B83J.style_label__3FIno{margin:0;padding:0;text-align:left}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_sharing-btn__IVnek{flex:1 1;padding:7px;text-align:center}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ{background:#000;color:#fff;padding:10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ .style_svg_wrapper__268DZ{display:inline}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ .style_share-input__2Pp7g{background-color:#fff;text-align:left;width:300px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-text__V36JV{display:block;font-size:13px;font-weight:600;padding-top:8px;width:100%}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_wrapper__1aDnf{background:#e3e3e3;border:1px solid #dcdcdc;display:grid;grid-template-columns:1fr 1fr;margin:10px 0;padding:15px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_wrapper__1aDnf.style_free_price__3Hd0-{background:#e9835b;border:1px solid #eb7b4a;color:#fff}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_label__3SVoy{font-weight:600}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_sublabel__2Ckqd{font-size:14px;font-weight:100}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_price__3v8bL{font-weight:600;text-align:right}
7
7
  body{margin:0;padding:0}.style_get-tickets-page__11KeR{width:100%}.style_event-detail__tier__2CcMs{background-color:#fff;padding:17px 35px 20px}.style_event-detail__tier-name__116US{color:#000;font-family:Inter-Bold;font-family:Bebas Neue;font-size:.85rem;font-weight:700;letter-spacing:.2em;line-height:1.3;margin-bottom:8px;margin-top:16px;padding-right:20%;text-transform:uppercase}.style_event-detail__tier-status__IbqO1{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:8px;width:100%}.style_event-detail__tier-status__IbqO1.style_ticket-button__Nty1u{background-color:#212529;border:3px solid #000;border-radius:0;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.2em;line-height:1.5;margin-bottom:10px;width:200px}.style_event-tickets-container__3vdaQ{align-items:center;display:flex;justify-content:space-between}.style_event-detail__tier-status__IbqO1.style_ticket-button__Nty1u.style_true__g6yhC{background-color:#c1c3c6;border-color:#afb0b1}.style_event-detail__tier-price__3doIb{color:#000;font-family:Inter-Bold;font-size:1.5rem;font-weight:700;line-height:1;text-align:center}.style_event-detail__tier-price__3doIb p{margin:0}.style_event-detail__tier-price__3doIb .style_fees__19QjH{font-size:14px;font-weight:400;margin-top:4px;text-align:left}.style_event-detail__tier-price__3doIb .style_old-price__2mSOJ{color:red;font-size:1.3rem;margin-bottom:5px;text-decoration:line-through}.style_alert-info__24Mx5{background-color:#d9edf7;border:1px solid #bce8f1;border-radius:4px;color:#3a87ad;font-size:1em;margin:0 35px;padding:8px 15px;text-align:center;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.style_event-detail__tier-state__2ethF{color:#30bc9d;font-family:Inter-Bold;font-size:.75rem;font-weight:300;line-height:1;text-align:right;text-transform:uppercase}.style_promo-code-block__ttqVr input{font-size:14px;padding:1px 8px}.style_book-button__1krJI{background-color:#212529;border:3px solid #000;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:26px;font-weight:700;height:50px;letter-spacing:.2em;line-height:1.5;margin:25px auto 10px;text-align:center;width:100%}.style_book-button__1krJI:hover{background-color:#505050;border-color:#505050}.style_loader-container__3iPe2{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar{width:5px}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-track{background:#f1f1f1}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-thumb{background:#888}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-thumb:hover{background:#555}.style_get-tickets__3Sghy .style_get-tickets__selectbox__2ApAj{width:100%}.style_disabled__310xq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.style_hidden__ceCor{display:none}
8
- .style_waiting-list__2sJxM{padding:17px 35px 20px}.style_waiting-list__2sJxM .style_field-item__34MYc{margin-bottom:30px}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2{width:100%!important}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2:hover{background-color:#505050}.style_waiting-list__2sJxM .style_success-message__BvF3R h3{margin:10px 0}.style_waiting-list__2sJxM .style_success-message__BvF3R p{margin:0}.style_waiting-list__2sJxM .style_no-tickets-text__zGdaP{text-align:center}.style_waiting-list__2sJxM .style_added-success-message__FbPZS{font-size:22px}
8
+ .style_waiting-list__2sJxM{padding:17px 35px 20px}.style_waiting-list__2sJxM .style_field-item__34MYc{margin-bottom:30px}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2{width:100%!important}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2:hover{background-color:#505050}.style_waiting-list__2sJxM .style_success-message__BvF3R h3{margin:10px 0}.style_waiting-list__2sJxM .style_success-message__BvF3R p{margin:0}.style_waiting-list__2sJxM .style_no-tickets-text__zGdaP{font-weight:700;text-align:center}.style_waiting-list__2sJxM .style_added-success-message__FbPZS{font-size:22px}
@@ -3516,13 +3516,13 @@ var WaitingList = function WaitingList(_ref) {
3516
3516
 
3517
3517
  return React__default.createElement("div", {
3518
3518
  className: "waiting-list"
3519
- }, React__default.createElement("p", {
3520
- className: "no-tickets-text"
3521
- }, "No tickets are currently available for this event."), showSuccessMessage ? React__default.createElement("div", {
3519
+ }, showSuccessMessage ? React__default.createElement("div", {
3522
3520
  className: "success-message"
3523
3521
  }, React__default.createElement("p", {
3524
3522
  className: "added-success-message"
3525
- }, "You've been added to the waiting list!"), React__default.createElement("p", null, "You'll be notified if tickets become available.")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "WAITING LIST"), React__default.createElement(formik.Formik, {
3523
+ }, "You've been added to the waiting list!"), React__default.createElement("p", null, "You'll be notified if tickets become available.")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
3524
+ className: "no-tickets-text"
3525
+ }, "No tickets are currently available for this event."), React__default.createElement("h2", null, "WAITING LIST"), React__default.createElement(formik.Formik, {
3526
3526
  initialValues: {
3527
3527
  ticketTypeId: '',
3528
3528
  quantity: '',
@@ -3612,7 +3612,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
3612
3612
  _ref$onGetTicketsErro = _ref.onGetTicketsError,
3613
3613
  onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
3614
3614
  _ref$theme = _ref.theme,
3615
- theme = _ref$theme === void 0 ? 'light' : _ref$theme;
3615
+ theme = _ref$theme === void 0 ? 'light' : _ref$theme,
3616
+ _ref$queryPromoCode = _ref.queryPromoCode,
3617
+ queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode;
3616
3618
 
3617
3619
  var _useState = React.useState({}),
3618
3620
  selectedTickets = _useState[0],
@@ -3638,7 +3640,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
3638
3640
  promoCode = _useState6[0],
3639
3641
  setPromoCode = _useState6[1];
3640
3642
 
3641
- var _useState7 = React.useState(''),
3643
+ var _useState7 = React.useState(queryPromoCode),
3642
3644
  promoCodeUpdated = _useState7[0],
3643
3645
  setPromoCodeUpdated = _useState7[1];
3644
3646