summit-registration-lite 5.0.35 → 5.0.36-beta.0

package/dist/index.js

@@ -2826,6 +2826,9 @@ var raw_html_default = /*#__PURE__*/__webpack_require__.n(raw_html_namespaceObje
 ;// CONCATENATED MODULE: ./src/components/ticket-type/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const ticket_type_index_module = ({"title":"title___DNZyl","summary":"summary___quWdZ","promoCode":"promoCode___bqTCw","crossOut":"crossOut___QZ7dy","discount":"discount___sEK_Q","promocodeError":"promocodeError___oxk4p","taxes":"taxes___fe8oJ","promo":"promo___F8lPO","form":"form___aoo7w","dropdown":"dropdown____HWg0","quantity":"quantity___SIEQZ","soldOut":"soldOut___Hatfr","moreInfo":"moreInfo___LmwOe","moreInfoTooltip":"moreInfoTooltip___nOBf1","inPersonDisclaimer":"inPersonDisclaimer___PXGTz"});
+;// CONCATENATED MODULE: external "lodash/isEqual"
+const isEqual_namespaceObject = require("lodash/isEqual");
+var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual_namespaceObject);
 ;// CONCATENATED MODULE: ./src/components/ticket-dropdown/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const ticket_dropdown_index_module = ({"placeholder":"placeholder___pcdCn","selectedTicket":"selectedTicket___qkbpH","inPersonDisclaimer":"inPersonDisclaimer___z_DzO","dropdown":"dropdown___mfbPG","soldOut":"soldOut___rBLC0"});
@@ -2847,6 +2850,7 @@ var raw_html_default = /*#__PURE__*/__webpack_require__.n(raw_html_namespaceObje
 
 
 
+
 const TicketDropdownComponent = ({
   selectedTicket,
   ticketTypes,
@@ -2854,12 +2858,24 @@ const TicketDropdownComponent = ({
   onTicketSelect
 }) => {
   const [active, setActive] = (0,external_react_.useState)(false);
+  const [currentTicketTypes, setCurrentTicketTypes] = (0,external_react_.useState)([]); // ref is used because it doesn't affect the rendering cicle and is only used to check prev values
+
+  const prevTicketTypesRef = (0,external_react_.useRef)([]);
 
   const ticketSelect = ticket => {
     onTicketSelect(ticket);
     setActive(!active);
   };
 
+  (0,external_react_.useEffect)(() => {
+    const prevTicketTypes = prevTicketTypesRef.current;
+
+    if (!isEqual_default()(ticketTypes, []) && !isEqual_default()(prevTicketTypes, ticketTypes)) {
+      setCurrentTicketTypes(ticketTypes);
+    }
+
+    prevTicketTypesRef.current = ticketTypes;
+  }, [ticketTypes]);
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: `${ticket_dropdown_index_module.outerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -2878,7 +2894,7 @@ const TicketDropdownComponent = ({
   }))), active && /*#__PURE__*/external_react_default().createElement("div", {
     className: ticket_dropdown_index_module.dropdown,
     "data-testid": "ticket-list"
-  }, ticketTypes.map(t => {
+  }, currentTicketTypes.map(t => {
     console.log('TicketDropdownComponent::render');
     const maxQuantity = getTicketMaxQuantity(t);
     const isTicketSoldOut = maxQuantity < 1;