summit-registration-lite 1.0.77 → 1.0.80

package/README.md

@@ -42,6 +42,8 @@ React component for the summit registration lite widget
    **loginWithCode**          = method passed that will be called when the user tries to login with a code
 
    **onPurchaseComplete**     = method passed that will be called after the purchase of a ticket it's completed
+
+   **handleCompanyError**     = method passed that will be called if the company dropdown can't be fetched
    
 
 ## PUBLISH TO NPM:

package/dist/index.css

@@ -78,7 +78,10 @@ input {
   line-height: 1.4; }
 
 .loginCode___1tdoI {
-  margin-top: 20px; }
+  margin-bottom: 10px;
+  font-size: 16px; }
+  .loginCode___1tdoI > div {
+    margin-top: 10px; }
   .loginCode___1tdoI span {
     display: inline-block;
     font-weight: normal;
@@ -232,9 +235,9 @@ input {
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 10px 0; }
-  .form___3v5vW div {
+  .form___3v5vW > div {
     width: 48%; }
-    .form___3v5vW div input {
+    .form___3v5vW > div input {
       width: 100%;
       border-radius: 5px;
       border: 1px solid var(--color_primary);
@@ -244,16 +247,44 @@ input {
       justify-content: space-between;
       align-items: center;
       font-size: 15px; }
-      .form___3v5vW div input::placeholder {
+      .form___3v5vW > div input::placeholder {
         color: var(--color_text_input_hints); }
-    .form___3v5vW div .readOnly___GTMgw {
+    .form___3v5vW > div .readOnly___GTMgw {
       opacity: 0.6;
       cursor: default; }
-    .form___3v5vW div span {
+    .form___3v5vW > div span {
       display: inline-block;
       color: #e5424d; }
-    .form___3v5vW div > :last-child {
+    .form___3v5vW > div > :last-child {
       margin-bottom: 5px; }
+  .form___3v5vW .companies___EjHEl {
+    width: 48%; }
+    .form___3v5vW .companies___EjHEl > div {
+      position: relative;
+      width: 100%;
+      border-radius: 5px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 15px; }
+      .form___3v5vW .companies___EjHEl > div::placeholder {
+        color: var(--color_text_input_hints); }
+      .form___3v5vW .companies___EjHEl > div > div {
+        height: 100%;
+        width: 100%; }
+        .form___3v5vW .companies___EjHEl > div > div > div {
+          height: 36px;
+          padding: 0px;
+          border: 1px solid var(--color_primary); }
+          .form___3v5vW .companies___EjHEl > div > div > div > div {
+            height: 36px; }
+      .form___3v5vW .companies___EjHEl > div input {
+        padding: 5px;
+        border: 1px solid var(--color_primary);
+        padding-right: 0px !important;
+        background-color: transparent; }
+      .form___3v5vW .companies___EjHEl > div i {
+        right: 10px !important; }
 
 .title___3SYkl {
   font-weight: bold;

package/dist/index.js

@@ -154,62 +154,62 @@ module.exports = require("react-use");
 
 /***/ }),
 /* 9 */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("react-redux");
+// extracted by mini-css-extract-plugin
+module.exports = {"title":"title___3ZHGA","form":"form___3v5vW","readOnly":"readOnly___GTMgw","companies":"companies___EjHEl"};
 
 /***/ }),
 /* 10 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
-module.exports = {"outerWrapper":"outerWrapper___Ctsl4","innerWrapper":"innerWrapper___HgUWp","title":"title___2V7rZ"};
+module.exports = require("react-redux");
 
 /***/ }),
 /* 11 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
-module.exports = {"loginWrapper":"loginWrapper___29UY5","innerWrapper":"innerWrapper___3ls8s","button":"button___XnwyV","loginCode":"loginCode___1tdoI","input":"input___2qKqP"};
+module.exports = require("openstack-uicore-foundation/lib/components");
 
 /***/ }),
 /* 12 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"form":"form___29UFw","fieldWrapper":"fieldWrapper___16TrJ"};
+module.exports = {"outerWrapper":"outerWrapper___Ctsl4","innerWrapper":"innerWrapper___HgUWp","title":"title___2V7rZ"};
 
 /***/ }),
 /* 13 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"title":"title___3ZHGA","form":"form___3v5vW","readOnly":"readOnly___GTMgw"};
+module.exports = {"loginWrapper":"loginWrapper___29UY5","innerWrapper":"innerWrapper___3ls8s","button":"button___XnwyV","loginCode":"loginCode___1tdoI","input":"input___2qKqP"};
 
 /***/ }),
 /* 14 */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("prop-types");
+// extracted by mini-css-extract-plugin
+module.exports = {"form":"form___29UFw","fieldWrapper":"fieldWrapper___16TrJ"};
 
 /***/ }),
 /* 15 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
-module.exports = {"wrapper":"wrapper___3G9ab","circle":"circle___2EnTU","complete":"complete___P-4ft"};
+module.exports = require("prop-types");
 
 /***/ }),
 /* 16 */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("sweetalert2");
+// extracted by mini-css-extract-plugin
+module.exports = {"wrapper":"wrapper___3G9ab","circle":"circle___2EnTU","complete":"complete___P-4ft"};
 
 /***/ }),
 /* 17 */
 /***/ (function(module, exports) {
 
-module.exports = require("openstack-uicore-foundation/lib/components");
+module.exports = require("sweetalert2");
 
 /***/ }),
 /* 18 */
@@ -292,7 +292,7 @@ var external_react_ = __webpack_require__(0);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "react-redux"
-var external_react_redux_ = __webpack_require__(9);
+var external_react_redux_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "redux"
 var external_redux_ = __webpack_require__(18);
@@ -312,10 +312,16 @@ var storage_default = /*#__PURE__*/__webpack_require__.n(storage_);
 var methods_ = __webpack_require__(1);
 
 // EXTERNAL MODULE: external "sweetalert2"
-var external_sweetalert2_ = __webpack_require__(16);
+var external_sweetalert2_ = __webpack_require__(17);
 var external_sweetalert2_default = /*#__PURE__*/__webpack_require__.n(external_sweetalert2_);
 
 // CONCATENATED MODULE: ./src/actions.js
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Copyright 2020 OpenStack Foundation
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -421,7 +427,7 @@ const actions_reserveTicket = (personalInformation, ticket) => async (dispatch,
     access_token,
     expand: 'tickets,tickets.owner,tickets.ticket_type,tickets.ticket_type.taxes'
   };
-  let normalizedEntity = {
+  let normalizedEntity = normalizeReservation({
     owner_email: email,
     owner_first_name: firstName,
     owner_last_name: lastName,
@@ -433,7 +439,7 @@ const actions_reserveTicket = (personalInformation, ticket) => async (dispatch,
       attendee_last_name: lastName,
       attendee_email: email
     }]
-  };
+  });
   return Object(methods_["postRequest"])(Object(methods_["createAction"])(CREATE_RESERVATION), Object(methods_["createAction"])(CREATE_RESERVATION_SUCCESS), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/reserve`, normalizedEntity, methods_["authErrorHandler"] // entity
   )(params)(dispatch).then(payload => {
     dispatch(stopWidgetLoading());
@@ -613,12 +619,25 @@ const isInPersonTicketType = ticketType => {
 
   return false;
 };
+
+const normalizeReservation = entity => {
+  const normalizedEntity = _objectSpread({}, entity);
+
+  if (!entity.owner_company.id) {
+    normalizedEntity['owner_company'] = entity.owner_company.name;
+  } else {
+    delete normalizedEntity['owner_company'];
+    normalizedEntity['owner_company_id'] = entity.owner_company.id;
+  }
+
+  return normalizedEntity;
+};
 // CONCATENATED MODULE: ./src/reducer.js
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function reducer_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { reducer_ownKeys(Object(source), true).forEach(function (key) { reducer_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /**
  * Copyright 2020 OpenStack Foundation
@@ -663,14 +682,14 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
   switch (type) {
     case START_WIDGET_LOADING:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           widgetLoading: true
         });
       }
 
     case STOP_WIDGET_LOADING:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           widgetLoading: false
         });
       }
@@ -688,11 +707,11 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
           document.documentElement.style.setProperty(`--${setting}50`, `${marketingData[setting]}50`);
         }
       });
-      return _objectSpread(_objectSpread({}, state), {}, {
+      return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
         reservation: null,
         checkout: null,
-        passwordless: _objectSpread({}, DEFAULT_STATE.passwordless),
-        settings: _objectSpread(_objectSpread({}, DEFAULT_STATE.settings), {}, {
+        passwordless: reducer_objectSpread({}, DEFAULT_STATE.passwordless),
+        settings: reducer_objectSpread(reducer_objectSpread({}, DEFAULT_STATE.settings), {}, {
           marketingData: marketingData,
           summitId: summitData.id,
           userProfile: profileData,
@@ -702,29 +721,29 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
 
     case CHANGE_STEP:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           step: payload
         });
       }
 
     case GET_TICKET_TYPES:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           ticketTypes: payload.response.data
         });
       }
 
     case GET_TAX_TYPES:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           taxTypes: payload.response.data
         });
       }
 
     case GO_TO_LOGIN:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          passwordless: _objectSpread(_objectSpread({}, state.passwordless), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
             code_sent: false,
             error: false
           })
@@ -733,8 +752,8 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
 
     case SET_PASSWORDLESS_LOGIN:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          passwordless: _objectSpread(_objectSpread({}, state.passwordless), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
             email: payload,
             error: false
           })
@@ -746,8 +765,8 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
         const {
           otp_length
         } = payload;
-        return _objectSpread(_objectSpread({}, state), {}, {
-          passwordless: _objectSpread(_objectSpread({}, state.passwordless), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
             otp_length,
             code_sent: true,
             error: false
@@ -757,8 +776,8 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
 
     case SET_PASSWORDLESS_ERROR:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          passwordless: _objectSpread(_objectSpread({}, state.passwordless), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
             error: true
           })
         });
@@ -767,26 +786,26 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
     case CREATE_RESERVATION_SUCCESS:
       {
         const reservation = payload.response;
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           reservation
         });
       }
 
     case DELETE_RESERVATION_SUCCESS:
-      return _objectSpread(_objectSpread({}, state), {}, {
+      return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
         reservation: null
       });
 
     case CLEAR_RESERVATION:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           reservation: null
         });
       }
 
     case PAY_RESERVATION:
       {
-        return _objectSpread(_objectSpread({}, state), {}, {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           checkout: payload.response,
           reservation: null,
           userProfile: null
@@ -857,20 +876,20 @@ var external_react_spring_ = __webpack_require__(2);
 var external_react_use_ = __webpack_require__(8);
 
 // EXTERNAL MODULE: external "openstack-uicore-foundation/lib/components"
-var components_ = __webpack_require__(17);
+var components_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@stripe/stripe-js"
 var stripe_js_ = __webpack_require__(25);
 
 // EXTERNAL MODULE: ./src/styles/general.module.scss
-var general_module = __webpack_require__(10);
+var general_module = __webpack_require__(12);
 var general_module_default = /*#__PURE__*/__webpack_require__.n(general_module);
 
 // EXTERNAL MODULE: ./src/styles/styles.scss
 var styles = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./src/components/login/index.module.scss
-var index_module = __webpack_require__(11);
+var index_module = __webpack_require__(13);
 var index_module_default = /*#__PURE__*/__webpack_require__.n(index_module);
 
 // CONCATENATED MODULE: ./src/components/login/index.js
@@ -916,23 +935,9 @@ const LoginComponent = ({
     className: `${index_module_default.a.loginWrapper} step-wrapper`
   }, /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement("div", {
     className: `${index_module_default.a.innerWrapper}`
-  }, /*#__PURE__*/external_react_default.a.createElement("span", null, "Log in with one of the following"), options.map((o, index) => {
-    return /*#__PURE__*/external_react_default.a.createElement("div", {
-      className: `${index_module_default.a.button}`,
-      key: `provider-${o.provider_param ? o.provider_param : 'fnid'}`,
-      "data-testid": "login-button",
-      style: {
-        color: o.button_border_color ? o.button_border_color : '#ffffff',
-        border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,
-        backgroundColor: o.button_color,
-        backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',
-        backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''
-      },
-      onClick: () => login(o.provider_param)
-    }, o.provider_label);
-  }), /*#__PURE__*/external_react_default.a.createElement("div", {
+  }, /*#__PURE__*/external_react_default.a.createElement("div", {
     className: index_module_default.a.loginCode
-  }, "or get a login code emailed to you", /*#__PURE__*/external_react_default.a.createElement("div", {
+  }, "Enter your email address to login or signup:", /*#__PURE__*/external_react_default.a.createElement("div", {
     className: index_module_default.a.input
   }, /*#__PURE__*/external_react_default.a.createElement("input", {
     placeholder: "youremail@example.com",
@@ -945,12 +950,26 @@ const LoginComponent = ({
     "data-testid": "email-button"
   }, ">"), /*#__PURE__*/external_react_default.a.createElement("br", null)), emailError && /*#__PURE__*/external_react_default.a.createElement("span", {
     "data-testid": "email-error"
-  }, "Please enter a valid email adress")))));
+  }, "Please enter a valid email adress")), /*#__PURE__*/external_react_default.a.createElement("span", null, "Or you may signup or login with a social provider:"), options.map((o, index) => {
+    return /*#__PURE__*/external_react_default.a.createElement("div", {
+      className: `${index_module_default.a.button}`,
+      key: `provider-${o.provider_param ? o.provider_param : 'fnid'}`,
+      "data-testid": "login-button",
+      style: {
+        color: o.button_border_color ? o.button_border_color : '#ffffff',
+        border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,
+        backgroundColor: o.button_color,
+        backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',
+        backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''
+      },
+      onClick: () => login(o.provider_param)
+    }, o.provider_label);
+  }))));
 };
 
 /* harmony default export */ var components_login = (LoginComponent);
 // EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(14);
+var external_prop_types_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "@stripe/react-stripe-js"
 var react_stripe_js_ = __webpack_require__(7);
@@ -960,7 +979,7 @@ var payment_index_module = __webpack_require__(19);
 var payment_index_module_default = /*#__PURE__*/__webpack_require__.n(payment_index_module);
 
 // EXTERNAL MODULE: ./src/components/stripe-form/index.module.scss
-var stripe_form_index_module = __webpack_require__(12);
+var stripe_form_index_module = __webpack_require__(14);
 var stripe_form_index_module_default = /*#__PURE__*/__webpack_require__.n(stripe_form_index_module);
 
 // CONCATENATED MODULE: ./src/components/stripe-form/index.js
@@ -1170,7 +1189,7 @@ const PaymentComponent = ({
 var external_react_hook_form_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: ./src/components/personal-information/index.module.scss
-var personal_information_index_module = __webpack_require__(13);
+var personal_information_index_module = __webpack_require__(9);
 var personal_information_index_module_default = /*#__PURE__*/__webpack_require__.n(personal_information_index_module);
 
 // CONCATENATED MODULE: ./src/components/personal-information/index.js
@@ -1201,11 +1220,14 @@ function personal_information_defineProperty(obj, key, value) { if (key in obj)
 
 
 
+
 const PersonalInfoComponent = ({
   isActive,
   changeForm,
   reservation,
-  userProfile
+  userProfile,
+  summitId,
+  handleCompanyError
 }) => {
   var _errors$email, _errors$email2;
 
@@ -1213,9 +1235,13 @@ const PersonalInfoComponent = ({
     firstName: userProfile.given_name || '',
     lastName: userProfile.family_name || '',
     email: userProfile.email || '',
-    company: userProfile.company || '',
+    company: {
+      id: null,
+      name: userProfile.company || ''
+    },
     promoCode: ''
   });
+  const [companyError, setCompanyError] = Object(external_react_["useState"])(false);
   const {
     register,
     handleSubmit,
@@ -1229,14 +1255,30 @@ const PersonalInfoComponent = ({
         firstName: reservation.owner_first_name ? reservation.owner_first_name : personalInfo.firstName,
         lastName: reservation.owner_last_name ? reservation.owner_last_name : personalInfo.lastName,
         email: reservation.owner_email ? reservation.owner_email : personalInfo.email,
-        company: reservation.owner_company ? reservation.owner_company : personalInfo.company
+        company: {
+          id: null,
+          name: reservation.owner_company ? reservation.owner_company : personalInfo.company
+        }
       });
     }
   }, []);
 
+  const onCompanyChange = ev => {
+    const newCompany = ev.target.value;
+    setCompanyError(false);
+    setPersonalInfo(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), {}, {
+      company: newCompany
+    }));
+  };
+
   const onSubmit = data => {
-    setPersonalInfo(data);
-    changeForm(data);
+    if (!personalInfo.company.name) {
+      setCompanyError(true);
+      return;
+    }
+
+    setPersonalInfo(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), data));
+    changeForm(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), data));
   };
 
   const [ref, {
@@ -1264,7 +1306,7 @@ const PersonalInfoComponent = ({
     className: personal_information_index_module_default.a.title
   }, /*#__PURE__*/external_react_default.a.createElement("span", null, "Personal Information"), !isActive && /*#__PURE__*/external_react_default.a.createElement("div", {
     "data-testid": "personal-info"
-  }, /*#__PURE__*/external_react_default.a.createElement("span", null, `${personalInfo.firstName} ${personalInfo.lastName} ${personalInfo.company ? `- ${personalInfo.company}` : ''}`), /*#__PURE__*/external_react_default.a.createElement("br", null), /*#__PURE__*/external_react_default.a.createElement("span", null, personalInfo.email))), /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
+  }, /*#__PURE__*/external_react_default.a.createElement("span", null, `${personalInfo.firstName} ${personalInfo.lastName} ${personalInfo.company.name ? `- ${personalInfo.company.name}` : ''}`), /*#__PURE__*/external_react_default.a.createElement("br", null), /*#__PURE__*/external_react_default.a.createElement("span", null, personalInfo.email))), /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
     style: personal_information_objectSpread({
       overflow: 'hidden'
     }, toggleAnimation)
@@ -1312,15 +1354,15 @@ const PersonalInfoComponent = ({
     "data-testid": "email-error-required"
   }, "This field is required"), ((_errors$email2 = errors.email) === null || _errors$email2 === void 0 ? void 0 : _errors$email2.type) === 'pattern' && /*#__PURE__*/external_react_default.a.createElement("span", {
     "data-testid": "email-error-invalid"
-  }, "The email is invalid")), /*#__PURE__*/external_react_default.a.createElement("div", null, /*#__PURE__*/external_react_default.a.createElement("input", _extends({
-    type: "text",
-    placeholder: "Company *",
-    defaultValue: personalInfo.company || ''
-  }, register("company", {
-    required: true
-  }), {
-    "data-testid": "company"
-  })), errors.company && /*#__PURE__*/external_react_default.a.createElement("span", {
+  }, "The email is invalid")), /*#__PURE__*/external_react_default.a.createElement("div", {
+    className: personal_information_index_module_default.a.companies
+  }, /*#__PURE__*/external_react_default.a.createElement(components_["RegistrationCompanyInput"], {
+    id: "company",
+    summitId: summitId,
+    onChange: onCompanyChange,
+    onError: handleCompanyError,
+    value: personalInfo.company
+  }), companyError && /*#__PURE__*/external_react_default.a.createElement("span", {
     "data-testid": "company-error"
   }, "This field is required")), /*#__PURE__*/external_react_default.a.createElement("div", null, /*#__PURE__*/external_react_default.a.createElement("input", _extends({
     type: "text",
@@ -1736,7 +1778,7 @@ const PasswordlessLoginComponent = ({
 
 /* harmony default export */ var login_passwordless = (PasswordlessLoginComponent);
 // EXTERNAL MODULE: ./src/components/ticket-owned/index.module.scss
-var ticket_owned_index_module = __webpack_require__(15);
+var ticket_owned_index_module = __webpack_require__(16);
 var ticket_owned_index_module_default = /*#__PURE__*/__webpack_require__.n(ticket_owned_index_module);
 
 // CONCATENATED MODULE: ./src/components/ticket-owned/index.js
@@ -1775,7 +1817,7 @@ const TicketOwnedComponent = ({
 
 /* harmony default export */ var ticket_owned = (TicketOwnedComponent);
 // CONCATENATED MODULE: ./src/components/registration-lite.js
-const _excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicket", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile"];
+const _excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicket", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError"];
 
 function registration_lite_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -1855,7 +1897,8 @@ const RegistrationLite = _ref => {
     widgetLoading,
     loading,
     inPersonDisclaimer,
-    userProfile
+    userProfile,
+    handleCompanyError
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -1970,9 +2013,11 @@ const RegistrationLite = _ref => {
     isActive: step === 1,
     reservation: reservation,
     userProfile: profileData,
+    summitId: summitData.id,
     changeForm: personalForm => setRegistrationForm(registration_lite_objectSpread(registration_lite_objectSpread({}, registrationForm), {}, {
       personalInformation: personalForm
-    }))
+    })),
+    handleCompanyError: handleCompanyError
   }), /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
     style: registration_lite_objectSpread({}, toggleAnimation)
   }, /*#__PURE__*/external_react_default.a.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "summit-registration-lite",
-  "version": "1.0.77",
+  "version": "1.0.80",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {
@@ -56,7 +56,7 @@
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
     "node-sass": "^4.13.1",
-    "openstack-uicore-foundation": "^3.0.36",
+    "openstack-uicore-foundation": "^3.0.58",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "path": "^0.12.7",
     "react": "^16.8.4",
@@ -104,7 +104,7 @@
     "lodash": "^4.17.14",
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
-    "openstack-uicore-foundation": "^3.0.34",
+    "openstack-uicore-foundation": "^3.0.58",
     "react": "^16.8.4",
     "react-bootstrap": "^0.31.5",
     "react-datetime": "^2.16.2",