tf-checkout-react 1.0.57 → 1.0.61

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 (37) hide show
  1. package/dist/api/index.d.ts +2 -0
  2. package/dist/components/confirmationContainer/index.d.ts +1 -1
  3. package/dist/components/index.d.ts +2 -0
  4. package/dist/components/myTicketsContainer/index.d.ts +9 -0
  5. package/dist/components/myTicketsContainer/row.d.ts +15 -0
  6. package/dist/components/myTicketsContainer/tableConfig.d.ts +5 -0
  7. package/dist/components/orderDetailsContainer/index.d.ts +8 -0
  8. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +6 -0
  9. package/dist/components/ticketsContainer/index.d.ts +2 -1
  10. package/{src/components/billing-info-container → dist/images}/logo-ttf.png +0 -0
  11. package/dist/tf-checkout-react.cjs.development.js +33 -9
  12. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  13. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  14. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  15. package/dist/tf-checkout-react.esm.js +38 -60
  16. package/dist/tf-checkout-react.esm.js.map +1 -1
  17. package/dist/tf-checkout-styles.css +1 -0
  18. package/dist/utils/getImage.d.ts +1 -0
  19. package/package.json +2 -5
  20. package/src/.d.ts +2 -0
  21. package/src/api/index.ts +6 -1
  22. package/src/assets/images/logo-ttf.png +0 -0
  23. package/src/components/billing-info-container/index.tsx +4 -3
  24. package/src/components/confirmationContainer/index.tsx +3 -2
  25. package/src/components/index.ts +2 -0
  26. package/src/components/myTicketsContainer/index.tsx +125 -0
  27. package/src/components/myTicketsContainer/row.tsx +41 -0
  28. package/src/components/myTicketsContainer/style.css +40 -0
  29. package/src/components/myTicketsContainer/tableConfig.tsx +34 -0
  30. package/src/components/orderDetailsContainer/index.tsx +120 -0
  31. package/src/components/orderDetailsContainer/style.css +53 -0
  32. package/src/components/orderDetailsContainer/ticketsTable.tsx +86 -0
  33. package/src/components/ticketsContainer/index.tsx +3 -1
  34. package/src/components/waitingList/index.tsx +1 -1
  35. package/src/components/waitingList/style.css +1 -0
  36. package/src/utils/getImage.ts +14 -0
  37. package/dist/tf-checkout-react.cjs.development.css +0 -8
@@ -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 {};
@@ -21,4 +21,4 @@ export interface IConfirmationPage {
21
21
  onGetConfirmationDataSuccess: (res: any) => void;
22
22
  onGetConfirmationDataError: (e: AxiosError) => void;
23
23
  }
24
- export declare const ConfirmationContainer: ({ referralPromotions, shareButtons, shareLink, onGetConfirmationDataSuccess, onGetConfirmationDataError, }: IConfirmationPage) => JSX.Element;
24
+ export declare const ConfirmationContainer: ({ isReferralEnabled, referralPromotions, shareButtons, shareLink, onGetConfirmationDataSuccess, onGetConfirmationDataError, }: IConfirmationPage) => JSX.Element;
@@ -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 {};
@@ -1853,6 +1853,22 @@ var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
1853
1853
 
1854
1854
  var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
1855
1855
 
1856
+ var getImage = function getImage(name) {
1857
+ if (name === void 0) {
1858
+ name = '';
1859
+ }
1860
+
1861
+ var image = '';
1862
+
1863
+ if (!name.trim().length) {
1864
+ return image;
1865
+ }
1866
+
1867
+ return image;
1868
+ };
1869
+
1870
+ var TTFLOGO = /*#__PURE__*/getImage('logo-ttf.png');
1871
+
1856
1872
  var LogicRunner = function LogicRunner(_ref) {
1857
1873
  var values = _ref.values,
1858
1874
  setStates = _ref.setStates,
@@ -2433,7 +2449,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
2433
2449
  onLogin();
2434
2450
  setShowModalLogin(true);
2435
2451
  }
2436
- }, "Login"))), _map(dataWithUniqueIds, function (item) {
2452
+ }, "Login"), React__default.createElement("div", {
2453
+ className: "logo-image-container"
2454
+ }, React__default.createElement("img", {
2455
+ src: TTFLOGO,
2456
+ alt: "nodata"
2457
+ })))), _map(dataWithUniqueIds, function (item) {
2437
2458
  var label = item.label,
2438
2459
  labelClassName = item.labelClassName,
2439
2460
  fields = item.fields;
@@ -3133,7 +3154,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
3133
3154
 
3134
3155
  var defaultSvg = 'https://img.icons8.com/ios-filled/50/000000/facebook-new.svg';
3135
3156
  var ConfirmationContainer = function ConfirmationContainer(_ref) {
3136
- var _ref$referralPromotio = _ref.referralPromotions,
3157
+ var isReferralEnabled = _ref.isReferralEnabled,
3158
+ _ref$referralPromotio = _ref.referralPromotions,
3137
3159
  referralPromotions = _ref$referralPromotio === void 0 ? [] : _ref$referralPromotio,
3138
3160
  _ref$shareButtons = _ref.shareButtons,
3139
3161
  shareButtons = _ref$shareButtons === void 0 ? [] : _ref$shareButtons,
@@ -3204,7 +3226,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
3204
3226
  className: "main"
3205
3227
  }, "Your tickets have been emailed to you"), React__default.createElement("span", {
3206
3228
  className: "helper"
3207
- }, "Please bring them with you to the event")), data.disable_referral === false && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
3229
+ }, "Please bring them with you to the event")), data.disable_referral === false && isReferralEnabled && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
3208
3230
  className: "referral_text_image_section"
3209
3231
  }, React__default.createElement("div", {
3210
3232
  className: "referral_text_section"
@@ -3515,13 +3537,13 @@ var WaitingList = function WaitingList(_ref) {
3515
3537
 
3516
3538
  return React__default.createElement("div", {
3517
3539
  className: "waiting-list"
3518
- }, React__default.createElement("p", {
3519
- className: "no-tickets-text"
3520
- }, "No tickets are currently available for this event."), showSuccessMessage ? React__default.createElement("div", {
3540
+ }, showSuccessMessage ? React__default.createElement("div", {
3521
3541
  className: "success-message"
3522
3542
  }, React__default.createElement("p", {
3523
3543
  className: "added-success-message"
3524
- }, "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, {
3544
+ }, "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", {
3545
+ className: "no-tickets-text"
3546
+ }, "No tickets are currently available for this event."), React__default.createElement("h2", null, "WAITING LIST"), React__default.createElement(formik.Formik, {
3525
3547
  initialValues: {
3526
3548
  ticketTypeId: '',
3527
3549
  quantity: '',
@@ -3611,7 +3633,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
3611
3633
  _ref$onGetTicketsErro = _ref.onGetTicketsError,
3612
3634
  onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
3613
3635
  _ref$theme = _ref.theme,
3614
- theme = _ref$theme === void 0 ? 'light' : _ref$theme;
3636
+ theme = _ref$theme === void 0 ? 'light' : _ref$theme,
3637
+ _ref$queryPromoCode = _ref.queryPromoCode,
3638
+ queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode;
3615
3639
 
3616
3640
  var _useState = React.useState({}),
3617
3641
  selectedTickets = _useState[0],
@@ -3637,7 +3661,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
3637
3661
  promoCode = _useState6[0],
3638
3662
  setPromoCode = _useState6[1];
3639
3663
 
3640
- var _useState7 = React.useState(''),
3664
+ var _useState7 = React.useState(queryPromoCode),
3641
3665
  promoCodeUpdated = _useState7[0],
3642
3666
  setPromoCodeUpdated = _useState7[1];
3643
3667