@tripian/react 9.1.43 → 9.1.45

package/index.js

@@ -33050,49 +33050,7 @@ __webpack_require__(890);
 const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeholder, disabled, onFocus, onBlur }) => {
     const [text, setText] = (0, react_1.useState)(initialText);
     const [initialized, setInitialized] = (0, react_1.useState)(false);
-    const [hasSelection, setHasSelection] = (0, react_1.useState)(false);
     const placesAutocomplete = (0, react_1.useRef)();
-    const isPacItemClick = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(() => {
-        const handleMouseDown = (e) => {
-            const target = e.target;
-            if (target && target.classList && target.classList.contains('pac-item')) {
-                isPacItemClick.current = true;
-            }
-        };
-        window.addEventListener('mousedown', handleMouseDown);
-        return () => {
-            window.removeEventListener('mousedown', handleMouseDown);
-        };
-    }, []);
-    const handleEnterKey = (event) => {
-        if (event.key === 'Enter') {
-            event.preventDefault();
-            const firstPrediction = document.querySelector('.pac-item');
-            if (firstPrediction) {
-                const input = document.getElementById('google-autocompelete');
-                const simulatedDownArrow = new KeyboardEvent('keydown', { keyCode: 40 });
-                input.dispatchEvent(simulatedDownArrow);
-                const simulatedEnter = new KeyboardEvent('keydown', { keyCode: 13 });
-                input.dispatchEvent(simulatedEnter);
-            }
-        }
-    };
-    const handleBlur = () => {
-        setTimeout(() => {
-            if (isPacItemClick.current) {
-                isPacItemClick.current = false;
-                return;
-            }
-            if (!hasSelection) {
-                setText('');
-                onSelectedChanged({ name: '' });
-            }
-            if (onBlur) {
-                onBlur();
-            }
-        }, 200);
-    };
     /**
      * initialize
      */
@@ -33108,15 +33066,20 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
                 strictBounds: true,
             };
             placesAutocomplete.current = new google.maps.places.Autocomplete(document.getElementById('google-autocompelete'), autocompleteOptions);
+            // console.log('setTimeout set 1');
             setTimeout(() => {
+                // if (!unmounted) {
                 const pacContainerParent = document.getElementById('pac-container-parent');
                 const pacContainer = document.getElementsByClassName('pac-container')[0];
                 if (pacContainer)
                     pacContainerParent === null || pacContainerParent === void 0 ? void 0 : pacContainerParent.appendChild(pacContainer);
+                // console.log('setTimeout set 2');
+                // }
             }, 1000);
             setInitialized(true);
         };
         init();
+        // console.log('useEffect init');
         return () => {
             const pacContainers = document.getElementsByClassName('pac-container');
             for (let i = 0; i < pacContainers.length; i += 1) {
@@ -33137,7 +33100,6 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
                 const displayText = [place.name, place.formatted_address].filter(Boolean).join(' ');
                 setText(displayText || '');
                 onSelectedChanged(place);
-                setHasSelection(true);
             }
         });
         return () => {
@@ -33150,11 +33112,15 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
      * setBounds
      */
     (0, react_1.useEffect)(() => {
+        // console.log(boundry);
         if (placesAutocomplete.current && boundry) {
             placesAutocomplete.current.setBounds(boundry);
         }
+        // console.log('initialized, boundry');
+        // console.log('setBounds');
     }, [initialized, boundry]);
     (0, react_1.useEffect)(() => {
+        // console.log('useEffect initialText');
         setText(initialText);
     }, [initialText]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -33162,9 +33128,9 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
                 if (!newText.target.value) {
                     onSelectedChanged({ name: '' });
                 }
+                // console.log(newText.target.value);
                 setText(newText.target.value);
-                setHasSelection(false);
-            }, className: "gplaces-autocomplete", disabled: disabled, onFocus: onFocus, onBlur: handleBlur, onKeyDown: handleEnterKey }),
+            }, disabled: disabled, onFocus: onFocus, onBlur: onBlur }),
         react_1.default.createElement("div", { id: "pac-container-parent" })));
 };
 exports.default = GPlacesAutocomplete2;
@@ -58640,13 +58606,14 @@ const PoiInfoText = ({ poi, hideFeatures, hideCuisine, reservationUrl, hideBooki
                         react_1.default.createElement("span", { className: PoiInfoText_scss_1.default.bookableTabSubtext }, "Covering this POI")))),
             !hideTours && activeBookableTab === 'tickets' && ticketProducts.length > 0 && (react_1.default.createElement("div", { className: "col col12 pb4" }, ticketProducts.map((bookingProduct) => (react_1.default.createElement("div", { key: bookingProduct.id, className: "pt4" },
                 react_1.default.createElement(TourCard_1.default, { key: bookingProduct.id, title: bookingProduct.title, tags: bookingProduct.info, images: [bookingProduct.image || ''], provider: bookingProduct.provider, onBook: () => {
-                        if (bookingProduct.provider === 'Victory' && getTourInfo) {
+                        if (getTourInfo)
                             getTourInfo(bookingProduct.id.toString(), poi);
-                        }
-                        window.open(bookingProduct.url || '', '_blank');
                     } })))))),
             !hideTours && activeBookableTab === 'tours' && tourProducts.length > 0 && (react_1.default.createElement("div", { className: `col col12 pb4 ${tourTicketProductsLoading ? 'pointer-events-none' : ''}` }, tourProducts.map((bookingProduct) => (react_1.default.createElement("div", { key: bookingProduct.id, className: "pt4" },
-                react_1.default.createElement(TourCard_1.default, { key: bookingProduct.id, title: bookingProduct.title, tags: bookingProduct.info, images: [bookingProduct.image || ''], provider: bookingProduct.provider, onBook: () => window.open(bookingProduct.url || '', '_blank') }))))))))))))));
+                react_1.default.createElement(TourCard_1.default, { key: bookingProduct.id, title: bookingProduct.title, tags: bookingProduct.info, images: [bookingProduct.image || ''], provider: bookingProduct.provider, onBook: () => {
+                        if (getTourInfo)
+                            getTourInfo(bookingProduct.id.toString(), poi);
+                    } }))))))))))))));
 };
 exports.default = PoiInfoText;
 
@@ -88357,7 +88324,7 @@ gygTourIds, bbTourIds, viatorTourIds, toristyTourIds, alternativeReplace, timesC
                     react_1.default.createElement(Price_1.default, { price: step.poi.price }))) : null)));
     }
     return (react_1.default.createElement("div", { style: { marginLeft: isWidget ? '1.5rem' : '0' }, className: `${StepCard_scss_1.default.stepCardMain} ${step.warningMessage.length > 0 ? StepCard_scss_1.default.redBorder : ''}` },
-        react_1.default.createElement("div", { className: `${StepCard_scss_1.default.stepCard} ${tourTicketProductsLoading && step.poi.category.some((c) => c.id === 1) ? 'pointer-events-none' : ''}`, onKeyDown: () => { }, role: "button", tabIndex: 0, onClick: () => {
+        react_1.default.createElement("div", { className: StepCard_scss_1.default.stepCard, onKeyDown: () => { }, role: "button", tabIndex: 0, onClick: () => {
                 clicked(step);
             } },
             step.warningMessage.length > 0 && (react_1.default.createElement("div", { className: StepCard_scss_1.default.tooltip, "data-tooltip": step.warningMessage.join(' '), "data-tooltip-position": "bottom" },
@@ -88383,11 +88350,7 @@ gygTourIds, bbTourIds, viatorTourIds, toristyTourIds, alternativeReplace, timesC
                                     } },
                                     react_1.default.createElement(Icons_1.X, { fill: "var(--primary-color)" }))),
                             react_1.default.createElement("div", { className: StepCard_scss_1.default.iconButtonsMobile }, replaceRemoveButtons),
-                            tourTicketProductsLoading && step.poi.category.some((c) => c.id === 1) && (react_1.default.createElement("div", { className: StepCard_scss_1.default.loadingIndicator, onClick: (e) => {
-                                    e.stopPropagation();
-                                }, onKeyDown: (e) => {
-                                    e.stopPropagation();
-                                }, role: "presentation" },
+                            tourTicketProductsLoading && step.poi.category.some((c) => c.id === 1) && (react_1.default.createElement("div", { className: StepCard_scss_1.default.loadingIndicator },
                                 react_1.default.createElement(TourTicketLazyLoading_1.default, null))),
                             !tourTicketProductsLoading && (react_1.default.createElement(react_1.default.Fragment, null, ((!hideTourTicketIcons &&
                                 (model_1.helper.tourAvailable(step.poi.bookings, TOUR_PROVIDER_IDS, gygTourIds, bbTourIds, viatorTourIds, toristyTourIds) ||