{"version":3,"file":"static/chunks/924.c2bbe82174b4dbd9.js","mappings":"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","sources":["webpack://_N_E/./src/components/ModalsPortal/AddToHomeScreenModal.tsx"],"sourcesContent":["import { useTriggerMobileWebModalStore } from \"@/stores\"\nimport React, { useEffect } from \"react\"\nimport Modal from \"../Modal\"\nimport { CheckCircleIcon } from \"../shared/icons\"\nimport { isMobileOnly } from \"react-device-detect\"\nimport { cdnPublicFolderUrl } from \"@/constants\"\nimport Link from \"next/link\"\nimport { useAuth } from \"@/providers/authContext\"\n\nconst AddToHomeScreenModal = () => {\n  const { loading, user } = useAuth()\n  const { isOpen, setIsOpen, onTrigger } = useTriggerMobileWebModalStore()\n\n  useEffect(() => {\n    if (loading) return\n    if (!localStorage.getItem(\"add-to-home-screen\")) {\n      onTrigger()\n    }\n  }, [loading, user])\n\n  const handleClose = () => {\n    localStorage.setItem(\"add-to-home-screen\", \"true\")\n    setIsOpen(false)\n  }\n\n  if (!isMobileOnly) return null\n\n  return (\n    <Modal\n      className=\"w-full rounded-none bg-[#E3E3E3] min-h-full p-0\"\n      bodyClassName=\"p-0\"\n      closeButtonClassName=\"bg-atherGray-800 absolute top-4 right-4 z-[2]\"\n      containerClassName=\"p-0 flex md:hidden\"\n      isOpen={isOpen}\n      onClose={handleClose}\n    >\n      <img\n        src={`${cdnPublicFolderUrl}/images/tutorial/bg.png`}\n        alt=\"Background\"\n        className=\"h-full object-contain absolute top-0 right-0\"\n      />\n      <div className=\"flex flex-col items-center py-8 px-4 z-[1] text-atherGray-700\">\n        <Link\n          href=\"/landing\"\n          shallow\n          className=\"block\"\n          onClick={() => {\n            handleClose()\n          }}\n        >\n          <img className=\"mb-2\" src={`${cdnPublicFolderUrl}/images/tutorial/logo.png`} alt=\"Logo\" />\n        </Link>\n        <p className=\"text-xl font-semibold text-center\">\n          Add GAIA to Home Screen <br /> Get better experience on mobile!\n        </p>\n        <div className=\"w-full mt-16\">\n          <div>\n            <div className=\"flex space-x-2 mb-2 items-center px-4\">\n              <div className=\"rounded-full text-atherGray-100 bg-atherPurple-500 w-8 h-8 flex items-center justify-center text-base font-semibold\">\n                1\n              </div>\n              <p className=\"text-base leading-5\">\n                On Safari browser\n                <br />\n                Push <span className=\"font-semibold\">Share</span> button\n              </p>\n            </div>\n            <img\n              src={`${cdnPublicFolderUrl}/images/tutorial/1.png`}\n              alt=\"Logo\"\n              className=\"rounded-2xl max-w-[16.5rem]\"\n            />\n          </div>\n          <div>\n            <div className=\"flex space-x-2 mb-2 items-center px-4\">\n              <div className=\"rounded-full text-atherGray-100 bg-atherPurple-500 w-8 h-8 flex items-center justify-center text-base font-semibold\">\n                2\n              </div>\n              <p className=\"text-base leading-5\">\n                Scroll to <span className=\"font-semibold\">Add to Home</span>\n                <br />\n                <span className=\"font-semibold\">Screen</span> and click on it\n              </p>\n            </div>\n            <img\n              src={`${cdnPublicFolderUrl}/images/tutorial/2.png`}\n              alt=\"Logo\"\n              className=\"rounded-2xl max-w-[16.5rem]\"\n            />\n          </div>\n          <div>\n            <div className=\"flex space-x-2 mb-2 items-center px-4\">\n              <div className=\"rounded-full text-atherGray-100 bg-atherPurple-500 w-8 h-8 flex items-center justify-center text-base font-semibold\">\n                3\n              </div>\n              <p className=\"text-base leading-5\">\n                Click <span className=\"font-semibold\">Add</span> button\n              </p>\n            </div>\n            <img\n              src={`${cdnPublicFolderUrl}/images/tutorial/3.png`}\n              alt=\"Logo\"\n              className=\"rounded-2xl max-w-[16.5rem]\"\n            />\n          </div>\n          <div>\n            <div className=\"flex space-x-2 mb-2 items-center px-4\">\n              <div className=\"rounded-full text-atherGray-100 bg-atherPurple-500 w-8 h-8 flex items-center justify-center text-base font-semibold\">\n                <CheckCircleIcon checked width={28} height={28} />\n              </div>\n              <p className=\"text-base leading-5 font-semibold\">\n                Woohoo! Enjoy GAIA as <br /> a native Webapp\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport default AddToHomeScreenModal\n"],"names":["__webpack_exports__","loading","user","useAuth","isOpen","setIsOpen","onTrigger","useTriggerMobileWebModalStore","useEffect","localStorage","getItem","handleClose","setItem","isMobileOnly","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","Modal","className","bodyClassName","closeButtonClassName","containerClassName","onClose","jsx","img","src","concat","cdnPublicFolderUrl","alt","div","Link","href","shallow","onClick","p","br","span","CheckCircleIcon","checked","width","height"],"sourceRoot":""}