[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_108":109,"_110":111},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","omriluz","name","diamond-dealdesk","path","frontend/components/OfferEditor.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/omriluz/diamond-dealdesk/code/frontend/components/OfferEditor.tsx","extension","id","d0bef56e-f201-4f10-b48c-734193d6b8ca","OfferEditor.tsx","fileId","d860c23c-ab79-11f1-99cb-1607ee4eb77e","parentId","01a080ae-13c1-76f8-bf81-f59104acb4a0","branchId","450da61b-2536-4be1-a391-9ccc0f0c6fbe","branchVersion",7,"latest",true,"createdAt",["D",1788867523446],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {useState} from 'https://esm.sh/react@18.2.0';\nimport {SHAPES,COLORS,CLARITIES,validate,usd,formatDate,isOld} from '../domain.ts';\nimport type {Offer,RowState} from '../domain.ts';\nimport {Icon,Modal,Comparison,primary,secondary,field} from './UI.tsx';\nexport function OfferEditor({offer,row,onClose,onSave,onDelete,isNew=false}: {offer:Offer;row?:RowState;onClose:()=>void;onSave:(o:Offer)=>void;onDelete:()=>void;isNew?:boolean}) {\n const [draft,setDraft]=useState({...offer}), [error,setError]=useState(''), [saved,setSaved]=useState(false);\n const set=(key:keyof Offer,value:string)=>{setDraft(d=>({...d,[key]:value}));setSaved(false);};\n const result=row?.data;\n return \n

Copy the specifications from your supplier’s offer. Asking price is the total for one stone in USD, not the price per carat.

{e.preventDefault();try{validate(draft);setError('');onSave(draft);setSaved(true);if(isNew)onClose();}catch(err){setError((err as Error).message);}}}>\n

\n Supplier (optional)set('supplier',e.target.value)} placeholder=\"Company or contact name\"/>\n ShapeThe stone’s outline.\n Carat weightset('carat',e.target.value)}/>For example, 1.08 ct.\n Color gradeCopy the reported letter.\n Clarity gradeCopy the reported grade.\n Total asking price (USD)set('askingPrice',e.target.value)}/>\n {setDraft(d=>({...d,example:e.target.checked}));setSaved(false);}} className=\"mt-1\"/>This is an example offer, not a real supplier quote.\n

\n {error&&

{error}

}\n

\n {saved&&

Saved. The comparison updates automatically.

}\n

\n {!isNew&&

Calculation for the saved offer

\n {row?.loading&&

Checking the benchmark…

}\n {row?.error&&

{row.error}

}\n {result&&<>\n

{result.diamond.carat.toFixed(2)} ct {result.diamond.shape}

{result.price.source==='live'?'Rap':'Demo'} per carat × weight: {usd(result.price.caratPrice,true)} × {result.diamond.carat}
Total benchmark: {usd(result.rapTotal,true)}
Supplier’s total asking price: {usd(result.diamond.askingPrice,true)}
Difference from benchmark: {usd(Math.abs(result.difference),true)} {result.direction==='at'?'':result.direction}

Percent difference = (asking price ÷ total benchmark − 1) × 100. This difference is not profit.

{result.price.source==='live'?`Rapaport ${result.price.listShape} list · ${formatDate(result.price.priceDate)}`:'Synthetic demonstration prices. Not Rapaport data.'}

Fetched {new Date(result.price.fetchedAt).toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'})}{result.price.cached?' · cached for up to 15 minutes':''}.

\n {isOld(result.price)&&

This list date is over eight days old. Confirm it with Rapaport before using it.

}\n {result.price.proxy&&

Pear-list proxy: there is no {result.diamond.shape} price list. This uses the Pear list as a rough guideline, not an {result.diamond.shape.toLowerCase()} market valuation.

}\n }\n

}\n {!isNew&&}\n ;\n}\n","deleted",false,"label",[47,48,24],"frontend","components","8b68b606-e895-47b1-bdcb-922bde243fd7",["D",1788865286969],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Diamond deal analysis MVP with Rapaport pricing","imageUrl","userId","f5be24e4-c798-4816-91e5-037b60b986f5","pinnedFileId","01a080ae-13c1-76f8-bf82-111d1bc14424","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","7f67379d-2d38-49bd-81ac-2c7f92a739e2","tursoName","8b68b606e89547b1bdcb922bde243fd7","tursoHostname","8b68b606e89547b1bdcb922bde243fd7-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789563628475],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_107":103},"org",{"_9":10,"_101":-5,"_102":103,"_59":60,"_104":105,"_106":44},"branch",{"_37":32,"_11":92,"_22":30,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":12,"_100":10},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycWxkOWxiOE00SkVtZENmRWM4YWxLWTRVUFMifQ","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_141":142,"_143":144,"_145":146,"_147":44,"_148":44,"_149":44,"_150":34,"_151":-5,"_152":-7,"_153":-7,"_154":38,"_155":44,"_156":44,"_157":-5,"_158":44,"_159":44,"_160":44,"_161":-5},"ENV",{"_112":113,"_114":115,"_116":92,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]