@digital-b2c/coreui-kit 0.11.12 → 0.11.14

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx15 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React65 = require('react');
+var React66 = require('react');
 var gsap = require('gsap');
 var react = require('@gsap/react');
 var ScrollTrigger = require('gsap/ScrollTrigger');
@@ -13,7 +13,7 @@ require('swiper/css');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var clsx15__default = /*#__PURE__*/_interopDefault(clsx15);
-var React65__default = /*#__PURE__*/_interopDefault(React65);
+var React66__default = /*#__PURE__*/_interopDefault(React66);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 
 var __defProp = Object.defineProperty;
@@ -382,7 +382,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React65__default.default.memo(
+var Icon = React66__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -495,21 +495,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React65.useState(
+  const [device, setDevice] = React66.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React65.useCallback(
+  const getOtherDevices = React66.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React65.useCallback(() => {
+  const onWindowResize = React66.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -562,13 +562,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React65.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React65.useState(false);
+  const [show, setShow] = React66.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React66.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React65.useRef(null);
-  const marqueeRef = React65.useRef(null);
-  const timeline = React65.useRef(null);
+  const containerRef = React66.useRef(null);
+  const marqueeRef = React66.useRef(null);
+  const timeline = React66.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -662,7 +662,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React65.useMemo(() => {
+  const duplicatedLogos = React66.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -715,8 +715,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React65.Children.forEach(children, (child) => {
-    if (!React65.isValidElement(child)) return;
+  React66.Children.forEach(children, (child) => {
+    if (!React66.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -730,7 +730,7 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React65.forwardRef(
+var Container = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
     return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx15__default.default(Container_module_default.container, className) }, props), { children }));
@@ -871,11 +871,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  const [openDropdown, setOpenDropdown] = React65.useState(null);
-  const [searchState, setSearchState] = React65.useState("closed");
-  const filterRef = React65.useRef(null);
-  const sortRef = React65.useRef(null);
-  const searchInputRef = React65.useRef(null);
+  const [openDropdown, setOpenDropdown] = React66.useState(null);
+  const [searchState, setSearchState] = React66.useState("closed");
+  const filterRef = React66.useRef(null);
+  const sortRef = React66.useRef(null);
+  const searchInputRef = React66.useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -885,7 +885,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -895,7 +895,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -1140,7 +1140,7 @@ var Pagination = ({
   onPageChange,
   renderLink
 }) => {
-  const [activePage, setActivePage] = React65.useState(currentPage);
+  const [activePage, setActivePage] = React66.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1194,7 +1194,7 @@ var Pagination = ({
         [Pagination_module_default.active]: activePage === page,
         [Pagination_module_default.number]: hasNumber
       });
-      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React65.Fragment, { children: renderLink({
+      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React66.Fragment, { children: renderLink({
         page,
         className: pageClassName,
         "aria-label": `Go to page ${page}`,
@@ -1275,20 +1275,14 @@ var ResourceCardItem_module_default = {
   cardList: "ResourceCardItem_module_cardList",
   cardListLeft: "ResourceCardItem_module_cardListLeft",
   cardListRight: "ResourceCardItem_module_cardListRight",
-  notificationDot: "ResourceCardItem_module_notificationDot",
-  iconWrapper: "ResourceCardItem_module_iconWrapper"
-};
-var ResourceIcon = ({ image, type }) => {
-  if (!image) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourceCardItem_module_default.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: type != null ? type : "", width: 32, height: 32 }) });
-};
+  notificationDot: "ResourceCardItem_module_notificationDot"};
 var ResourceCardItem = ({ item, view }) => {
   const hasHref = Boolean(item.href);
   const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: ResourceCardItem_module_default.cardLink, target: "_blank", rel: "noopener noreferrer", children });
   if (view === "grid") {
     return /* @__PURE__ */ jsxRuntime.jsx("article", { className: ResourceCardItem_module_default.cardGrid, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardBody, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ResourceIcon, { image: item.image, type: item.type }),
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardMeta, children: [
@@ -1303,7 +1297,7 @@ var ResourceCardItem = ({ item, view }) => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardListRight, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ResourceIcon, { image: item.image, type: item.type }),
+      /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
     ] }) })
   ] });
@@ -1477,7 +1471,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React65.forwardRef(
+var Badge = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1551,7 +1545,7 @@ var Input_module_default = {
   error: "Input_module_error",
   "input-field--error": "Input_module_input-field--error",
   "input-field--disabled": "Input_module_input-field--disabled"};
-var Input = React65.forwardRef(
+var Input = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1582,7 +1576,7 @@ var Input = React65.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React65.useId();
+    const generatedId = React66.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1787,10 +1781,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React65.useRef(null);
-  const revealWrapper = React65.useRef(null);
-  const extraCard = React65.useRef(null);
-  const [isExpanded, setIsExpanded] = React65.useState(false);
+  const container = React66.useRef(null);
+  const revealWrapper = React66.useRef(null);
+  const extraCard = React66.useRef(null);
+  const [isExpanded, setIsExpanded] = React66.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -1801,7 +1795,7 @@ var CardCollection = ({
   const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
   const hiddenCards = isExamCard ? cards.slice(8) : [];
   const { contextSafe } = react.useGSAP({ scope: container });
-  const handleShowMore = React65.useCallback(() => {
+  const handleShowMore = React66.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1905,8 +1899,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React65.useRef(null);
-  const blurRef = React65.useRef(null);
+  const containerRef = React66.useRef(null);
+  const blurRef = React66.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2245,8 +2239,8 @@ var HeroBannerCarousel = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React65.useState(null);
-  const [activeIndex, setActiveIndex] = React65.useState(0);
+  const [swiperInstance, setSwiperInstance] = React66.useState(null);
+  const [activeIndex, setActiveIndex] = React66.useState(0);
   if (!items.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2335,16 +2329,16 @@ var AccordionItem = ({
   onToggle,
   className
 }) => {
-  const contentRef = React65.useRef(null);
-  const contentInnerRef = React65.useRef(null);
-  const timelineRef = React65.useRef(null);
-  const [contentHeight, setContentHeight] = React65.useState(0);
-  React65.useEffect(() => {
+  const contentRef = React66.useRef(null);
+  const contentInnerRef = React66.useRef(null);
+  const timelineRef = React66.useRef(null);
+  const [contentHeight, setContentHeight] = React66.useState(0);
+  React66.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -2429,7 +2423,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React65.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React66.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -2490,10 +2484,10 @@ var InternalBrandsTab_module_default = {
 var InternalBrandsTab = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const { title, subTitle, className, tabs } = props;
-  const [activeIndex, setActiveIndex] = React65.useState(0);
+  const [activeIndex, setActiveIndex] = React66.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React65.useMemo(() => {
+  const accordionItems = React66.useMemo(() => {
     return (tabs == null ? void 0 : tabs.map((tab, index) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
       return {
@@ -2614,6 +2608,7 @@ var MiniBanner_module_default = {
   logo: "MiniBanner_module_logo",
   pretitle: "MiniBanner_module_pretitle",
   headingWrapper: "MiniBanner_module_headingWrapper",
+  "back-button": "MiniBanner_module_back-button",
   title: "MiniBanner_module_title",
   ctaContainer: "MiniBanner_module_ctaContainer",
   miniBannerNoBG: "MiniBanner_module_miniBannerNoBG",
@@ -2622,6 +2617,9 @@ var MiniBanner_module_default = {
 var MiniBannerPreTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
+var MiniBannerGoBack = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
 var MiniBanner = ({
   className,
   variant = "default",
@@ -2637,7 +2635,8 @@ var MiniBanner = ({
   const slots = resolveCompoundSlots(children, {
     pretitle: MiniBannerPreTitle,
     title: MiniBannerTitle,
-    subtitle: MiniBannerSubtitle
+    subtitle: MiniBannerSubtitle,
+    goBack: MiniBannerGoBack
   });
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
@@ -2646,13 +2645,19 @@ var MiniBanner = ({
   const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
+  const goBackNode = slots == null ? void 0 : slots.goBack;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
+          goBackNode ? React66__default.default.cloneElement(goBackNode, {
+            className: clsx15__default.default("back-button", MiniBanner_module_default["back-button"])
+          }) : null,
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+        ] }),
         subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -2685,7 +2690,8 @@ var MiniBanner = ({
 // src/widgets/MiniBanner/index.ts
 var MiniBanner2 = Object.assign(MiniBanner, {
   Title: MiniBannerTitle,
-  Subtitle: MiniBannerSubtitle
+  Subtitle: MiniBannerSubtitle,
+  GoBack: MiniBannerGoBack
 });
 var MiniSectionCtaTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
@@ -3276,13 +3282,13 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  const [view, setView] = React65.useState(defaultView);
-  const [isSidebarOpen, setIsSidebarOpen] = React65.useState(false);
-  const [filterValue, setFilterValue] = React65.useState(defaultFilter);
-  const [sortValue, setSortValue] = React65.useState(defaultSort);
-  const [searchQuery, setSearchQuery] = React65.useState("");
-  const [currentPage, setCurrentPage] = React65.useState(1);
-  const [selectedCategory, setSelectedCategory] = React65.useState(() => {
+  const [view, setView] = React66.useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = React66.useState(false);
+  const [filterValue, setFilterValue] = React66.useState(defaultFilter);
+  const [sortValue, setSortValue] = React66.useState(defaultSort);
+  const [searchQuery, setSearchQuery] = React66.useState("");
+  const [currentPage, setCurrentPage] = React66.useState(1);
+  const [selectedCategory, setSelectedCategory] = React66.useState(() => {
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
@@ -3290,8 +3296,14 @@ var ResourcesGridList = ({
   const isMobile = is("tablet", "below");
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
   const handleSelectCategory = (index) => {
+    var _a2, _b;
     setSelectedCategory(index);
     setCurrentPage(1);
+    const categoryText = (_b = (_a2 = categories[index]) == null ? void 0 : _a2.label) == null ? void 0 : _b.replaceAll(" ", "-");
+    if (typeof window !== "undefined" && categoryText) {
+      const url = `${window.location.pathname}#${categoryText}`;
+      window.history.replaceState(null, "", url);
+    }
     if (isMobile) setIsSidebarOpen(false);
   };
   const handleFilterChange = (value) => {
@@ -3733,7 +3745,7 @@ var NewsCardList = ({
             /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        paginationNode ? React65__default.default.cloneElement(paginationNode, {
+        paginationNode ? React66__default.default.cloneElement(paginationNode, {
           className: clsx15__default.default("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
@@ -3848,7 +3860,7 @@ var BlogSearchResultsList = ({
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React65__default.default.isValidElement(searchNode) ? React65__default.default.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React66__default.default.isValidElement(searchNode) ? React66__default.default.cloneElement(searchNode, {
       className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
@@ -3876,7 +3888,7 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    paginationNode ? React65__default.default.cloneElement(paginationNode, {
+    paginationNode ? React66__default.default.cloneElement(paginationNode, {
       className: clsx15__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
@@ -3891,13 +3903,13 @@ function useIntersectionObserver({
   animateOnce = false,
   options = {}
 } = {}) {
-  const observeRef = React65.useRef(null);
-  const [isVisible, setIsVisible] = React65.useState(false);
+  const observeRef = React66.useRef(null);
+  const [isVisible, setIsVisible] = React66.useState(false);
   if (typeof IntersectionObserver === "undefined") {
     console.warn("IntersectionObserver is not supported in this browser.");
     return { observeRef, isVisible: true };
   }
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     const currentRef = observeRef.current;
     if (!currentRef) return;
     const observer = new IntersectionObserver((entries) => {