summit-registration-lite 5.0.12 → 5.0.14

package/README.md

@@ -55,7 +55,7 @@ React component for the summit registration lite widget
 
    **closeWidget**            = method passed that will be called if the user tries to close the widget
 
-   **goToExtraQuestions**     = method passed that will be called by component to redirect to extra questions page
+   **goToExtraQuestions**     = method passed that will be called by component to redirect to extra questions page. Pass attendeeId 
 
    **goToEvent**              = method passed that will be called to redirect the user to the current event
 
@@ -77,9 +77,11 @@ React component for the summit registration lite widget
 
    **companyDDLPlaceholder**  = string for the set the placeholder of the DDL company input
 
-   **logoDark**               = string for custom src for dark theme logo on otp login 
+   **companyDDLOptions2Show** = Maximum number of companies to show on a match of the DDL company input
 
-   **logoLight**              = string for custom src for light theme logo on otp login 
+   **logoDark**               = string for custom src for dark theme logo on otp login
+
+   **logoLight**              = string for custom src for light theme logo on otp login
 
 ## PUBLISH TO NPM:
 

package/dist/index.css

@@ -10,7 +10,7 @@
 
 .form___DoT3x{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{width:48%;margin-bottom:5px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.inputWrapper___CbXhF{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input{width:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___DoT3x div.inputWrapper___CbXhF input:focus-visible{outline:none}.form___DoT3x div.inputWrapper___CbXhF i{position:relative}.form___DoT3x div.inputWrapper___CbXhF>div{width:100%}.form___DoT3x div.inputWrapper___CbXhF>div:first-of-type{width:95%}.form___DoT3x div.fieldError___QrMYW{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___DoT3x div.fieldError___QrMYW::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
 
-.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka div.fieldWrapper___Mi_nL{width:48%;margin-bottom:5px}.form___lDFka div.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;color:var(--color_input_text_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___lDFka div.inputWrapper___PEQFR input:focus-visible{outline:none}.form___lDFka div.inputWrapper___PEQFR .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka div.fieldError___ksJVe{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.ticketQuantityNotice___L6gis{margin:10px 0 0 !important}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
+.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka div.fieldWrapper___Mi_nL{width:48%;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG{width:100%;margin-bottom:10px}.form___lDFka div.fieldWrapperRadio___x18VG label{display:inline-block;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG>div>div{padding-left:0px !important}.form___lDFka div.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;color:var(--color_input_text_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___lDFka div.inputWrapper___PEQFR input:focus-visible{outline:none}.form___lDFka div.inputWrapper___PEQFR .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka div.fieldError___ksJVe{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.form___lDFka .fieldWrapperRadio___x18VG>div{display:flex;flex-direction:row}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.ticketQuantityNotice___L6gis{margin:10px 0 0 !important}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
 
 .title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.promoCode___bqTCw{display:inline-flex}.promoCode___bqTCw abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:10ch}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:red}.taxes___fe8oJ{display:inline-flex}.taxes___fe8oJ abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:15ch}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_input_border_color)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px;padding-right:10px;max-height:150px;overflow-y:auto}
 

package/dist/index.js

@@ -373,7 +373,7 @@ module.exports = require("react");
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"purchase_complete_step":{"title":" Your order is complete","initial_order_complete_1st_paragraph_label":"A ticket has been assigned to you. To complete your additional ticket details, please click the \\"{button}\\" button.","initial_order_complete_button":"Finish Now","order_complete_1st_paragraph_label":"You may visit the \\"My Orders/Tickets\\" tab in the top right-hand corner of the navigation bar to\\n assign/reassign tickets or to complete any required ticket details.","order_complete_button":"View My Orders/Tickets","access_event_button":"Access Event Now","initial_order_footer_label":"If you wish to transfer your assigned ticket, close this window and visit the \\"My Orders/Tickets\\" tab in the top navigation bar. ","footer_assistance_text":"For further assistance, please email <a href=\\"mailto:{supportEmail}\\">{supportEmail}</a>","event_will_start_text":"The event will start on {date} at {time} {time_zone_label}"}}');
+module.exports = JSON.parse('{"purchase_complete_step":{"title":" Your order is complete","initial_order_complete_1st_paragraph_label":"A ticket has been assigned to {attendee}. To complete {adv} additional ticket details, please click the \\"{button}\\" button.","initial_order_complete_button":"Finish Now","order_complete_1st_paragraph_label":"You may visit the \\"My Orders/Tickets\\" tab in the top right-hand corner of the navigation bar to\\n assign/reassign tickets or to complete any required ticket details.","order_complete_button":"View My Orders/Tickets","access_event_button":"Access Event Now","initial_order_footer_label":"If you wish to transfer your assigned ticket, close this window and visit the \\"My Orders/Tickets\\" tab in the top navigation bar. ","footer_assistance_text":"For further assistance, please email <a href=\\"mailto:{supportEmail}\\">{supportEmail}</a>","event_will_start_text":"The event will start on {date} at {time} {time_zone_label}"}}');
 
 /***/ })
 
@@ -736,6 +736,7 @@ function actions_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
 const START_WIDGET_LOADING = 'START_WIDGET_LOADING';
 const STOP_WIDGET_LOADING = 'STOP_WIDGET_LOADING';
 const LOAD_INITIAL_VARS = 'LOAD_INITIAL_VARS';
@@ -879,7 +880,8 @@ const reserveTicket = ({
       lastName,
       email,
       company,
-      promoCode
+      promoCode,
+      attendee
     } = personalInformation;
     dispatch(startWidgetLoading());
     const access_token = await getAccessToken();
@@ -887,6 +889,13 @@ const reserveTicket = ({
       type_id: ticket.id,
       promo_code: promoCode || null
     }));
+
+    if (tickets.length === 1 && attendee) {
+      tickets[0].attendee_first_name = attendee.firstName;
+      tickets[0].attendee_last_name = attendee.lastName;
+      tickets[0].attendee_email = attendee.email;
+    }
+
     let params = {
       access_token,
       expand: 'tickets,tickets.owner,tickets.ticket_type,tickets.ticket_type.taxes'
@@ -1454,6 +1463,10 @@ const VirtualAccessLevel = 'VIRTUAL';
 const DefaultBGColor = '#000000';
 const DefaultTextColor = '#FFFFFF';
 const DefaultHintColor = 'rgb(58, 63, 65)';
+const EMAIL_REGEXP = /(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
+const TICKET_OWNER_MYSELF = 'myself';
+const TICKET_OWNER_SOMEONE = 'someoneElse';
+const TICKET_OWNER_UNASSIGNED = 'unassigned';
 ;// CONCATENATED MODULE: ./src/components/lawpay-form/index.js
 function lawpay_form_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -2128,7 +2141,7 @@ const formatErrorMessage = string => {
 };
 ;// CONCATENATED MODULE: ./src/components/personal-information/index.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","fieldWrapper":"fieldWrapper___Mi_nL","inputWrapper":"inputWrapper___PEQFR","readOnly":"readOnly___WRazF","fieldError":"fieldError___ksJVe","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
+/* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","fieldWrapper":"fieldWrapper___Mi_nL","fieldWrapperRadio":"fieldWrapperRadio___x18VG","inputWrapper":"inputWrapper___PEQFR","readOnly":"readOnly___WRazF","fieldError":"fieldError___ksJVe","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
 ;// CONCATENATED MODULE: ./src/components/personal-information/index.js
 function personal_information_extends() { personal_information_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return personal_information_extends.apply(this, arguments); }
 
@@ -2159,6 +2172,7 @@ function personal_information_defineProperty(obj, key, value) { if (key in obj)
 
 
 
+
 const PersonalInfoComponent = ({
   isActive,
   changeForm,
@@ -2173,10 +2187,26 @@ const PersonalInfoComponent = ({
   allowPromoCodes,
   showCompanyInput = true,
   companyDDLPlaceholder,
-  showCompanyInputDefaultOptions
+  showCompanyInputDefaultOptions,
+  companyDDLOptions2Show
 }) => {
   const initialFirstName = userProfile.given_name || (invitation ? invitation.first_name : '');
   const initialLastName = userProfile.family_name || (invitation ? invitation.last_name : '');
+  const [ticketOwnerOption, setTicketOwnerOption] = (0,external_react_.useState)('');
+  const [ticketOwnerError, setTicketOwnerError] = (0,external_react_.useState)(false); // if there's only one ticket on the order and there is no invitation available, display the radio button to assign the ticket
+
+  const shouldDisplayTicketAssignment = () => formValues.ticketQuantity === 1 && !invitation;
+
+  const radioListOptions = [{
+    label: "Myself",
+    value: TICKET_OWNER_MYSELF
+  }, {
+    label: "Someone Else",
+    value: TICKET_OWNER_SOMEONE
+  }, {
+    label: "Leave Unassigned",
+    value: TICKET_OWNER_UNASSIGNED
+  }];
   const [personalInfo, setPersonalInfo] = (0,external_react_.useState)({
     firstName: initialFirstName,
     lastName: initialLastName,
@@ -2185,12 +2215,19 @@ const PersonalInfoComponent = ({
       id: null,
       name: ''
     },
-    promoCode: ''
+    promoCode: '',
+    attendee: {
+      firstName: '',
+      lastName: '',
+      email: ''
+    }
   });
   const [companyError, setCompanyError] = (0,external_react_.useState)(false);
   const {
     register,
+    reset,
     handleSubmit,
+    getValues,
     formState: {
       errors
     }
@@ -2224,10 +2261,49 @@ const PersonalInfoComponent = ({
       return;
     }
 
+    if (shouldDisplayTicketAssignment()) {
+      if (!ticketOwnerOption) {
+        setTicketOwnerError(true);
+        return;
+      } // if the ticket is for someone else, set the attende with the data from form
+
+
+      const attendeeData = ticketOwnerOption === TICKET_OWNER_SOMEONE ? data.attendee : personalInfo.attendee;
+      data = personal_information_objectSpread(personal_information_objectSpread({}, data), {}, {
+        attendee: attendeeData
+      });
+    }
+
     setPersonalInfo(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), data));
     changeForm(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), data));
   };
 
+  const handleRadioButtonChange = ev => {
+    const {
+      value
+    } = ev.target;
+    setTicketOwnerOption(value);
+    setTicketOwnerError(false);
+    setPersonalInfo(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), {}, {
+      attendee: value === TICKET_OWNER_UNASSIGNED ? null : value === TICKET_OWNER_MYSELF ? {
+        firstName: personalInfo.firstName,
+        lastName: personalInfo.lastName,
+        email: personalInfo.email
+      } : {
+        firstName: '',
+        lastName: '',
+        email: ''
+      }
+    }));
+    reset({
+      attendee: {
+        email: '',
+        firstName: '',
+        lastName: ''
+      }
+    });
+  };
+
   const [ref, {
     height
   }] = (0,external_react_use_namespaceObject.useMeasure)();
@@ -2267,7 +2343,7 @@ const PersonalInfoComponent = ({
     className: `${personal_information_index_module.innerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.title
-  }, /*#__PURE__*/external_react_default().createElement("span", null, "Personal Information"), !isActive && /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/external_react_default().createElement("span", null, "Purchaser Information"), !isActive && /*#__PURE__*/external_react_default().createElement("div", {
     "data-testid": "personal-info"
   }, /*#__PURE__*/external_react_default().createElement("span", null, `${personalInfo.firstName} ${personalInfo.lastName}${personalInfo.company.name ? ` - ${personalInfo.company.name}` : ''}`), /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", null, personalInfo.email))), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
     style: personal_information_objectSpread({
@@ -2290,8 +2366,8 @@ const PersonalInfoComponent = ({
     type: "text",
     placeholder: "First name *",
     defaultValue: personalInfo.firstName || '',
-    readOnly: initialLastName !== '',
-    className: initialLastName !== '' ? personal_information_index_module.readOnly : ''
+    readOnly: initialFirstName !== '',
+    className: initialFirstName !== '' ? personal_information_index_module.readOnly : ''
   }, register("firstName", {
     required: true,
     maxLength: 80
@@ -2354,7 +2430,8 @@ const PersonalInfoComponent = ({
     isClearable: true,
     defaultOptions: showCompanyInputDefaultOptions,
     openMenuOnFocus: showCompanyInputDefaultOptions,
-    openMenuOnClick: showCompanyInputDefaultOptions
+    openMenuOnClick: showCompanyInputDefaultOptions,
+    options2Show: companyDDLOptions2Show
   }), companyError && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldError,
     "data-testid": "company-error"
@@ -2365,7 +2442,64 @@ const PersonalInfoComponent = ({
   }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
     type: "text",
     placeholder: "Promo code"
-  }, register("promoCode")))))), allowPromoCodes && showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
+  }, register("promoCode"))))), shouldDisplayTicketAssignment() && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapperRadio
+  }, /*#__PURE__*/external_react_default().createElement("label", null, "Ticket is for:"), /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RadioList, {
+    id: `ticket-self-radio`,
+    value: ticketOwnerOption,
+    options: radioListOptions,
+    onChange: handleRadioButtonChange,
+    inline: true,
+    html: true
+  }), ticketOwnerError && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "company-error"
+  }, "This field is required."))), ticketOwnerOption === TICKET_OWNER_SOMEONE && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "Email *",
+    defaultValue: personalInfo?.attendee?.email ?? ''
+  }, register("attendee.email", {
+    required: true,
+    pattern: EMAIL_REGEXP
+  }), {
+    "data-testid": "attendee-email"
+  }))), errors.attendee?.email?.type === 'emailRequired' && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "attendee-email-error-required"
+  }, "This field is required."), errors.attendee?.email?.type === 'pattern' && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "attendee-email-error-invalid"
+  }, "The email is invalid.")), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "First name *",
+    defaultValue: personalInfo?.attendee?.firstName ?? ''
+  }, register("attendee.firstName", {
+    required: false,
+    maxLength: 80
+  }), {
+    "data-testid": "attendee-first-name"
+  })))), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "Last name *",
+    defaultValue: personalInfo?.attendee?.lastName ?? ''
+  }, register("attendee.lastName", {
+    required: false,
+    maxLength: 100
+  }), {
+    "data-testid": "attendee-last-name"
+  }))))))), allowPromoCodes && showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: personal_information_index_module.moreInfo,
     "data-tip": true,
     "data-for": "promo-code-info"
@@ -2841,29 +2975,41 @@ const PurchaseComplete = _ref2 => {
   (0,external_react_.useEffect)(() => {
     onPurchaseComplete(checkout);
   }, []);
+  const [requireExtraQuestions, setRequireExtraQuestions] = (0,external_react_.useState)(null);
+  const isMultiOrder = (0,external_react_.useMemo)(() => checkout?.tickets.length > 1, [checkout]);
   const isActive = (0,external_react_.useMemo)(() => summit.start_date <= nowUtc && summit.end_date >= nowUtc, [summit, nowUtc]);
-  const currentUserTicket = (0,external_react_.useMemo)(() => checkout?.tickets.find(t => t?.owner?.email == user?.email), [user]);
-  const requireExtraQuestions = (0,external_react_.useMemo)(() => completedExtraQuestions(checkout), [user]);
+  const currentTicket = (0,external_react_.useMemo)(() => isMultiOrder ? checkout?.tickets.find(t => t?.owner?.email === user?.email) : checkout?.tickets.find(t => t?.owner), [user]);
+  (0,external_react_.useEffect)(() => {
+    completedExtraQuestions(currentTicket?.owner || null).then(res => {
+      setRequireExtraQuestions(res);
+    });
+  }, [currentTicket]);
+
+  const _hasVirtualAccessLevel = hasVirtualAccessLevel || currentTicket && ticketHasAccessLevel(currentTicket, VirtualAccessLevel); // attendeeId is only passed to event-site only if the ticket is for someone else. If not pass it as null to use the default flow
 
-  const _hasVirtualAccessLevel = hasVirtualAccessLevel || currentUserTicket && ticketHasAccessLevel(currentUserTicket, VirtualAccessLevel);
 
+  const attendeeTicket = checkout?.tickets.find(t => t?.owner?.email !== user?.email);
+  const attendeeId = checkout?.tickets.length === 1 ? attendeeTicket?.owner?.id : null;
   const startDateFormatted = {
     date: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('MMMM D'),
     time: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('hh:mm A')
   };
   if (!checkout) return null;
-  let orderCompleteButtonText = currentUserTicket && requireExtraQuestions ? rest.hasOwnProperty('initialOrderCompleteButton') && !isEmptyString(rest.initialOrderCompleteButton) ? rest.initialOrderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.initial_order_complete_button') : rest.hasOwnProperty('orderCompleteButton') && !isEmptyString(rest.orderCompleteButton) ? rest.orderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.order_complete_button');
-  let orderComplete1stParagraph = currentUserTicket ? rest.hasOwnProperty('initialOrderComplete1stParagraph') && typeof rest.initialOrderComplete1stParagraph !== 'undefined' ? rest.initialOrderComplete1stParagraph : external_i18n_react_default().translate('purchase_complete_step.initial_order_complete_1st_paragraph_label', {
+  if (requireExtraQuestions == null) return null;
+  let orderCompleteButtonText = currentTicket && requireExtraQuestions ? rest.hasOwnProperty('initialOrderCompleteButton') && !isEmptyString(rest.initialOrderCompleteButton) && typeof rest.initialOrderCompleteButton !== 'undefined' ? rest.initialOrderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.initial_order_complete_button') : rest.hasOwnProperty('orderCompleteButton') && !isEmptyString(rest.orderCompleteButton) ? rest.orderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.order_complete_button');
+  let orderComplete1stParagraph = currentTicket ? rest.hasOwnProperty('initialOrderComplete1stParagraph') && typeof rest.initialOrderComplete1stParagraph !== 'undefined' ? rest.initialOrderComplete1stParagraph : external_i18n_react_default().translate('purchase_complete_step.initial_order_complete_1st_paragraph_label', {
+    attendee: `${attendeeTicket ? ` ${attendeeTicket.owner.email}` : 'you'}`,
+    adv: `${attendeeTicket ? `${attendeeTicket.owner.email}` : 'your'}`,
     button: orderCompleteButtonText
   }) : rest.hasOwnProperty('orderComplete1stParagraph') && typeof rest.orderComplete1stParagraph !== 'undefined' ? rest.orderComplete1stParagraph : external_i18n_react_default().translate('purchase_complete_step.order_complete_1st_paragraph_label');
-  let orderComplete2ndParagraph = currentUserTicket ? rest.hasOwnProperty('initialOrderComplete2ndParagraph') && typeof rest.initialOrderComplete2ndParagraph !== 'undefined' ? rest.initialOrderComplete2ndParagraph : external_i18n_react_default().translate('purchase_complete_step.initial_order_footer_label') : rest.hasOwnProperty('orderComplete2ndParagraph') && typeof rest.orderComplete2ndParagraph !== 'undefined' ? rest.orderComplete2ndParagraph : '';
+  let orderComplete2ndParagraph = currentTicket ? rest.hasOwnProperty('initialOrderComplete2ndParagraph') && typeof rest.initialOrderComplete2ndParagraph !== 'undefined' ? rest.initialOrderComplete2ndParagraph : external_i18n_react_default().translate('purchase_complete_step.initial_order_footer_label') : rest.hasOwnProperty('orderComplete2ndParagraph') && typeof rest.orderComplete2ndParagraph !== 'undefined' ? rest.orderComplete2ndParagraph : '';
   let footerHasTicketText = `${orderComplete2ndParagraph} ${external_i18n_react_default().translate('purchase_complete_step.footer_assistance_text', {
     supportEmail: `${supportEmail}`
   })}`;
 
   const getCTAButton = () => {
     return /*#__PURE__*/external_react_default().createElement(CTAButton, {
-      cta: currentUserTicket && requireExtraQuestions ? goToExtraQuestions : goToMyOrders,
+      cta: currentTicket && requireExtraQuestions ? () => goToExtraQuestions(attendeeId) : goToMyOrders,
       clear: clearWidgetState,
       close: closeWidget
     }, orderCompleteButtonText);
@@ -2877,7 +3023,7 @@ const PurchaseComplete = _ref2 => {
     className: "fa fa-ticket"
   })), /*#__PURE__*/external_react_default().createElement("span", {
     className: purchase_complete_index_module.complete
-  }, external_i18n_react_default().translate('purchase_complete_step.title')), isActive ? currentUserTicket && requireExtraQuestions ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, orderComplete1stParagraph), getCTAButton()) : _hasVirtualAccessLevel ? /*#__PURE__*/external_react_default().createElement(CTAButton, {
+  }, external_i18n_react_default().translate('purchase_complete_step.title')), isActive ? currentTicket && requireExtraQuestions ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, orderComplete1stParagraph), getCTAButton()) : _hasVirtualAccessLevel ? /*#__PURE__*/external_react_default().createElement(CTAButton, {
     cta: goToEvent,
     clear: clearWidgetState,
     close: closeWidget
@@ -3004,7 +3150,7 @@ const TicketTaxesError = ({
 
 /* harmony default export */ const ticket_taxes_error = (TicketTaxesError);
 ;// CONCATENATED MODULE: ./src/components/registration-lite.js
-const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypesAndTaxes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToMyOrders", "goToEvent", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "showCompanyInput", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel", "logoLight", "logoDark", "showCompanyInputDefaultOptions"];
+const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypesAndTaxes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToMyOrders", "goToEvent", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "showCompanyInput", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel", "logoLight", "logoDark", "showCompanyInputDefaultOptions", "companyDDLOptions2Show"];
 
 function registration_lite_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -3128,7 +3274,8 @@ const RegistrationLite = _ref => {
     hasVirtualAccessLevel,
     logoLight,
     logoDark,
-    showCompanyInputDefaultOptions
+    showCompanyInputDefaultOptions,
+    companyDDLOptions2Show
   } = _ref,
       rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
 
@@ -3340,7 +3487,8 @@ const RegistrationLite = _ref => {
     allowPromoCodes: allowPromoCodes,
     showCompanyInput: showCompanyInput,
     companyDDLPlaceholder: companyDDLPlaceholder,
-    showCompanyInputDefaultOptions: showCompanyInputDefaultOptions
+    showCompanyInputDefaultOptions: showCompanyInputDefaultOptions,
+    companyDDLOptions2Show: companyDDLOptions2Show
   }), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
     style: registration_lite_objectSpread({}, toggleAnimation)
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -3415,7 +3563,8 @@ RegistrationLite.defaultProps = {
   },
   hasVirtualAccessLevel: false,
   supportEmail: 'support@fntech.com',
-  showCompanyInputDefaultOptions: false
+  showCompanyInputDefaultOptions: false,
+  companyDDLOptions2Show: 25
 };
 RegistrationLite.propTypes = {
   loginInitialEmailInputValue: (external_prop_types_default()).string,
@@ -3434,7 +3583,8 @@ RegistrationLite.propTypes = {
   orderComplete1stParagraph: (external_prop_types_default()).string,
   orderComplete2ndParagraph: (external_prop_types_default()).string,
   orderCompleteButton: (external_prop_types_default()).string,
-  showCompanyInputDefaultOptions: (external_prop_types_default()).bool
+  showCompanyInputDefaultOptions: (external_prop_types_default()).bool,
+  companyDDLOptions2Show: (external_prop_types_default()).number
 };
 /* harmony default export */ const registration_lite = ((0,external_react_redux_namespaceObject.connect)(mapStateToProps, {
   loadSession: loadSession,
@@ -3468,7 +3618,9 @@ RegistrationLite.propTypes = {
 
 
 
+ // Access token is required to fetch registration company input. For standalone widget use
 
+if (false) {}
 
 class RegistrationLiteWidget extends (external_react_default()).PureComponent {
   constructor(props) {