@openeventkit/event-site 2.0.81 → 2.0.82

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@openeventkit/event-site",
3
3
  "description": "Event Site",
4
- "version": "2.0.81",
4
+ "version": "2.0.82",
5
5
  "author": "Tipit LLC",
6
6
  "dependencies": {
7
7
  "@mui/base": "^5.0.0-alpha.114",
@@ -78,7 +78,7 @@
78
78
  "netlify-cms-app": "^2.15.72",
79
79
  "netlify-cms-lib-widgets": "^1.8.0",
80
80
  "node-sass-utils": "^1.1.3",
81
- "openstack-uicore-foundation": "4.1.59",
81
+ "openstack-uicore-foundation": "4.1.61",
82
82
  "path-browserify": "^1.0.1",
83
83
  "prop-types": "^15.6.0",
84
84
  "react": "^18.2.0",
@@ -120,7 +120,7 @@
120
120
  "stream-browserify": "^3.0.0",
121
121
  "stream-chat": "^2.7.2",
122
122
  "stream-chat-react": "3.1.7",
123
- "summit-registration-lite": "5.0.15",
123
+ "summit-registration-lite": "5.0.16",
124
124
  "superagent": "8.0.9",
125
125
  "sweetalert2": "^9.17.0",
126
126
  "upcoming-events-widget": "3.0.5",
@@ -351,28 +351,30 @@ export const TicketPopupEditDetailsForm = ({
351
351
  }
352
352
 
353
353
  {summit.registration_disclaimer_content &&
354
- <div className="column is-full attendee-info abc-checkbox">
355
- <input
356
- type="checkbox"
357
- id={TicketKeys.disclaimerAccepted}
358
- name={TicketKeys.disclaimerAccepted}
359
- onBlur={formik.handleBlur}
360
- onChange={(e) =>
361
- formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
362
- }
363
- checked={formik.values[TicketKeys.disclaimerAccepted]}
364
- />
365
- <label htmlFor={TicketKeys.disclaimerAccepted}>
366
- {summit.registration_disclaimer_mandatory && <b> *</b>}
367
- </label>
368
- {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
369
- <p className="error-label">{t("ticket_popup.edit_required")}</p>
370
- }
371
- <div className="mt-3">
354
+ <div className="column is-full attendee-info abc-checkbox disclaimer mt-3">
355
+ <div className='input-wrapper'>
356
+ <input
357
+ type="checkbox"
358
+ id={TicketKeys.disclaimerAccepted}
359
+ name={TicketKeys.disclaimerAccepted}
360
+ onBlur={formik.handleBlur}
361
+ onChange={(e) =>
362
+ formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
363
+ }
364
+ checked={formik.values[TicketKeys.disclaimerAccepted]}
365
+ />
366
+ <label htmlFor={TicketKeys.disclaimerAccepted}>
367
+ {summit.registration_disclaimer_mandatory && <b> *</b>}
368
+ </label>
369
+ </div>
370
+ <div>
372
371
  <RawHTML>
373
372
  {summit.registration_disclaimer_content}
374
373
  </RawHTML>
375
374
  </div>
375
+ {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
376
+ <p className="error-label">{t("ticket_popup.edit_required")}</p>
377
+ }
376
378
  </div>
377
379
  }
378
380
  </div>
@@ -4,7 +4,7 @@
4
4
  h4 {
5
5
  font-weight: 700;
6
6
  }
7
- .attendee-info {
7
+ .attendee-info {
8
8
  label {
9
9
  font-weight: 600;
10
10
  b {
@@ -14,7 +14,16 @@
14
14
  u {
15
15
  cursor: pointer;
16
16
  }
17
- }
17
+ &.disclaimer {
18
+ display: grid;
19
+ grid-template-columns: 0fr 14fr;
20
+ grid-template-rows: 1fr;
21
+ gap: 15px;
22
+ .input-wrapper {
23
+ width: 35px;
24
+ }
25
+ }
26
+ }
18
27
  .questions-form {
19
28
  padding-bottom: 2em;
20
29
  }
@@ -53,6 +53,22 @@
53
53
  padding-top: 4px;
54
54
  margin-bottom: 0px;
55
55
  color: var(--color_input_text_color) !important;
56
+ }
57
+ }
58
+ .disclaimer {
59
+ display: grid;
60
+ gap: 15px;
61
+ grid-template-columns: 0fr 14fr;
62
+ grid-template-rows: 1fr;
63
+ align-items: start;
64
+ .input-wrapper {
65
+ width: 35px;
66
+ }
67
+ label {
68
+ position: absolute;
69
+ }
70
+ input[type=checkbox] ~ label {
71
+ padding-left: 10px !important;
56
72
  }
57
73
  }
58
74
  }
@@ -248,8 +248,8 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
248
248
  </>
249
249
  }
250
250
  { summit.registration_disclaimer_content &&
251
- <div className="columns">
252
- <div className={`column ${styles.extraQuestion} abc-checkbox`}>
251
+ <div className={`${styles.disclaimer} columns`}>
252
+ <div className={`column ${styles.extraQuestion} ${styles.inputWrapper} abc-checkbox`}>
253
253
  <input
254
254
  id={TicketKeys.disclaimerAccepted}
255
255
  name={TicketKeys.disclaimerAccepted}
@@ -258,20 +258,20 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
258
258
  onChange={(e) =>
259
259
  formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
260
260
  }
261
- checked={formik.values[TicketKeys.disclaimerAccepted]}
261
+ checked={formik.values[TicketKeys.disclaimerAccepted]}
262
262
  />
263
263
  <label htmlFor={TicketKeys.disclaimerAccepted}>
264
264
  {summit.registration_disclaimer_mandatory && <b> *</b>}
265
- </label>
266
- {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
267
- <p className={styles.errorLabel}>{t("ticket_popup.edit_required")}</p>
268
- }
269
- <div className="mt-3">
270
- <RawHTML>
271
- {summit.registration_disclaimer_content}
272
- </RawHTML>
273
- </div>
265
+ </label>
266
+ </div>
267
+ <div className="mt-3">
268
+ <RawHTML>
269
+ {summit.registration_disclaimer_content}
270
+ </RawHTML>
274
271
  </div>
272
+ {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
273
+ <p className={styles.errorLabel}>{t("ticket_popup.edit_required")}</p>
274
+ }
275
275
  </div>
276
276
  }
277
277
  <button