summit-registration-lite 4.0.9 → 4.0.11

package/README.md

@@ -28,6 +28,18 @@ React component for the summit registration lite widget
 
    **ticketTaxesErrorMessage**= string with the message for the 'TicketAndTaxesError' component
 
+   **initialOrderComplete1stParagraph** = string with the text for the first paragraph when the user bought his first order
+
+   **initialOrderComplete2ndParagraph** = string with the text for the second paragraph when the user bought his first order
+
+   **initialOrderCompleteButton** = string with the text for the button when the user bought his first order
+
+   **orderComplete1stParagraph** = string with the text for the first paragraph when the user bought an order
+
+   **orderComplete2ndParagraph** = string with the text for the second paragraph when the user bought an order
+
+   **orderCompleteButton** = string with the text for the button when the user bought an order
+
 
    Example
 
@@ -62,7 +74,9 @@ React component for the summit registration lite widget
 
    **authErrorCallback**      = method passed that will handle on client any auth error
 
-   **allowPromoCodes**        = boolean to show/hide promo code field. Default at true
+   **allowPromoCodes**        = boolean to show/hide promo code field. Defaults to true
+
+   **showCompanyInput**       = booleaen to show/hide the "Company" field. Defaults to true.
 
    **companyInputPlaceholder**= string for the set the placeholder of the free text company input
 

package/dist/index.js

@@ -356,7 +356,7 @@ module.exports = require("react");
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"purchase_complete_step":{"title":" Your order is complete","finish_now_label":"A ticket has been assigned to you. To complete your additional ticket details, please click the \\"Finish Now\\" button.","finish_now_button":"Finish Now","my_orders_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.","my_orders_button":"View MyOrders/Tickets","access_event_button":"Access Event Now","footer_has_ticket_text":"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 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 MyOrders/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}"}}');
 
 /***/ })
 
@@ -1160,6 +1160,7 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
     type,
     payload
   } = action;
+  console.log(action);
 
   switch (type) {
     case CLEAR_WIDGET_STATE:
@@ -2138,10 +2139,11 @@ const PersonalInfoComponent = ({
   summitId,
   handleCompanyError,
   formValues,
-  formErrors,
+  formErrors = {},
   invitation,
   showMultipleTicketTexts,
   allowPromoCodes,
+  showCompanyInput = true,
   companyInputPlaceholder,
   companyDDLPlaceholder
 }) => {
@@ -2188,7 +2190,7 @@ const PersonalInfoComponent = ({
   };
 
   const onSubmit = data => {
-    if (!personalInfo.company.name) {
+    if (!personalInfo.company.name && showCompanyInput) {
       setCompanyError(true);
       return;
     }
@@ -2226,7 +2228,7 @@ const PersonalInfoComponent = ({
     className: personal_information_index_module.title
   }, /*#__PURE__*/external_react_default().createElement("span", null, "Personal 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, {
+  }, /*#__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({
       overflow: `${isActive ? '' : 'hidden'}`
     }, toggleAnimation)
@@ -2292,12 +2294,14 @@ const PersonalInfoComponent = ({
   }, "This field is required."), ((_errors$email2 = errors.email) === null || _errors$email2 === void 0 ? void 0 : _errors$email2.type) === 'pattern' && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldError,
     "data-testid": "email-error-invalid"
-  }, "The email is invalid.")), /*#__PURE__*/external_react_default().createElement("div", {
+  }, "The email is invalid.")), showCompanyInput && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldWrapper
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.companies
   }, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
     id: "company",
+    name: "company",
+    "data-testid": "company",
     styles: customStyles,
     summitId: summitId,
     onChange: onCompanyChange,
@@ -2314,7 +2318,7 @@ const PersonalInfoComponent = ({
     className: personal_information_index_module.inputWrapper
   }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
     type: "text",
-    placeholder: "Promo Code"
+    placeholder: "Promo code"
   }, register("promoCode")))))), allowPromoCodes && showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: personal_information_index_module.moreInfo,
     "data-tip": true,
@@ -2539,8 +2543,9 @@ const TicketTypeComponent = ({
   })} ${ticket.currency}`)), !isActive && reservation && /*#__PURE__*/external_react_default().createElement("span", {
     className: ticket_type_index_module.promo
   }, "Subtotal: ", `${ticket === null || ticket === void 0 ? void 0 : ticket.currency_symbol} ${(((reservation === null || reservation === void 0 ? void 0 : reservation.raw_amount_in_cents) - (reservation === null || reservation === void 0 ? void 0 : reservation.discount_amount_in_cents)) / 100).toFixed(2)} ${ticket === null || ticket === void 0 ? void 0 : ticket.currency}`), !isActive && (reservation === null || reservation === void 0 ? void 0 : reservation.taxes_amount) > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, reservation === null || reservation === void 0 ? void 0 : reservation.applied_taxes.map(tax => {
-    return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
-      key: tax.id,
+    return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, {
+      key: tax.id
+    }, /*#__PURE__*/external_react_default().createElement("span", {
       className: ticket_type_index_module.taxes
     }, /*#__PURE__*/external_react_default().createElement("abbr", {
       title: tax.name
@@ -2823,12 +2828,23 @@ const PurchaseComplete = _ref2 => {
     time: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('hh:mm A')
   };
   if (!checkout) return null;
-  let footerHasTicketText = rest.hasOwnProperty('footerHasTicketText') && typeof rest.footerHasTicketText !== 'undefined' ? rest.footerHasTicketText : external_i18n_react_default().translate('purchase_complete_step.footer_has_ticket_text');
-  footerHasTicketText = currentUserTicket ? footerHasTicketText + external_i18n_react_default().translate('purchase_complete_step.footer_assistance_text', {
+  let orderCompleteButtonText = currentUserTicket && requireExtraQuestions ? rest.hasOwnProperty('initialOrderCompleteButton') && typeof rest.initialOrderCompleteButton !== 'undefined' ? rest.initialOrderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.initial_order_complete_button') : rest.hasOwnProperty('orderCompleteButton') && typeof rest.orderCompleteButton !== 'undefined' ? 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', {
+    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 footerHasTicketText = `${orderComplete2ndParagraph} ${external_i18n_react_default().translate('purchase_complete_step.footer_assistance_text', {
     supportEmail: `${supportEmail}`
-  }) : 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,
+      clear: clearWidgetState,
+      close: closeWidget
+    }, orderCompleteButtonText);
+  };
+
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: purchase_complete_index_module.wrapper
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -2837,33 +2853,17 @@ 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, external_i18n_react_default().translate('purchase_complete_step.finish_now_label')), /*#__PURE__*/external_react_default().createElement(CTAButton, {
-    cta: goToExtraQuestions,
-    clear: clearWidgetState,
-    close: closeWidget
-  }, external_i18n_react_default().translate('purchase_complete_step.finish_now_button'))) : _hasVirtualAccessLevel ? /*#__PURE__*/external_react_default().createElement(CTAButton, {
+  }, 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, {
     cta: goToEvent,
     clear: clearWidgetState,
     close: closeWidget
-  }, external_i18n_react_default().translate('purchase_complete_step.access_event_button')) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, external_i18n_react_default().translate('purchase_complete_step.my_orders_label')), /*#__PURE__*/external_react_default().createElement(CTAButton, {
-    cta: goToMyOrders,
-    clear: clearWidgetState,
-    close: closeWidget
-  }, external_i18n_react_default().translate('purchase_complete_step.my_orders_button'))) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, external_i18n_react_default().translate('purchase_complete_step.event_will_start_text', {
+  }, external_i18n_react_default().translate('purchase_complete_step.access_event_button')) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, orderComplete1stParagraph), getCTAButton()) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, external_i18n_react_default().translate('purchase_complete_step.event_will_start_text', {
     date: `${startDateFormatted.date}`,
     time: `${startDateFormatted.time}`,
     time_zone_label: `${summit.time_zone_label}`
-  }), /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("br", null), currentUserTicket && requireExtraQuestions ? external_i18n_react_default().translate('purchase_complete_step.finish_now_label') : external_i18n_react_default().translate('purchase_complete_step.my_orders_label')), /*#__PURE__*/external_react_default().createElement("div", {
+  }), /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("br", null), orderComplete1stParagraph), /*#__PURE__*/external_react_default().createElement("div", {
     className: purchase_complete_index_module.actions
-  }, currentUserTicket && requireExtraQuestions ? /*#__PURE__*/external_react_default().createElement(CTAButton, {
-    cta: goToExtraQuestions,
-    clear: clearWidgetState,
-    close: closeWidget
-  }, external_i18n_react_default().translate('purchase_complete_step.finish_now_button')) : /*#__PURE__*/external_react_default().createElement(CTAButton, {
-    cta: goToMyOrders,
-    clear: clearWidgetState,
-    close: closeWidget
-  }, external_i18n_react_default().translate('purchase_complete_step.my_orders_button')))), /*#__PURE__*/external_react_default().createElement("span", {
+  }, getCTAButton())), /*#__PURE__*/external_react_default().createElement("span", {
     className: purchase_complete_index_module.footer
   }, /*#__PURE__*/external_react_default().createElement((raw_html_default()), null, footerHasTicketText)));
 };
@@ -2983,7 +2983,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", "companyInputPlaceholder", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel"];
+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", "companyInputPlaceholder", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel"];
 
 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; }
 
@@ -3099,6 +3099,7 @@ const RegistrationLite = _ref => {
     clearWidgetState,
     requestedTicketTypes,
     allowPromoCodes,
+    showCompanyInput,
     companyInputPlaceholder,
     companyDDLPlaceholder,
     nowUtc,
@@ -3306,6 +3307,7 @@ const RegistrationLite = _ref => {
     formErrors: formErrors,
     showMultipleTicketTexts: showMultipleTicketTexts,
     allowPromoCodes: allowPromoCodes,
+    showCompanyInput: showCompanyInput,
     companyInputPlaceholder: companyInputPlaceholder,
     companyDDLPlaceholder: companyDDLPlaceholder
   }), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
@@ -3335,7 +3337,12 @@ const RegistrationLite = _ref => {
     closeWidget: closeWidget,
     hasVirtualAccessLevel: hasVirtualAccessLevel,
     supportEmail: supportEmail,
-    footerHasTicketText: rest.footerHasTicketText
+    initialOrderComplete1stParagraph: rest.initialOrderComplete1stParagraph,
+    initialOrderComplete2ndParagraph: rest.initialOrderComplete2ndParagraph,
+    initialOrderCompleteButton: rest.initialOrderCompleteButton,
+    orderComplete1stParagraph: rest.orderComplete1stParagraph,
+    orderComplete2ndParagraph: rest.orderComplete2ndParagraph,
+    orderCompleteButton: rest.orderCompleteButton
   })), !ticketTaxesError && profileData && step !== 3 && allowedTicketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement(button_bar, {
     step: step,
     inPersonDisclaimer: inPersonDisclaimer,
@@ -3367,6 +3374,7 @@ const registration_lite_mapStateToProps = ({
 RegistrationLite.defaultProps = {
   loginInitialEmailInputValue: '',
   showMultipleTicketTexts: true,
+  showCompanyInput: true,
   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,
@@ -3381,6 +3389,7 @@ RegistrationLite.defaultProps = {
 RegistrationLite.propTypes = {
   loginInitialEmailInputValue: (external_prop_types_default()).string,
   showMultipleTicketTexts: (external_prop_types_default()).bool,
+  showCompanyInput: (external_prop_types_default()).bool,
   authErrorCallback: (external_prop_types_default()).func,
   goToMyOrders: (external_prop_types_default()).func.isRequired,
   goToExtraQuestions: (external_prop_types_default()).func.isRequired,
@@ -3388,7 +3397,12 @@ RegistrationLite.propTypes = {
   closeWidget: (external_prop_types_default()).func,
   hasVirtualAccessLevel: (external_prop_types_default()).bool,
   supportEmail: (external_prop_types_default()).string,
-  footerHasTicketText: (external_prop_types_default()).string
+  initialOrderComplete1stParagraph: (external_prop_types_default()).string,
+  initialOrderComplete2ndParagraph: (external_prop_types_default()).string,
+  initialOrderCompleteButton: (external_prop_types_default()).string,
+  orderComplete1stParagraph: (external_prop_types_default()).string,
+  orderComplete2ndParagraph: (external_prop_types_default()).string,
+  orderCompleteButton: (external_prop_types_default()).string
 };
 /* harmony default export */ const registration_lite = ((0,external_react_redux_namespaceObject.connect)(registration_lite_mapStateToProps, {
   loadSession: loadSession,