@openeventkit/event-site 2.0.80 → 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.
Files changed (7) hide show
  1. package/package.json +3 -3
  2. package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupEditDetailsForm/TicketPopupEditDetailsForm.js +25 -26
  3. package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupEditDetailsForm/ticket-popup-edit-details-form.scss +11 -2
  4. package/src/content/site-settings/index.json +16 -1
  5. package/src/content/sponsors.json +1 -1
  6. package/src/styles/extra-questions.module.scss +16 -0
  7. package/src/templates/extra-questions-page.js +17 -20
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.80",
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.57",
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",
package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupEditDetailsForm/TicketPopupEditDetailsForm.js CHANGED
@@ -149,7 +149,7 @@ export const TicketPopupEditDetailsForm = ({
149
149
 
150
150
  const scrollToError = (error) => document.querySelector(`label[for="${error}"]`).scrollIntoView(ScrollBehaviour);
151
151
 
152
- const validateForm = (knownErrorRef = null) => {
152
+ const validateForm = (errorId = null) => {
153
153
  // Validate the formik form
154
154
  formik.validateForm().then((errors) => {
155
155
  const errorKeys = Object.keys(errors);
@@ -159,11 +159,8 @@ export const TicketPopupEditDetailsForm = ({
159
159
  return;
160
160
  }
161
161
  // extra question
162
- if (knownErrorRef) {
163
- knownErrorRef.scrollIntoView({
164
- behavior: 'smooth',
165
- block: 'center',
166
- });
162
+ if (errorId) {
163
+ formRef.current.scroll2QuestionById(errorId);
167
164
  return;
168
165
  }
169
166
  // disclaimer
@@ -187,8 +184,8 @@ export const TicketPopupEditDetailsForm = ({
187
184
  validateForm();
188
185
  };
189
186
 
190
- const handleExtraQuestionError = (_, errorRef) => {
191
- validateForm(errorRef);
187
+ const handleExtraQuestionError = (errors, ref, errorId) => {
188
+ validateForm(errorId);
192
189
  }
193
190
 
194
191
  const onExtraQuestionsAnswersSet = (answersForm) => {
@@ -354,28 +351,30 @@ export const TicketPopupEditDetailsForm = ({
354
351
  }
355
352
 
356
353
  {summit.registration_disclaimer_content &&
357
- <div className="column is-full attendee-info abc-checkbox">
358
- <input
359
- type="checkbox"
360
- id={TicketKeys.disclaimerAccepted}
361
- name={TicketKeys.disclaimerAccepted}
362
- onBlur={formik.handleBlur}
363
- onChange={(e) =>
364
- formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
365
- }
366
- checked={formik.values[TicketKeys.disclaimerAccepted]}
367
- />
368
- <label htmlFor={TicketKeys.disclaimerAccepted}>
369
- {summit.registration_disclaimer_mandatory && <b> *</b>}
370
- </label>
371
- {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
372
- <p className="error-label">{t("ticket_popup.edit_required")}</p>
373
- }
374
- <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>
375
371
  <RawHTML>
376
372
  {summit.registration_disclaimer_content}
377
373
  </RawHTML>
378
374
  </div>
375
+ {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
376
+ <p className="error-label">{t("ticket_popup.edit_required")}</p>
377
+ }
379
378
  </div>
380
379
  }
381
380
  </div>
package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupEditDetailsForm/ticket-popup-edit-details-form.scss CHANGED
@@ -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
  }
package/src/content/site-settings/index.json CHANGED
@@ -1 +1,16 @@
1
- {"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"favicon":{"asset":"icon.png"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1701469138106},{"file":"src/data/events.json","build_time":1701469139680},{"file":"src/data/events.idx.json","build_time":1701469139682},{"file":"src/data/speakers.json","build_time":1701469140132},{"file":"src/data/speakers.idx.json","build_time":1701469140132},{"file":"src/content/sponsors.json","build_time":1701469140775},{"file":"src/data/voteable-presentations.json","build_time":1701469141157}],"lastBuild":1701469141157}
1
+ {
2
+ "widgets": {
3
+ "chat": {
4
+ "enabled": true,
5
+ "showQA": false,
6
+ "showHelp": false,
7
+ "defaultScope": "page"
8
+ },
9
+ "schedule": {
10
+ "allowClick": true
11
+ }
12
+ },
13
+ "favicon": {
14
+ "asset": "icon.png"
15
+ }
16
+ }
package/src/content/sponsors.json CHANGED
@@ -1 +1 @@
1
- []
1
+ [{"id":228,"created":1691602669,"last_edited":1691602669,"order":1,"summit_id":49,"is_published":false,"side_image":null,"header_image":null,"header_image_mobile":null,"carousel_advertise_image":null,"marquee":"","intro":"","external_link":"","video_link":"","chat_link":"","featured_event_id":0,"header_image_alt_text":"","side_image_alt_text":"","header_image_mobile_alt_text":"","carousel_advertise_image_alt_text":"","show_logo_in_event_page":true,"members":[90654],"company":{"id":3,"created":1580138376,"last_edited":1580138376,"name":"Tipit , LLC","url":null,"display_on_site":false,"featured":false,"city":null,"state":null,"country":null,"description":null,"industry":null,"contributions":null,"contact_email":null,"member_level":"None","admin_email":null,"overview":null,"products":null,"commitment":null,"commitment_author":null,"logo":null,"big_logo":null,"color":"#f0f0ee","sponsorships":[616],"project_sponsorships":[]},"sponsorship":{"id":2048,"widget_title":"","lobby_template":null,"expo_hall_template":null,"sponsor_page_template":null,"event_page_template":null,"sponsor_page_use_disqus_widget":false,"sponsor_page_use_live_event_widget":false,"sponsor_page_use_schedule_widget":false,"sponsor_page_use_banner_widget":false,"badge_image":null,"badge_image_alt_text":"","summit_id":49,"order":1,"should_display_on_expo_hall_page":false,"should_display_on_lobby_page":false,"type":{"id":3,"created":1579890943,"last_edited":1579890943,"name":"Gold","label":"not sure??","order":3,"size":"Medium"}},"ads":[],"materials":[],"social_networks":[]}]
package/src/styles/extra-questions.module.scss CHANGED
@@ -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
  }
package/src/templates/extra-questions-page.js CHANGED
@@ -88,7 +88,7 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
88
88
 
89
89
  const scrollToError = (error) => document.querySelector(`label[for="${error}"]`).scrollIntoView(ScrollBehaviour);
90
90
 
91
- const validateForm = (knownErrorRef = null) => {
91
+ const validateForm = (errorId = null) => {
92
92
  // Validate the formik form
93
93
  formik.validateForm().then((errors) => {
94
94
  const errorKeys = Object.keys(errors);
@@ -98,11 +98,8 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
98
98
  return;
99
99
  }
100
100
  // extra question
101
- if (knownErrorRef) {
102
- knownErrorRef.scrollIntoView({
103
- behavior: 'smooth',
104
- block: 'center',
105
- });
101
+ if (errorId) {
102
+ formRef.current.scroll2QuestionById(errorId);
106
103
  return;
107
104
  }
108
105
  // disclaimer
@@ -126,8 +123,8 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
126
123
  validateForm();
127
124
  };
128
125
 
129
- const handleExtraQuestionError = (_, errorRef) => {
130
- validateForm(errorRef);
126
+ const handleExtraQuestionError = (errors, ref, errorId) => {
127
+ validateForm(errorId);
131
128
  }
132
129
 
133
130
  const onExtraQuestionsAnswersSet = (answersForm) => {
@@ -251,8 +248,8 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
251
248
  </>
252
249
  }
253
250
  { summit.registration_disclaimer_content &&
254
- <div className="columns">
255
- <div className={`column ${styles.extraQuestion} abc-checkbox`}>
251
+ <div className={`${styles.disclaimer} columns`}>
252
+ <div className={`column ${styles.extraQuestion} ${styles.inputWrapper} abc-checkbox`}>
256
253
  <input
257
254
  id={TicketKeys.disclaimerAccepted}
258
255
  name={TicketKeys.disclaimerAccepted}
@@ -261,20 +258,20 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, atten
261
258
  onChange={(e) =>
262
259
  formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
263
260
  }
264
- checked={formik.values[TicketKeys.disclaimerAccepted]}
261
+ checked={formik.values[TicketKeys.disclaimerAccepted]}
265
262
  />
266
263
  <label htmlFor={TicketKeys.disclaimerAccepted}>
267
264
  {summit.registration_disclaimer_mandatory && <b> *</b>}
268
- </label>
269
- {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
270
- <p className={styles.errorLabel}>{t("ticket_popup.edit_required")}</p>
271
- }
272
- <div className="mt-3">
273
- <RawHTML>
274
- {summit.registration_disclaimer_content}
275
- </RawHTML>
276
- </div>
265
+ </label>
266
+ </div>
267
+ <div className="mt-3">
268
+ <RawHTML>
269
+ {summit.registration_disclaimer_content}
270
+ </RawHTML>
277
271
  </div>
272
+ {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
273
+ <p className={styles.errorLabel}>{t("ticket_popup.edit_required")}</p>
274
+ }
278
275
  </div>
279
276
  }
280
277
  <button