summit-registration-lite 6.0.1 → 6.0.2

package/dist/index.js

@@ -3704,6 +3704,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 +3735,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 const CTAButton = _ref => {
   let {
     cta,
@@ -3772,12 +3776,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 +3797,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');