[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_204":205,"_206":207},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",40,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","server.js","latestPath","fileId","1d669a16-510b-11f0-a592-f69ea79377d9","name","fileType","http","content","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport Handlebars from \"npm:handlebars\";\nimport { Hono } from \"npm:hono\";\nimport fetch from \"npm:node-fetch\";\n\nconst app = new Hono();\nconst checkoutTmplbody = (await serveFile(\"/pages/checkout.hbs\", import.meta.url)).body;\nconst checkoutTmpl = Handlebars.compile(await new Response(checkoutTmplbody).text());\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return c.html(checkoutTmpl({}));\n});\n\n// Serve all /frontend files\napp.get(\"/public/**/*\", c => serveFile(c.req.path, import.meta.url));\n\nconst { accountId: ACCOUNT_ID, apiKey: API_KEY } = process.env;\n\nconst authorizeWithKlarna = async (\n amount,\n currency,\n interoperabilityToken,\n returnUrl,\n) => {\n const response = await fetch(\n `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/payment/authorize`,\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Klarna-Interoperability-Token\": interoperabilityToken,\n Authorization: \"Basic \" + API_KEY,\n },\n body: JSON.stringify({\n currency,\n request_payment_transaction: { amount },\n step_up_config: {\n customer_interaction_config: {\n method: \"HANDOVER\",\n return_url: returnUrl,\n },\n },\n }),\n },\n );\n const body = await response.json();\n console.log({ body });\n return body;\n};\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// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n\n// const getKlarnaSDKToken = async (interoperabilityToken) => {\n// const response = await fetch(\n// `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/interoperability/sdk-tokens`,\n// {\n// method: \"POST\",\n// headers: {\n// \"Content-Type\": \"application/json\",\n// \"Klarna-Interoperability-Token\": interoperabilityToken,\n// Authorization: \"Basic \" + API_KEY,\n// },\n// }\n// );\n\n// const { sdk_token: sdkToken } = await response.json();\n// return sdkToken\n// }\n\n// /**\n// * Temporary Database to store payment intents\n// */\n// const paymentIntentDB = {\n// test: {\n// amount: 2000,\n// currency: \"USD\",\n// interoperabilityToken: \"krn:network:us1:test:interoperability:eyJhbGciOiJSUzI1NiIsImtpZCI6IjgyMzA1ZWJjLWI4MTEtMzYzNy1hYTRjLTY2ZWNhMTg3NGYzZCJ9.eyJwYXltZW50X3JlcXVlc3RzIjpbeyJpZCI6ImtybjpwYXltZW50OnVzMTpyZXF1ZXN0OmE5YjlhYzYwLWM5MGYtNmU4Ni1iOGI2LWE3OWZjYjg5NGY4ZiJ9XSwiZXhwIjoxNzQ0NjMyNzM1fQ.Bq2ZxEQqWHTlBgNMw6n04jZpdpNZDhqdSfPENrEU5TAqH2fliVSm9LryzNF9EW5hKh_KyJ_2ZIn_YNRWloPzSqUETzWKI7ipNdbCXoxIf141moVnC4ZTjfOlF_fc6oh-KktGJMplol3sqHWrMvmUbrDeOSlANw_Nnn8O3ybSr99MrXPb9ehNAepB8BEd5Ow7D1nU2RIoSsP32_PQ0IbvtpkqVfQ6lBr5Li-VkngUeuIbLiZrJNxAHms6wG6WazzPdRsqoRZIEFGhHGCRCVp9NT0_kJYdf66nuTumVKG7HOLQSY7hYhiybANmHolR7ElRu5I_-aihWSkBy9-PjidvjQ\",\n// returnUrl: \"https://klarna-merchant-interoperability.glitch.me/success.html\"\n// },\n// };\n\n// /**\n// * Create payment intent and return the checkout URL\n// */\n// fastify.get(\"/intent\", async function (request, reply) {\n// const intentId = crypto.randomUUID();\n// const { amount, currency, interoperabilityToken, returnUrl } = request.query;\n// paymentIntentDB[intentId] = {\n// amount,\n// currency,\n// interoperabilityToken,\n// returnUrl,\n// };\n\n// return {\n// redirectUrl: `https://klarna-acquirer-interoperability.glitch.me/checkout/${intentId}`,\n// };\n// });\n\n// /**\n// * Render checkout page by payment intent id\n// */\n// fastify.get(\"/checkout/:intentId\", async function (request, reply) {\n// const { intentId } = request.params;\n// const { amount, currency, interoperabilityToken, returnUrl } =\n// paymentIntentDB[intentId];\n\n// const authorizeResponse = await authorizeWithKlarna(\n// amount,\n// currency,\n// interoperabilityToken,\n// returnUrl\n// );\n// const {result, payment_transaction} = authorizeResponse.payment_transaction_response\n\n// if (result === 'APPROVED') {\n// const transactionId = payment_transaction.payment_transaction_id\n// // Transaction already approved, payment_transaction_id can be used to capture the payment\n// console.log('payment_transaction_id', { transactionId })\n\n// return reply.redirect(`${returnUrl}?transactionId=${transactionId}`, 301)\n// }\n\n// // Otherwise, rendering payment selector:\n// const sdkToken = await getKlarnaSDKToken(interoperabilityToken)\n\n// return reply.view(\"src/pages/checkout.hbs\", {\n// amount,\n// currency,\n// intentId,\n// sdkToken,\n// });\n// });\n\n// /**\n// * Authorize payment with Klarna by payment intent id\n// */\n// fastify.post(\"/authorize/:intentId\", async function (request, reply) {\n// const { intentId } = request.params;\n// const { amount, currency, interoperabilityToken, returnUrl } =\n// paymentIntentDB[intentId];\n// const { accountId, apiKey } = process.env;\n\n// const authorizeResponse = await authorizeWithKlarna(\n// amount,\n// currency,\n// interoperabilityToken,\n// returnUrl\n// );\n\n// return authorizeResponse.payment_request;\n// });\n\n// /**\n// * Run the server and report out to the logs\n// */\n// fastify.listen(\n// { port: process.env.PORT, host: \"0.0.0.0\" },\n// function (err, address) {\n// if (err) {\n// console.error(err);\n// process.exit(1);\n// }\n// console.log(`Your app is listening on ${address}`);\n// }\n// );","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport Handlebars from \"npm:handlebars\";\nimport { Hono } from \"npm:hono\";\nimport fetch from \"npm:node-fetch\";\n\nconst app = new Hono();\nconst checkoutTmplbody = (await serveFile(\"/pages/checkout.hbs\", import.meta.url)).body;\nconst checkoutTmpl = Handlebars.compile(await new Response(checkoutTmplbody).text());\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return c.html(checkoutTmpl({}));\n});\n\n// Serve all /frontend files\napp.get(\"/public/**/*\", c => serveFile(c.req.path, import.meta.url));\n\nconst { accountId: ACCOUNT_ID, apiKey: API_KEY } = process.env;\n\nconst authorizeWithKlarna = async (\n amount,\n currency,\n interoperabilityToken,\n returnUrl,\n) => {\n const response = await fetch(\n `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/payment/authorize`,\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Klarna-Interoperability-Token\": interoperabilityToken,\n Authorization: \"Basic \" + API_KEY,\n },\n body: JSON.stringify({\n currency,\n request_payment_transaction: { amount },\n step_up_config: {\n customer_interaction_config: {\n method: \"HANDOVER\",\n return_url: returnUrl,\n },\n },\n }),\n },\n );\n const body = await response.json();\n console.log({ body });\n return body;\n};\n\nconst getKlarnaSDKToken = async (interoperabilityToken) => {\n const response = await fetch(\n `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/interoperability/sdk-tokens`,\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Klarna-Interoperability-Token\": interoperabilityToken,\n Authorization: \"Basic \" + API_KEY,\n },\n },\n );\n\n const { sdk_token: sdkToken } = await response.json();\n return sdkToken;\n};\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// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n\n// const getKlarnaSDKToken = async (interoperabilityToken) => {\n// const response = await fetch(\n// `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/interoperability/sdk-tokens`,\n// {\n// method: \"POST\",\n// headers: {\n// \"Content-Type\": \"application/json\",\n// \"Klarna-Interoperability-Token\": interoperabilityToken,\n// Authorization: \"Basic \" + API_KEY,\n// },\n// }\n// );\n\n// const { sdk_token: sdkToken } = await response.json();\n// return sdkToken\n// }\n\n// /**\n// * Temporary Database to store payment intents\n// */\n// const paymentIntentDB = {\n// test: {\n// amount: 2000,\n// currency: \"USD\",\n// interoperabilityToken: \"krn:network:us1:test:interoperability:eyJhbGciOiJSUzI1NiIsImtpZCI6IjgyMzA1ZWJjLWI4MTEtMzYzNy1hYTRjLTY2ZWNhMTg3NGYzZCJ9.eyJwYXltZW50X3JlcXVlc3RzIjpbeyJpZCI6ImtybjpwYXltZW50OnVzMTpyZXF1ZXN0OmE5YjlhYzYwLWM5MGYtNmU4Ni1iOGI2LWE3OWZjYjg5NGY4ZiJ9XSwiZXhwIjoxNzQ0NjMyNzM1fQ.Bq2ZxEQqWHTlBgNMw6n04jZpdpNZDhqdSfPENrEU5TAqH2fliVSm9LryzNF9EW5hKh_KyJ_2ZIn_YNRWloPzSqUETzWKI7ipNdbCXoxIf141moVnC4ZTjfOlF_fc6oh-KktGJMplol3sqHWrMvmUbrDeOSlANw_Nnn8O3ybSr99MrXPb9ehNAepB8BEd5Ow7D1nU2RIoSsP32_PQ0IbvtpkqVfQ6lBr5Li-VkngUeuIbLiZrJNxAHms6wG6WazzPdRsqoRZIEFGhHGCRCVp9NT0_kJYdf66nuTumVKG7HOLQSY7hYhiybANmHolR7ElRu5I_-aihWSkBy9-PjidvjQ\",\n// returnUrl: \"https://klarna-merchant-interoperability.glitch.me/success.html\"\n// },\n// };\n\n// /**\n// * Create payment intent and return the checkout URL\n// */\n// fastify.get(\"/intent\", async function (request, reply) {\n// const intentId = crypto.randomUUID();\n// const { amount, currency, interoperabilityToken, returnUrl } = request.query;\n// paymentIntentDB[intentId] = {\n// amount,\n// currency,\n// interoperabilityToken,\n// returnUrl,\n// };\n\n// return {\n// redirectUrl: `https://klarna-acquirer-interoperability.glitch.me/checkout/${intentId}`,\n// };\n// });\n\n// /**\n// * Render checkout page by payment intent id\n// */\n// fastify.get(\"/checkout/:intentId\", async function (request, reply) {\n// const { intentId } = request.params;\n// const { amount, currency, interoperabilityToken, returnUrl } =\n// paymentIntentDB[intentId];\n\n// const authorizeResponse = await authorizeWithKlarna(\n// amount,\n// currency,\n// interoperabilityToken,\n// returnUrl\n// );\n// const {result, payment_transaction} = authorizeResponse.payment_transaction_response\n\n// if (result === 'APPROVED') {\n// const transactionId = payment_transaction.payment_transaction_id\n// // Transaction already approved, payment_transaction_id can be used to capture the payment\n// console.log('payment_transaction_id', { transactionId })\n\n// return reply.redirect(`${returnUrl}?transactionId=${transactionId}`, 301)\n// }\n\n// // Otherwise, rendering payment selector:\n// const sdkToken = await getKlarnaSDKToken(interoperabilityToken)\n\n// return reply.view(\"src/pages/checkout.hbs\", {\n// amount,\n// currency,\n// intentId,\n// sdkToken,\n// });\n// });\n\n// /**\n// * Authorize payment with Klarna by payment intent id\n// */\n// fastify.post(\"/authorize/:intentId\", async function (request, reply) {\n// const { intentId } = request.params;\n// const { amount, currency, interoperabilityToken, returnUrl } =\n// paymentIntentDB[intentId];\n// const { accountId, apiKey } = process.env;\n\n// const authorizeResponse = await authorizeWithKlarna(\n// amount,\n// currency,\n// interoperabilityToken,\n// returnUrl\n// );\n\n// return authorizeResponse.payment_request;\n// });\n\n// /**\n// * Run the server and report out to the logs\n// */\n// fastify.listen(\n// { port: process.env.PORT, host: \"0.0.0.0\" },\n// function (err, address) {\n// if (err) {\n// console.error(err);\n// process.exit(1);\n// }\n// console.log(`Your app is listening on ${address}`);\n// }\n// );","createdAt",["D",1750778565696],"branchVersion","branchId","1d64547c-510b-11f0-a592-f69ea79377d9","id","1d63dc22-510b-11f0-a592-f69ea79377d9","klarna-acquirer-interoperability",["D",1750776862802],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","100b2410-5104-11f0-a3df-69f7a755ed6b","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","398b8069-b69f-4e59-80f3-9486dda41f35","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",140,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","mishatsypkin","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ5eFFjMEN6em91cnVPSUFlczRvQldzYml1eiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":200,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":201,"_79":202,"_81":203,"_83":25},"tree",[159,161,164],"files",[159,160,161,162,163,164],"counts",{"_148":61,"_149":139,"_150":139,"_151":152,"_153":154},"contents",[125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":142,"_32":143,"_30":144,"_129":-5,"_41":42,"_40":145,"_130":57,"_38":146,"_13":139,"_33":140,"_35":-5,"_24":25,"_133":-5,"_27":147},{"_43":135,"_32":50,"_30":136,"_129":-5,"_41":42,"_40":137,"_130":57,"_38":138,"_13":139,"_33":140,"_35":-5,"_24":25,"_133":-5,"_27":141},{"_43":128,"_32":28,"_30":31,"_129":-5,"_41":42,"_40":14,"_130":25,"_38":131,"_13":132,"_33":34,"_35":37,"_24":25,"_133":-5,"_27":134},"14662996-510f-11f0-a214-f69ea79377d9","parentId","latest",["D",1750778565696],24,"label",[28],"3a81cf94-510b-11f0-994d-f69ea79377d9","38410d94-510b-11f0-9755-f69ea79377d9",3,["D",1750776911644],1,"directory",[50],"65a37b78-510b-11f0-b6ca-f69ea79377d9","pages","63fab57a-510b-11f0-b947-f69ea79377d9",12,["D",1750776984008],[143],"pulls","branches","forks","envVars",{"_155":157,"_158":61},"connections",{"_155":61,"_156":61},"count","unfilledCount",2,"emptyCount",{"_43":142,"_32":143,"_30":144,"_129":-5,"_41":42,"_40":145,"_130":57,"_38":197,"_13":139,"_33":140,"_35":-5,"_24":25,"_133":-5,"_166":198,"_27":199},{"_43":189,"_32":190,"_30":191,"_129":144,"_41":42,"_40":192,"_130":25,"_38":193,"_13":137,"_33":20,"_35":194,"_24":25,"_133":-5,"_166":195,"_27":196},{"_43":135,"_32":50,"_30":136,"_129":-5,"_41":42,"_40":137,"_130":57,"_38":186,"_13":139,"_33":140,"_35":-5,"_24":25,"_133":-5,"_166":187,"_27":188},{"_43":177,"_32":178,"_30":179,"_129":136,"_41":42,"_40":180,"_130":25,"_38":181,"_13":157,"_33":182,"_35":183,"_24":25,"_133":-5,"_166":184,"_27":185},{"_43":169,"_32":170,"_30":171,"_129":136,"_41":42,"_40":172,"_130":25,"_38":173,"_13":137,"_33":20,"_35":174,"_24":25,"_133":-5,"_166":175,"_27":176},{"_43":128,"_32":28,"_30":31,"_129":-5,"_41":42,"_40":14,"_130":25,"_38":165,"_13":132,"_33":34,"_35":37,"_24":25,"_133":-5,"_166":167,"_27":168},["D",1750778565696],"children",[],[28],"5e276a26-510b-11f0-a91a-f69ea79377d9","style.css","4f9034ac-510b-11f0-a592-f69ea79377d9",9,["D",1750776971449],"/* Main container styling */\n\n/* Title styling */\nh1 {\n font-size: 2rem;\n font-weight: bold;\n color: #2c3e50;\n text-align: center;\n margin-bottom: 1.5rem;\n padding-bottom: 0.5rem;\n}\n\ndiv#main-title-pp h1 {\n font-size: 1.2rem;\n}\n\nspan#payment-component-header {\n margin-left: 10px;\n}\n\n/* Button container styling */\n#klarna-button-container {\n margin-top: 1.5rem;\n text-align: center;\n}\n\n/* Payment option frame styling */\n.payment-option-frame {\n border: 1px solid #ddd;\n padding: 1rem;\n margin-bottom: 1rem;\n border-radius: 8px;\n transition: box-shadow 0.3s ease;\n}\n\n.payment-option-frame:hover {\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n/* Payment header row styling */\n.payment-header-row {\n display: flex;\n align-items: center;\n}\n\n.payment-header {\n margin-left: 0.5rem;\n font-weight: 500;\n color: #555;\n}\n\n.payment-icon {\n margin-left: auto;\n width: 32px;\n height: 32px;\n}\n\n/* Subheader styling */\n.payment-details {\n margin-top: 0.5rem;\n font-size: 0.9em;\n color: #777;\n}\n\n#payment-component-icon {\n margin-left: 4px;\n width: 32px;\n}\n\ndiv#main-container-pp {\n background-color: #ffffff;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n max-width: 600px;\n width: 100%;\n}",[],[50,170],"6063f412-510b-11f0-bcf2-f69ea79377d9","script.js","4622c02e-510b-11f0-af01-f69ea79377d9",10,["D",1750776975202],"script","/**\n * Initialize Web SDK\n */\nasync function loadKlarnaSdk() {\n const { KlarnaSDK } = await import(\n \"https://js.klarna.com/web-sdk/v2/klarna.mjs\"\n );\n\n const sdkToken = document.querySelector(\"#sdk-token\")?.value;\n\n return await KlarnaSDK({\n clientId:\n \"klarna_test_client_WC1tN3JBSWxuVXdjL0V3TzhsWXdrZ3AlSUlEV3oxQncsZmU5NTA0NDYtZDQ4ZS00Y2MwLTgxMWUtNmY0NjAzMTJiM2I5LDEsb3BPUWxmYXBDdHFWMk95YkUxWnFTeitZZkpEcFA1SW5RSVNqUEpieTB6cz0\",\n // \"klarna_test_client_KnMlbGMzY3FJZWkyWEl3WlBvV2hkam5tTSVIVkllR1QsMjBmYWJlYTAtZWI0Ni00NGNjLTk2N2ItMmFlYjAxMzI3MjJiLDEsT21CTFZGbEZzYzdCWFZZYXBrSmRIZVk5K2NsU3l6d2YzaGJTcW9JTmZZVT0\",\n locale: \"en-US\",\n accountId: \"K332722\",\n sdkToken,\n });\n}\n\nloadKlarnaSdk().then(async (Klarna) => {\n // setting to window for debugging purpose\n window.Klarna = Klarna;\n\n const intentId = document.querySelector(\"#intent-id\")?.value;\n\n /**\n * Render Klarna Button\n */\n const presentationData = {\n amount: 100,\n currency: \"USD\",\n locale: \"en-US\",\n intents: [\"PAY\"],\n };\n\n const presentationResponse = await Klarna.Payment.presentation(presentationData);\n presentationResponse.header.component().mount(\"#klarna-messaging--header\");\n presentationResponse.subheader.enriched.component().mount(\"#klarna-messaging--subheader\");\n presentationResponse.icon.component().mount(\"#klarna-messaging--icon\");\n\n // it's also possible to use Presentation response to render UI elements\n console.log({ presentationResponse });\n\n const buttonAPI = presentationResponse.paymentButton;\n\n const buttonConfig = {\n intents: presentationData.intents,\n initiate: async () => {\n try {\n const res = await fetch(\"/authorize/\" + intentId, {\n method: \"POST\",\n });\n\n const body = await res.json();\n\n return { paymentRequestId: body.payment_request_id };\n } catch (err) {\n console.log(\"Error fetching authorization data:\", err);\n throw err;\n }\n },\n };\n\n const klarnaButton = buttonAPI.component(buttonConfig).mount(\"#klarna-payment-button\");\n\n Klarna.Payment.on(\"complete\", async (paymentRequest) => {\n console.log({ paymentRequest });\n window.location = paymentRequest.customerInteractionConfig.returnUrl;\n });\n});",[],[50,178],["D",1750776911644],[162,163],[50],"77397d24-510b-11f0-a592-f69ea79377d9","checkout.hbs","67c1c220-510b-11f0-a91a-f69ea79377d9",16,["D",1750777013510],"\n \n \n \n \n\n \n \n \n \n \n \n

\n\n

\n \n Acquirer Checkout\n

Ammout due:\n {{amount}}\n $\n

\n\n \n

\n
Pay with Card
\n\n
\n
\n
Pay with Klarna
\n\n
\n

\n\n

\n Presentation components:\n

\n \n

\n\n

\n\n \n \n

\n \n \n \n \n \n",[],[143,190],["D",1750776984008],[160],[143],["D",1750776862802],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":237,"_238":239,"_240":241,"_242":25,"_243":25,"_244":25,"_245":57,"_246":-5,"_247":-7,"_248":-7,"_249":61,"_250":25,"_251":25,"_252":-5,"_253":25,"_254":25,"_255":25,"_256":-5},"ENV",{"_208":209,"_210":211,"_212":85,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236},"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"]

Diff · v40