https://app.coresportsai.com/_next/static/chunks/72041-234bbeceeffccb5a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72041],{13959:(e,r,t)=>{t.d(r,{$i:()=>n,DU:()=>s,G$:()=>d,TO:()=>c,dg:()=>o});let o=[{value:"black",label:"Black",color:"#141414",border:"#3f3f46"},{value:"white",label:"White",color:"#ffffff",border:"#d4d4d8"},{value:"grey",label:"Grey",color:"#8b8f97",border:"#6b7280"},{value:"navy",label:"Navy",color:"#1e2a5a",border:"#334155"},{value:"blue",label:"Blue",color:"#2563eb",border:"#1d4ed8"},{value:"light_blue",label:"Light blue",color:"#7dd3fc",border:"#38bdf8"},{value:"red",label:"Red",color:"#dc2626",border:"#b91c1c"},{value:"maroon",label:"Maroon",color:"#7f1d1d",border:"#5f1515"},{value:"orange",label:"Orange",color:"#f97316",border:"#ea580c"},{value:"yellow",label:"Yellow",color:"#facc15",border:"#ca8a04"},{value:"green",label:"Green",color:"#22c55e",border:"#16a34a"},{value:"dark_green",label:"Dark green",color:"#14532d",border:"#166534"},{value:"purple",label:"Purple",color:"#7c3aed",border:"#6d28d9"},{value:"pink",label:"Pink",color:"#ec4899",border:"#db2777"},{value:"teal",label:"Teal",color:"#0d9488",border:"#0f766e"},{value:"other",label:"Other",color:"transparent",border:"#9ca3af"}],l={gray:"grey","light blue":"light_blue",lightblue:"light_blue","dark green":"dark_green",darkgreen:"dark_green"};function a(e){var r;let t=String(null!=e?e:"").trim().toLowerCase();return null!=(r=l[t])?r:t}function n(e){let r=a(e);return o.find(e=>e.value===r)}let s=Object.freeze({me:"right",opponent:"right"});function d(e,r){return e.me.top?r.opponentRequired?e.opponent.top?!function(e){let r=a(e.me.top),t=a(e.opponent.top);if(!r||!t)return!1;if(r!==t&&"other"!==r&&"other"!==t||r!==t)return!0;let o=a(e.me.bottom),l=a(e.opponent.bottom);return!!o&&!!l&&o!==l&&"other"!==o&&"other"!==l}(e)?a(e.me.top)===a(e.opponent.top)?"Same top colour — pick different shorts/skirt colours so Core can tell you apart.":"Pick colours Core can tell apart.":null:"Pick your opponent's top colour.":null:"Pick your top colour."}function c(e,r){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=!1!==t.hasOpponent,l=e=>a(e),n={player1:l(e.me.bottom),player2:o?l(e.opponent.bottom):""};return{playerColors:{player1:l(e.me.top),player2:o?l(e.opponent.top):""},...n.player1||n.player2?{playerLowerColors:n}:{},handedness:{me:"left"===r.me?"left":"right",opponent:"left"===r.opponent?"left":"right"}}}},72041:(e,r,t)=>{t.d(r,{A_:()=>c,D0:()=>d,Ib:()=>u,vZ:()=>m,yQ:()=>f,zM:()=>i});var o=t(95155),l=t(20508),a=t(25016),n=t(13959);let s="w-full rounded-xl border border-border/60 bg-background px-3.5 py-2.5 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground focus:border-foreground

1/40";function d(e){let{label:r,required:t,hint:l,children:a}=e;return(0,o.jsxs)("label",{className:"block",children:[(0,o.jsxs)("span",{className:"mb-1.5 block text-xs font-medium text-muted-foreground",children:[r,t&&(0,o.jsx)("span",{className:"ml-0.5 text-level-weak",children:"*"})]}),a,l&&(0,o.jsx)("span",{className:"mt-1.5 block text-xs text-muted-foreground",children:l})]})}function c(e){return(0,o.jsx)("input",{...e,className:(0,a.cn)(s,e.className)})}function i(e){return(0,o.jsx)("select",{...e,className:(0,a.cn)(s,e.className)})}function u(e){let{value:r,onChange:t,label:n="Your position in the video",subjectLabel:s="You"}=e;return(0,o.jsxs)("div",{className:"space-y-2",children:[(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[(0,o.jsx)(l.A,{className:"h-3.5 w-3.5 text-muted-foreground"}),(0,o.jsx)("span",{className:"text-xs font-medium text-muted-foreground",children:n})]}),(0,o.jsx)("div",{className:"grid grid-cols-2 gap-3",children:["left","right"].map(e=>{let l=r===e,n=(0,o.jsx)("span",{className:(0,a.cn)("flex h-12 w-8 items-center justify-center rounded-md text-xs font-bold",l?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground"),children:s}),d=(0,o.jsx)("span",{className:"flex h-12 flex-1 items-center justify-center rounded-md border border-border/60 bg-muted/30 text-[10px] uppercase tracking-wide text-muted-foreground",children:"Court"}),c=(0,o.jsx)("span",{className:"flex h-12 w-8 items-center justify-center rounded-md bg-muted text-[10px] font-bold text-muted-foreground",children:"Opp"});return(0,o.jsxs)("button",{type:"button",onClick:()=>t(e),className:(0,a.cn)("flex flex-col items-center gap-2 rounded-xl border-2 p-4 transition-all duration-200",l?"border-primary bg-primary/10 ring-1 ring-primary/30":"border-border/50 bg-muted/20 hover:border-primary/40"),children:[(0,o.jsx)("span",{className:"flex w-full items-center gap-3",children:"left"===e?(0,o.jsxs)(o.Fragment,{children:[n,d,c]}):(0,o.jsxs)(o.Fragment,{children:[c,d,n]})}),(0,o.jsxs)("span",{className:"text-sm font-semibold capitalize text-foreground",children:[e," side"]})]},e)})})]})}function p(e){let{value:r,onChange:t,label:l,optional:s,allowClear:d}=e,c=(0,n.$i)(r);return(0,o.jsxs)("div",{className:"space-y-1.5",children:[(0,o.jsxs)("span",{className:"flex items-baseline justify-between gap-2 text-[11px] font-medium text-muted-foreground",children:[(0,o.jsxs)("span",{children:[l,s&&(0,o.jsx)("span",{className:"ml-1 font-normal text-muted-foreground/70",children:"(optional, recommended)"})]}),(0,o.jsx)("span",{className:"truncate font-normal text-foreground/80",children:c?c.label:""})]}),(0,o.jsx)("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":l,children:n.dg.map(e=>{let r=(null==c?void 0:c.value)===e.value,l="other"===e.value;return(0,o.jsx)("button",{type:"button",role:"radio",title:e.label,"aria-label":e.label,"aria-checked":r,onClick:()=>t(r&&d?"":e.value),className:(0,a.cn)("flex h-7 w-7 items-center justify-center rounded-full border-2 text-[10px] font-semibold text-muted-foreground transition-transform duration-150",l&&"border-dashed",r?"scale-110 ring-2 ring-foreground ring-offset-2 ring-offset-background":"hover:scale-105"),style:{background:e.color,borderColor:e.border},children:l?"?":null},e.value)})})]})}function m(e){let{value:r,onChange:t,showOpponent:l=!0,meLabel:s="You",opponentLabel:d="Opponent"}=e,c=(e,o,l)=>t({...r,[e]:{...r[e],[o]:l}}),i=(0,n.G$)(r,{opponentRequired:l}),u=l?[["me",s],["opponent",d]]:[["me",s]];return(0,o.jsxs)("div",{className:"space-y-2",children:[(0,o.jsx)("span",{className:"block text-xs font-medium text-muted-foreground",children:"What each player is wearing"}),(0,o.jsx)("div",{className:(0,a.cn)("grid gap-3",l&&"sm:grid-cols-2"),children:u.map(e=>{let[t,l]=e;return(0,o.jsxs)("div",{className:"space-y-2 rounded-xl border border-border/50 bg-muted/10 p-3",children:[(0,o.jsx)("span",{className:"block text-sm font-semibold text-foreground",children:l}),(0,o.jsx)(p,{label:"Top",value:r[t].top,onChange:e=>c(t,"top",e)}),(0,o.jsx)(p,{label:"Shorts / skirt",optional:!0,allowClear:!0,value:r[t].bottom,onChange:e=>c(t,"bottom",e)})]},t)})}

1),i&&(r.me.top||r.opponent.top)&&(0,o.jsx)("p",{className:"text-[11px] text-amber-500",children:i})]})}function b(e){let{value:r,options:t,onChange:l,ariaLabel:n}=e;return(0,o.jsx)("div",{role:"radiogroup","aria-label":n,className:"inline-flex rounded-xl border border-border/60 bg-muted/20 p-0.5",children:t.map(e=>{let t=e.value===r;return(0,o.jsx)("button",{type:"button",role:"radio","aria-checked":t,onClick:()=>l(e.value),className:(0,a.cn)("min-w-[64px] rounded-[10px] px-3 py-1.5 text-xs font-semibold transition-colors",t?"bg-primary text-primary-foreground shadow-sm":"text-muted-foreground hover:text-foreground"),children:e.label},e.value)})})}let x=[{value:"right",label:"Right"},{value:"left",label:"Left"}];function f(e){let{value:r,onChange:t,showOpponent:l=!0,meLabel:a="Your hand",opponentLabel:n="Opponent's hand"}=e;return(0,o.jsxs)("div",{className:"space-y-2",children:[(0,o.jsx)("span",{className:"block text-xs font-medium text-muted-foreground",children:"Playing hand"}),(0,o.jsxs)("div",{className:"grid gap-2 sm:grid-cols-2",children:[(0,o.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,o.jsx)("span",{className:"text-sm text-foreground",children:a}),(0,o.jsx)(b,{ariaLabel:a,value:r.me,options:x,onChange:e=>t({...r,me:e})})]}),l&&(0,o.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,o.jsx)("span",{className:"text-sm text-foreground",children:n}),(0,o.jsx)(b,{ariaLabel:n,value:r.opponent,options:x,onChange:e=>t({...r,opponent:e})})]})]}),(0,o.jsx)("p",{className:"text-[11px] text-muted-foreground/80",children:"Used for forehand/backhand: for a right-hander the left half of the court is the backhand."})]})}}}]);