{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/87YBfWsyQFijpDqkki9b/dxwE37LjCBYI4tjVQbv1/PersonSelectionStep.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";export default function PersonSelectionStep(){const[selected,setSelected]=React.useState(null);const[showCustomInput,setShowCustomInput]=React.useState(false);const[customValue,setCustomValue]=React.useState(\"\");const persons=[1,2,3,4];const redirectToPlanSelection=()=>{setTimeout(()=>{window.location.href=\"/commander-abonnement\"// \u2705 now goes to the plan selection step\n;},300);};const handleSelect=person=>{setSelected(person);localStorage.setItem(\"savure_persons\",person.toString());redirectToPlanSelection();};const handleCustomSubmit=()=>{const number=parseInt(customValue);if(!isNaN(number)&&number>0){setSelected(number);localStorage.setItem(\"savure_persons\",number.toString());redirectToPlanSelection();}else{alert(\"Veuillez entrer un nombre valide.\");}};return /*#__PURE__*/_jsxs(\"div\",{style:{padding:\"60px 24px\",textAlign:\"center\",maxWidth:600,margin:\"0 auto\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsxs(\"h2\",{style:{fontFamily:\"Playfair Display, serif\",fontSize:32,fontWeight:500,color:\"#172126\",marginBottom:16,lineHeight:1.4},children:[\"Pour combien de personnes\",/*#__PURE__*/_jsx(\"br\",{}),\"souhaitez-vous commander ?\"]}),/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"DM Sans, sans-serif\",fontSize:16,color:\"#172126\",maxWidth:480,margin:\"0 auto 32px\",lineHeight:1.5},children:\"Indiquez le nombre de personnes dans votre foyer. Cela nous permet d\u2019adapter les portions et vous recommander la bonne quantit\\xe9 de plats.\"}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexWrap:\"wrap\",justifyContent:\"center\",gap:16,marginBottom:24},children:[persons.map(person=>{const isActive=selected===person;return /*#__PURE__*/_jsxs(\"div\",{onClick:()=>handleSelect(person),style:{padding:\"16px 20px\",borderRadius:12,border:`2px solid ${isActive?\"#EA580C\":\"#ccc\"}`,backgroundColor:isActive?\"#FFF7ED\":\"#fff\",color:\"#172126\",fontFamily:\"DM Sans, sans-serif\",fontWeight:500,fontSize:16,cursor:\"pointer\",minWidth:140,width:\"calc(50% - 12px)\",maxWidth:180,transition:\"all 0.2s ease\",boxSizing:\"border-box\"},children:[person,\" \",person===1?\"personne\":\"personnes\"]},person);}),/*#__PURE__*/_jsx(\"div\",{onClick:()=>setShowCustomInput(true),style:{padding:\"16px 20px\",borderRadius:12,border:\"2px dashed #ccc\",backgroundColor:\"#f9f9f9\",color:\"#172126\",fontFamily:\"DM Sans, sans-serif\",fontWeight:500,fontSize:16,cursor:\"pointer\",minWidth:140,width:\"calc(50% - 12px)\",maxWidth:180,transition:\"all 0.2s ease\",boxSizing:\"border-box\"},children:\"+ Autre\"})]}),showCustomInput&&/*#__PURE__*/_jsxs(\"div\",{style:{marginTop:16},children:[/*#__PURE__*/_jsx(\"input\",{type:\"number\",min:\"1\",value:customValue,onChange:e=>setCustomValue(e.target.value),placeholder:\"Nombre de personnes\",style:{padding:\"16px 20px\",borderRadius:8,border:\"1px solid #ccc\",fontSize:18,fontFamily:\"DM Sans, sans-serif\",width:\"100%\",maxWidth:300,marginBottom:12,boxSizing:\"border-box\"}}),/*#__PURE__*/_jsx(\"br\",{}),/*#__PURE__*/_jsx(\"button\",{onClick:handleCustomSubmit,style:{padding:\"12px 28px\",borderRadius:8,backgroundColor:\"#EA580C\",color:\"#fff\",fontFamily:\"DM Sans, sans-serif\",fontWeight:500,fontSize:16,border:\"none\",cursor:\"pointer\"},children:\"Valider\"})]})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PersonSelectionStep\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PersonSelectionStep.map"],
  "mappings": "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",
  "names": ["PersonSelectionStep", "selected", "setSelected", "ye", "showCustomInput", "setShowCustomInput", "customValue", "setCustomValue", "persons", "redirectToPlanSelection", "window", "handleSelect", "person", "handleCustomSubmit", "number", "u", "p", "isActive"]
}