https://pika.style/_next/static/chunks/5261.7abe4ae8510752de.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5261],{22112:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(76430),a=n(25393),o=n(20142),i=new Map;i.set("bold",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M108,128a20,20,0,0,1,40,0,210.5,210.5,0,0,1-25,99.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M128,68a60,60,0,0,1,60,60c0,8.1-.4,16.1-1.1,24",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M51.3,192.2A130.4,130.4,0,0,0,68,128,59.7,59.7,0,0,1,88,83.3",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M103.3,168A168.7,168.7,0,0,1,83,217.3",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M179.8,192a233.4,233.4,0,0,1-8.4,26.1",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M22.3,160A91.7,91.7,0,0,0,28,128h0a100,100,0,0,1,200,0h0a293.3,293.3,0,0,1-7,64",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}))}),i.set("duotone",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M50.7,184.9A127.4,127.4,0,0,0,64,128,64.2,64.2,0,0,1,88,78",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M128,128a191.2,191.2,0,0,1-24,93",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M96,128a32,32,0,0,1,64,0,222.3,222.3,0,0,1-21.3,95.4",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M218.6,184a294.6,294.6,0,0,0,5.4-56,96,96,0,0,0-192,0,94.4,94.4,0,0,1-5.5,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M92.8,160a161.9,161.9,0,0,1-18.1,47.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M120,64.5a70.1,70.1,0,0,1,8-.5,64,64,0,0,1,64,64,260.6,260.6,0,0,1-2,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M183.9,192c-1.5,5.9-3.2,11.8-5.1,17.5",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))}),i.set("fill",function(){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M128,24A104.2,104.2,0,0,0,24,128a88,88,0,0,1-5,29.3,8.1,8.1,0,0,0,4.9,10.3,8.2,8.2,0,0,0,2.6.4,8.1,8.1,0,0,0,7.6-5.3A104.5,104.5,0,0,0,40,128a88,88,0,0,1,176,0,283.6,283.6,0,0,1-5.3,54.5,8.1,8.1,0,0,0,6.3,9.4h1.6a7.9,7.9,0,0,0,7.8-6.4A299.9,299.9,0,0,0,232,128,104.1,104.1,0,0,0,128,24Z"}),r.createElement("path",{d:"M93,84.3A8,8,0,0,0,83,71.8,71.6,71.6,0,0,0,56,128a118.7,118.7,0,0,1-12.5,53.4,8.1,8.1,0,0,0,3.6,10.7,7.8,7.8,0,0,0,3.6.8,8.1,8.1,0,0,0,7.2-4.4A136.1,136.1,0,0,0,72,128,55.9,55.9,0,0,1,93,84.3Z"}),r.createElement("path",{d:"M128,120a8,8,0,0,0-8,8,183.3,183.3,0,0,1-23,89.1,8.1,8.1,0,0,0,3.2,10.9,7.5,7.5,0,0,0,3.8,1,8,8,0,0,0,7-4.1A199.8,199.8,0,0,0,136,128,8,8,0,0,0,128,120Z"}),r.createElement("path",{d:"M128,88a40.1,40.1,0,0,0-40,40,8,8,0,0,0,16,0,24,24,0,0,1,48,0,214.3,214.3,0,0,1-20.5,92,8,8,0,0,0,3.8,10.7,8.3,8.3,0,0,0,3.4.7,8.1,8.1,0,0,0,7.3-4.6A230,230,0,0,0,168,128,40.1,40.1,0,0,0,128,88Z"}),r.createElement("path",{d:"M94.4,152.2a7.9,7.9,0,0,0-9.4,6.2,154.8,154.8,0,0,1-17.2,45.5,8,8,0,0,0,2.9,10.9,8.3,8.3,0,0,0,4,1.1,8.2,8.2,0,0,0,6.9-4,163.2,163.2,0,0,0,19-50.3A7.9,7.9,0,0,0,94.4,152.2Z"}),r.createElement("path",{d:"M128,56a68,68,0,0,0-9,.6,8,8,0,1,0,2,15.8c2.3-.2,4.7-.4,7-.4a56,56,0,0,1,56,56,245.7,245.7,0,0,1-1.9,31,7.9,7.9,0,0,0,6.9,8.9h1a8.1,8.1,0,0,0,8-7,279.7,279.7,0,0,0,2-33A72.1,72.1,0,0,0,128,56Z"}),r.createElement("path",{d:"M185.9,184.3a7.9,7.9,0,0,0-9.7,5.7c-1.5,5.7-3.2,11.4-5,17a7.9,7.9,0,0,0,5,10.1,7.8,7.8,0,0,0,2.6.4,7.9,7.9,0,0,0,7.5-5.4c2-6,3.8-12,5.4-18.1A8,8,0,0,0,185.9,184.3Z"}))}),i.set("light",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M50.7,184.9A127.4,127.4,0,0,0,64,128,64.2,64.2,0,0,1,88,78",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M128,128a191.2,191.2,0,0,1-24,93",f

1ill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M96,128a32,32,0,0,1,64,0,222.3,222.3,0,0,1-21.3,95.4",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M218.6,184a294.6,294.6,0,0,0,5.4-56,96,96,0,0,0-192,0,94.4,94.4,0,0,1-5.5,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M92.8,160a161.9,161.9,0,0,1-18.1,47.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M120,64.5a70.1,70.1,0,0,1,8-.5,64,64,0,0,1,64,64,260.6,260.6,0,0,1-2,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M183.9,192c-1.5,5.9-3.2,11.8-5.1,17.5",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}))}),i.set("thin",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M50.7,184.9A127.4,127.4,0,0,0,64,128,64.2,64.2,0,0,1,88,78",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M128,128a191.2,191.2,0,0,1-24,93",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M96,128a32,32,0,0,1,64,0,222.3,222.3,0,0,1-21.3,95.4",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M218.6,184a294.6,294.6,0,0,0,5.4-56,96,96,0,0,0-192,0,94.4,94.4,0,0,1-5.5,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M92.8,160a161.9,161.9,0,0,1-18.1,47.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M120,64.5a70.1,70.1,0,0,1,8-.5,64,64,0,0,1,64,64,260.6,260.6,0,0,1-2,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M183.9,192c-1.5,5.9-3.2,11.8-5.1,17.5",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}))}),i.set("regular",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M50.7,184.9A127.4,127.4,0,0,0,64,128,64.2,64.2,0,0,1,88,78",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M128,128a191.2,191.2,0,0,1-24,93",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M96,128a32,32,0,0,1,64,0,222.3,222.3,0,0,1-21.3,95.4",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M218.6,184a294.6,294.6,0,0,0,5.4-56,96,96,0,0,0-192,0,94.4,94.4,0,0,1-5.5,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M92.8,160a161.9,161.9,0,0,1-18.1,47.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M120,64.5a70.1,70.1,0,0,1,8-.5,64,64,0,0,1,64,64,260.6,260.6,0,0,1-2,32",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M183.9,192c-1.5,5.9-3.2,11.8-5.1,17.5",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))});var s=function(e,t){return(0,a.$)(e,t,i)},l=(0,r.forwardRef)(function(e,t){return r.createElement(o.A,Object.assign({ref:t},e,{renderPath:s}))});l.displayName="Fingerprint";let d=l},81538:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(76430),a=n(25393),o=n(20142),i=new Map;i.set("bold",function(e){return r.createElement(r.Fragment,null,r.createElement("circle",{cx:"128",cy:"128",r:"96",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("circle",{cx:"92",cy:"108",r:"16"}),r.createElement("line",{x1:"152",y1:"108",x2:"176",y2:"108",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M169.6,152a48.1,48.1,0,0,1-83.2,0",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}))}),i.set("duotone",function(e){return r.createElement(r.Fragment,null,r.createElement("circle",{cx:"128",cy:"128",r:"96",opacity:"0.2"}),r.createElement("circle",{cx:"128",cy:"128",r:"96",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("circle",{cx:"92",cy:"108",r:"12"}),r.createElement("line",{x1:"152",y1:"108",x2:"176",y2:"108",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M169.6,152a48.1,48.1,0,0,1-83.2,0",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))}),i.set("fill",function(){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M128,24A104,104,0,1,0,232,128,104.2,104.2,0,0,0,128,24ZM92,96a12,12,0,1,1-12,12A12,12,0,0,1,92,96Zm84.5,60a56,56,0,0,1-97,0,8,8,0,1,1,13.8-8,40.1,40.1,0,0,0,69.4,0,8,8,0,0,1,13.8,8Zm3.5-40H148a8,8,0,0,1,0-16h32a8,8,0,0,1,0,16Z"}))}),i.set("light",function(e){return r.createElement(r.Fragment,null,r.createElement("circle",{cx:"128",cy:"128",r:"96",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("circle",{cx:"92",cy:"108",r:"10"}),r.createElement("line",{x1:"152",y1:"108",x2:"176",y2:"108",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M169.6,152a48.1,48.1,0,0,1-83.2,0",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}))}),i.set("thin",function(e){return r.createElement(r.Fragment,null,r.createElement("circle",{cx:"128",cy:"128",r:"96",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("circle",{cx:"92",cy:"108",r:"8"}),r.createElement("line",{x1:"152",y1:"108",x2:"176",y2:"108",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M169.6,152a48.1,48.1,0,0,1-83.2,0",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}))}),i.set("regular",function(e){return r.createElement(r.Fragment,null,r.createElement("circle",{cx:"128",cy:"128",r:"96",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("circle",{cx:"92",cy:"108",r:"12"}),r.createElement("line",{x1:"152",y1:"108",x2:"176",y2:"108",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M169.6,152a48.1,48.1,0,0,1-83.2,0",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))});var s=function(e,t){return(0,a.$)(e,t,i)},l=(0,r.forwardRef)(function(e,t){return r.createElement(o.A,Object.assign({ref:t},e,{renderPath:s}))});l.displayName="SmileyWink";let d=l},95261:(e,t,n)=>{n.r(t),n.d(t,{default:()=>g});var r=n(75038),a=n(76430),o=n(19977),i=n(58891),s=n(2272),l=n(83699),d=n(22112),c=n(1433),u=n(34530),k=n(43887);let m=e=>e?(0,l.B)(new Date(e),new Date,{addSuffix:!0}):null;function p(){let[e,t]=(0,a.useState)(null),[n,i]=(0,a.useState)(()=>(0,k.SV)()?null:"browser"),[s,l]=(0,a.useState)(null),[p,h]=(0,a.useState)(null),x=({data:e,error:n})=>{if(n){console.log("Error listing passkeys",n),i("service"),t([]);return}t(e||[])},f=()=>(0,o.U)().auth.passkey.list().then(x);(0,a.useEffect)(()=>{n||(0,o.U)().auth.passkey.list().then(x)},[n]);let y=async()=>

1{l("add");let{error:e}=await (0,o.U)().auth.registerPasskey();if(l(null),e){let t=(0,k.oM)(e,"add");t&&(console.log("Error adding passkey",e),c.Ay.error(t));return}c.Ay.success("Passkey added. You can now use it to log in."),f()},j=async e=>{l(e);let{error:t}=await (0,o.U)().auth.passkey.delete({passkeyId:e});if(l(null),h(null),t){console.log("Error removing passkey",t),c.Ay.error("Couldn't remove the passkey, please try again");return}c.Ay.success("Passkey removed"),f()};return(0,r.jsxs)("div",{className:"px-4 py-3",children:[(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"opacity-60 text-sm",children:"Passkeys"}),(0,r.jsx)("div",{className:"text-sm opacity-80 leading-snug",children:"Log in with Touch ID, Face ID or a security key"})]}),n?"":(0,r.jsx)(u.$n,{type:"button",variant:"secondary",className:"ml-auto shrink-0",onClick:y,disabled:!!s||null===e,children:"add"===s?"Waiting…":"Add a passkey"})]}),n?(0,r.jsx)("div",{className:"mt-2 text-sm opacity-60",children:"browser"===n?"This browser doesn't support passkeys.":"Passkeys aren't available right now."}):e?.length?(0,r.jsx)("div",{className:"mt-3 space-y-2",children:e.map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-3 rounded-lg border border-gray-200/80 dark:border-gray-700/60 bg-white dark:bg-gray-900 px-3 py-2",children:[(0,r.jsx)(d.A,{size:20,className:"opacity-60 shrink-0"}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"truncate",children:e.friendly_name||"Passkey"}),(0,r.jsxs)("div",{className:"text-xs opacity-60",children:["Added ",m(e.created_at),e.last_used_at?` \xb7 last used ${m(e.last_used_at)}`:""]})]}),(0,r.jsx)("div",{className:"ml-auto flex items-center gap-2 shrink-0",children:p===e.id?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.$n,{type:"button",variant:"secondary",className:"text-red-600! dark:text-red-400!",onClick:()=>j(e.id),disabled:!!s,children:s===e.id?"Removing…":"Remove"}),(0,r.jsx)(u.$n,{type:"button",variant:"secondary",onClick:()=>h(null),disabled:!!s,children:"Cancel"})]}):(0,r.jsx)(u.$n,{type:"button",variant:"secondary",onClick:()=>h(e.id),disabled:!!s,children:"Remove"})})]},e.id))}):e?(0,r.jsx)("div",{className:"mt-2 text-sm opacity-60",children:"No passkeys yet."}):""]})}var h=n(90026),x=n(81538),f=n(46001),y=n.n(f),j=n(34981);let L={email:"Email & password",google:"Google",github:"GitHub"},g=({session:e,openLoginOrSignup:t})=>{let{c_Session:n,c_SetSession:l,c_OpenPricing:d,isPro:k}=(0,a.useContext)(s.A),[m,f]=(0,a.useState)({isEditing:!1,newName:n?.user_metadata?.name}),g=async()=>{if(!m.newName||!m.newName.length||""===m.newName)return void c.Ay.error("Name cannot be empty");let e=(0,o.U)(),{data:t,error:r}=await e.auth.updateUser({data:{name:m?.newName}});t?.user&&((0,i.MN)(e,t.user),l({...n,user_metadata:{...n.user_metadata,name:m?.newName}}),f({...m,isEditing:!1}),c.Ay.success("Updated your name")),r&&c.Ay.error("Couldn't update your name, please try again")};if(e){let e;return(0,r.jsx)("div",{className:"text-base",children:(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("div",{className:"pt-10 flex items-center justify-center px-6 bg-linear-to-b from-pink-100 dark:from-pink-600/10 dark:to-gray-900 to-white",children:(0,r.jsxs)("div",{className:y()("relative w-20 h-20 rounded-full shadow-lg bg-linear-to-b from-pink-700 to-red-400 text-white flex items-center justify-center overflow-hidden"),children:[(0,i.nF)(n)?(0,r.jsx)("img",{src:(0,i.nF)(n),alt:"",referrerPolicy:"no-referrer",className:"absolute inset-0 w-full h-full object-cover"}):"",(0,i.nF)(n)?"":(0,r.jsx)(j.P.div,{initial:"hidden",animate:"visible",variants:{hidden:{opacity:0,scale:1.5},visible:{opacity:1,scale:1,transition:{duration:.7,delay:.1,type:"spring"}}},children:k?(0,r.jsx)(h.A,{size:40,className:"opacity-80"}):(0,r.jsx)(x.A,{size:40,className:"opacity-90"})})]})}),(0,r.jsxs)("div",{className:"mt-10 mb-6 bg-gray-50 dark:bg-gray-800/60 dark:border-gray-700/60 dark:divide-gray-700/60 mx-6 rounded-xl divide-y divide-gray-200/60 border border-gray-200/60",children:[(0,r.jsx)("div",{className:"w-full",children:m.isEditing?(0,r.jsx)("div",{className:"px-4 h-[65px] flex w-full justify-between items-center",children:(0,r.jsxs)("form",{onSubmit:e=>e.preventDefault(),className:"flex items-center w-full",children:[(0,r.jsx)(u.pd,{spellCheck:!1,className:"max-w-[200px] text-sm px-2",placeholder:"Enter new name here",value:m.newName,autoF

1ocus:!0,onChange:e=>f(t=>({...t,newName:e.target.value}))}),(0,r.jsxs)("div",{className:"ml-auto space-x-3 flex items-center",children:[(0,r.jsx)(u.$n,{variant:"secondary",onClick:g,children:"Save"}),(0,r.jsx)(u.$n,{variant:"secondary",onClick:()=>f({...m,isEditing:!1}),children:"Cancel"})]})]})}):(0,r.jsxs)("div",{className:"flex items-center px-4 py-3",children:[(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("div",{className:"opacity-50 text-sm",children:"Name"}),(0,r.jsx)("div",{className:"",children:n?.user_metadata?.name})]}),(0,r.jsx)("div",{className:"ml-auto",children:(0,r.jsx)(u.$n,{variant:"secondary",onClick:()=>f({...m,isEditing:!0}),children:"Edit"})})]})}),(0,r.jsxs)("div",{className:"px-4 py-3",children:[(0,r.jsx)("div",{className:"opacity-60 text-sm",children:"Email"}),(0,r.jsx)("div",{className:"leading-tight",children:n?.email})]}),(0,r.jsxs)("div",{className:"px-4 py-3",children:[(0,r.jsx)("div",{className:"opacity-60 text-sm",children:"Sign-in methods"}),(0,r.jsx)("div",{className:"mt-1 flex flex-wrap gap-2",children:(!(e=(n?.identities||[]).map(e=>e.provider)).length&&n?.app_metadata?.provider&&e.push(n.app_metadata.provider),[...new Set(e)].map(e=>L[e]||e)).map(e=>(0,r.jsx)("span",{className:"text-sm px-2 py-px rounded-md bg-white dark:bg-gray-900 border border-gray-200/80 dark:border-gray-700/60",children:e},e))})]}),(0,r.jsx)(p,{})]})]})})}return(0,r.jsxs)("div",{className:"h-full w-full flex items-center justify-center relative",children:[(0,r.jsx)("img",{alt:"Background",src:"/illustrations/13.png",className:"absolute bottom-0 right-0 opacity-[0.03] dark:opacity-[0.03]"}),(0,r.jsxs)("div",{className:"relative flex items-center justify-center flex-col p-5",children:[(0,r.jsx)("div",{className:"text-center mb-4",children:"Pika Pro gets you more customization options like tilting, custom backgrounds."}),(0,r.jsx)(u.$n,{className:"relative flex items-center content-start px-5 py-2 hover:scale-[1.02] text-white rounded-xl cursor-pointer group bg-linear-to-br shadow-md text-lg from-red-400 to-pink-600",onClick:()=>d(),children:"Get Pika Pro"})]}),(0,r.jsx)("div",{className:"absolute bottom-0 left-0 w-full pb-4",children:(0,r.jsxs)("div",{className:"text-center mt-6 flex items-center justify-center",onClick:()=>t({type:"Login"}),children:["Already have an account?"," ",(0,r.jsx)(u.$n,{className:"bg-pink-100 from-red-400 to-pink-600 bg-linear-to-br hover:scale-[1.05] ml-2 text-sm px-2 py-[3px] rounded-lg cursor-pointer text-white",children:"Login →"})]})})]})}}}]);