{"version":3,"file":"SubtitleTranslation.D4F_plue.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/WRU3fJ33BPzfqQwu5Qoh/MDsH062KLOi2hXiDWnmj/SubtitleTranslation.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import Form,{Button,Card,LanguageOption,Upload,uploadStyles,EnglishFlag,FrenchFlag,OTHERS,Select,SpanishFlag,GermanFlag,createApi}from\"https://framerusercontent.com/modules/wcjOSEsi1eAbxeOM5p9L/608J8m0zc0XXYU24PNZp/Layout.js\";export default function SubtitleTranslation(){const[selectedFile,setSelectedFile]=useState(null);const[link,setLink]=useState(\"\");const[selectedLanguage,setSelectedLanguage]=useState(\"EN-GB\");const[tone,setTone]=useState(null);const[isLoading,setIsLoading]=useState(false);const[response,setResponse]=useState(null);// Handle form submission\nconst handleSubmit=async()=>{if(!selectedFile&&!link){return;}setIsLoading(true);const basePayload={lang:selectedLanguage,formality:tone??\"default\"};const payload=selectedFile?{...basePayload,file:await new Promise(resolve=>{const reader=new FileReader;reader.onloadend=()=>resolve(reader.result);reader.readAsDataURL(selectedFile);})}:{...basePayload,link};const response=await api(\"/document\",payload);setIsLoading(false);if(response.status===\"error\"){setIsLoading(false);const method=\"link\"in payload?setLinkError:setFileError;method(response.message??\"Unknown error\");return;}const bytes=Uint8Array.from(atob(response.data),c=>c.charCodeAt(0));const file=new File([bytes],selectedFile?.name??\"output.txt\",{type:selectedFile?.type??\"text/plain\"});setResponse(file);};const translateAnother=()=>{setSelectedFile(null);setLink(\"\");setTone(null);setResponse(null);};const[fileError,setFileError]=useState(false);const[linkError,setLinkError]=useState(false);return /*#__PURE__*/_jsx(Form,{isLoading:isLoading,response:response,translateAnother:translateAnother,loadingTitle:\"Translating your subtitles\",responseTitle:\"Your subtitles is ready!\",responseCta:\"Translate another subtitles\",children:/*#__PURE__*/_jsxs(Card,{children:[/*#__PURE__*/_jsx(Upload,{accept:ACCEPT,onChange:setSelectedFile,value:selectedFile,link:link,setLink:setLink,fileSizeLimit:3,fileError:fileError,setFileError:setFileError,linkError:linkError,setLinkError:setLinkError}),/*#__PURE__*/_jsx(\"div\",{style:uploadStyles.sectionContainer,children:/*#__PURE__*/_jsxs(\"div\",{style:uploadStyles.sectionBox,children:[/*#__PURE__*/_jsx(\"div\",{style:uploadStyles.sectionTitle,children:/*#__PURE__*/_jsx(\"p\",{className:\"__section-title\",children:\"Translate to\"})}),/*#__PURE__*/_jsx(\"div\",{style:uploadStyles.languageOptionsContainer,children:/*#__PURE__*/_jsxs(\"div\",{style:uploadStyles.languageOptionsBox,children:[/*#__PURE__*/_jsx(LanguageOption,{language:\"English\",flag:/*#__PURE__*/_jsx(EnglishFlag,{}),isSelected:selectedLanguage===\"EN-GB\",onClick:()=>setSelectedLanguage(\"EN-GB\")}),/*#__PURE__*/_jsx(LanguageOption,{language:\"German\",flag:/*#__PURE__*/_jsx(GermanFlag,{}),isSelected:selectedLanguage===\"DE\",onClick:()=>setSelectedLanguage(\"DE\")}),/*#__PURE__*/_jsx(LanguageOption,{language:\"French\",flag:/*#__PURE__*/_jsx(FrenchFlag,{}),isSelected:selectedLanguage===\"FR\",onClick:()=>setSelectedLanguage(\"FR\")}),/*#__PURE__*/_jsx(LanguageOption,{language:\"Spanish\",flag:/*#__PURE__*/_jsx(SpanishFlag,{}),isSelected:selectedLanguage===\"ES\",onClick:()=>setSelectedLanguage(\"ES\")}),/*#__PURE__*/_jsx(\"style\",{children:`\n                  @media screen and (max-width: 1024px) {\n                    .__others {\n                      order: -1;\n                    }\n                  }\n                `}),/*#__PURE__*/_jsx(Select,{className:\"__others\",placeholder:\"Other\",options:OTHERS,value:selectedLanguage,onChange:v=>setSelectedLanguage(v),style:{width:\"auto\",flex:1}})]})}),/*#__PURE__*/_jsx(Select,{onChange:setTone,options:[{label:\"Not specified\",value:null},{label:\"Informal\",value:\"prefer_less\"},{label:\"Formal\",value:\"prefer_more\"}],placeholder:\"Select tone\",value:tone})]})}),/*#__PURE__*/_jsx(Button,{disabled:isLoading||!selectedFile&&!link,size:\"large\",onClick:handleSubmit,children:isLoading?\"Translating...\":\"Translate\"})]})});}const BASE_URL=\"https://preproducts.rask.ai\";// const BASE_URL = \"http://localhost:3000\"\nconst api=createApi(BASE_URL);const ACCEPT=[\".srt\",\".txt\"];\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SubtitleTranslation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SubtitleTranslation.map"],"mappings":"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"}