tf-checkout-react 1.0.69 → 1.0.73

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 (27) hide show
  1. package/dist/components/billing-info-container/index.d.ts +2 -1
  2. package/dist/components/common/CheckboxField.d.ts +1 -1
  3. package/dist/components/common/FormikPhoneNumberField.d.ts +1 -1
  4. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +12 -0
  5. package/dist/components/ticketsContainer/index.d.ts +2 -1
  6. package/dist/components/waitingList/index.d.ts +2 -1
  7. package/dist/env.d.ts +2 -2
  8. package/dist/images/done.svg +3 -0
  9. package/dist/tf-checkout-react.cjs.development.js +130 -74
  10. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  11. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  12. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  13. package/dist/tf-checkout-react.esm.js +135 -79
  14. package/dist/tf-checkout-react.esm.js.map +1 -1
  15. package/dist/tf-checkout-styles.css +1 -1
  16. package/package.json +2 -2
  17. package/src/api/index.ts +4 -3
  18. package/src/assets/images/done.svg +3 -0
  19. package/src/components/billing-info-container/index.tsx +22 -12
  20. package/src/components/common/CheckboxField.tsx +1 -0
  21. package/src/components/common/FormikPhoneNumberField.tsx +1 -0
  22. package/src/components/paymentContainer/index.tsx +83 -45
  23. package/src/components/ticketsContainer/PromoCodeSection.tsx +82 -0
  24. package/src/components/ticketsContainer/index.tsx +45 -69
  25. package/src/components/ticketsContainer/style.css +6 -4
  26. package/src/components/waitingList/index.tsx +7 -4
  27. package/src/env.ts +4 -4
package/src/components/ticketsContainer/style.css CHANGED
@@ -57,7 +57,6 @@ body {
57
57
  }
58
58
  .event-detail__tier-price {
59
59
  font-family: Inter-Bold;
60
- font-weight: 700;
61
60
  font-size: 1.5rem;
62
61
  line-height: 1;
63
62
  color: #000;
@@ -70,7 +69,6 @@ body {
70
69
 
71
70
  .event-detail__tier-price .fees {
72
71
  font-size: 14px;
73
- font-weight: normal;
74
72
  text-align: left;
75
73
  margin-top: 4px;
76
74
  }
@@ -84,16 +82,20 @@ body {
84
82
 
85
83
  .alert-info {
86
84
  border: 1px solid #fbeed5;
87
- text-align: center;
88
85
  padding: 8px 15px;
89
86
  background-color: #d9edf7;
90
87
  border-color: #bce8f1;
91
88
  color: #3a87ad;
92
89
  font-size: 1em;
93
- margin-bottom: 20px;
94
90
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
95
91
  border-radius: 4px;
96
92
  margin: 0px 35px;
93
+ display: flex;
94
+ justify-content: center;
95
+ align-items: center;
96
+ }
97
+ .alert-info svg {
98
+ margin-right: 4px;
97
99
  }
98
100
 
99
101
  .event-detail__tier-state {
package/src/components/waitingList/index.tsx CHANGED
@@ -16,6 +16,7 @@ import './style.css'
16
16
  interface WaitingListProps {
17
17
  tickets: any;
18
18
  eventId: number;
19
+ isPromotionsEnabled: boolean;
19
20
  }
20
21
 
21
22
  interface WaitingListFields {
@@ -34,7 +35,7 @@ const generateQuantity = (n: number) => {
34
35
  return quantityList
35
36
  }
36
37
 
37
- const WaitingList = ({ tickets = {}, eventId }: WaitingListProps) => {
38
+ const WaitingList = ({ tickets = {}, eventId, isPromotionsEnabled }: WaitingListProps) => {
38
39
  const [showSuccessMessage, setShowSuccessMessage] = useState(false)
39
40
  const [loading, setLoading] = useState(false)
40
41
  const ticketTypesList = Object.values(tickets).map((d: any) => ({
@@ -72,9 +73,11 @@ const WaitingList = ({ tickets = {}, eventId }: WaitingListProps) => {
72
73
  </div>
73
74
  ) : (
74
75
  <>
75
- <p className="no-tickets-text">
76
- No tickets are currently available for this event.
77
- </p>
76
+ {!isPromotionsEnabled && (
77
+ <p className="no-tickets-text">
78
+ No tickets are currently available for this event.
79
+ </p>
80
+ )}
78
81
  <h2>WAITING LIST</h2>
79
82
  <Formik
80
83
  initialValues={{
package/src/env.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  // preview
2
- export const ENV_TEST = {
2
+ export const ENV = {
3
3
  EVENT_ID: 162,
4
- BASE_URL: 'https://preview.ttf.fluxtech.me/api',
4
+ BASE_URL: 'https://preview.ttf.fluxtech.me',
5
5
  CLIENT_ID: '4792a61f2fcb49197ab4c2d2f44df570',
6
6
  CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
7
7
  STRIPE_PUBLISHABLE_KEY:
@@ -9,9 +9,9 @@ export const ENV_TEST = {
9
9
  }
10
10
 
11
11
  // prod
12
- export const ENV = {
12
+ export const ENV_PROD = {
13
13
  EVENT_ID: 9766,
14
- BASE_URL: 'https://www.ticketfairy.com/api',
14
+ BASE_URL: 'https://www.ticketfairy.com',
15
15
  CLIENT_ID: 'e9d8f8922797b4621e562255afe90dbf',
16
16
  CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
17
17
  STRIPE_PUBLISHABLE_KEY: