[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_216":217,"_218":219},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_164":-5,"_20":165,"_22":166,"_167":168,"_169":170,"_26":171,"_24":172,"_173":-5,"_174":-5,"_175":67,"_176":177,"_178":61,"_179":-5,"_180":-5,"_181":182},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","mishatsypkin","name","klarna-merchant-interoperability","branchName","main","version","path","public/success.html","project",{"_33":111,"_13":14,"_46":112,"_113":-5,"_114":67,"_115":52,"_116":52,"_117":-5,"_118":-5,"_119":120,"_121":58,"_122":61,"_123":61,"_124":-5,"_125":126,"_127":128,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":143,"_144":145,"_146":147,"_148":67},"tree",[53,54,55],"file",{"_33":34,"_35":36,"_37":38,"_13":39,"_40":41,"_42":24,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_18":51},"contents",[],"upstream","pull","ahead","behind","envVars","id","d261f556-5105-11f0-b895-f69ea79377d9","branchId","133d0e46-5104-11f0-a556-f69ea79377d9","fileId","acd402e8-5105-11f0-860e-f69ea79377d9","success.html","content","\n\n \n \n \n \n \n\n \n \n \n \n

\n \n

\n Merchant Checkout\n

\n\n

\n Purchase was successfull!\n

\n\n

\n \n Go Back\n \n

\n \n","fileType",3,"parentId","679ba7c6-5105-11f0-860e-f69ea79377d9","createdAt",["D",1750774589455],"branchVersion",24,"label",[52,39],"public",{"_33":80,"_13":52,"_37":45,"_44":-5,"_35":36,"_48":81,"_60":61,"_46":82,"_17":76,"_42":83,"_40":-5,"_66":67,"_50":-5,"_68":84,"_18":85},{"_33":71,"_13":72,"_37":73,"_44":-5,"_35":36,"_48":74,"_60":61,"_46":75,"_17":76,"_42":24,"_40":77,"_66":67,"_50":-5,"_68":78,"_18":79},{"_33":56,"_13":57,"_37":58,"_44":-5,"_35":36,"_48":59,"_60":61,"_46":62,"_17":63,"_42":64,"_40":65,"_66":67,"_50":-5,"_68":69,"_18":70},"674158aa-5111-11f0-ad93-f69ea79377d9","server.js","13491f88-5104-11f0-a556-f69ea79377d9",66,"latest",true,["D",1750779563699],36,"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport fetch from \"npm:node-fetch\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/public/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/public/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n/**\n * Create payment intent with acquirer\n */\napp.get(\"/order\", async function(c) {\n const { amount, currency, interoperabilityToken, returnUrl } = c.req.query();\n const resp = await fetch(\n `https://misha--1d669a16510b11f0a592f69ea79377d9.web.val.run/intent?amount=${amount}¤cy=${currency}&returnUrl=${returnUrl}&interoperabilityToken=${interoperabilityToken}`,\n );\n\n const data = await resp.json();\n return c.json(data);\n});\n\napp.get(\"/paymentRequest\", async function(c) {\n const { amount, currency, returnUrl } = c.req.query();\n const apiKey = process.env.API_KEY;\n\n const response = await fetch(\n `https://api-global.test.klarna.com/v2/payment/requests`,\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: \"Basic \" + apiKey,\n },\n body: JSON.stringify({\n currency,\n amount,\n customer_interaction_config: {\n method: \"HANDOVER\",\n return_url: returnUrl,\n },\n }),\n },\n );\n\n const data = await response.json();\n return c.json(data);\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","deleted",false,"children",[],[57],"9a911914-5109-11f0-9efe-f69ea79377d9","README.md","133ff55c-5104-11f0-a556-f69ea79377d9",58,["D",1750776213811],1,"TBD",[],[72],"a20d6688-5105-11f0-9e50-f69ea79377d9",12,["D",1750774508384],"directory",[86,87,88],[52],{"_33":102,"_13":103,"_37":104,"_44":45,"_35":36,"_48":105,"_60":61,"_46":106,"_17":107,"_42":24,"_40":108,"_66":67,"_50":-5,"_68":109,"_18":110},{"_33":92,"_13":93,"_37":94,"_44":45,"_35":36,"_48":95,"_60":61,"_46":96,"_17":97,"_42":98,"_40":99,"_66":67,"_50":-5,"_68":100,"_18":101},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_60":61,"_46":89,"_17":43,"_42":24,"_40":41,"_66":67,"_50":-5,"_68":90,"_18":91},["D",1750774589455],[],[52,39],"edc69094-f214-11f0-81bd-42dde27851f2","script.js","b46696a6-5105-11f0-91f9-f69ea79377d9",136,["D",1768483215088],42,"script","/**\n * Import Web SDK\n */\nasync function loadKlarnaSdk() {\n const { KlarnaSDK } = await import(\n \"https://js.klarna.com/web-sdk/v2/klarna.mjs\"\n );\n\n return await KlarnaSDK({\n clientId:\n \"klarna_test_client_MTYpTTEkNHhuM3dpJElsI05GMGJhKGlCczB1RlZJZ3ksZGZkNzA5ZTUtNjVmNS00OWZlLWFjMjQtMmExZjJlZDJiMWRkLDEsL1Y4SjV3elIzMjh4Q3paWGNibDVKL2N0ekVwOGVaSTBxdmozdzNMZXlSMD0\",\n locale: \"en-US\",\n });\n}\n\n/**\n * Creates an order with Aquiring partner and returns back a hosted checkout page url\n */\nconst createOrder = async (amount, currency, interoperabilityToken) => {\n const returnUrl = window.location.href + \"public/success.html\";\n const resp = await fetch(\n `/order?interoperabilityToken=${interoperabilityToken}&amount=${amount}¤cy=${currency}&returnUrl=${returnUrl}`,\n );\n const { redirectUrl } = await resp.json();\n\n return redirectUrl;\n};\n\nloadKlarnaSdk().then(async (Klarna) => {\n // adding to the window for debugging purpose\n window.Klarna = Klarna;\n\n /**\n * Render on-site messaging\n */\n Klarna.Messaging.placement({\n key: \"credit-promotion-badge\",\n locale: \"en-US\",\n purchaseAmount: \"2000\",\n messagePreference: \"Prequalification\",\n }).mount(\"#messaging\");\n\n /**\n * Create payment with acquirer and redirect to payment flow\n */\n document\n .querySelector(\"#checkout-btn\")\n .addEventListener(\"click\", async () => {\n const interoperabilityToken = await Klarna.Interoperability.token();\n const redirectUrl = await createOrder(2000, \"USD\", interoperabilityToken);\n\n window.location = redirectUrl;\n });\n\n Klarna.Payment.button({\n locale: \"en-US\",\n shape: \"default\",\n intents: [\"PAY\"],\n initiate: async () => {\n try {\n const res = await fetch(\n `/paymentRequest?amount=2000¤cy=USD&returnUrl=${window.location.href}`,\n );\n const body = await res.json();\n\n console.log({ body });\n\n // call your server to create a payment request backend side\n return { paymentRequestId: body.payment_request_id };\n } catch (error) {\n console.log(\"Error fetching authorization data:\", error);\n throw error;\n }\n },\n initiationMode: \"DEVICE_BEST\",\n }).mount(\"#kec-button\");\n\n /**\n * Client side example\n */\n Klarna.Payment.button({\n initiate: () => ({\n currency: \"USD\",\n amount: 2000,\n customerInteractionConfig: {\n returnUrl:\n \"https://example.com?id={klarna.paymentRequest.id}&token={klarna.paymentRequest.payment_token}\",\n },\n }),\n initiationMode: \"ON_PAGE\",\n }).mount(\"#klarna-payment-btn\");\n\n Klarna.Payment.on(\"error\", async (err) => {\n console.log(\"Payment error:\", err);\n });\n\n Klarna.Payment.on(\"complete\", async (paymentRequest) => {\n const interoperabilityToken =\n paymentRequest.stateContext.interoperabilityToken;\n const redirectUrl = await createOrder(2000, \"USD\", interoperabilityToken);\n\n console.log(\"KEC interoperability token:\", interoperabilityToken);\n window.location = redirectUrl;\n return false;\n });\n\n /**\n * Identity button\n */\n\n const renderLogin = () => {\n document.querySelector(\"#login\").innerHTML = \"Login: \";\n Klarna.Identity.button({\n \"scope\": \"profile:email profile:name\",\n \"redirectUri\":\n \"https://misha--13491f88510411f0a556f69ea79377d9.web.val.run/\",\n }).mount(\"#login\");\n Klarna.Identity.on(\"signin\", async (signinResponse) => {\n console.log({ signinResponse });\n if (signinResponse?.user_account_profile?.given_name) {\n localStorage.setItem(\n \"signinResponse\",\n JSON.stringify(signinResponse),\n );\n renderLogout(signinResponse);\n }\n });\n };\n const renderLogout = (signinResponse) => {\n document.querySelector(\"#login\").innerHTML =\n `Hello ${signinResponse?.user_account_profile?.given_name}!`;\n\n const logoutButton = document.createElement(\"button\");\n logoutButton.innerText = \"Logout\";\n logoutButton.className =\n \"mt-2 ml-2 p-3 bg-black hover:bg-sky-700 rounded-xl text-white cursor-pointer\";\n logoutButton.addEventListener(\"click\", async () => {\n localStorage.removeItem(\"signinResponse\");\n Klarna.Identity.clearLoginState();\n window.location.reload();\n });\n document.querySelector(\"#login\").appendChild(logoutButton);\n };\n\n const storedSignInResponse = localStorage.getItem(\"signinResponse\");\n if (storedSignInResponse) {\n renderLogout(JSON.parse(storedSignInResponse));\n } else {\n renderLogin();\n }\n\n document.querySelector(\"#interoperability-token\").innerText = await Klarna\n .Interoperability.token();\n});",[],[52,93],"a8dd0822-8429-11f0-8dde-0224a6c84d84","index.html","a6135af8-5105-11f0-a36c-f69ea79377d9",135,["D",1756397490992],37,"\n\n \n \n \n \n\n \n \n \n \n \n

\n \n Merchant Checkout\n

\n \n

\n \n \n

\n \n

\n Classic and stylish bag in sustainable high quality white leather.\n The perfect accessory for work or for a day down town with friends.\n The bag closures with a zipper and have two inner compartments which\n of one has a zipper.\n

\n\n

\n
Leather Handbag
\n\n
20 $
\n
\n
Total:
\n\n
20 $
\n

\n\n

\n \n\n \n Proceed to checkout\n \n\n

\n \n

\n Interoperability token:\n \n

\n \n \n",[],[52,103],"133c7076-5104-11f0-a556-f69ea79377d9",["D",1750773839290],"deletedAt","legacyEnvVars","privacy","httpPrivacy","description","imageUrl","userId","100b2410-5104-11f0-a3df-69f7a755ed6b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","398b8069-b69f-4e59-80f3-9486dda41f35","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_163":159},"org",{"_11":12,"_157":-5,"_158":159,"_119":120,"_160":161,"_162":67},"branch",{"_17":95,"_13":16,"_33":36,"_149":111,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ5eFFjMEN6em91cnVPSUFlczRvQldzYml1eiJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":111,"_13":14,"_46":212,"_113":-5,"_114":67,"_115":52,"_116":52,"_117":-5,"_118":-5,"_119":120,"_121":58,"_122":61,"_123":61,"_124":-5,"_125":126,"_127":128,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":213,"_144":214,"_146":215,"_148":67},[194,198,199],"files",[194,195,196,197,198,199],"counts",{"_185":126,"_186":76,"_187":43,"_32":188,"_189":190},[],{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_60":61,"_46":183,"_17":43,"_42":24,"_40":41,"_66":67,"_50":-5,"_18":184},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1750774589455],[52,39],"pulls","branches","forks",{"_191":76,"_193":126},"connections",{"_191":126,"_192":126},"count","unfilledCount","emptyCount",{"_33":80,"_13":52,"_37":45,"_44":-5,"_35":36,"_48":81,"_60":61,"_46":82,"_17":76,"_42":83,"_40":-5,"_66":67,"_50":-5,"_68":210,"_18":211},{"_33":102,"_13":103,"_37":104,"_44":45,"_35":36,"_48":105,"_60":61,"_46":106,"_17":107,"_42":24,"_40":108,"_66":67,"_50":-5,"_68":208,"_18":209},{"_33":92,"_13":93,"_37":94,"_44":45,"_35":36,"_48":95,"_60":61,"_46":96,"_17":97,"_42":98,"_40":99,"_66":67,"_50":-5,"_68":206,"_18":207},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_60":61,"_46":89,"_17":43,"_42":24,"_40":41,"_66":67,"_50":-5,"_68":204,"_18":205},{"_33":71,"_13":72,"_37":73,"_44":-5,"_35":36,"_48":74,"_60":61,"_46":75,"_17":76,"_42":24,"_40":77,"_66":67,"_50":-5,"_68":202,"_18":203},{"_33":56,"_13":57,"_37":58,"_44":-5,"_35":36,"_48":59,"_60":61,"_46":62,"_17":63,"_42":64,"_40":65,"_66":67,"_50":-5,"_68":200,"_18":201},[],[57],[],[72],[],[52,39],[],[52,93],[],[52,103],[195,196,197],[52],["D",1750773839290],{"_11":12,"_163":159},{"_11":12,"_157":-5,"_158":159,"_119":120,"_160":161,"_162":67},{"_17":95,"_13":16,"_33":36,"_149":111,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"ctx",{"_142":-5,"_180":249,"_250":251,"_252":253,"_254":67,"_255":67,"_256":67,"_257":61,"_258":-5,"_259":-7,"_260":-7,"_261":126,"_262":67,"_263":67,"_264":-5,"_265":67,"_266":67,"_267":67,"_268":-5},"ENV",{"_220":221,"_222":223,"_224":16,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]