[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_170":-5,"_20":171,"_22":172,"_173":174,"_175":176,"_26":177,"_24":178,"_179":180,"_181":182,"_183":53,"_184":185,"_186":72,"_187":-5,"_188":-5,"_189":190},"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":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","dudekmac","name","klarna-merchant-interoperability-2","branchName","main","version","path","public/success.html","project",{"_36":127,"_13":14,"_38":128,"_51":-5,"_129":53,"_54":55,"_130":55,"_131":-5,"_132":-5,"_133":134,"_135":86,"_136":72,"_137":72,"_138":-5,"_139":74,"_57":58,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":145,"_146":145,"_147":148,"_149":148,"_150":148,"_151":145,"_152":145,"_153":154,"_155":156,"_157":158,"_52":53},"tree",[81,82,83],"file",{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":74,"_75":24,"_76":77,"_78":53,"_79":-5,"_18":80},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":12,"_57":58,"_59":60},"pull","ahead",4,"behind",11,"envVars","id","0cb04d6c-623f-11f0-96f0-0224a6c84d84","createdAt",["D",1752668338335],"updatedAt",["D",1755781268758],"projectId","0cad2b32-623f-11f0-96f0-0224a6c84d84",17,"forkedBranchId","133d0e46-5104-11f0-a556-f69ea79377d9","forkedBranchVersion",67,"lockfileKey","1755782184772-esm.town_v_dudekmac_klarna-merchant-interoperability@17-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","3119e8f1-618d-11f0-9f31-43b88cca106e","projectName","klarna-merchant-interoperability","7e245ac6-6c83-11f0-a999-0224a6c84d84","success.html","fileId","01985676-3ca7-753d-b970-504eaccbd31d","parentId","01985676-3ca7-753d-b970-54373b315dbd","branchId","7e1f4158-6c83-11f0-a999-0224a6c84d84","branchVersion",1,"latest",true,["D",1753797246073],0,"fileType","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","deleted","label",[55,62],{"_36":100,"_13":55,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":101,"_17":74,"_75":102,"_76":-5,"_78":53,"_79":-5,"_90":103,"_18":104},{"_36":93,"_13":94,"_63":95,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":96,"_17":74,"_75":24,"_76":97,"_78":53,"_79":-5,"_90":98,"_18":99},{"_36":84,"_13":85,"_63":86,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":87,"_17":74,"_75":88,"_76":89,"_78":53,"_79":-5,"_90":91,"_18":92},"7e24684a-6c83-11f0-a999-0224a6c84d84","server.js","01985676-3ca7-753d-b970-5d6ee70696e6",["D",1753797246073],"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://dudekmac--0bef9646cbbe487386e17650e15736c1.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;","children",[],[85],"7e24669c-6c83-11f0-a999-0224a6c84d84","README.md","01985676-3ca7-753d-b970-5b51cd125397",["D",1753797246073],"TBD",[],[94],"7e2463ea-6c83-11f0-a999-0224a6c84d84",["D",1753797246073],"directory",[105,106,107],[55],{"_36":120,"_13":121,"_63":122,"_65":66,"_67":68,"_69":70,"_71":72,"_38":123,"_17":74,"_75":24,"_76":124,"_78":53,"_79":-5,"_90":125,"_18":126},{"_36":111,"_13":112,"_63":113,"_65":66,"_67":68,"_69":114,"_71":72,"_38":115,"_17":32,"_75":116,"_76":117,"_78":53,"_79":-5,"_90":118,"_18":119},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":108,"_17":74,"_75":24,"_76":77,"_78":53,"_79":-5,"_90":109,"_18":110},["D",1753797246073],[],[55,62],"e2d66ec4-7e8e-11f0-8ad8-0224a6c84d84","script.js","01985676-3ca7-753d-b970-4d00152db1d9",5,["D",1755781260451],"script","/**\n * Import Web SDK\n */\nasync function loadKlarnaSdk() {\n const { KlarnaSDK } = await import(\"http://localhost:4000/klarna.mjs\");\n\n return await KlarnaSDK({\n clientId:\n \"klarna_test_client_TGlOTkJzcFM3JClQUUdyT0NwZi1GY0FnbXdwRnplRWssMDEzOGYxNjctZDdkZC00MmJiLTgwNDYtNzNjMDQ2N2FlYTMyLDEsTllJYitBeXNDREJTRVE0SkN2cjdqcDBpb0xnbmtyUDhxRFlmbC8ybGt4cz0\",\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-auto-size\",\n locale: \"en-US\",\n purchaseAmount: \"2000\",\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(\"update\", 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 document.querySelector(\"#interoperability-token\").innerText = await Klarna\n .Interoperability.token();\n});",[],[55,112],"7e2447f2-6c83-11f0-a999-0224a6c84d84","index.html","01985676-3ca7-753d-b970-4ade02a72ead",["D",1753797246073],"\n\n \n \n \n \n\n \n \n \n \n

\n \n

\n Merchant Checkout\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
2000 $
\n
\n
Total:
\n\n
2000 $
\n

\n\n

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

Client side:

\n Interoperability token:\n \n

\n \n \n",[],[55,121],"7e1cefd4-6c83-11f0-a999-0224a6c84d84",["D",1753797246073],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","3119e8f0-618d-11f0-9f31-43b88cca106e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_169":165},"org",{"_11":12,"_163":-5,"_164":165,"_133":134,"_166":167,"_168":53},"branch",{"_17":114,"_13":16,"_36":68,"_42":127,"_45":37,"_47":159,"_160":55,"_161":43,"_162":58,"_59":14,"_56":12},6,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yenVyalgzR3VUTGNWRk44UnBpTzlESEw1YWQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":127,"_13":14,"_38":222,"_51":-5,"_129":53,"_54":55,"_130":55,"_131":-5,"_132":-5,"_133":134,"_135":86,"_136":72,"_137":72,"_138":-5,"_139":74,"_57":58,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":145,"_146":145,"_147":148,"_149":148,"_150":148,"_151":145,"_152":145,"_153":223,"_155":224,"_157":225,"_52":53},[204,208,209],"files",[204,205,206,207,208,209],"counts",{"_195":74,"_196":70,"_197":74,"_35":198,"_199":200},[],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":74,"_75":24,"_76":77,"_78":53,"_79":-5,"_18":194},"upstreamProject",{"_36":43,"_13":60,"_131":-5,"_132":-5,"_54":55,"_153":193},"upstreamBranch",{"_36":37,"_38":191,"_40":192,"_13":16,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":12,"_57":58,"_59":60},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752668338335],["D",1755781268758],{"_11":12,"_169":165},[55,62],"pulls","branches","forks",{"_201":74,"_203":74},"connections",{"_201":74,"_202":74},"count","unfilledCount","emptyCount",{"_36":100,"_13":55,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":101,"_17":74,"_75":102,"_76":-5,"_78":53,"_79":-5,"_90":220,"_18":221},{"_36":120,"_13":121,"_63":122,"_65":66,"_67":68,"_69":70,"_71":72,"_38":123,"_17":74,"_75":24,"_76":124,"_78":53,"_79":-5,"_90":218,"_18":219},{"_36":111,"_13":112,"_63":113,"_65":66,"_67":68,"_69":114,"_71":72,"_38":115,"_17":32,"_75":116,"_76":117,"_78":53,"_79":-5,"_90":216,"_18":217},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":108,"_17":74,"_75":24,"_76":77,"_78":53,"_79":-5,"_90":214,"_18":215},{"_36":93,"_13":94,"_63":95,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":96,"_17":74,"_75":24,"_76":97,"_78":53,"_79":-5,"_90":212,"_18":213},{"_36":84,"_13":85,"_63":86,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":87,"_17":74,"_75":88,"_76":89,"_78":53,"_79":-5,"_90":210,"_18":211},[],[85],[],[94],[],[55,62],[],[55,112],[],[55,121],[205,206,207],[55],["D",1753797246073],{"_11":12,"_169":165},{"_11":12,"_163":-5,"_164":165,"_133":134,"_166":167,"_168":53},{"_17":114,"_13":16,"_36":68,"_42":127,"_45":37,"_47":159,"_160":55,"_161":43,"_162":58,"_59":14,"_56":12},"ctx",{"_153":-5,"_188":259,"_260":261,"_262":263,"_264":53,"_265":53,"_266":53,"_267":72,"_268":-5,"_269":-7,"_270":-7,"_271":74,"_272":53,"_273":53,"_274":-5,"_275":53,"_276":53,"_277":53,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":16,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"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"]