{"version":3,"file":"WebchatLoading.DSTAVzcL.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/qrgQB4ZLGvsXk4l9LKkY/1QoOb1GLE9MaKvISpKK8/WebchatLoading.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{forwardRef,useState,useEffect}from\"react\";// Learn more: https://www.framer.com/developers/overrides/\nexport function withLoadingAnimation(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[activeIndex,setActiveIndex]=useState(-1);const isPTBR=window?.location?.pathname?.includes(\"/pt/\");const steps=!isPTBR?[\"Setting things up\",\"Preparing the AI Agent\",\"Almost ready\"]:[\"Configurando tudo\",\"Preparando o Agente de IA\",\"Quase pronto\"];useEffect(()=>{const delays=[1200,3600,7200];delays.forEach((delay,i)=>{setTimeout(()=>setActiveIndex(i),delay);});},[]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,children:/*#__PURE__*/_jsxs(\"div\",{className:\"webchatContainer\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"webchatHeader\"}),/*#__PURE__*/_jsx(\"div\",{className:\"content\",children:/*#__PURE__*/_jsx(\"ul\",{id:\"steps\",children:steps.map((step,i)=>/*#__PURE__*/_jsxs(\"li\",{className:i<=activeIndex?\"active\":\"\",children:[/*#__PURE__*/_jsx(\"span\",{className:`bullet ${i===activeIndex?\"pulse\":\"\"}`}),step]},i))})}),/*#__PURE__*/_jsx(\"style\",{jsx:true,children:`\n       \n        .webchatContainer {\n    border-radius: 16px;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    font-family: \"Geist\", sans-serif;\n  }\n\n   .loaded .webchatContainer:has(+ *) {\n    height: 0;\n    overflow: hidden;\n  }\n\n        .webchatHeader {\n          width: 100%;\n          height: 69px;\n          border-bottom: 1px solid #e0e0e0;\n        }\n        .content {\n          width: 100%;\n          height: calc(100% - 69px);\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n        }\n         .illustration {\n            height: 161px;\n            width: 192px;\n        }\n\n       .webchatContainer ul {\n          list-style: none;\n          text-align: left;\n          display: inline-block;\n          width: 230px;\n          padding: 0;\n          margin-top:24px;\n        }\n       .webchatContainer li {\n          display: flex;\n          align-items: center;\n          gap: 16px;\n          margin-bottom: 15px;\n          opacity: 0.3;\n          transition: opacity 0.4s ease;\n          font-weight: 500;\n          font-size:16px;\n        }\n       .webchatContainer li.active {\n          opacity: 1;\n        }\n        .bullet {\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          background: #9c4dff;\n        }\n        .pulse {\n          animation: pulse 1.2s infinite;\n        }\n        @keyframes pulse {\n          0% {\n            box-shadow: 0 0 0 0 rgba(156, 77, 255, 0.6);\n          }\n          70% {\n            box-shadow: 0 0 0 8px rgba(156, 77, 255, 0);\n          }\n          100% {\n            box-shadow: 0 0 0 0 rgba(156, 77, 255, 0);\n          }\n        }\n        @media (max-width: 480px) {\n          .container {\n            padding: 30px 15px;\n          }\n        }\n      `})]})});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withLoadingAnimation\":{\"type\":\"reactHoc\",\"name\":\"withLoadingAnimation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WebchatLoading.map"],"mappings":"qJACA,SAAgB,EAAqB,EAAU,CAAC,OAAoB,GAAY,EAAM,IAAM,CAAC,GAAK,CAAC,EAAY,GAAgBA,EAAS,GAAG,CAAiE,EAAnD,GAAQ,UAAU,UAAU,SAAS,OAAO,CAAmF,CAAC,oBAAoB,4BAA4B,eAAe,CAA9H,CAAC,oBAAoB,yBAAyB,eAAe,CAA2L,OAAzH,MAAc,CAAc,CAAC,KAAK,KAAK,KAAK,CAAQ,SAAS,EAAM,IAAI,CAAC,eAAe,EAAe,EAAE,CAAC,EAAM,EAAG,EAAG,EAAE,CAAC,CAAqB,EAAK,EAAU,CAAK,MAAI,GAAG,EAAM,SAAsB,EAAM,MAAM,CAAC,UAAU,mBAAmB,SAAS,CAAc,EAAK,MAAM,CAAC,UAAU,gBAAgB,CAAC,CAAc,EAAK,MAAM,CAAC,UAAU,UAAU,SAAsB,EAAK,KAAK,CAAC,GAAG,QAAQ,SAAS,EAAM,KAAK,EAAK,IAAiB,EAAM,KAAK,CAAC,UAAU,GAAG,EAAY,SAAS,GAAG,SAAS,CAAc,EAAK,OAAO,CAAC,UAAU,UAAU,IAAI,EAAY,QAAQ,KAAK,CAAC,CAAC,EAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,QAAQ,CAAC,IAAI,GAAK,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+Er8B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAG,sBAhFwC,IAAiD"}