summit-registration-lite 6.0.5-beta.1 → 6.0.6

package/dist/index.js

@@ -1549,7 +1549,9 @@ const reserveTicket = ({
 
     let params = {
       access_token,
-      expand: 'tickets,tickets.owner,tickets.ticket_type,tickets.ticket_type.taxes'
+      fields: "owner_first_name,owner_last_name,owner_email,owner_company,summit_id,id,currency,amount_in_cents,amount,raw_amount_in_cents,discount_amount,discount_amount_in_cents,hash,payment_gateway_client_token,status,payment_method,promo_code,taxes_amount,applied_taxes.id,applied_taxes.name,applied_taxes.amount,tickets.id,tickets.ticket_type_id",
+      relations: "tickets,tickets.none,applied_taxes",
+      expand: 'tickets,applied_taxes'
     };
     const normalizedEntity = normalizeReservation({
       owner_email: email,
@@ -2868,6 +2870,9 @@ const PaymentComponent = ({
 };
 
 /* harmony default export */ const payment = (PaymentComponent);
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components/inputs/company-input-v2"
+const company_input_v2_namespaceObject = require("openstack-uicore-foundation/lib/components/inputs/company-input-v2");
+var company_input_v2_default = /*#__PURE__*/__webpack_require__.n(company_input_v2_namespaceObject);
 // EXTERNAL MODULE: ./src/helpers/index.js + 1 modules
 var helpers = __webpack_require__(499);
 ;// CONCATENATED MODULE: ./src/components/personal-information/index.module.scss
@@ -2904,6 +2909,7 @@ function personal_information_defineProperty(obj, key, value) { if (key in obj)
 
 
 
+
 const PersonalInfoComponent = ({
   isActive,
   changeForm,
@@ -3049,21 +3055,34 @@ const PersonalInfoComponent = ({
     }
   });
   const customStyles = {
-    control: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
-      minHeight: '36px',
-      height: '36px'
-    }),
-    menuList: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
-      maxHeight: '120px'
-    }),
-    placeholder: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
-      fontSize: '12px',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      width: '95%',
-      paddingRight: '10px'
-    })
+    height: 36,
+    "& .MuiFormControl-root": {
+      marginTop: 0,
+      marginBottom: 0
+    },
+    "& .MuiOutlinedInput-root": {
+      height: 36,
+      boxSizing: "border-box"
+    },
+    "& .MuiOutlinedInput-input": {
+      height: "100%",
+      lineHeight: 36,
+      boxSizing: "border-box",
+      fontSize: 16
+    },
+    "& .MuiOutlinedInput-input::placeholder": {
+      fontSize: 14
+    },
+    "& .MuiAutocomplete-option": {
+      fontSize: 16
+    },
+    "& .MuiAutocomplete-listbox": {
+      maxHeight: 120
+    },
+    "& .MuiInputLabel-root:not(.MuiInputLabel-shrink)": {
+      transform: "translate(12px, 10px)",
+      fontSize: 14
+    }
   };
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: `${personal_information_index_module.outerWrapper} step-wrapper`
@@ -3145,21 +3164,26 @@ const PersonalInfoComponent = ({
     "data-testid": "email-error-invalid"
   }, "The email is invalid.")), showCompanyInput && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldWrapper
-  }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
+  }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement((company_input_v2_default()), {
     id: "reg-comp-input",
     name: "reg-comp-input",
     "data-testid": "company",
-    styles: customStyles,
+    sx: customStyles,
     summitId: summitId,
     onChange: onCompanyChange,
     onError: handleCompanyError,
     value: personalInfo.company,
     placeholder: companyDDLPlaceholder,
-    isClearable: true,
-    defaultOptions: showCompanyInputDefaultOptions,
-    openMenuOnFocus: showCompanyInputDefaultOptions,
-    openMenuOnClick: showCompanyInputDefaultOptions,
-    options2Show: companyDDLOptions2Show
+    options2Show: companyDDLOptions2Show,
+    disableShrink: true,
+    label: null,
+    ListboxProps: {
+      sx: {
+        '& li.MuiAutocomplete-option': {
+          fontSize: '16px'
+        }
+      }
+    }
   }), companyError && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldError,
     "data-testid": "company-error"
@@ -4168,8 +4192,8 @@ const RegistrationLite = _ref => {
     },
     errors: []
   });
-  const [ticketTaxesError, setTicketTaxesError] = (0,external_react_.useState)(false);
-  const [ticketTaxesLoaded, setTicketTaxesLoaded] = (0,external_react_.useState)(false);
+  const [ticketDataError, setTicketDataError] = (0,external_react_.useState)(false);
+  const [ticketDataLoaded, setTicketDataLoaded] = (0,external_react_.useState)(false);
   const {
     values: formValues,
     errors: formErrors
@@ -4187,9 +4211,9 @@ const RegistrationLite = _ref => {
     publicKey,
     provider
   } = (0,utils/* getCurrentProvider */.U5)(summitData);
-  const allowedTicketTypes = ticketTaxesLoaded ? ticketTypes.filter(tt => tt.sub_type === constants.TICKET_TYPE_SUBTYPE_PREPAID || tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date) : [];
-  const noAvailableTickets = (0,external_react_.useMemo)(() => profileData && ticketTaxesLoaded && !ticketTaxesError && allowedTicketTypes.length === 0 && step !== constants.STEP_COMPLETE, [allowedTicketTypes]);
-  const alreadyOwnedTickets = (0,external_react_.useMemo)(() => profileData && ticketTaxesLoaded && !ticketTaxesError && allowedTicketTypes.length > 0 && ownedTickets.length > 0, [ownedTickets, allowedTicketTypes]);
+  const allowedTicketTypes = ticketDataLoaded ? ticketTypes.filter(tt => tt.sub_type === constants.TICKET_TYPE_SUBTYPE_PREPAID || tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date) : [];
+  const noAvailableTickets = (0,external_react_.useMemo)(() => profileData && ticketDataLoaded && !ticketDataError && allowedTicketTypes.length === 0 && step !== constants.STEP_COMPLETE, [allowedTicketTypes]);
+  const alreadyOwnedTickets = (0,external_react_.useMemo)(() => profileData && ticketDataLoaded && !ticketDataError && allowedTicketTypes.length > 0 && ownedTickets.length > 0, [ownedTickets, allowedTicketTypes]);
   (0,external_react_.useEffect)(() => {
     if (profileData) loadProfileData(profileData);
   }, [profileData]); // just initial load ( once )
@@ -4206,7 +4230,10 @@ const RegistrationLite = _ref => {
   }, []);
   (0,external_react_.useEffect)(() => {
     if (summitData && profileData) {
-      getMyInvitation(summitData.id).catch(e => console.log(e)).finally(() => handleGetTicketTypesAndTaxes(summitData.id));
+      const ensureInvitation = () => summitData.invite_only_registration ? getMyInvitation(summitData.id) : Promise.resolve(); // no-op when not invite-only
+
+
+      ensureInvitation().catch(e => console.log(e)).finally(() => handleGetTicketTypesAndTaxes(summitData.id));
     }
   }, [summitData, profileData]);
   (0,external_react_.useEffect)(() => {
@@ -4254,8 +4281,8 @@ const RegistrationLite = _ref => {
   };
 
   const handleGetTicketTypesAndTaxes = summitId => {
-    setTicketTaxesError(false);
-    setTicketTaxesLoaded(false);
+    setTicketDataError(false);
+    setTicketDataLoaded(false);
     getTicketTypesAndTaxes(summitId).then().catch(error => {
       let {
         message
@@ -4267,9 +4294,9 @@ const RegistrationLite = _ref => {
         return authErrorCallback(error);
       }
 
-      setTicketTaxesError(true);
+      setTicketDataError(true);
     }).finally(() => {
-      setTicketTaxesLoaded(true);
+      setTicketDataLoaded(true);
     });
   };
 
@@ -4301,11 +4328,12 @@ const RegistrationLite = _ref => {
     trackEvent(constants.PURCHASE_COMPLETE, {
       order
     });
-  }; // if we dont have yet ticket types and we didnt requested so far for them but we are already logged in
-  // just dont render
+  }; // If user is logged in but ticket data hasn't loaded yet (and no error occurred),
+  // don't render to avoid flash. Uses local state instead of Redux to prevent
+  // race conditions with redux-persist rehydration.
 
 
-  if (ticketTypes.length === 0 && !requestedTicketTypes && profileData) return null;
+  if (profileData && !ticketDataLoaded && !ticketDataError) return null;
   return /*#__PURE__*/external_react_default().createElement("div", {
     id: `${general_module.modal}`,
     className: "modal is-active"
@@ -4331,12 +4359,12 @@ const RegistrationLite = _ref => {
     className: "fa fa-close",
     "aria-label": "close",
     onClick: handleCloseClick
-  })), profileData && ticketTaxesError && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
+  })), profileData && ticketDataError && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
     ticketTaxesErrorMessage: ticketTaxesErrorMessage,
     retryTicketTaxes: () => handleGetTicketTypesAndTaxes(summitData?.id)
   }), noAvailableTickets && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
     noAllowedTicketsMessage: noAllowedTicketsMessage
-  }), !ticketTaxesError && /*#__PURE__*/external_react_default().createElement("div", {
+  }), !ticketDataError && /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
   }, !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login["default"], {
     summitData: summitData,
@@ -4459,7 +4487,7 @@ const RegistrationLite = _ref => {
     orderComplete1stParagraph: rest.orderComplete1stParagraph,
     orderComplete2ndParagraph: rest.orderComplete2ndParagraph,
     orderCompleteButton: rest.orderCompleteButton
-  })), !ticketTaxesError && profileData && step !== constants.STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement(button_bar, {
+  })), !ticketDataError && profileData && step !== constants.STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement(button_bar, {
     step: step,
     inPersonDisclaimer: inPersonDisclaimer,
     formValues: formValues,
@@ -4500,7 +4528,7 @@ RegistrationLite.defaultProps = {
   noAllowedTicketsMessage: '<span>You already have purchased all available tickets for this event and/or there are no tickets available for you to purchase.</span><br/><span><a href="/a/my-tickets">Visit the my orders / my tickets page</a> to review your existing tickets.</span>',
   ticketTaxesErrorMessage: '<span>There was an error getting the information for the tickets. Please try it again.</span>',
   allowPromoCodes: true,
-  companyDDLPlaceholder: 'Type to select company',
+  companyDDLPlaceholder: 'Company',
   authErrorCallback: error => {
     console.log(error);
   },