https://mastakala.com/_next/static/chunks/pages/member/[member_id]-3410d387f2cf57ad.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5043],{9110:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/member/[member_id]",function(){return t(60387)}])},60387:(e,r,t)=>{"use strict";t.r(r),t.d(r,{__N_SSP:()=>c,default:()=>d});var a=t(37876),i=t(87043),n=t(77328),s=t.n(n),o=t(82746),l=t(14232),c=!0;function d(e){var r,t,n,c,d,x,m;let{card:p,cardUrl:h,store:b}=e,f=(null==(r=p.tier)?void 0:r.color)||"var(--color-primary-600)",u=(null==b||null==(t=b.customization)?void 0:t.brand_name)||(null==(n=p.store)?void 0:n.name)||"Membership",v=(null==b||null==(c=b.customization)?void 0:c.brand_logo)||(null==(d=p.store)?void 0:d.display_image)||"",g=(p.name||"?").trim().split(/\s+/).slice(0,2).map(e=>{var r;return(null==(r=e[0])?void 0:r.toUpperCase())||""}).join(""),j=p.joined_at?new Date(p.joined_at).toLocaleDateString("en-US",{month:"short",year:"numeric"}):"—",y=(null==(x=p.tier)?void 0:x.name)||"Member",w="/account/login?m=".concat(encodeURIComponent(p.member_id)),{isLoggedIn:N,loading:k}=(0,i.h)(),_=N&&!k,[M,S]=(0,l.useState)(!1),[C,E]=(0,l.useState)(!1),D=async()=>{try{if("undefined"!=typeof navigator&&navigator.share)return void await navigator.share({title:"".concat(p.name," \xb7 ").concat(u),url:h});await navigator.clipboard.writeText(h),S(!0),setTimeout(()=>S(!1),2e3)}catch(e){}},P="text-[11px] tracking-[0.18em] uppercase text-white/60",T="text-[11px] tracking-[0.18em] uppercase text-primary-900/55",R=[{k:"Full Name",v:p.name},{k:"Designation",v:p.designation||"—"},{k:"Member ID",v:p.member_id,mono:!0},{k:"Tier",v:y},{k:"Member Since",v:j},{k:"Status",v:"Active"},...p.public_details&&p.phone?[{k:"Phone",v:p.phone,mono:!0}]:[],...p.public_details&&p.email?[{k:"Email",v:p.email}]:[],...p.public_details&&p.birthday?[{k:"Birthday",v:p.birthday}]:[]];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(s(),{children:[(0,a.jsx)("title",{children:"".concat(p.name," \xb7 ").concat(u)}),(0,a.jsx)("meta",{name:"robots",content:"noindex,nofollow"}),(0,a.jsx)("meta",{property:"og:title",content:"".concat(p.name," — ").concat(y)}),(0,a.jsx)("meta",{property:"og:description",content:"".concat(y," member at ").concat(u,". Member ID ").concat(p.member_id,".")}),(0,a.jsx)("meta",{property:"og:type",content:"profile"}),(0,a.jsx)("meta",{property:"og:url",content:h}),(0,a.jsx)("meta",{name:"theme-color",content:(null==(m=p.tier)?void 0:m.color)||"#111111"}),v&&(0,a.jsx)("meta",{property:"og:image",content:v}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})]}),(0,a.jsxs)("div",{className:"min-h-screen bg-primary-50 font-sans text-primary-900 antialiased",style:{"--tier":f,"--tier-ink":"color-mix(in srgb, var(--tier) 62%, #ffffff)","--tier-surface":"color-mix(in srgb, var(--tier) 30%, #0d0d0f)"},children:[(0,a.jsxs)("section",{className:"relative overflow-hidden bg-primary-900 px-8 pt-10 pb-24 text-white max-[1050px]:hidden",children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute -top-1/3 left-1/2 h-[420px] w-[420px] -translate-x-1/2 rounded-full opacity-25 blur-[90px]",style:{background:"var(--tier)"}}),(0,a.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 flex items-center justify-center whitespace-nowrap text-[140px] font-black uppercase leading-[0.82] tracking-[-0.02em] text-transparent [-webkit-text-stroke:1px_rgba(255,255,255,0.1)] [font-stretch:condensed] max-[1050px]:text-[84px]",children:"MEMBER \xb7 MEMBER"}),(0,a.jsx)("div",{className:"relative mx-auto flex max-w-[1080px] animate-in fade-in slide-in-from-bottom-3 items-end justify-between gap-7 fill-mode-both duration-500 max-[1050px]:flex-col max-[1050px]:items-start max-[1050px]:gap-6",children:(0,a.jsxs)("div",{children:[v?(0,a.jsx)("img",{src:v,alt:u,className:"mb-5 h-[30px] max-w-[150px] object-contain"}):(0,a.jsx)("div",{className:"mb-5 text-[15px] font-black uppercase tracking-[0.08em] text-primary-200",children:u}),(0,a.jsx)("div",{className:"text-[11px] font-bold uppercase tracking-[0.2em] text-primary-300",children:"Digital Membership"}),(0,a.jsx)("h1",{className:"mt-2.5 max-w-[14ch] text-[clamp(36px,6vw,58px)] font-black uppercase leading-[0.92] tracking-[-0.015em] [font-stretch:condensed]",children:p.name}),(0,a.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-3 text-[12px] uppercase tracking-[0.14em] text-white/60",children:[p.designation&&(0,a.jsx)("span",{children:p.designation}),p.designation&&(0,a.jsx)("span",{className:"text-white/30",children:"/"}),(0,a.jsx)("span",{children:y})]})]})})]}),(0,a.jsxs)("main",{className:"relative mx-auto -mt-16 flex max-w-[720px] flex-col gap-5 px-8 pb-14 max-[1050px]:mt-6 max-[1050px]:px-5 max-[1050px]:pb-10",children:[(0,a.jsxs)("div",{className:"relative isolate grid animate-in fade-in slide-in-from-bottom-2 grid-cols-[minmax(0,1fr)_auto] items-center gap-6 overflow-hidden rounded-xl px-6 py-[22px] text-white fill-mode-both duration-500 max-[1050px]:gap-5 max-[1050px]:px-5",style:{background:"linear-gradient(135deg, var(--tier-surface) 0%, color-mix(in srgb, var(--tier) 13%, #0d0d0f) 52%, var(--tier-surface) 100%)"},children:[(0,a.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute -right-16 -top-20 h-[220px] w-[220px] rounded-full opacity-40 blur-[70px]",style:{background:"var(--tier)"}}),(0,a.jsx)("span",{"aria-hidden":"true",className:"absolute inset-x-0 top-0 h-[3px]",style:{background:"linear-gradient(90deg, transparent, var(--tier), color-mix(in srgb, var(--tier) 55%, #fff), var(--tier), transparent)"}}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,a.jsx)("div",{children:v?(0,a.jsx)("img",{src:v,alt:u,className:"h-[26px] max-w-[130px] object-contain"}):(0,a.jsx)("span",{className:"text-[20px] font-black uppercase text-primary-200",children:u})}),(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.2em] text-white/60",children:"Membership Card"})]}),(0,a.jsx)("div",{className:"break-all font-mono text-[clamp(15px,1.6vw,21px)] tracking-[0.12em]",children:p.member_id}),(0,a.jsxs)("div",{className:"mt-4 flex flex-wrap gap-x-8 gap-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:P,children:"Card Holder"}),(0,a.jsx)("div",{className:"mt-[5px] text-[14px] font-bold uppercase tracking-[0.06em]",children:p.name})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:P,children:"Since"}),(0,a.jsx)("div",{className:"mt-[5px] font-mono text-[15px] text-white",children:j})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:P,children:"Tier"}),(0,a.jsx)("div",{children:(0,a.jsx)("span",{className:"mt-[5px] inline-block rounded-md border px-[11px] py-[3px] text-[13px] font-bold uppercase tracking-[0.12em]",style:{background:"color-mix(in srgb, var(--tier) 22%, transparent)",borderColor:"color-mix(in srgb, var(--tier-ink) 45%, transparent)",color:"var(--tier-ink)"},children:y})})]})]})]}),(0,a.jsxs)("div",{className:"flex flex-none flex-col items-center gap-4 max-[1050px]:flex-row max-[1050px]:justify-center",children:[(0,a.jsx)("div",{className:"h-[76px] w-[76px] flex-none overflow-hidden rounded-lg border-2 border-[var(--tier)] bg-white/5",children:p.photo?(0,a.jsx)("img",{src:p.photo,alt:p.name,className:"block h-full w-full object-cover"}):(0,a.jsx)("span",{className:"flex h-full w-full items-center justify-center text-[26px] font-black text-white",style:{background:"linear-gradient(135deg, color-mix(in srgb, var(--tier) 55%, #0d0d0f), var(--tier-surface))"},children:g})}),(0,a.jsxs)("div",{className:"flex flex-col items-center gap-2 min-[1051px]:hidden ".concat(C?"":"max-[1050px]:hidden"),children:[(0,a.jsx)("div",{className:"rounded-lg bg-white p-[7px] leading-none",children:(0,a.jsx)(o.Ay,{value:h,size:104})}),(0,a.jsx)("div",{className:P,children:"Scan to verify"})]})]})]}),(0,a.jsxs)("div",{className:"animate-in fade-in slide-in-from-bottom-2 overflow-hidden rounded-xl border border-primary-900/10 bg-white fill-mode-both duration-500 [animation-delay:120ms]",children:[(0,a.jsx)("div",{className:"flex items-center justify-between border-b border-primary-900/10 px-[22px] py-4",children:(0,a.jsx)("h2",{className:"text-[13px] font-bold uppercase tracking-[0.2em]",children:"Member Details"})}),(0,a.jsx)("dl",{className:"grid grid-cols-2 [&>div:nth-child(odd)]:border-r [&>div:nth-last-child(-n+2)]:border-b-0 max-[1050px]:grid-cols-1 max-[1050px]:[&>div]:border-r-0",children:R.map(e=>(0,a.jsxs)("div",{className:"border-b border-r border-primary-900/[0.07] px-[22px] py-[15px]",children:[(0,a.jsx)("dt",{className:T,children:e.k}),(0,a.jsx)("dd",{className:"mt-[5px] text-base ".concat(e.mono?"font-mono font-medium":"font-bold"),children:e.v})]},e.k))})]}),(0,a.jsxs)("div",{className:"flex animate-in fade-in slide-in-from-bottom-2 gap-3 fill-mode-both duration-500 [animation-delay:200ms] max-[1050px]:flex-col",children:[(0,a.jsx)("a",{href:_?"/account/profile":w,className:"flex-1 rounded-lg bg-primary-600 py-3 text-center text-[13px] font-bold uppercase tracking-[0.1em] text-white transition hover:-translate-y-0.5 hover:bg-primary-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600",children:_?"Go to Profile":"Log in to Account"}),(0,a.jsx)("button",{onClick:()=>E(e=>!e),className:"hidden flex-1 cursor-pointer rounded-lg border border-primary-900/20 bg-white py-3 text-[13px] font-bold uppercase tracking-[0.1em] text-primary-900 transition hover:border-primary-600 hover:text-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 max-[1050px]:block",children:C?"Hide QR":"Show QR"}),(0,a.jsx)("button",{onClick:D,className:"flex-1 cursor-pointer rounded-lg border border-primary-900 bg-white py-3 text-[13px] font-bold uppercase tracking-[0.1em] text-primary-900 transition hover:-translate-y-0.5 hover:bg-primary-900 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-900",children:M?"Link Copied":"Share Profile"})]}),(p.facebook_url||p.instagram_url)&&(0,a.jsxs)("div",{className:"flex animate-in fade-in slide-in-from-bottom-2 flex-col gap-2.5 rounded-xl border border-primary-900/10 bg-white px-[18px] py-4 fill-mode-both duration-500 [animation-delay:260ms]",children:[(0,a.jsx)("div",{className:"".concat(T," font-bold"),children:"Follow"}),p.facebook_url&&(0,a.jsxs)("a",{href:p.facebook_url,target:"_blank",rel:"noreferrer",className:"flex items-center justify-between gap-3 rounded-lg border border-primary-900/10 px-3.5 py-[11px] text-[13px] font-medium text-primary-900 transition hover:translate-x-[3px] hover:border-primary-600 hover:text-primary-600",children:[(0,a.jsxs)("span",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"flex h-[26px] w-[26px] items-center justify-center rounded-md bg-primary-900 text-[13px] font-bold text-white",children:"f"}),"Facebook"]}),(0,a.jsx)("span",{className:"text-primary-900/40",children:"↗"})]}),p.instagram_url&&(0,a.jsxs)("a",{href:p.instagram_url,target:"_blank",rel:"noreferrer",className:"flex items-center justify-between gap-3 rounded-lg border border-primary-900/10 px-3.5 py-[11px] text-[13px] font-medium text-primary-900 transition hover:translate-x-[3px] hover:border-primary-600 hover:text-primary-600",children:[(0,a.jsxs)("span",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"flex h-[26px] w-[26px] items-center justify-center rounded-md bg-primary-900 text-[13px] font-bold text-white",children:"◎"}),"Instagram"]}),(0,a.jsx)("span",{className:"text-primary-900/40",children:"↗"})]})]})]})]})]})}}},e=>{e.O(0,[2746,636,6593,8792],()=>e(e.s=9110)),_N_E=e.O()}]);