Klarna Payment Button

[{"_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",{"_98":97,"_32":44,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":26,"_121":122,"_123":26,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":24,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":26},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":36,"_37":38,"_39":14,"_40":41,"_23":26},"previous","deleted",true,"deletedHere",false,"path","frontend/button-iframe.html","latestPath","fileId","f526e3a0-00e9-11f1-8c0d-42dde27851f2","name","button-iframe.html","fileType","content","\n\n \n \n \n Klarna Payment Button\n \n \n \n

\n\n \n \n\n","createdAt",["D",1770114026546],"branchVersion","branchId","2c36ce54-00e6-11f1-a76a-42dde27851f2","id","2c36560e-00e6-11f1-a76a-42dde27851f2","JPM-setup",["D",1770112400938],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","How to limit usage to one iframe of initializing Klarna Web SDK","imageUrl","01993d45-9433-727b-b29b-06a7295b5411","pinnedFileId","6d78e38c-00ed-11f1-bb4f-42dde27851f2","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01993d45-9433-727b-b29b-099b638de562","tursoName","2c36560e00e611f1a76a42dde27851f2","tursoHostname","2c36560e00e611f1a76a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789518676100],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":26},"branch",{"_13":87,"_32":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"isOwned",101,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","alexanerstalbrandklarna","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMyYXJhOVozMGlPajdzS20yR0RiaTREMDZ3bCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":202,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":24,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":203,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":204,"_82":205,"_84":206,"_86":26},"tree",[171,172,175,176],"files",[171,172,173,174,175,176],"counts",{"_161":61,"_162":136,"_163":136,"_164":165,"_166":167},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":155,"_32":156,"_30":157,"_135":-5,"_40":41,"_39":158,"_137":26,"_37":159,"_13":61,"_34":147,"_35":-5,"_23":26,"_140":-5,"_27":160},{"_42":149,"_32":150,"_30":151,"_135":-5,"_40":41,"_39":152,"_137":24,"_37":153,"_13":61,"_34":147,"_35":-5,"_23":26,"_140":-5,"_27":154},{"_42":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":24,"_37":146,"_13":61,"_34":147,"_35":-5,"_23":26,"_140":-5,"_27":148},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":26,"_37":138,"_13":61,"_34":139,"_35":107,"_23":26,"_140":-5,"_27":141},"2c3a614a-00e6-11f1-a76a-42dde27851f2","main.ts","2c3a628a-00e6-11f1-a76a-42dde27851f2","parentId",1,"latest",["D",1770112400959],"script","label",[133],"f501cac0-00e9-11f1-99c6-42dde27851f2","shared","f501cb74-00e9-11f1-99c6-42dde27851f2",4,["D",1770114026304],"directory",[143],"f4c0460e-00e9-11f1-8c37-42dde27851f2","frontend","f4c046c2-00e9-11f1-8c37-42dde27851f2",2,["D",1770114025840],[150],"f4df3762-00e9-11f1-a85a-42dde27851f2","backend","f4df383e-00e9-11f1-a85a-42dde27851f2",3,["D",1770114026077],[156],"pulls","branches","forks","envVars",{"_168":61,"_170":61},"connections",{"_168":61,"_169":61},"count","unfilledCount","emptyCount",{"_42":155,"_32":156,"_30":157,"_135":-5,"_40":41,"_39":158,"_137":26,"_37":199,"_13":61,"_34":147,"_35":-5,"_23":26,"_140":-5,"_178":200,"_27":201},{"_42":149,"_32":150,"_30":151,"_135":-5,"_40":41,"_39":152,"_137":24,"_37":196,"_13":61,"_34":147,"_35":-5,"_23":26,"_140":-5,"_178":197,"_27":198},{"_42":192,"_32":33,"_30":31,"_135":151,"_40":41,"_39":14,"_137":26,"_37":193,"_13":61,"_34":20,"_35":36,"_23":26,"_140":-5,"_178":194,"_27":195},{"_42":184,"_32":185,"_30":186,"_135":151,"_40":41,"_39":187,"_137":26,"_37":188,"_13":61,"_34":20,"_35":189,"_23":26,"_140":-5,"_178":190,"_27":191},{"_42":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":24,"_37":181,"_13":61,"_34":147,"_35":-5,"_23":26,"_140":-5,"_178":182,"_27":183},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":26,"_37":177,"_13":61,"_34":139,"_35":107,"_23":26,"_140":-5,"_178":179,"_27":180},["D",1770112400959],"children",[],[133],["D",1770114026304],[],[143],"f52111f0-00e9-11f1-9de6-42dde27851f2","style.css","f5211286-00e9-11f1-9de6-42dde27851f2",5,["D",1770114026511],"/* Base styles */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family:\n -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu,\n sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n color: #333;\n}\n\n/* Main container */\n.container {\n max-width: 800px;\n margin: 0 auto;\n padding: 40px 20px;\n}\n\nh1 {\n color: #fff;\n margin-bottom: 16px;\n font-size: 2rem;\n}\n\np {\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 32px;\n line-height: 1.6;\n}\n\n/* Button iframe container */\n.button-iframe-container {\n background: #fff;\n border-radius: 12px;\n padding: 24px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n margin-bottom: 32px;\n}\n\n.button-iframe-container iframe {\n width: 100%;\n height: 80px;\n border: none;\n display: block;\n}\n\n/* Status container */\n#status-container {\n background: #fff;\n border-radius: 12px;\n padding: 24px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n}\n\n#status-container h3 {\n color: #333;\n margin-bottom: 12px;\n font-size: 1.1rem;\n}\n\n#status-output {\n background: #f8f9fa;\n border-radius: 8px;\n padding: 16px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 13px;\n color: #495057;\n overflow-x: auto;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n/* Overlay styles */\n.overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n/* Popup container */\n.popup {\n position: relative;\n width: 90%;\n max-width: 500px;\n height: 80vh;\n max-height: 700px;\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n\n/* Close button */\n.popup-close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 32px;\n height: 32px;\n border: none;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n font-size: 20px;\n line-height: 1;\n color: #666;\n cursor: pointer;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n background 0.2s,\n color 0.2s;\n}\n\n.popup-close-btn:hover {\n background: rgba(0, 0, 0, 0.2);\n color: #333;\n}\n\n/* Popup iframe */\n#popup-iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n}\n\n/* Responsive adjustments */\n@media (max-width: 600px) {\n .container {\n padding: 20px 16px;\n }\n\n h1 {\n font-size: 1.5rem;\n }\n\n .popup {\n width: 95%;\n height: 90vh;\n border-radius: 12px;\n }\n\n .button-iframe-container,\n #status-container {\n padding: 16px;\n border-radius: 8px;\n }\n}\n",[],[150,185],"f526e274-00e9-11f1-8c0d-42dde27851f2",["D",1770114026546],[],[150,33],["D",1770114025840],[173,174],[150],["D",1770114026077],[],[156],["D",1770112400938],["D",1789518676100],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":26},{"_13":87,"_32":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"ctx",{"_80":-5,"_125":240,"_241":242,"_243":244,"_245":26,"_246":26,"_247":26,"_248":24,"_249":-5,"_250":-7,"_251":-7,"_252":61,"_253":26,"_254":26,"_255":-5,"_256":26,"_257":26,"_258":26,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":88,"_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","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v6