https://eshanized.is-a.dev/_next/static/chunks/822.d3f8563b54bdb32e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[822],{68071:function(e,t,a){a.d(t,{Z:function(){return x}});var c=a(57437),n=a(2265),s=a(23338),l=a(28745),r=a(53879),i=a(18469),o=a(5892),d=a(37515),m=a(47907);function x(e){let{title:t,children:a,onBack:x,headerColor:u,headerTextColor:h,hasSearch:f=!1,rightAction:y,onRightActionClick:p,showHeader:j=!1}=e,{colors:v,isDarkMode:N}=(0,d.F)();(0,m.useRouter)();let[b,g]=(0,n.useState)([]),[w,k]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=window.location.pathname;e.includes("_next")||b.includes(e)||g(t=>[...t,e].slice(-5))},[]),(0,c.jsxs)(s.E.div,{className:"h-full flex flex-col ".concat(v.secondary," transition-colors duration-300"),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:[j&&(0,c.jsxs)("header",{className:"".concat(u||v.secondary," py-4 px-5 flex items-center justify-between transition-colors duration-300"),style:{minHeight:"64px"},children:[(0,c.jsxs)("div",{className:"flex items-center flex-1",children:[x&&(0,c.jsx)(s.E.button,{className:"".concat(v.textPrimary," p-1.5 -ml-2 rounded-full hover:").concat(v.ripple),onClick:x,whileTap:{scale:.95},transition:{duration:.1},children:(0,c.jsx)(r.Z,{className:"w-6 h-6"})}),(0,c.jsx)(s.E.h1,{className:"".concat(h||v.textPrimary," text-xl font-medium ml-2 transition-colors duration-300"),initial:{y:-5,opacity:0},animate:{y:0,opacity:1},transition:{delay:.1},children:t})]}),(0,c.jsxs)("div",{className:"flex items-center gap-3",children:["more"===y&&(0,c.jsx)(s.E.button,{className:"p-2.5 ".concat(v.textPrimary," hover:").concat(v.ripple," rounded-full"),onClick:p,whileTap:{scale:.95},transition:{duration:.1},children:(0,c.jsx)(i.Z,{className:"w-5 h-5"})}),"share"===y&&(0,c.jsx)(s.E.button,{className:"p-2.5 ".concat(v.textPrimary," hover:").concat(v.ripple," rounded-full"),onClick:p,whileTap:{scale:.95},transition:{duration:.1},children:(0,c.jsx)(o.Z,{className:"w-5 h-5"})}),y&&"string"!=typeof y&&(0,c.jsx)("div",{className:v.textPrimary,children:y})]})]}),(0,c.jsx)(l.M,{mode:"wait",children:(0,c.jsx)(s.E.div,{className:"flex-1 overflow-y-auto overscroll-bounce ".concat(v.primary," transition-colors duration-300"),initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{type:"spring",stiffness:300,damping:30,mass:1},style:{WebkitOverflowScrolling:"touch"},children:a},t)})]})}},24822:function(e,t,a){a.r(t),a.d(t,{default:function(){return f}});var c=a(57437),n=a(2265),s=a(68071),l=a(79251),r=a(33388),i=a(29369),o=a(85904),d=a(26490),m=a(11213),x=a(28670),u=a(20703),h=a(37515);function f(){var e;let[t,a]=(0,n.useState)("keypad"),[f,y]=(0,n.useState)(""),[p,j]=(0,n.useState)(!1),[v,N]=(0,n.useState)(0),[b,g]=(0,n.useState)(""),{colors:w}=(0,h.F)(),k=[{id:"1",name:"John Doe",number:"+1 234 567 8900",avatar:"https://i.pravatar.cc/150?img=1",recent:!0,timestamp:"10:30 AM"},{id:"2",name:"Jane Smith",number:"+1 234 567 8901",avatar:"https://i.pravatar.cc/150?img=2",recent:!0,missed:!0,timestamp:"Yesterday"},{id:"3",name:"Mike Johnson",number:"+1 234 567 8902",avatar:"https://i.pravatar.cc/150?img=3"}],Z=e=>{f.length<15&&y(t=>t+e)},S=k.filter(e=>e.name.toLowerCase().includes(b.toLowerCase())||e.number.includes(b));return(0,c.jsx)(s.Z,{title:p?"Call in progress":"Phone",children:(0,c.jsx)("div",{className:"h-full ".concat(w.primary),children:p?(0,c.jsxs)("div",{className:"h-full flex flex-col items-center justify-between p-6 ".concat(w.primary," text-white"),children:[(0,c.jsxs)("div",{className:"flex flex-col items-center mt-12",children:[(0,c.jsx)("div",{className:"w-24 h-24 rounded-full overflow-hidden mb-4",children:(0,c.jsx)(u.default,{src:"https://i.pravatar.cc/150?img=1",alt:"Contact",width:96,height:96,className:"w-full h-full object-cover"})}),(0,c.jsx)("h2",{className:"text-2xl font-medium mb-1 ".concat(w.textPrimary),children:(null===(e=k.find(e=>e.number===f))||void 0===e?void 0:e.name)||f}),(0,c.jsx)("p",{className:w.textSecondary,children:"".concat(Math.floor(v/60),":").concat((v%60).toString().padStart(2,"0"))})]}),(0,c.jsxs)("div",{className:"grid grid-cols-3 gap-8 mb-12",children:[(0,c.jsxs)("button",{className:"flex flex-col items-center",children:[(0,c.jsx)("div",{className:"w-16 h-16 rounded-full ".concat(w.buttonBg," flex items-center justify-center mb-2"),children:(0,c.jsx)(l.Z,{className:"w-6 h-6 ".concat(w.textPrimary)})}),(0,c.jsx)("span",{className:"text-sm ".concat(w.textSecondary),children:"Speaker"})]}),(0,c.jsxs)("button",{className:"flex flex-col items-center",children:[(0,c.jsx)("div",{className:"w-16 h-16 rounded-full ".concat(w.buttonBg," flex items-center justify-center mb-2"),children:(0,c.jsx)(r.Z,{className:"w-6 h-6 ".concat(w.textPrimary)})}),(0,c.jsx)("span",{className:"text-sm ".concat(w.textSecondary),children:"Mute"})]}),(0,c.jsxs)("button",{className:"flex flex-col items-center",children:[(0,c.jsx)("div",{className:"w-16 h-16 rounded-full ".concat(w.buttonBg," flex items-center justify-center mb-2"),children:(0,c.jsx)(i.Z,{className:"w-6 h-6 ".concat(w.textPrimary)})}),(0,c.jsx)("span",{className:"text-sm ".concat(w.textSecondary),children:"Video"})]}),(0,c.jsxs)("button",{className:"flex flex-col items-center col-span-3",onClick:()=>{j(!1),N(0)},children:[(0,c.jsx)("div",{className:"w-16 h-16 rounded-full bg-red-500 flex items-center justify-center mb-2",children:(0,c.jsx)(o.Z,{className:"w-6 h-6 text-white rotate-135"})}),(0,c.jsx)("span",{className:"text-sm ".concat(w.textSecondary),children:"End"})]})]})]}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"flex border-b ".concat(w.divider," ").concat(w.cardBg),children:[{id:"keypad",icon:o.Z,label:"Keypad"},{id:"recents",icon:d.Z,label:"Recents"},{id:"contacts",icon:m.Z,label:"Contacts"}].map(e=>(0,c.jsxs)("button",{className:"flex-1 py-4 flex flex-col items-center ".concat(t===e.id?w.accent+" border-b-2 border-current":w.textSecondary),onClick:()=>a(e.id),children:[(0,c.jsx)(e.icon,{className:"w-5 h-5 mb-1"}),(0,c.jsx)("span",{className:"text-xs",children:e.label})]},e.id))}),"keypad"===t&&(0,c.jsxs)("div",{className:"p-6",children:[(0,c.jsx)("div",{className:"text-center mb-8",children:(0,c.jsx)("input",{type:"text",value:f,readOnly:!0,className:"text-3xl font-light text-center w-full bg-transparent ".concat(w.textPrimary," focus:outline-none"),placeholder:"Enter number"})}),(0,c.jsx)("div",{className:"grid grid-cols-3 gap-6",children:[1,2,3,4,5,6,7,8,9,"*",0,"#"].map(e=>(0,c.jsxs)("button",{className:"w-16 h-16 rounded-full ".concat(w.buttonBg," flex flex-col items-center justify-center shadow-sm mx-auto"),onClick:()=>Z(e.toString()),children:[(0,c.jsx)("span",{className:"text-2xl font-light ".concat(w.textPrimary),children:e}),"number"==typeof e&&0!==e&&(0,c.jsx)("span",{className:"text-[10px] ".concat(w.textSecondary," mt-0.5"),children:1===e?"Voicemail":"ABC"})]},e))}),(0,c.jsx)("div",{className:"mt-8 flex justify-center",children:(0,c.jsx)("button",{className:"w-16 h-16 rounded-full ".concat(f?"bg-green-500":w.buttonBg," flex items-center justify-center shadow-lg"),onClick:()=>

1{if(f){j(!0);let e=setInterval(()=>{N(e=>e+1)},1e3);return()=>clearInterval(e)}},disabled:!f,children:(0,c.jsx)(o.Z,{className:"w-6 h-6 ".concat(f?"text-white":w.textSecondary)})})})]}),("recents"===t||"contacts"===t)&&(0,c.jsxs)("div",{className:"h-full",children:[(0,c.jsx)("div",{className:"p-4 ".concat(w.cardBg),children:(0,c.jsxs)("div",{className:"flex items-center ".concat(w.tertiary," rounded-full px-4 py-2"),children:[(0,c.jsx)(x.Z,{className:"w-5 h-5 ".concat(w.textSecondary)}),(0,c.jsx)("input",{type:"text",placeholder:"Search ".concat(t),className:"ml-2 bg-transparent w-full focus:outline-none ".concat(w.textPrimary),value:b,onChange:e=>g(e.target.value)})]})}),(0,c.jsx)("div",{className:w.divider,children:S.filter(e=>"recents"!==t||e.recent).map(e=>(0,c.jsxs)("div",{className:"flex items-center p-4 ".concat(w.cardBg),onClick:()=>{y(e.number),a("keypad")},children:[(0,c.jsx)("div",{className:"w-12 h-12 rounded-full overflow-hidden bg-gray-200 dark:bg-gray-800 relative",children:e.avatar?(0,c.jsx)(u.default,{src:e.avatar,alt:e.name,layout:"fill",objectFit:"cover"}):(0,c.jsx)(m.Z,{className:"w-6 h-6 ".concat(w.textSecondary," absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")})}),(0,c.jsxs)("div",{className:"ml-4 flex-1",children:[(0,c.jsx)("h3",{className:"text-base font-medium ".concat(w.textPrimary),children:e.name}),(0,c.jsxs)("p",{className:"text-sm ".concat(e.missed?"text-red-500":w.textSecondary),children:[e.number,e.timestamp&&" • ".concat(e.timestamp)]})]}),(0,c.jsx)("button",{className:"p-2 ".concat(w.textSecondary," hover:").concat(w.textPrimary),children:(0,c.jsx)(o.Z,{className:"w-5 h-5"})})]},e.id))})]})]})})})}},33388:function(e,t,a){a.d(t,{Z:function(){return c}});/**
2 * @license lucide-react v0.344.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */let c=(0,a(87461).Z)("Mic",[["path",{d:"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z",key:"131961"}],["path",{d:"M19 10v2a7 7 0 0 1-14 0v-2",key:"1vc78b"}],["line",{x1:"12",x2:"12",y1:"19",y2:"22",key:"x3vr5v"}]])},18469:function(e,t,a){a.d(t,{Z:function(){return c}});/**
7 * @license lucide-react v0.344.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */let c=(0,a(87461).Z)("MoreVertical",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]])},28670:function(e,t,a){a.d(t,{Z:function(){return c}});/**
12 * @license lucide-react v0.344.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */let c=(0,a(87461).Z)("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])},5892:function(e,t,a){a.d(t,{Z:function(){return c}});/**
17 * @license lucide-react v0.344.0 - ISC
18 *
19 * This source code is licensed under the ISC license.
20 * See the LICENSE file in the root directory of this source tree.
21 */let c=(0,a(87461).Z)("Share",[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["polyline",{points:"16 6 12 2 8 6",key:"m901s6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15",key:"1p0rca"}]])},29369:function(e,t,a){a.d(t,{Z:function(){return c}});/**
22 * @license lucide-react v0.344.0 - ISC
23 *
24 * This source code is licensed under the ISC license.
25 * See the LICENSE file in the root directory of this source tree.
26 */let c=(0,a(87461).Z)("Video",[["path",{d:"m22 8-6 4 6 4V8Z",key:"50v9me"}],["rect",{width:"14",height:"12",x:"2",y:"6",rx:"2",ry:"2",key:"1rqjg6"}]])},79251:function(e,t,a){a.d(t,{Z:function(){return c}});/**
27 * @license lucide-react v0.344.0 - ISC
28 *
29 * This source code is licensed under the ISC license.
30 * See the LICENSE file in the root directory of this source tree.
31 */let c=(0,a(87461).Z)("Volume2",[["polygon",{points:"11 5 6 9 2 9 2 15 6 15 11 19 11 5",key:"16drj5"}],["path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",key:"ltjumu"}],["path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",key:"1kegas"}]])},47907:function(e,t,a){var c=a(15313);a.o(c,"useRouter")&&a.d(t,{useRouter:function(){return c.useRouter}})}}]);