tf-checkout-react 1.0.106 → 1.2.1

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 (77) hide show
  1. package/README.md +278 -1
  2. package/dist/api/index.d.ts +40 -28
  3. package/dist/components/account-settings/index.d.ts +3 -0
  4. package/dist/components/billing-info-container/index.d.ts +11 -8
  5. package/dist/components/common/PhoneNumberField.d.ts +9 -0
  6. package/dist/components/common/index.d.ts +1 -0
  7. package/dist/components/confirmationContainer/index.d.ts +2 -1
  8. package/dist/components/countdown/index.d.ts +2 -1
  9. package/dist/components/forgotPasswordModal/index.d.ts +11 -0
  10. package/dist/components/index.d.ts +1 -0
  11. package/dist/components/loginModal/index.d.ts +35 -2
  12. package/dist/components/myTicketsContainer/index.d.ts +2 -1
  13. package/dist/components/myTicketsContainer/tableConfig.d.ts +1 -1
  14. package/dist/components/orderDetailsContainer/index.d.ts +6 -1
  15. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +2 -1
  16. package/dist/components/paymentContainer/index.d.ts +2 -1
  17. package/dist/components/resetPasswordContainer/index.d.ts +10 -0
  18. package/dist/components/signupModal/index.d.ts +14 -0
  19. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +3 -2
  20. package/dist/components/ticketsContainer/TicketsSection.d.ts +1 -2
  21. package/dist/components/ticketsContainer/index.d.ts +7 -3
  22. package/dist/index.d.ts +2 -0
  23. package/dist/tf-checkout-react.cjs.development.js +2177 -1482
  24. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  25. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  26. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  27. package/dist/tf-checkout-react.esm.js +2166 -1473
  28. package/dist/tf-checkout-react.esm.js.map +1 -1
  29. package/dist/tf-checkout-styles.css +1 -1
  30. package/dist/utils/cookies.d.ts +3 -0
  31. package/dist/utils/createCheckoutDataBodyWithDefaultHolder.d.ts +6 -1
  32. package/dist/utils/downloadPDF.d.ts +1 -1
  33. package/dist/utils/getDomain.d.ts +1 -0
  34. package/dist/utils/index.d.ts +2 -0
  35. package/package.json +12 -1
  36. package/src/api/index.ts +100 -29
  37. package/src/components/account-settings/index.tsx +161 -0
  38. package/src/components/account-settings/style.css +200 -0
  39. package/src/components/billing-info-container/index.tsx +145 -99
  40. package/src/components/billing-info-container/style.css +1 -1
  41. package/src/components/billing-info-container/utils.ts +11 -3
  42. package/src/components/common/PhoneNumberField.tsx +68 -0
  43. package/src/components/common/SnackbarAlert.tsx +1 -1
  44. package/src/components/common/dist/PhoneNumberField.js +96 -0
  45. package/src/components/common/index.tsx +1 -0
  46. package/src/components/confirmationContainer/index.tsx +19 -9
  47. package/src/components/countdown/index.tsx +3 -1
  48. package/src/components/forgotPasswordModal/index.tsx +107 -0
  49. package/src/components/forgotPasswordModal/style.css +47 -0
  50. package/src/components/index.ts +1 -0
  51. package/src/components/loginModal/index.tsx +72 -71
  52. package/src/components/myTicketsContainer/index.tsx +99 -95
  53. package/src/components/myTicketsContainer/style.css +2 -2
  54. package/src/components/myTicketsContainer/tableConfig.tsx +3 -6
  55. package/src/components/orderDetailsContainer/index.tsx +80 -21
  56. package/src/components/orderDetailsContainer/style.css +7 -3
  57. package/src/components/orderDetailsContainer/ticketsTable.tsx +130 -83
  58. package/src/components/paymentContainer/index.tsx +114 -49
  59. package/src/components/registerModal/index.tsx +3 -10
  60. package/src/components/resetPasswordContainer/index.tsx +96 -0
  61. package/src/components/resetPasswordContainer/style.css +36 -0
  62. package/src/components/signupModal/index.tsx +195 -0
  63. package/src/components/signupModal/style.css +58 -0
  64. package/src/components/stripePayment/index.tsx +14 -12
  65. package/src/components/stripePayment/style.css +3 -3
  66. package/src/components/ticketResaleModal/index.tsx +12 -14
  67. package/src/components/ticketsContainer/PromoCodeSection.tsx +8 -7
  68. package/src/components/ticketsContainer/TicketRow.tsx +12 -6
  69. package/src/components/ticketsContainer/TicketsSection.tsx +0 -3
  70. package/src/components/ticketsContainer/index.tsx +155 -86
  71. package/src/env.ts +3 -3
  72. package/src/index.ts +3 -1
  73. package/src/utils/cookies.ts +42 -0
  74. package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts +16 -4
  75. package/src/utils/downloadPDF.tsx +28 -6
  76. package/src/utils/getDomain.ts +15 -0
  77. package/src/utils/index.ts +2 -0
package/src/components/account-settings/style.css ADDED
@@ -0,0 +1,200 @@
1
+ .account-settings {
2
+ width: 600px;
3
+ margin: 0 auto;
4
+ padding: 70px 0;
5
+ }
6
+
7
+ .account-settings h2 {
8
+ font-size: 24px;
9
+ font-weight: 700;
10
+ line-height: 29px;
11
+ color: #000000;
12
+ position: relative;
13
+ margin: 0 0 18px 0;
14
+ }
15
+
16
+ .account-settings h2::before {
17
+ content: "";
18
+ width: 54px;
19
+ height: 2px;
20
+ background-color: #F28051;
21
+ position: absolute;
22
+ left: -65px;
23
+ top: 13px;
24
+ }
25
+
26
+ .tab .tab-menu ul {
27
+ margin: 0;
28
+ list-style-type: none;
29
+ padding-left: 0;
30
+ display: flex;
31
+ border-bottom: 1px solid #BDBDBD;
32
+ }
33
+
34
+ .tab .tab-menu {
35
+ margin-bottom: 45px;
36
+ }
37
+
38
+ .tab .tab-menu ul li {
39
+ margin-right: 70px;
40
+ font-family: Interbold;
41
+ font-size: 14px;
42
+ text-align: center;
43
+ color: #000000;
44
+ padding-bottom: 5px;
45
+ margin-bottom: -2px;
46
+ cursor: pointer;
47
+ }
48
+
49
+ .tab .tab-menu ul li.active {
50
+ border-bottom: 3px solid #F28051;
51
+ }
52
+
53
+ .tab .tab-menu ul li:last-child {
54
+ margin-right: 0;
55
+ }
56
+
57
+ .sessions {
58
+ background-color: #FFFFFF;
59
+ border-top: 2px solid #F28051;
60
+ border-bottom: 2px solid #F28051;
61
+ }
62
+
63
+ .sessions-item {
64
+ display: flex;
65
+ justify-content: space-between;
66
+ align-items: center;
67
+ padding: 20px 30px;
68
+ border-bottom: 1px solid #A2A2A2;
69
+ }
70
+
71
+ .sessions .sessions-item .sessions-info {
72
+ display: flex;
73
+ flex-direction: column;
74
+ }
75
+
76
+ .sessions .sessions-item .sessions-info span {
77
+ font-family: InterRegular;
78
+ font-weight: 600;
79
+ font-size: 14px;
80
+ color: #000000;
81
+ }
82
+
83
+ .sessions .sessions-item .sessions-info span:last-child {
84
+ font-size: 12px;
85
+ color: #858585;
86
+ }
87
+
88
+ .sessions-item button {
89
+ font-family: InterRegular;
90
+ font-weight: 600;
91
+ font-size: 14px;
92
+ color: #F28051;
93
+ margin: 0;
94
+ width: 82px;
95
+ height: 29px;
96
+ background-color: #ffffff;
97
+ border: 1px solid #F28051;
98
+ text-transform: uppercase;
99
+ }
100
+
101
+ .privacy p {
102
+ font-weight: 400;
103
+ font-size: 16px;
104
+ line-height: 19px;
105
+ letter-spacing: 0.02em;
106
+ color: #000000;
107
+ }
108
+
109
+ .privacy .pr-settings {
110
+ background-color: #ffffff;
111
+ border-top: 2px solid #F28051;
112
+ border-bottom: 2px solid #F28051;
113
+ }
114
+
115
+ .privacy .pr-settings .pr-settings-item {
116
+ display: flex;
117
+ justify-content: space-between;
118
+ align-items: center;
119
+ padding: 20px 25px;
120
+ border-bottom: 1px solid #A2A2A2;
121
+ }
122
+
123
+ .privacy .pr-settings .pr-settings-item:last-child {
124
+ border-bottom: none;
125
+ }
126
+
127
+ .pr-settings-item .item-name img {
128
+ margin-right: 6px;
129
+ }
130
+
131
+ .pr-settings-item .item-name span {
132
+ font-family: InterRegular;
133
+ font-weight: 600;
134
+ font-size: 14px;
135
+ text-decoration-line: underline;
136
+ color: #000000;
137
+ }
138
+
139
+ .pr-settings-item .item-box span {
140
+ font-family: InterRegular;
141
+ font-weight: 600;
142
+ font-size: 14px;
143
+ color: #000000;
144
+ margin-right: 6px;
145
+ }
146
+
147
+ .pr-settings-item .item-box {
148
+ display: flex;
149
+ align-items: center;
150
+ }
151
+
152
+
153
+ /*///////////Checkbox///////////////*/
154
+
155
+ .checkbox-block {
156
+ display: block;
157
+ position: relative;
158
+ cursor: pointer;
159
+ -webkit-user-select: none;
160
+ -moz-user-select: none;
161
+ -ms-user-select: none;
162
+ user-select: none;
163
+ height: 22px;
164
+ width: 22px;
165
+ }
166
+
167
+ /* Hide the browser's default checkbox */
168
+ .checkbox-block input {
169
+ position: absolute;
170
+ opacity: 0;
171
+ cursor: pointer;
172
+ height: 0;
173
+ width: 0;
174
+ }
175
+
176
+ /* Create a custom checkbox */
177
+ .checkmark {
178
+ position: absolute;
179
+ top: 0;
180
+ left: 0;
181
+ height: 22px;
182
+ width: 22px;
183
+ background-color: #ffffff;
184
+ border: 1px solid #000000;
185
+ }
186
+
187
+ /* On mouse-over, add a grey background color */
188
+ .checkbox-block:hover input ~ .checkmark {
189
+ background-color: #ccc;
190
+ }
191
+
192
+ /* When the checkbox is checked, add a blue background */
193
+ .checkbox-block input:checked ~ .checkmark {
194
+ background-color: #F28051;
195
+ }
196
+
197
+ /* Show the checkmark when checked */
198
+ .checkbox-block input:checked ~ .checkmark:after {
199
+ display: block;
200
+ }