{"version":3,"file":"Testcode.CF-gftsz.mjs","names":["useRef","useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/Dgu5XPvKt23y5dQPHisn/oibrL0tNsRSzvGLJnOmY/Testcode.js"],"sourcesContent":["\"use client\";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const TEAL=\"#2BAE9E\";const BORDER=\"#E5E7EB\";const TEXT_DARK=\"#111827\";const TEXT_BODY=\"#4B5563\";const DOT_INACTIVE=\"#D1D5DB\";// ── Default content ───────────────────────────────────────────────────────────\nconst DEFAULTS=[{title:\"Send Us a Referral\",description:\"Start by having your healthcare provider- a GP or Psychiatrist to fax or email us a referral form. Alternatively, patients can self-refer by contacting our clinic directly and we will submit a referral request to your provider on your behalf.\"},{title:\"Comprehensive Psychiatric Evaluation\",description:\"Our psychiatrist will conduct a full psychiatric assessment to confirm your diagnosis, review your medical and mental health history, and determine if Deep TMS and/or Psychedelic-Assisted Psychotherapy is appropriate for you.\"},{title:\"Personalized Treatment Plan with On-site Psychiatrist and Multidisciplinary team\",description:\"Based on your evaluation, we will create a personalized treatment protocol tailored to your clinical profile. Our multidisciplinary team on-site includes psychiatrists, registered therapist (RCC/CCC), and registered nurse or nurse practitioner, and certified TMS technicians.\"},{title:\"Follow-Up with Psychiatrist\",description:\"During the treatment course, you will meet with our psychiatrist to review your progress, discuss outcomes, and address any ongoing needs. Adjustments to your care plan will be made if necessary.\"},{title:\"Maintenance & Support\",description:\"For sustained results, we offer optional maintenance sessions, check-ins, and integration with psychotherapy or other mental wellness supports. Our team will help you plan what comes next, so you stay well beyond.\"}];export default function TreatmentSteps({stepCount=5,step1,step2,step3,step4,step5}){const overrides=[step1,step2,step3,step4,step5];const steps=Array.from({length:Math.min(Math.max(stepCount??1,1),5)},(_,i)=>({id:i,label:`Step ${i+1}`,title:overrides[i]?.title||DEFAULTS[i].title,description:overrides[i]?.description||DEFAULTS[i].description,icon:overrides[i]?.icon}));const stepsColRef=useRef(null);const stepRefs=useRef([]);const[lineProgress,setLineProgress]=useState(0);const[activeStep,setActiveStep]=useState(-1);const[dotPercents,setDotPercents]=useState([]);const recalcDots=()=>{if(!stepsColRef.current)return;const colH=stepsColRef.current.offsetHeight;if(colH===0)return;setDotPercents(stepRefs.current.slice(0,steps.length).map(ref=>ref?ref.offsetTop/colH*100:0));};useEffect(()=>{const t=setTimeout(recalcDots,120);window.addEventListener(\"resize\",recalcDots);return()=>{clearTimeout(t);window.removeEventListener(\"resize\",recalcDots);};},[stepCount]);useEffect(()=>{const onScroll=()=>{if(!stepsColRef.current)return;const rect=stepsColRef.current.getBoundingClientRect();const trigger=window.innerHeight*.52;setLineProgress(Math.max(0,Math.min(1,(trigger-rect.top)/rect.height)));let active=-1;stepRefs.current.slice(0,steps.length).forEach((ref,idx)=>{if(ref&&ref.getBoundingClientRect().top<trigger+60)active=idx;});setActiveStep(active);};window.addEventListener(\"scroll\",onScroll,{passive:true});onScroll();return()=>window.removeEventListener(\"scroll\",onScroll);},[steps.length]);const colH=stepsColRef.current?.offsetHeight??0;const firstDotPx=dotPercents[0]!=null?dotPercents[0]/100*colH:0;const lastDotPx=dotPercents[dotPercents.length-1]!=null?dotPercents[dotPercents.length-1]/100*colH:colH;const fillPx=lineProgress*(lastDotPx-firstDotPx);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&display=swap');\n        *, *::before, *::after { box-sizing: border-box; }\n\n        .ts-root {\n          font-family: 'Inter Tight', 'Inter', sans-serif;\n          width: 100%;\n          padding: 64px 48px;\n        }\n        .ts-step-label {\n          font-family: 'Inter', sans-serif;\n          font-weight: 500;\n          color: ${TEAL};\n          font-size: 24px;\n          line-height: 1.2;\n          margin: 0 0 8px 0;\n        }\n        .ts-step-title {\n          font-family: 'Inter Tight', 'Inter', sans-serif;\n          font-weight: 700;\n          color: ${TEXT_DARK};\n          font-size: clamp(20px, 2.4vw, 30px);\n          line-height: 1.25;\n          margin: 0 0 12px 0;\n        }\n        .ts-step-desc {\n          font-family: 'Inter Tight', 'Inter', sans-serif;\n          font-size: 15px;\n          color: ${TEXT_BODY};\n          line-height: 1.75;\n          margin: 0;\n        }\n\n        @media (max-width: 1024px) {\n          .ts-root { padding: 56px 32px; }\n          .ts-step-label { font-size: 20px; }\n        }\n        @media (max-width: 768px) {\n          .ts-root { padding: 48px 20px; }\n          .ts-step-label { font-size: 18px; }\n          .ts-step-desc { font-size: 14px; }\n        }\n        @media (max-width: 480px) {\n          .ts-root { padding: 40px 16px; }\n          .ts-step-label { font-size: 16px; }\n          .ts-row { flex-direction: column !important; }\n          .ts-icon-col { width: 100% !important; margin-bottom: 12px; }\n        }\n      `}),/*#__PURE__*/_jsx(\"div\",{className:\"ts-root\",children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:48,flexShrink:0,alignSelf:\"stretch\"},children:[dotPercents.length>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:`${dotPercents[0]}%`,height:`${(dotPercents[dotPercents.length-1]-dotPercents[0])/100*(colH||1)}px`,left:\"50%\",transform:\"translateX(-50%)\",width:4,background:BORDER,borderRadius:4}}),dotPercents.length>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:`${dotPercents[0]}%`,left:\"50%\",transform:\"translateX(-50%)\",width:4,background:TEAL,borderRadius:4,height:`${fillPx}px`,transition:\"height 0.08s linear\"}}),dotPercents.map((pct,i)=>{const active=i<=activeStep;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:`${pct}%`,left:\"50%\",transform:\"translate(-50%, 0)\",width:active?24:16,height:active?24:16,borderRadius:\"50%\",background:active?TEAL:DOT_INACTIVE,boxShadow:active?\"0 0 0 6px rgba(43,174,158,0.15)\":\"none\",transition:\"all 0.32s ease\",zIndex:2}},i);})]}),/*#__PURE__*/_jsx(\"div\",{ref:stepsColRef,style:{flex:1,paddingLeft:48},children:steps.map((step,i)=>/*#__PURE__*/_jsx(\"div\",{ref:el=>{stepRefs.current[i]=el;},style:{marginBottom:i<steps.length-1?88:0},children:/*#__PURE__*/_jsxs(\"div\",{className:\"ts-row\",style:{display:\"flex\",gap:36,alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsx(\"div\",{className:\"ts-icon-col\",style:{flexShrink:0,width:120,display:\"flex\",justifyContent:\"center\"},children:step.icon?/*#__PURE__*/_jsx(\"img\",{src:step.icon,alt:step.title,width:110,height:110,style:{objectFit:\"contain\"}}):/*#__PURE__*/_jsxs(\"div\",{style:{width:110,height:110,borderRadius:12,background:\"#F3F4F6\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:12,color:\"#9CA3AF\",textAlign:\"center\"},children:[step.label,/*#__PURE__*/_jsx(\"br\",{}),\"icon\"]})}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,minWidth:0},children:[/*#__PURE__*/_jsx(\"p\",{className:\"ts-step-label\",children:step.label}),/*#__PURE__*/_jsx(\"h2\",{className:\"ts-step-title\",children:step.title}),/*#__PURE__*/_jsx(\"p\",{className:\"ts-step-desc\",children:step.description})]})]})},step.id))})]})})]});}// ── Framer right-panel controls ───────────────────────────────────────────────\nconst stepControl={icon:{type:ControlType.Image,title:\"Icon\"},title:{type:ControlType.String,title:\"Title\",displayTextArea:true},description:{type:ControlType.String,title:\"Description\",displayTextArea:true}};addPropertyControls(TreatmentSteps,{stepCount:{type:ControlType.Number,title:\"Number of Steps\",min:1,max:5,step:1,defaultValue:5,displayStepper:true},step1:{type:ControlType.Object,title:\"Step 1\",controls:stepControl},step2:{type:ControlType.Object,title:\"Step 2\",controls:stepControl},step3:{type:ControlType.Object,title:\"Step 3\",controls:stepControl},step4:{type:ControlType.Object,title:\"Step 4\",controls:stepControl},step5:{type:ControlType.Object,title:\"Step 5\",controls:stepControl}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TreatmentSteps\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Testcode.map"],"mappings":"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"}