opus-toolkit-components 1.0.9 → 1.1.0

package/lib/{main.5d4f09a62f10ac5f2dda.js → main.2a8cccc6fccd0826ee8d.js}

@@ -12911,7 +12911,6 @@ function Loader(_ref) {
 }
 ;// external "opus-toolkit-styles/assets/logos/footer-logos.svg"
 const footer_logos_svg_namespaceObject = require("opus-toolkit-styles/assets/logos/footer-logos.svg");
-var footer_logos_svg_default = /*#__PURE__*/__webpack_require__.n(footer_logos_svg_namespaceObject);
 ;// ./src/components/Cookies/CookieBanner.js
 
 
@@ -12922,32 +12921,54 @@ const CookieBanner = _ref => {
     logo,
     policyTxt = "This website uses cookies to ensure you get the best experience on our site. By clicking Accept, you consent to the use of cookies.",
     linkTxt = "Learn More",
-    // New props for control
     isVisible = true,
-    // show/hide banner
     onAccept = () => {},
-    // accept button handler
-    onLearnMore = () => {} // Learn More click handler
+    onLearnMore = () => {}
   } = _ref;
-  if (!isVisible) return null; // hide banner if not visible
+  const [show, setShow] = (0,external_react_.useState)(false);
+  const [render, setRender] = (0,external_react_.useState)(isVisible);
+  const [imageLoaded, setImageLoaded] = (0,external_react_.useState)(!logo); // if no logo image, consider loaded
 
+  (0,external_react_.useEffect)(() => {
+    if (isVisible) {
+      setRender(true);
+      if (logo) setImageLoaded(false);
+    } else {
+      setShow(false);
+      const timeout = setTimeout(() => setRender(false), 300);
+      return () => clearTimeout(timeout);
+    }
+  }, [isVisible]);
+  (0,external_react_.useEffect)(() => {
+    if (imageLoaded && render) {
+      const timeout = setTimeout(() => setShow(true), 10);
+      return () => clearTimeout(timeout);
+    }
+  }, [imageLoaded, render]);
+  if (!render) return null;
   return /*#__PURE__*/external_react_default().createElement(Card, {
     intent: "brandSecondary",
-    className: "flex items-center justify-between p-4 space-x-4"
+    className: "\n        flex items-center justify-between p-4 space-x-4\n        transition-all duration-300 ease-in-out\n        ".concat(show ? "opacity-100 translate-y-0" : "opacity-0 translate-y-3", "\n      ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center"
-  }, /*#__PURE__*/external_react_default().createElement("img", {
-    src: logo || (footer_logos_svg_default()),
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "flex-shrink-0 mr-4"
+  }, logo ? /*#__PURE__*/external_react_default().createElement("img", {
+    src: logo,
     alt: "C247 Logo",
-    className: "mr-4"
-  }), /*#__PURE__*/external_react_default().createElement("p", {
+    className: "w-full object-contain",
+    onLoad: () => setImageLoaded(true),
+    loading: "eager"
+  }) : /*#__PURE__*/external_react_default().createElement(footer_logos_svg_namespaceObject.ReactComponent, {
+    className: "w-full h-full"
+  })), /*#__PURE__*/external_react_default().createElement("p", {
     className: "mr-4"
   }, policyTxt)), /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center space-x-4"
   }, /*#__PURE__*/external_react_default().createElement(Button, {
     rank: "primary",
     text: "Accept",
-    onClick: onAccept // call passed handler
+    onClick: onAccept
   }), /*#__PURE__*/external_react_default().createElement(Button, {
     rank: "secondary",
     text: linkTxt,
@@ -12977,4 +12998,4 @@ const CookieBanner = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.5d4f09a62f10ac5f2dda.js.map
+//# sourceMappingURL=main.2a8cccc6fccd0826ee8d.js.map