https://www.kongapay.com/_next/static/chunks/pages/smart-qr-15ad401422cd9cd0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8133],{17131:(e,t,s)=>{"use strict";s.d(t,{A:()=>A});var l=s(37876),a=s(54587),r=s.n(a),i=s(25232),n=s(78394),d=s(48230),o=s.n(d),c=s(93704),m=s(18847),x=s.n(m),h=s(56073),u=s(89099),g=s(14232),p=s(86532),f=s.n(p);let b=x()(()=>Promise.all([s.e(741),s.e(2366),s.e(7235),s.e(9970),s.e(3108),s.e(1842),s.e(3052),s.e(2795),s.e(6874),s.e(469),s.e(124),s.e(1129),s.e(5280),s.e(5227),s.e(7898),s.e(3390),s.e(1156)]).then(s.bind(s,46394)),{loadableGenerated:{webpack:()=>[46394]},ssr:!1}),A=e=>{let{children:t,isLogin:s=!1,step:a,hideLayout:d,onLogOut:m}=e,x=(0,u.useRouter)(),[p,A]=(0,g.useState)(!1);return(0,g.useEffect)(()=>{let e=async()=>{let e=await f().getItem("verified_name");A(!!(null==e?void 0:e.value)&&!!h.LU.get("verified"))};s&&e()},[s]),(0,l.jsxs)("section",{className:(0,c.cn)(d?"":"h-screen grid md:grid-cols-2 xl:grid-cols-[616px_1fr]"),children:[(0,l.jsxs)("div",{className:(0,c.cn)(d?"hidden":"h-screen bg-cover bg-center max-md:hidden flex flex-col overflow-auto no-scrollbar px-4"),style:{backgroundImage:"url('/images/auth-bg.svg')"},children:[(0,l.jsx)("div",{className:"flex flex-col h-full pt-16",children:(0,l.jsxs)("div",{className:"max-w-[26rem] mx-auto text-white tracking-tight",children:[(0,l.jsx)(o(),{href:"/",children:(0,l.jsx)(r(),{src:i.A,alt:"auth-bg",width:142.11,height:36,className:"mb-8"})}),(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsx)("h2",{className:"text-2xl lg:text-[2.25rem] leading-tight font-semibold",children:"Start Enjoying Easy Payment Lifestyle!"}),(0,l.jsx)("p",{className:"font-medium text-base",children:"Experience the convenience of KongaPay with your very own personalized Account."})]}),!s&&(0,l.jsxs)("div",{className:"flex flex-col gap-3 bg-[#1F2937] rounded-lg p-3 mt-9",children:[(0,l.jsx)("span",{className:"text-[#FC91C6] text-sm",children:"It should take about 2 minutes to get set up. You will need to:"}),(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(r(),{src:"/images/selfie.png",alt:"selfie",width:48,height:48}),(0,l.jsx)("span",{className:"text-white text-sm",children:"Take a Selfie"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(r(),{src:"/images/id-v.png",alt:"selfie",width:48,height:48}),(0,l.jsx)("span",{className:"text-white text-sm",children:"Verify your BVN/NIN"})]})]})]})]})}),(0,l.jsx)("div",{className:"mt-auto flex justify-center max-w-[85%] mx-auto w-full",children:s?(0,l.jsx)(r(),{src:"/images/login-bg.svg",alt:"auth-bg",width:512,height:375,className:"w-full h-full"}):(0,l.jsx)(r(),{src:"/images/signup-bg.svg",alt:"auth-bg",width:512,height:375,className:"w-full h-full"})})]}),(0,l.jsxs)("div",{className:(0,c.cn)("bg-white overflow-auto",d?"":"h-screen pt-16 pb-6 rounded-l-3xl"),children:[!d&&(0,l.jsxs)("div",{className:"max-w-lg mx-auto flex w-full justify-end",children:[s&&p&&(0,l.jsxs)("div",{className:"text-sm text-gray-500 ml-5",children:["Not you?",(0,l.jsx)("span",{onClick:()=>{var e;let t=atob(null!=(e=h.LU.get("verified"))?e:"");t?(0,c._R)(void 0,t):(h.LU.clearAll(),f().removeItem("verified_name")),null==m||m("email_phone_password"),x.push("/login")},role:"button",className:"text-xs !underline !text-[--konga-pink] font-medium ml-0.5 cursor-pointer",children:"Log out"})]}),(0,l.jsx)("div",{className:"ml-auto",children:(0,l.jsx)(b,{})})]}),a&&(0,l.jsxs)("div",{className:"flex flex-col items-center mb-4",children:[(0,l.jsxs)("span",{className:"text-xs font-semibold text-[#7B7F99] mb-2",children:["Step ",(0,l.jsx)("span",{className:"text-black",children:a})," of 5"]}),(0,l.jsx)("div",{className:"w-20 h-1 flex items-center gap-1",children:Array.from({length:5}).map((e,t)=>(0,l.jsx)("div",{className:"h-1 rounded-full w-5 ".concat(t<a?"bg-[#EA157F]":"bg-[#E2E4E9]")},t))})]}),!d&&(0,l.jsx)(o(),{href:"/",className:"block !w-max !mx-auto mt-8",children:(0,l.jsx)("img",{src:n.A.src,alt:"",className:"align-center md:hidden"})}),(0,l.jsx)("div",{className:"max-w-lg mx-auto",children:t})]})]})}},25232:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});let l={src:"/_next/static/media/logo-white.acde0775.svg",height:38,width:150,blurWidth:0,blurHeight:0}},28697:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>n});var l=s(37876),a=s(14232),r=s(43617),i=s(17131);function n(){let e=(0,a.useRef)(null),[t,s]=(0,a.useState)(""),[n,d]=(0,a.useState)(""),[o,c]=(0,a.useState)(""),[m,x]=(0,a.useState)(""),[h,u]=(0,a.useState)(null),[g,p]=(0,a.useState)(""),f=(0,a.useMemo)(()=>

1{if(!t)return"";let e=window.location.origin,s=new URLSearchParams({web:t});return n&&s.set("app",n),o&&s.set("store",o),m&&s.set("playstore",m),"".concat(e,"/qr-redirect?").concat(s.toString())},[t,n,o,m]);(0,a.useEffect)(()=>{f&&e.current&&(b(f),p(f))},[f,h]);let b=async t=>{let s=e.current;s&&(await r.toCanvas(s,t,{width:320,margin:2,errorCorrectionLevel:"H",color:{dark:"#000000",light:"#FFFFFF"}}),h&&await A(s,h))},A=async(e,t)=>new Promise(s=>{let l=e.getContext("2d");if(!l)return void s();let a=new Image;a.crossOrigin="anonymous",a.src=t,a.onload=()=>{let t=.2*e.width,r=(e.width-t)/2,i=(e.height-t)/2;l.fillStyle="white",l.beginPath(),l.roundRect(r-8,i-8,t+16,t+16,12),l.fill(),l.drawImage(a,r,i,t,t),s()},a.onerror=()=>s()});return(0,l.jsx)(i.A,{children:(0,l.jsxs)("div",{className:"px-4",children:[(0,l.jsxs)("div",{className:"mb-8",children:[(0,l.jsx)("h1",{className:"text-3xl font-bold text-gray-900",children:"Smart QR Generator"}),(0,l.jsx)("p",{className:"mt-2 text-sm text-gray-500",children:"Generate QR codes that redirect to the deep link on mobile devices or the website on desktop."})]}),(0,l.jsxs)("div",{className:"space-y-6",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"mb-2 block text-sm font-medium text-gray-700",children:"Website URL"}),(0,l.jsx)("input",{type:"url",placeholder:"https://example.com",value:t,onChange:e=>s(e.target.value),className:"w-full rounded-xl border border-gray-300 px-4 py-3 outline-none transition focus:border-black"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"mb-2 block text-sm font-medium text-gray-700",children:"Deep Link URL"}),(0,l.jsx)("input",{type:"url",placeholder:"deeplink://app/path",value:n,onChange:e=>d(e.target.value),className:"w-full rounded-xl border border-gray-300 px-4 py-3 outline-none transition focus:border-black"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"mb-2 block text-sm font-medium text-gray-700",children:"Optional App Store"}),(0,l.jsx)("input",{type:"url",placeholder:"https://play.google.com/store/apps/details?id=com.example",value:o,onChange:e=>c(e.target.value),className:"w-full rounded-xl border border-gray-300 px-4 py-3 outline-none transition focus:border-black"}),(0,l.jsx)("p",{className:"mt-2 text-xs text-gray-500",children:"If the app does not open on an IOS device, the QR redirect page will send users here."})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"mb-2 block text-sm font-medium text-gray-700",children:"Optional Play Store URL"}),(0,l.jsx)("input",{type:"url",placeholder:"https://play.google.com/store/apps/details?id=com.example",value:m,onChange:e=>x(e.target.value),className:"w-full rounded-xl border border-gray-300 px-4 py-3 outline-none transition focus:border-black"}),(0,l.jsx)("p",{className:"mt-2 text-xs text-gray-500",children:"If the app does not open on Android devices, the QR redirect page will send users here."})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"mb-2 block text-sm font-medium text-gray-700",children:"Optional Logo"}),(0,l.jsx)("input",{type:"file",accept:"image/*",onChange:e=>{var t;let s=null==(t=e.target.files)?void 0:t[0];if(!s)return;let l=new FileReader;l.onload=()=>{u(l.result)},l.readAsDataURL(s)},className:"block w-full text-sm text-gray-500"})]}),(0,l.jsxs)("div",{className:"rounded-2xl border border-dashed border-gray-300 bg-gray-50 p-4 text-sm text-gray-600",children:[(0,l.jsx)("strong",{children:"Generated QR URL:"}),(0,l.jsx)("div",{className:"mt-2 break-all rounded-lg bg-white p-3 font-mono text-xs",children:g||"Waiting for URL..."})]}),(0,l.jsxs)("div",{className:"flex flex-col items-center gap-6 rounded-3xl bg-white p-6",children:[(0,l.jsx)("canvas",{ref:e}),(0,l.jsx)("button",{onClick:()=>{let t=e.current;if(!t)return;let s=document.createElement("a");s.href=t.toDataURL("image/png"),s.download="kongapay-qr.png",s.click()},disabled:!g,className:"rounded-xl bg-black px-6 py-3 text-white transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",children:"Download QR Code"})]})]})]})})}},29690:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/smart-qr",function(){return s(28697)}])},78394:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});let l={src:"/_next/static/media/logo.a7f57c4a.png",height:36,width:144,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAAIVBMVEUXAA3XAG8AAADDA2lNACndAnf/AIdnA

1jf7AIcAAACPAEx5JukuAAAAC3RSTlMzI0RVK8Uzu0QjSXwV3n0AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAaSURBVAiZY2BnYGBg4OJgZGBl5mRgYmFjBAAB9wA51soMcAAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:2}}},e=>{e.O(0,[4587,7248,3599,3704,636,6593,8792],()=>e(e.s=29690)),_N_E=e.O()}]);