[{"_1":2,"_170":-5,"_171":-5},"loaderData",{"_3":4,"_92":93,"_161":162,"_169":-5},"root",{"_5":6,"_33":34,"_59":60,"_90":91},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":26,"_29":30,"_31":32},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","dca884c4934d02eb9897233d11a0e0854e9db7af","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","d0746fd0512e0614e3f717607f0da4cd","clerkState",{"_61":62},"__internal_clerk_state",{"_63":64,"_65":44,"_66":67,"_68":67,"_69":26,"_70":67,"_71":67,"_72":67,"_73":67,"_74":67,"_75":67,"_76":67,"_77":67,"_78":79,"_88":26,"_89":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_80":26,"_81":67,"_82":83,"_84":67,"_85":44,"_86":26,"_87":67},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_94":95,"_96":97,"_95":98,"_147":-5,"_148":-5,"_149":150,"_129":130,"_137":138,"_101":102,"_99":100,"_118":-7,"_51":52,"_160":26},"type","val","author","03ab1446-6afb-43e8-9460-c2f3ac68fe68",{"_99":100,"_96":97,"_101":102,"_103":-5,"_104":-5,"_105":106,"_107":-5,"_108":109,"_110":111,"_112":26,"_113":111,"_114":115,"_116":117,"_118":119,"_120":26,"_121":32,"_122":119,"_123":32,"_124":32,"_125":119,"_126":32,"_127":-5,"_20":128,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":140},"name","paymentGatewayWeb","valNameId","20c76084-d4e0-11ef-8811-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","a1a5286c-d4e0-11ef-b8c9-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction PaymentButton({ method, icon, onClick }) {\n return (\n \n {icon}\n Pay with {method}\n \n );\n}\n\nfunction App() {\n const [status, setStatus] = useState(\"Ready to pay\");\n\n const handlePayment = async (method) => {\n setStatus(`Processing payment via ${method}...`);\n try {\n const response = await fetch(\"/process-payment\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ paymentMethod: method }),\n });\n const result = await response.json();\n setStatus(result.message || \"Payment successful!\");\n } catch (error) {\n setStatus(\"Payment failed. Please try again.\");\n }\n };\n\n return (\n \n

💳 Payment Portal

\n handlePayment(\"apple\")}\n />\n handlePayment(\"google\")}\n />\n handlePayment(\"samsung\")}\n />\n handlePayment(\"card\")}\n />\n

\n \n Status: {status}\n \n \n View Source\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/process-payment\") {\n try {\n const body = await request.json();\n // Simulate payment processing\n return new Response(\n JSON.stringify({\n message: `Payment via ${body.paymentMethod} processed successfully!`,\n status: \"success\",\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (error) {\n return new Response(\n JSON.stringify({\n message: \"Payment processing error\",\n status: \"error\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n return new Response(\n `\n \n \n Payment Portal\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1737124672132],"version",1,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","Saqib","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJybENpYkhSWGhMU1V3VkxMWGRwODk5SEhiRyJ9","forkedVal","interval","slug","Saqib/paymentGatewayWeb","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144],{"_118":119,"_142":-5,"_116":143,"_113":111},"prId",["D",1737124672132],{"_118":32,"_142":-5,"_116":145,"_113":146},["D",1737124455940],"20c94caa-d4e0-11ef-8811-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[151],{"_113":152,"_153":154,"_116":155,"_156":-5,"_157":26,"_158":26,"_20":159},"c8f2e1f2-d4e0-11ef-9dbc-e6cdfca9ef9f","body","Osm",["D",1737124738089],"updatedAt","canDelete","canEdit",{"_129":130,"_131":132},"isOwner","routes/_app.v.$handle.$name.dependencies",{"_163":164,"_165":32,"_166":136,"_167":32,"_95":168},"dependenciesList",[],"dependenciesCount","valname","page",{"_113":111,"_99":100,"_129":130,"_11":97,"_118":119,"_101":102,"_114":115,"_105":106,"_112":26,"_135":136},"routes/_app","actionData","errors"]