[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_207":208,"_209":210},"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",121,"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\";\n\nconst app = new Hono();\nconst checkoutTmplbody =\n (await serveFile(\"/pages/checkout.hbs\", import.meta.url)).body;\nconst checkoutTmpl = Handlebars.compile(\n await new Response(checkoutTmplbody).text(),\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 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 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,\n },\n );\n console.log(\n body,\n 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 console.log({ response }, response.status);\n const payload = await response.json();\n console.log({ payload });\n return payload;\n};\n\nconst getPresentationFromKlarna = async (\n amount,\n currency,\n interoperabilityToken,\n) => {\n const response = await fetch(\n `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/payment/presentation?amount=${amount}¤cy=${currency}&locale=en-US`,\n {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Klarna-Interoperability-Token\": interoperabilityToken,\n Authorization: \"Basic \" + API_KEY,\n },\n },\n );\n\n console.log({ response }, response.status);\n const payload = await response.json();\n console.log({ payload });\n return payload;\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/**\n * Temporary Database to store payment intents\n */\nconst paymentIntentDB = {\n test: {\n amount: 2000,\n currency: \"USD\",\n interoperabilityToken:\n \"krn:network:us1:test:interoperability:eyJhbGciOiJSUzI1NiIsImtpZCI6IjgyMzA1ZWJjLWI4MTEtMzYzNy1hYTRjLTY2ZWNhMTg3NGYzZCJ9.eyJwYXltZW50X3JlcXVlc3RzIjpbeyJpZCI6ImtybjpwYXltZW50OnVzMTpyZXF1ZXN0OmE5YjlhYzYwLWM5MGYtNmU4Ni1iOGI2LWE3OWZjYjg5NGY4ZiJ9XSwiZXhwIjoxNzQ0NjMyNzM1fQ.Bq2ZxEQqWHTlBgNMw6n04jZpdpNZDhqdSfPENrEU5TAqH2fliVSm9LryzNF9EW5hKh_KyJ_2ZIn_YNRWloPzSqUETzWKI7ipNdbCXoxIf141moVnC4ZTjfOlF_fc6oh-KktGJMplol3sqHWrMvmUbrDeOSlANw_Nnn8O3ybSr99MrXPb9ehNAepB8BEd5Ow7D1nU2RIoSsP32_PQ0IbvtpkqVfQ6lBr5Li-VkngUeuIbLiZrJNxAHms6wG6WazzPdRsqoRZIEFGhHGCRCVp9NT0_kJYdf66nuTumVKG7HOLQSY7hYhiybANmHolR7ElRu5I_-aihWSkBy9-PjidvjQ\",\n returnUrl:\n \"https://misha--13491f88510411f0a556f69ea79377d9.web.val.run/public/success.html\",\n },\n};\n\n/**\n * Create payment intent and return the checkout URL\n */\napp.get(\"/intent\", async function (c) {\n const intentId = crypto.randomUUID();\n const { amount, currency, interoperabilityToken, returnUrl } = c.req.query();\n paymentIntentDB[intentId] = {\n amount,\n currency,\n interoperabilityToken,\n returnUrl,\n };\n\n return c.json({\n redirectUrl:\n `https://misha--1d669a16510b11f0a592f69ea79377d9.web.val.run/checkout/${intentId}`,\n });\n});\n\n/**\n * Render checkout page by payment intent id\n */\napp.get(\"/checkout/:intentId\", async function (c) {\n const intentId = c.req.param(\"intentId\");\n console.log(\"checkout\", paymentIntentDB, intentId);\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 } =\n 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 c.redirect(`${returnUrl}?transactionId=${transactionId}`, 301);\n }\n\n // Otherwise, rendering payment selector:\n const sdkToken = await getKlarnaSDKToken(interoperabilityToken);\n\n const presentation = await getPresentationFromKlarna(\n amount,\n currency,\n interoperabilityToken,\n );\n\n return c.html(checkoutTmpl({\n amount: amount / 100,\n currency,\n intentId,\n sdkToken,\n }));\n});\n\n/**\n * Authorize payment with Klarna by payment intent id\n */\napp.post(\"/authorize/:intentId\", async function (c) {\n const intentId = c.req.param(\"intentId\");\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\n return c.json(authorizeResponse.payment_request);\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;","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport Handlebars from \"npm:handlebars\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\nconst checkoutTmplbody =\n (await serveFile(\"/pages/checkout.hbs\", import.meta.url)).body;\nconst checkoutTmpl = Handlebars.compile(\n await new Response(checkoutTmplbody).text(),\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 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 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,\n },\n );\n console.log(\n body,\n 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 console.log({ response }, response.status);\n const payload = await response.json();\n console.log({ payload });\n return payload;\n};\n\nconst getPresentationFromKlarna = async (\n amount,\n currency,\n interoperabilityToken,\n) => {\n const response = await fetch(\n `https://api-global.test.klarna.com/v2/accounts/${ACCOUNT_ID}/payment/presentation?amount=${amount}¤cy=${currency}&locale=en-US`,\n {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Klarna-Interoperability-Token\": interoperabilityToken,\n Authorization: \"Basic \" + API_KEY,\n },\n },\n );\n\n const payload = await response.json();\n console.log({ payload });\n return payload;\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/**\n * Temporary Database to store payment intents\n */\nconst paymentIntentDB = {\n test: {\n amount: 2000,\n currency: \"USD\",\n interoperabilityToken:\n \"krn:network:us1:test:interoperability:eyJhbGciOiJSUzI1NiIsImtpZCI6IjgyMzA1ZWJjLWI4MTEtMzYzNy1hYTRjLTY2ZWNhMTg3NGYzZCJ9.eyJwYXltZW50X3JlcXVlc3RzIjpbeyJpZCI6ImtybjpwYXltZW50OnVzMTpyZXF1ZXN0OmE5YjlhYzYwLWM5MGYtNmU4Ni1iOGI2LWE3OWZjYjg5NGY4ZiJ9XSwiZXhwIjoxNzQ0NjMyNzM1fQ.Bq2ZxEQqWHTlBgNMw6n04jZpdpNZDhqdSfPENrEU5TAqH2fliVSm9LryzNF9EW5hKh_KyJ_2ZIn_YNRWloPzSqUETzWKI7ipNdbCXoxIf141moVnC4ZTjfOlF_fc6oh-KktGJMplol3sqHWrMvmUbrDeOSlANw_Nnn8O3ybSr99MrXPb9ehNAepB8BEd5Ow7D1nU2RIoSsP32_PQ0IbvtpkqVfQ6lBr5Li-VkngUeuIbLiZrJNxAHms6wG6WazzPdRsqoRZIEFGhHGCRCVp9NT0_kJYdf66nuTumVKG7HOLQSY7hYhiybANmHolR7ElRu5I_-aihWSkBy9-PjidvjQ\",\n returnUrl:\n \"https://misha--13491f88510411f0a556f69ea79377d9.web.val.run/public/success.html\",\n },\n};\n\n/**\n * Create payment intent and return the checkout URL\n */\napp.get(\"/intent\", async function (c) {\n const intentId = crypto.randomUUID();\n const { amount, currency, interoperabilityToken, returnUrl } = c.req.query();\n paymentIntentDB[intentId] = {\n amount,\n currency,\n interoperabilityToken,\n returnUrl,\n };\n\n return c.json({\n redirectUrl:\n `https://misha--1d669a16510b11f0a592f69ea79377d9.web.val.run/checkout/${intentId}`,\n });\n});\n\n/**\n * Render checkout page by payment intent id\n */\napp.get(\"/checkout/:intentId\", async function (c) {\n const intentId = c.req.param(\"intentId\");\n console.log(\"checkout\", paymentIntentDB, intentId);\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 } =\n 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 c.redirect(`${returnUrl}?transactionId=${transactionId}`, 301);\n }\n\n // Otherwise, rendering payment selector:\n const sdkToken = await getKlarnaSDKToken(interoperabilityToken);\n\n const presentation = await getPresentationFromKlarna(\n amount,\n currency,\n interoperabilityToken,\n );\n\n const preselectKlarna = resentation?.instruction === \"PRESELECT_KLARNA\";\n return c.html(checkoutTmpl({\n amount: amount / 100,\n currency,\n intentId,\n sdkToken,\n checkedCard: preselectKlarna ? \"\" : \"checked\",\n checkedKlarna: preselectKlarna ? \"checked\" : \"\",\n }));\n});\n\n/**\n * Authorize payment with Klarna by payment intent id\n */\napp.post(\"/authorize/:intentId\", async function (c) {\n const intentId = c.req.param(\"intentId\");\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\n return c.json(authorizeResponse.payment_request);\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;","createdAt",["D",1756310296293],"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":203,"_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":204,"_79":205,"_81":206,"_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},"a4c52a7e-835e-11f0-84bc-0224a6c84d84","parentId","latest",["D",1756310296293],54,"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":200,"_13":139,"_33":140,"_35":-5,"_24":25,"_133":-5,"_166":201,"_27":202},{"_43":191,"_32":192,"_30":193,"_129":144,"_41":42,"_40":194,"_130":57,"_38":195,"_13":196,"_33":20,"_35":197,"_24":25,"_133":-5,"_166":198,"_27":199},{"_43":135,"_32":50,"_30":136,"_129":-5,"_41":42,"_40":137,"_130":57,"_38":188,"_13":139,"_33":140,"_35":-5,"_24":25,"_133":-5,"_166":189,"_27":190},{"_43":178,"_32":179,"_30":180,"_129":136,"_41":42,"_40":181,"_130":57,"_38":182,"_13":183,"_33":184,"_35":185,"_24":25,"_133":-5,"_166":186,"_27":187},{"_43":169,"_32":170,"_30":171,"_129":136,"_41":42,"_40":172,"_130":57,"_38":173,"_13":174,"_33":20,"_35":175,"_24":25,"_133":-5,"_166":176,"_27":177},{"_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",1756310296293],"children",[],[28],"4d43a5a8-835b-11f0-86f3-0224a6c84d84","style.css","4f9034ac-510b-11f0-a592-f69ea79377d9",104,["D",1756308860990],20,"/* 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}\n:root {\n interpolate-size: allow-keywords;\n}\n\nli.payment-option .content {\n height: 0px;\n transition: height 0.8s cubic-bezier(0, 1, 0, 1);\n overflow: hidden;\n}\n\nli.payment-option:has(input:checked) .content {\n height: auto;\n padding-bottom: 14px;\n}",[],[50,170],"ec79bf8e-835d-11f0-87a2-0224a6c84d84","script.js","4622c02e-510b-11f0-af01-f69ea79377d9",118,["D",1756309987097],5,"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 on-site messaging\n */\n Klarna.Messaging.placement({\n key: \"credit-promotion-auto-size\",\n locale: \"en-US\",\n purchaseAmount: \"2000\",\n messagePreference: \"Prequalification\",\n }).mount(\"#klarna-messaging\");\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(\n presentationData,\n );\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(\n \"#klarna-payment-button\",\n );\n\n Klarna.Payment.on(\"complete\", async (paymentRequest) => {\n console.log({ paymentRequest });\n window.location = paymentRequest.customerInteractionConfig.returnUrl;\n });\n});",[],[50,179],["D",1750776911644],[162,163],[50],"ea1b1fd0-835d-11f0-8f9f-0224a6c84d84","checkout.hbs","67c1c220-510b-11f0-a91a-f69ea79377d9",117,["D",1756309983120],34,"\n \n \n \n \n\n \n \n \n \n \n \n

\n \n Acquirer Checkout\n

\n \n

\n \n \n

\n\n

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

\n\n \n

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

\n \n\n

\n\n \n \n

\n \n \n \n \n",[],[143,192],["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":240,"_241":242,"_243":244,"_245":25,"_246":25,"_247":25,"_248":57,"_249":-5,"_250":-7,"_251":-7,"_252":61,"_253":25,"_254":25,"_255":-5,"_256":25,"_257":25,"_258":25,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":85,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239},"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 · v121