{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/JkLYELqykNURBHBQ0MKR/sBq6DWKz1tdTxw2gRbTn/GoldPrice.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function GoldPrice({title,fontStyle,amount}){const socketURL=\"wss://stllr-worker.licensing-67c.workers.dev\";const[actualPrice,setActualPrice]=useState(0);const[fictitiousPrice,setFictitiousPrice]=useState(\"\");useEffect(()=>{const socket=new WebSocket(socketURL);socket.onopen=()=>{console.log(\"WebSocket connection is open\");};socket.onmessage=event=>{const data=JSON.parse(event.data);const price=data.last.ask*amount;setActualPrice(price);const priceFormated=getFormatedNumbers(price);setFictitiousPrice(priceFormated);};socket.onclose=()=>{console.log(\"WebSocket connection is closed\");};const updateFictitiousPrice=()=>{const randomAmount=Math.floor(Math.random()*(2e5+1));const price=actualPrice+randomAmount;const priceFormated=getFormatedNumbers(price);setFictitiousPrice(priceFormated);};function getFormatedNumbers(value){const numberFormat=new Intl.NumberFormat(\"en-US\");return numberFormat.format(value);}const intervalId=setInterval(updateFictitiousPrice,1e3);return()=>{socket.close();clearInterval(intervalId);};},[actualPrice]);return /*#__PURE__*/_jsxs(\"div\",{style:container,children:[/*#__PURE__*/_jsxs(\"div\",{style:{...numbersStyle,...fontStyle},children:[\"$\",fictitiousPrice]}),/*#__PURE__*/_jsx(\"div\",{style:titleStyle,children:title})]});}addPropertyControls(GoldPrice,{title:{type:ControlType.String,title:\"Hello World\",defaultValue:\"Indicated 7.8 million ounces\"},fontStyle:{title:\"Font Style\",type:\"font\",controls:\"extended\"},amount:{type:ControlType.Number,defaultValue:1e3,min:0,step:1e3,displayStepper:true}});const container={display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",gap:\"4px\",alignItems:\"center\",minWidth:\"340px\",position:\"relative\"};const titleStyle={fontSize:\"24px\",fontWeight:\"500\",fontFamily:'\"DM Sans\", \"DM Sans Placeholder\", sans-serif',color:\"#F7F7F7\"};const numbersStyle={color:\"#FFBB00\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GoldPrice\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GoldPrice.map"],
  "mappings": "8GAAkK,SAARA,EAA2B,CAAC,MAAAC,EAAM,UAAAC,EAAU,OAAAC,CAAM,EAAE,CAAC,IAAMC,EAAU,+CAAoD,CAACC,EAAYC,CAAc,EAAEC,EAAS,CAAC,EAAO,CAACC,EAAgBC,CAAkB,EAAEF,EAAS,EAAE,EAAE,OAAAG,EAAU,IAAI,CAAC,IAAMC,EAAO,IAAI,UAAUP,CAAS,EAAEO,EAAO,OAAO,IAAI,CAAC,QAAQ,IAAI,8BAA8B,CAAE,EAAEA,EAAO,UAAUC,GAAO,CAAmC,IAAMC,EAA7B,KAAK,MAAMD,EAAM,IAAI,EAAmB,KAAK,IAAIT,EAAOG,EAAeO,CAAK,EAAE,IAAMC,EAAcC,EAAmBF,CAAK,EAAEJ,EAAmBK,CAAa,CAAE,EAAEH,EAAO,QAAQ,IAAI,CAAC,QAAQ,IAAI,gCAAgC,CAAE,EAAE,IAAMK,EAAsB,IAAI,CAAC,IAAMC,EAAa,KAAK,MAAM,KAAK,OAAO,EAAG,MAAM,EAAQJ,EAAMR,EAAYY,EAAmBH,EAAcC,EAAmBF,CAAK,EAAEJ,EAAmBK,CAAa,CAAE,EAAE,SAASC,EAAmBG,EAAM,CAAmD,OAA/B,IAAI,KAAK,aAAa,OAAO,EAAsB,OAAOA,CAAK,CAAE,CAAC,IAAMC,EAAW,YAAYH,EAAsB,GAAG,EAAE,MAAM,IAAI,CAACL,EAAO,MAAM,EAAE,cAAcQ,CAAU,CAAE,CAAE,EAAE,CAACd,CAAW,CAAC,EAAsBe,EAAM,MAAM,CAAC,MAAMC,EAAU,SAAS,CAAcD,EAAM,MAAM,CAAC,MAAM,CAAC,GAAGE,EAAa,GAAGpB,CAAS,EAAE,SAAS,CAAC,IAAIM,CAAe,CAAC,CAAC,EAAee,EAAK,MAAM,CAAC,MAAMC,EAAW,SAASvB,CAAK,CAAC,CAAC,CAAC,CAAC,CAAE,CAACwB,EAAoBzB,EAAU,CAAC,MAAM,CAAC,KAAK0B,EAAY,OAAO,MAAM,cAAc,aAAa,8BAA8B,EAAE,UAAU,CAAC,MAAM,aAAa,KAAK,OAAO,SAAS,UAAU,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,aAAa,IAAI,IAAI,EAAE,KAAK,IAAI,eAAe,EAAI,CAAC,CAAC,EAAE,IAAML,EAAU,CAAC,QAAQ,OAAO,cAAc,SAAS,eAAe,SAAS,IAAI,MAAM,WAAW,SAAS,SAAS,QAAQ,SAAS,UAAU,EAAQG,EAAW,CAAC,SAAS,OAAO,WAAW,MAAM,WAAW,+CAA+C,MAAM,SAAS,EAAQF,EAAa,CAAC,MAAM,SAAS",
  "names": ["GoldPrice", "title", "fontStyle", "amount", "socketURL", "actualPrice", "setActualPrice", "ye", "fictitiousPrice", "setFictitiousPrice", "ue", "socket", "event", "price", "priceFormated", "getFormatedNumbers", "updateFictitiousPrice", "randomAmount", "value", "intervalId", "u", "container", "numbersStyle", "p", "titleStyle", "addPropertyControls", "ControlType"]
}