summit-registration-lite 6.0.1 → 6.0.3-beta.1

package/dist/index.js

@@ -2852,6 +2852,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
@@ -2888,6 +2891,7 @@ function personal_information_defineProperty(obj, key, value) { if (key in obj)
 
 
 
+
 const PersonalInfoComponent = ({
   isActive,
   changeForm,
@@ -3033,21 +3037,30 @@ 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"
+    },
+    "& .MuiOutlinedInput-input::placeholder": {
+      fontSize: "14px"
+    },
+    "& .MuiAutocomplete-listbox": {
+      maxHeight: 120
+    },
+    "& .MuiInputLabel-root:not(.MuiInputLabel-shrink)": {
+      transform: "translate(12px, 10px)",
+      fontSize: "14px"
+    }
   };
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: `${personal_information_index_module.outerWrapper} step-wrapper`
@@ -3129,21 +3142,19 @@ 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
   }), companyError && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldError,
     "data-testid": "company-error"
@@ -3704,6 +3715,9 @@ const ButtonBarComponent = ({
 ;// CONCATENATED MODULE: ./src/components/purchase-complete/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const purchase_complete_index_module = ({"button":"button___XMN8a","wrapper":"wrapper___Jd5Xg","circle":"circle___lcN86","complete":"complete___HAHzl","actions":"actions___jJdPX","footer":"footer___FL9TW"});
+;// CONCATENATED MODULE: external "react-content-loader"
+const external_react_content_loader_namespaceObject = require("react-content-loader");
+var external_react_content_loader_default = /*#__PURE__*/__webpack_require__.n(external_react_content_loader_namespaceObject);
 ;// CONCATENATED MODULE: ./src/components/purchase-complete/index.js
 const _excluded = ["cta", "clear", "close"],
       _excluded2 = ["checkout", "user", "onPurchaseComplete", "goToExtraQuestions", "goToEvent", "goToMyOrders", "completedExtraQuestions", "summit", "nowUtc", "clearWidgetState", "closeWidget", "supportEmail", "hasVirtualAccessLevel"];
@@ -3732,6 +3746,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 const CTAButton = _ref => {
   let {
     cta,
@@ -3772,12 +3787,14 @@ const PurchaseComplete = _ref2 => {
     onPurchaseComplete(checkout);
   }, []);
   const [requireExtraQuestions, setRequireExtraQuestions] = (0,external_react_.useState)(null);
+  const [extraQuestionsLoaded, setExtraQuestonsLoaded] = (0,external_react_.useState)(false);
   const isMultiOrder = (0,external_react_.useMemo)(() => checkout?.tickets.length > 1, [checkout]);
   const isActive = (0,external_react_.useMemo)(() => summit.start_date <= nowUtc && summit.end_date >= nowUtc, [summit, nowUtc]);
   const currentTicket = (0,external_react_.useMemo)(() => isMultiOrder ? checkout?.tickets.find(t => t?.owner?.email === user?.email) : checkout?.tickets.find(t => t?.owner), [user]);
   (0,external_react_.useEffect)(() => {
     completedExtraQuestions(currentTicket?.owner || null).then(res => {
       setRequireExtraQuestions(res);
+      setExtraQuestonsLoaded(true);
     });
   }, [currentTicket]);
 
@@ -3791,6 +3808,52 @@ const PurchaseComplete = _ref2 => {
     date: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('MMMM D'),
     time: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('hh:mm A')
   };
+  if (!extraQuestionsLoaded) return /*#__PURE__*/external_react_default().createElement((external_react_content_loader_default()), {
+    speed: 2,
+    width: "100%",
+    height: 370,
+    viewBox: "0 0 800 370",
+    preserveAspectRatio: "xMidYMin meet"
+  }, /*#__PURE__*/external_react_default().createElement("circle", {
+    cx: "400",
+    cy: "120",
+    r: "40"
+  }), /*#__PURE__*/external_react_default().createElement("rect", {
+    x: "280",
+    y: "180",
+    rx: "4",
+    ry: "4",
+    width: "240",
+    height: "24"
+  }), /*#__PURE__*/external_react_default().createElement("rect", {
+    x: "200",
+    y: "220",
+    rx: "3",
+    ry: "3",
+    width: "400",
+    height: "16"
+  }), /*#__PURE__*/external_react_default().createElement("rect", {
+    x: "250",
+    y: "245",
+    rx: "3",
+    ry: "3",
+    width: "300",
+    height: "16"
+  }), /*#__PURE__*/external_react_default().createElement("rect", {
+    x: "320",
+    y: "290",
+    rx: "4",
+    ry: "4",
+    width: "160",
+    height: "36"
+  }), /*#__PURE__*/external_react_default().createElement("rect", {
+    x: "100",
+    y: "340",
+    rx: "3",
+    ry: "3",
+    width: "600",
+    height: "14"
+  }));
   if (!checkout) return null;
   if (requireExtraQuestions == null) return null;
   let orderCompleteButtonText = currentTicket && requireExtraQuestions ? rest.hasOwnProperty('initialOrderCompleteButton') && !(0,utils/* isEmptyString */.ke)(rest.initialOrderCompleteButton) && typeof rest.initialOrderCompleteButton !== 'undefined' ? rest.initialOrderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.initial_order_complete_button') : rest.hasOwnProperty('orderCompleteButton') && !(0,utils/* isEmptyString */.ke)(rest.orderCompleteButton) ? rest.orderCompleteButton : external_i18n_react_default().translate('purchase_complete_step.order_complete_button');