@mychoice/mychoice-sdk-modules 2.1.33 → 2.1.34

package/dist/esm/index.js

@@ -3255,8 +3255,13 @@ const StepsBox = ({ formSteps, validationHooks, propertyIsCompleted, }) => {
     const [showContent, setShowContent] = useState(false);
     useEffect(() => {
         const checkTime = () => {
-            const currentHour = new Date().getUTCHours() - 5; // EST is UTC-5
-            setShowContent(currentHour >= 9 && currentHour < 18);
+            const currentUTCDate = new Date();
+            const currentHour = currentUTCDate.getUTCHours() - 5; // EST is UTC-5
+            const currentDay = currentUTCDate.getUTCDay(); // Sunday is 0, Monday is 1, ..., Saturday is 6
+            // Check if it's a weekday (Monday to Friday) and if the current hour is between 9 am and 6 pm
+            const isWeekday = currentDay >= 1 && currentDay <= 5;
+            const isWorkingHours = currentHour >= 9 && currentHour < 18;
+            setShowContent(isWeekday && isWorkingHours);
         };
         checkTime(); // Initial check
         const interval = setInterval(checkTime, 60000); // Check every minute
@@ -3981,8 +3986,13 @@ const AppRouteWrapper = (props) => {
     const [showContent, setShowContent] = useState(false);
     useEffect(() => {
         const checkTime = () => {
-            const currentHour = new Date().getUTCHours() - 5; // EST is UTC-5
-            setShowContent(currentHour >= 9 && currentHour < 18);
+            const currentUTCDate = new Date();
+            const currentHour = currentUTCDate.getUTCHours() - 5; // EST is UTC-5
+            const currentDay = currentUTCDate.getUTCDay(); // Sunday is 0, Monday is 1, ..., Saturday is 6
+            // Check if it's a weekday (Monday to Friday) and if the current hour is between 9 am and 6 pm
+            const isWeekday = currentDay >= 1 && currentDay <= 5;
+            const isWorkingHours = currentHour >= 9 && currentHour < 18;
+            setShowContent(isWeekday && isWorkingHours);
         };
         checkTime(); // Initial check
         const interval = setInterval(checkTime, 60000); // Check every minute
@@ -4074,7 +4084,7 @@ const AppRouteWrapper = (props) => {
             window.removeEventListener('scroll', handleScroll);
         };
     }, []);
-    return (jsx(Fragment, { children: isReady && (jsxs(Fragment, { children: [jsx(AppHeader, {}), jsx(AppModal, {}), insuranceType && (jsx(Fragment, { children: jsx(NavigationTop, { title: `${insuranceType.replace(/^./, insuranceType[0].toUpperCase())} Insurance Quote`, postalCode: postalCode, formSteps: steps, validationHooks: validationHooks, clearForm: clearFormData, propertyIsCompleted: isCompleted, id: "postalCodeData" }) })), showStickyBanner && showContent && isMobile && appType === AppTypes.MyChoice && (jsxs("div", { id: "stickyBanner", style: { position: "sticky", top: 0, color: "#FFFFFF", backgroundColor: "#8ED6DC", width: "100%", height: "75px", zIndex: 5000, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: [jsx("p", { style: { fontWeight: 700, fontSize: "22px" }, children: "Need Help? Give us a call at" }), jsx("a", { style: { marginTop: "5px" }, href: "tel:18884534644", children: "1-888-453-4644" })] })), insuranceType && appType === AppTypes.MyChoice && (jsx("div", { className: localIndex !== defaultLocalIndex ? 'step-progress-bar-partner' : 'step-progress-bar', children: jsx("span", { style: { width: progressLength } }) })), jsx("div", { className: `${insuranceType ? 'form-page-content' : ''} ${insuranceType && appType === AppTypes.MyChoice ? 'mychoice' : ''}`, children: insuranceType && appType === AppTypes.MyChoice && isDesktop && progressLength ? (jsx(Fragment, { children: jsxs("div", { className: "mychoice-content", children: [jsx(StepsBox, { className: "step-box", formSteps: steps, validationHooks: validationHooks, propertyIsCompleted: isCompleted }), children, jsx("div", { className: "empty-steps-container" })] }) })) : children }), isMychoice && !appLoaderState.isOpen && jsx(ProviderImageFooter, {})] })) }));
+    return (jsx(Fragment, { children: isReady && (jsxs(Fragment, { children: [jsx(AppHeader, {}), jsx(AppModal, {}), insuranceType && (jsx(Fragment, { children: jsx(NavigationTop, { title: `${insuranceType.replace(/^./, insuranceType[0].toUpperCase())} Insurance Quote`, postalCode: postalCode, formSteps: steps, validationHooks: validationHooks, clearForm: clearFormData, propertyIsCompleted: isCompleted, id: "postalCodeData" }) })), showStickyBanner && showContent && isMobile && appType === AppTypes.MyChoice && (jsxs("div", { id: "stickyBanner", style: { position: "sticky", top: 0, color: "#FFFFFF", backgroundColor: "#8ED6DC", width: "100%", height: "75px", zIndex: 5000, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: [jsx("a", { style: { fontWeight: 700, fontSize: "22px" }, href: "tel:18884534644", children: "Need Help? Give us a call at" }), jsx("a", { style: { marginTop: "5px", textDecoration: "underline", fontWeight: 850 }, href: "tel:18884534644", children: "1-888-453-4644" })] })), insuranceType && appType === AppTypes.MyChoice && (jsx("div", { className: localIndex !== defaultLocalIndex ? 'step-progress-bar-partner' : 'step-progress-bar', children: jsx("span", { style: { width: progressLength } }) })), jsx("div", { className: `${insuranceType ? 'form-page-content' : ''} ${insuranceType && appType === AppTypes.MyChoice ? 'mychoice' : ''}`, children: insuranceType && appType === AppTypes.MyChoice && isDesktop && progressLength ? (jsx(Fragment, { children: jsxs("div", { className: "mychoice-content", children: [jsx(StepsBox, { className: "step-box", formSteps: steps, validationHooks: validationHooks, propertyIsCompleted: isCompleted }), children, jsx("div", { className: "empty-steps-container" })] }) })) : children }), isMychoice && !appLoaderState.isOpen && jsx(ProviderImageFooter, {})] })) }));
 };
 const NestedRoutes = () => {
     const insuranceType = getInsuranceType();