summit-registration-lite 4.0.1 → 4.0.2

package/README.md

@@ -40,6 +40,8 @@ React component for the summit registration lite widget
 
    **authUser**               = method passed that will be called on user login. param -> (provider) => console.log('login with', provider)
 
+   **completedExtraQuestions**= method passed that will be called to evaluate if the user extra questions are completed
+
    **getAccessToken**         = method passed that will be called to request the access token
 
    **closeWidget**            = method passed that will be called if the user tries to close the widget
@@ -48,6 +50,8 @@ React component for the summit registration lite widget
 
    **goToEvent**              = method passed that will be called to redirect the user to the current event
 
+   **goToMyOrders**           = method passed that will be called to redirect the user to the my orders page
+
    **getPasswordlessCode**    = method passed that will be called when the user generates a code to login without password
 
    **loginWithCode**          = method passed that will be called when the user tries to login with a code

package/dist/index.css

@@ -18,7 +18,7 @@
 
 .button___MZBIY{background-color:var(--color_secondary_contrast) !important;color:#fff !important;border:none !important;font-weight:bold !important;font-size:1em !important;cursor:pointer !important}.button___MZBIY[disabled]{background-color:var(--color_secondary_contrast) !important}.button___MZBIY:hover{color:#fff !important}.button___MZBIY:active,.button___MZBIY:focus{color:#fff !important}.outerWrapper___XRnaq{padding:10px 0px 10px 10px;margin:10px}.outerWrapper___XRnaq .innerWrapper___LFsOH{display:flex;justify-content:space-between;align-items:center}.outerWrapper___XRnaq .innerWrapper___LFsOH span{font-size:14px}.outerWrapper___XRnaq .innerWrapper___LFsOH .registration___jdf6T{cursor:pointer;color:var(--color_primary);text-decoration:underline}.outerWrapper___XRnaq .innerWrapper___LFsOH .actions___Gsf0y{display:flex}.outerWrapper___XRnaq .innerWrapper___LFsOH .actions___Gsf0y button{margin-left:10px}
 
-.button___XMN8a{background-color:var(--color_secondary_contrast) !important;color:#fff !important;border:none !important;font-weight:bold !important;font-size:1em !important;cursor:pointer !important}.button___XMN8a[disabled]{background-color:var(--color_secondary_contrast) !important}.button___XMN8a:hover{color:#fff !important}.button___XMN8a:active,.button___XMN8a:focus{color:#fff !important}.wrapper___Jd5Xg{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px 0;padding:15px 0;border-radius:5px;border:1px solid lightgray;text-align:center}.wrapper___Jd5Xg .circle___lcN86{margin-top:auto;margin-bottom:10px;background-color:var(--color_primary50);border-radius:50px;border:1px solid var(--color_primary);padding:10px}.wrapper___Jd5Xg .circle___lcN86 i{font-size:36px;color:var(--color_primary)}.wrapper___Jd5Xg .complete___HAHzl{font-weight:bold;font-size:20px}.wrapper___Jd5Xg .actions___jJdPX{display:flex}.wrapper___Jd5Xg button{margin:10px 5px 0 5px}.wrapper___Jd5Xg span{font-size:14px}.wrapper___Jd5Xg a{color:var(--color_primary);text-decoration:underline}.wrapper___Jd5Xg .footer___FL9TW{margin-top:auto;font-size:14px;font-weight:normal}
+.button___XMN8a{background-color:var(--color_secondary_contrast) !important;color:#fff !important;border:none !important;font-weight:bold !important;font-size:1em !important;cursor:pointer !important}.button___XMN8a[disabled]{background-color:var(--color_secondary_contrast) !important}.button___XMN8a:hover{color:#fff !important}.button___XMN8a:active,.button___XMN8a:focus{color:#fff !important}.wrapper___Jd5Xg{height:370px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:15px 0;padding:15px;border-radius:5px;border:1px solid lightgray;text-align:center}.wrapper___Jd5Xg .circle___lcN86{margin-bottom:10px;background-color:var(--color_primary50);border-radius:50px;border:1px solid var(--color_primary);padding:10px}.wrapper___Jd5Xg .circle___lcN86 i{font-size:36px;color:var(--color_primary)}.wrapper___Jd5Xg .complete___HAHzl{font-weight:bold;font-size:20px}.wrapper___Jd5Xg .actions___jJdPX{display:flex}.wrapper___Jd5Xg button{margin:10px 5px 0 5px}.wrapper___Jd5Xg span{font-size:14px}.wrapper___Jd5Xg a{color:var(--color_primary);text-decoration:underline}.wrapper___Jd5Xg .footer___FL9TW{font-size:14px;font-weight:normal}
 
 .passwordlessWrapper___BRQ_s{height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi{text-align:center;font-weight:bold;height:100%;width:300px;display:flex;flex-direction:column;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .logo___qNVrv{width:175px;align-self:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .digits___Vu5iy{margin-top:15px;display:inline-block}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe{margin-top:20px;display:flex;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe input{height:56px;width:56px;font-size:42px;background-color:var(--color_primary50);border:1px solid var(--color_primary);border-radius:5px;padding:5px;display:inline-flex;text-transform:uppercase;text-align:center;margin:0 5px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .error___wZflZ{margin-top:10px;color:#e5424d;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl{margin-top:20px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .button___nBhtQ{padding:10px 30px;font-weight:normal;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-color:var(--color_secondary_contrast);color:#FFFFFF;width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_primary);text-decoration:underline;cursor:pointer}.passwordlessWrapper___BRQ_s .resend___Nma1U{margin:auto 0 0 0;font-weight:normal;font-size:14px}.passwordlessWrapper___BRQ_s .resend___Nma1U span{color:var(--color_primary);text-decoration:underline;cursor:pointer}
 

package/dist/index.js

@@ -693,11 +693,16 @@ const GO_TO_LOGIN = 'GO_TO_LOGIN';
 const GET_MY_INVITATION = 'GET_MY_INVITATION';
 const CLEAR_MY_INVITATION = 'CLEAR_MY_INVITATION';
 const CLEAR_WIDGET_STATE = 'CLEAR_WIDGET_STATE';
+const UPDATE_CLOCK = 'UPDATE_CLOCK';
+const LOAD_PROFILE_DATA = 'LOAD_PROFILE_DATA';
 const startWidgetLoading = (0,actions_namespaceObject.createAction)(START_WIDGET_LOADING);
 const stopWidgetLoading = (0,actions_namespaceObject.createAction)(STOP_WIDGET_LOADING);
 const loadSession = settings => dispatch => {
   dispatch((0,actions_namespaceObject.createAction)(LOAD_INITIAL_VARS)(settings));
 };
+const loadProfileData = profileData => dispatch => {
+  dispatch((0,actions_namespaceObject.createAction)(LOAD_PROFILE_DATA)(profileData));
+};
 const clearWidgetState = () => dispatch => {
   dispatch((0,actions_namespaceObject.createAction)(CLEAR_WIDGET_STATE)({}));
 };
@@ -1048,6 +1053,11 @@ const getMyInvitation = summitId => async (dispatch, getState, {
     return Promise.reject(e);
   }
 };
+const updateClock = timestamp => dispatch => {
+  dispatch((0,actions_namespaceObject.createAction)(UPDATE_CLOCK)({
+    timestamp
+  }));
+};
 ;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/security/actions"
 const security_actions_namespaceObject = require("openstack-uicore-foundation/lib/security/actions");
 ;// CONCATENATED MODULE: ./src/reducer.js
@@ -1071,6 +1081,7 @@ function reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defi
  **/
 
 
+const localNowUtc = Date.now();
 const DEFAULT_STATE = {
   reservation: null,
   checkout: null,
@@ -1093,7 +1104,8 @@ const DEFAULT_STATE = {
     summitId: null,
     marketingData: null,
     userProfile: null
-  }
+  },
+  nowUtc: localNowUtc
 };
 
 const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
@@ -1159,6 +1171,15 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
         })
       });
 
+    case LOAD_PROFILE_DATA:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          settings: reducer_objectSpread(reducer_objectSpread({}, state.settings), {}, {
+            userProfile: payload
+          })
+        });
+      }
+
     case CHANGE_STEP:
       {
         return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
@@ -1268,6 +1289,16 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
         });
       }
 
+    case UPDATE_CLOCK:
+      {
+        const {
+          timestamp
+        } = payload;
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          nowUtc: timestamp
+        });
+      }
+
     default:
       {
         return state;
@@ -1336,6 +1367,9 @@ const constants_namespaceObject = require("openstack-uicore-foundation/lib/secur
 ;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components/ajaxloader"
 const ajaxloader_namespaceObject = require("openstack-uicore-foundation/lib/components/ajaxloader");
 var ajaxloader_default = /*#__PURE__*/__webpack_require__.n(ajaxloader_namespaceObject);
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components/clock"
+const clock_namespaceObject = require("openstack-uicore-foundation/lib/components/clock");
+var clock_default = /*#__PURE__*/__webpack_require__.n(clock_namespaceObject);
 ;// CONCATENATED MODULE: ./src/styles/general.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const general_module = ({"modal":"modal___G3Cmq","modalContent":"modalContent___lIaqw","outerWrapper":"outerWrapper___OWXyi","innerWrapper":"innerWrapper___mIrBF","title":"title___Tbvkl"});
@@ -1749,6 +1783,7 @@ const StripeForm = ({
       errors
     }
   } = (0,external_react_hook_form_namespaceObject.useForm)();
+  if (!marketingData) return null;
   const stripeStyle = merge_default()({}, {
     base: {
       // Add your base input styles here. For example: #d4e5f4
@@ -2280,7 +2315,6 @@ const getTicketMaxQuantity = ticket => ticket ? Math.min((ticket.quantity_2_sell
 
 
 
-
 const TicketDropdownComponent = ({
   selectedTicket,
   ticketTypes,
@@ -2293,8 +2327,6 @@ const TicketDropdownComponent = ({
     setActive(!active);
   };
 
-  const date = new Date();
-  let now_utc = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()) / 1000;
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: `${ticket_dropdown_index_module.outerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -2314,19 +2346,17 @@ const TicketDropdownComponent = ({
     className: ticket_dropdown_index_module.dropdown,
     "data-testid": "ticket-list"
   }, ticketTypes.map(t => {
+    console.log('TicketDropdownComponent::render');
     const maxQuantity = getTicketMaxQuantity(t);
     const isTicketSoldOut = maxQuantity < 1;
-
-    if (t.sales_start_date === null && t.sales_end_date === null || now_utc >= t.sales_start_date && now_utc <= t.sales_end_date) {
-      return /*#__PURE__*/external_react_default().createElement("div", {
-        key: t.id,
-        className: isTicketSoldOut ? ticket_dropdown_index_module.soldOut : '',
-        onClick: () => {
-          if (isTicketSoldOut) return;
-          ticketSelect(t);
-        }
-      }, t.name, " -", ` `, !isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, t.currency_symbol, t.cost, " ", t.currency), isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "Sold Out"));
-    }
+    return /*#__PURE__*/external_react_default().createElement("div", {
+      key: t.id,
+      className: isTicketSoldOut ? ticket_dropdown_index_module.soldOut : '',
+      onClick: () => {
+        if (isTicketSoldOut) return;
+        ticketSelect(t);
+      }
+    }, t.name, " -", ` `, !isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, t.currency_symbol, t.cost, " ", t.currency), isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "Sold Out"));
   })));
 };
 
@@ -2617,29 +2647,35 @@ const ButtonBarComponent = ({
 
 
 
+
 const PurchaseComplete = ({
   checkout,
+  user,
   onPurchaseComplete,
   goToExtraQuestions,
   goToEvent,
+  goToMyOrders,
+  completedExtraQuestions,
   summit,
-  supportEmail = "support@fntech.com"
+  nowUtc,
+  clearWidgetState,
+  supportEmail = 'support@fntech.com'
 }) => {
   (0,external_react_.useEffect)(() => {
     onPurchaseComplete(checkout);
   }, []);
-  const date = new Date();
-  let now_utc = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()) / 1000;
-  const isActive = summit.start_date < now_utc && summit.end_date > now_utc;
+  const isActive = (0,external_react_.useMemo)(() => summit.start_date <= nowUtc && summit.end_date >= nowUtc, [summit]);
+  const userFirstTicket = (0,external_react_.useMemo)(() => checkout === null || checkout === void 0 ? void 0 : checkout.tickets.some(t => {
+    var _t$owner;
+
+    return (t === null || t === void 0 ? void 0 : (_t$owner = t.owner) === null || _t$owner === void 0 ? void 0 : _t$owner.email) == (user === null || user === void 0 ? void 0 : user.email);
+  }), [user]);
+  const requireExtraQuestions = (0,external_react_.useMemo)(() => completedExtraQuestions(checkout), [user]);
   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')
   };
-
-  const needExtraQuestions = () => {
-    return summit.order_extra_questions.some(q => q.mandatory === true) ? true : false;
-  };
-
+  if (!checkout) return null;
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: purchase_complete_index_module.wrapper
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -2648,22 +2684,46 @@ const PurchaseComplete = ({
     className: "fa fa-ticket"
   })), /*#__PURE__*/external_react_default().createElement("span", {
     className: purchase_complete_index_module.complete
-  }, "Your order is complete"), isActive ? needExtraQuestions() ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "This ticket requires additional details. ", /*#__PURE__*/external_react_default().createElement("br", null)), /*#__PURE__*/external_react_default().createElement("button", {
+  }, "Your order is complete"), isActive ? userFirstTicket ? requireExtraQuestions ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "A ticket has been assigned to you. To complete your additional ticket details, please click the \"Finish Now\" button."), /*#__PURE__*/external_react_default().createElement("button", {
     className: `${purchase_complete_index_module.button} button`,
-    onClick: () => goToExtraQuestions()
-  }, "Finish now")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: () => {
+      clearWidgetState();
+      goToExtraQuestions();
+    }
+  }, "Finish Now")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("button", {
     className: `${purchase_complete_index_module.button} button`,
-    onClick: () => goToEvent()
-  }, "Access event now")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "The event will start on ", startDateFormatted.date, " at ", startDateFormatted.time, " ", summit.time_zone_label, " ", /*#__PURE__*/external_react_default().createElement("br", null), "This ticket requires additional details."), /*#__PURE__*/external_react_default().createElement("div", {
+    onClick: () => {
+      clearWidgetState();
+      goToEvent();
+    }
+  }, "Access event now")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "You may visit the My Orders/Tickets tab in the top right-hand corner of the navigation bar to assign/reassign tickets or to complete any required ticket details."), /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${purchase_complete_index_module.button} button`,
+    onClick: () => {
+      clearWidgetState();
+      goToMyOrders();
+    }
+  }, "View My Orders/Tickets")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "The event will start on ", startDateFormatted.date, " at ", startDateFormatted.time, " ", summit.time_zone_label, /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("br", null), userFirstTicket ? `A ticket has been assigned to you. To complete your additional ticket details, please click the "Finish Now" button.` : `You may visit the My Orders/Tickets tab in the top right-hand corner of the navigation bar to
+                            assign/reassign tickets or to complete any required ticket details.`), /*#__PURE__*/external_react_default().createElement("div", {
     className: purchase_complete_index_module.actions
-  }, /*#__PURE__*/external_react_default().createElement("button", {
+  }, userFirstTicket ? /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${purchase_complete_index_module.button} button`,
+    onClick: () => {
+      clearWidgetState();
+      goToExtraQuestions();
+    }
+  }, "Finish Now") : /*#__PURE__*/external_react_default().createElement("button", {
     className: `${purchase_complete_index_module.button} button`,
-    onClick: () => goToExtraQuestions()
-  }, "Finish Now"))), /*#__PURE__*/external_react_default().createElement("span", {
+    onClick: () => {
+      clearWidgetState();
+      goToMyOrders();
+    }
+  }, "View My Orders/Tickets"))), /*#__PURE__*/external_react_default().createElement("span", {
     className: purchase_complete_index_module.footer
-  }, "For further assistance, please email ", /*#__PURE__*/external_react_default().createElement("a", {
+  }, userFirstTicket ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "If you wish to transfer your assigned ticket, close this window and visit the \"My Orders/Tickets\" tab in the top navigation bar. For further assistance, please email ", /*#__PURE__*/external_react_default().createElement("a", {
+    href: `mailto:${supportEmail}`
+  }, supportEmail)) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "For further assistance, please email ", /*#__PURE__*/external_react_default().createElement("a", {
     href: `mailto:${supportEmail}`
-  }, supportEmail)));
+  }, supportEmail))));
 };
 
 /* harmony default export */ const purchase_complete = (PurchaseComplete);
@@ -2809,7 +2869,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", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "companyInputPlaceholder", "companyDDLPlaceholder"];
+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", "companyInputPlaceholder", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData"];
 
 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; }
 
@@ -2853,6 +2913,7 @@ function registration_lite_objectWithoutPropertiesLoose(source, excluded) { if (
 
 
 
+
 
 
 const RegistrationLite = _ref => {
@@ -2885,8 +2946,8 @@ const RegistrationLite = _ref => {
     passwordlessCodeError,
     loginWithCode,
     goToExtraQuestions,
+    goToMyOrders,
     goToEvent,
-    goToRegistration,
     profileData,
     summitData,
     supportEmail,
@@ -2909,7 +2970,11 @@ const RegistrationLite = _ref => {
     requestedTicketTypes,
     allowPromoCodes,
     companyInputPlaceholder,
-    companyDDLPlaceholder
+    companyDDLPlaceholder,
+    nowUtc,
+    updateClock,
+    completedExtraQuestions,
+    loadProfileData
   } = _ref,
       rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
 
@@ -2940,6 +3005,10 @@ const RegistrationLite = _ref => {
     publicKey,
     provider
   } = getCurrentProvider(summitData);
+  (0,external_react_.useEffect)(() => {
+    if (profileData) loadProfileData(profileData);
+  }, [profileData]); // just initial load ( once )
+
   (0,external_react_.useEffect)(() => {
     loadSession(registration_lite_objectSpread(registration_lite_objectSpread({}, rest), {}, {
       summitData,
@@ -2949,7 +3018,7 @@ const RegistrationLite = _ref => {
     if (!profileData) {
       changeStep(0);
     }
-  }, [profileData]);
+  }, []);
   (0,external_react_.useEffect)(() => {
     if (summitData && profileData) {
       handleGetTicketTypesAndTaxes(summitData.id);
@@ -3006,7 +3075,8 @@ const RegistrationLite = _ref => {
     // Reset the step when closed to avoid unexpected behavior from `useEffect`s w/in other steps.
     // (i.e., recalling `onPurchaseComplete` after a user completes one order, closes the window, and then reopens the registration widget)
     changeStep(0);
-    rest.closeWidget();
+    clearWidgetState();
+    if (rest.closeWidget) rest.closeWidget();
   };
 
   const handleGetTicketTypesAndTaxes = summitId => {
@@ -3026,6 +3096,7 @@ const RegistrationLite = _ref => {
     });
   };
 
+  const allowedTicketTypes = ticketTypes.filter(tt => tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date);
   return /*#__PURE__*/external_react_default().createElement("div", {
     id: `${general_module.modal}`,
     className: "modal is-active"
@@ -3038,6 +3109,9 @@ const RegistrationLite = _ref => {
     color: '#ffffff',
     show: widgetLoading || loading,
     size: 80
+  }), /*#__PURE__*/external_react_default().createElement((clock_default()), {
+    onTick: timestamp => updateClock(timestamp),
+    timezone: summitData.time_zone_id
   }), /*#__PURE__*/external_react_default().createElement("div", {
     className: `${general_module.outerWrapper} summit-registration-lite`
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -3051,7 +3125,7 @@ const RegistrationLite = _ref => {
   })), ticketTaxesError && profileData && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
     ticketTaxesErrorMessage: ticketTaxesErrorMessage,
     retryTicketTaxes: () => handleGetTicketTypesAndTaxes(summitData === null || summitData === void 0 ? void 0 : summitData.id)
-  }), !ticketTaxesError && profileData && ticketTypes.length === 0 && requestedTicketTypes && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
+  }), !ticketTaxesError && profileData && allowedTicketTypes.length === 0 && requestedTicketTypes && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
     noAllowedTicketsMessage: noAllowedTicketsMessage
   }), !ticketTaxesError && /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
@@ -3072,11 +3146,11 @@ const RegistrationLite = _ref => {
     goToLogin: goToLogin,
     getLoginCode: getLoginCode,
     getPasswordlessCode: getPasswordlessCode
-  }), profileData && step !== 3 && ticketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ticketOwned && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
+  }), profileData && step !== 3 && allowedTicketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ticketOwned && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
     ownedTickets: ownedTickets,
-    ticketTypes: ticketTypes
+    ticketTypes: allowedTicketTypes
   }), /*#__PURE__*/external_react_default().createElement(ticket_type, {
-    ticketTypes: ticketTypes,
+    ticketTypes: allowedTicketTypes,
     inPersonDisclaimer: inPersonDisclaimer,
     taxTypes: taxTypes,
     reservation: reservation,
@@ -3114,12 +3188,17 @@ const RegistrationLite = _ref => {
     stripeOptions: stripeOptions
   })))), profileData && step === 3 && /*#__PURE__*/external_react_default().createElement(purchase_complete, {
     checkout: checkout,
+    user: profileData,
     summit: summitData,
     onPurchaseComplete: onPurchaseComplete,
     supportEmail: supportEmail,
     goToEvent: goToEvent,
-    goToExtraQuestions: goToExtraQuestions
-  })), !ticketTaxesError && profileData && step !== 3 && ticketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement(button_bar, {
+    goToMyOrders: goToMyOrders,
+    goToExtraQuestions: goToExtraQuestions,
+    completedExtraQuestions: completedExtraQuestions,
+    nowUtc: nowUtc,
+    clearWidgetState: clearWidgetState
+  })), !ticketTaxesError && profileData && step !== 3 && allowedTicketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement(button_bar, {
     step: step,
     inPersonDisclaimer: inPersonDisclaimer,
     formValues: formValues,
@@ -3143,7 +3222,8 @@ const registration_lite_mapStateToProps = ({
   passwordlessEmail: registrationLiteState.passwordless.email,
   passwordlessCode: registrationLiteState.passwordless.otp_length,
   passwordlessCodeSent: registrationLiteState.passwordless.code_sent,
-  passwordlessCodeError: registrationLiteState.passwordless.error
+  passwordlessCodeError: registrationLiteState.passwordless.error,
+  nowUtc: registrationLiteState.nowUtc
 });
 
 RegistrationLite.defaultProps = {
@@ -3161,7 +3241,10 @@ RegistrationLite.defaultProps = {
 RegistrationLite.propTypes = {
   loginInitialEmailInputValue: (external_prop_types_default()).string,
   showMultipleTicketTexts: (external_prop_types_default()).bool,
-  authErrorCallback: (external_prop_types_default()).func
+  authErrorCallback: (external_prop_types_default()).func,
+  goToMyOrders: (external_prop_types_default()).func.isRequired,
+  goToExtraQuestions: (external_prop_types_default()).func.isRequired,
+  completedExtraQuestions: (external_prop_types_default()).func.isRequired
 };
 /* harmony default export */ const registration_lite = ((0,external_react_redux_namespaceObject.connect)(registration_lite_mapStateToProps, {
   loadSession: loadSession,
@@ -3174,7 +3257,9 @@ RegistrationLite.propTypes = {
   passwordlessLogin: passwordlessLogin,
   goToLogin: goToLogin,
   getMyInvitation: getMyInvitation,
-  clearWidgetState: clearWidgetState
+  clearWidgetState: clearWidgetState,
+  updateClock: updateClock,
+  loadProfileData: loadProfileData
 })(RegistrationLite));
 ;// CONCATENATED MODULE: ./src/summit-registration-lite.js
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "summit-registration-lite",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {
@@ -61,7 +61,7 @@
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
     "node-sass": "^7.0.1",
-    "openstack-uicore-foundation": "^4.0.80",
+    "openstack-uicore-foundation": "4.0.88",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
     "path": "^0.12.7",
     "react": "^16.8.4",