{"version":3,"file":"ProgressSteps.CTMMY7AI.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/7XGa5gjCNEZJaXNeRCEm/ysoZ1YvXGOif3F0qwjhN/ProgressSteps.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * Progress Indicator\n * \n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n * \n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ProgressSteps(props){const{step1Text,step2Text,step3Text,step4Text,step5Text,backgroundColor,textColor,checkmarkColor,checkmarkBackgroundColor,animationDuration,font,navigateToPage,buttonText,buttonBackgroundColor,buttonTextColor,buttonFont,buttonBorderRadius,buttonLink,loadedState,gap,style}=props;// Filter out empty steps\nconst allSteps=[{text:step1Text},{text:step2Text},{text:step3Text},{text:step4Text},{text:step5Text}].filter(step=>step.text&&step.text.trim()!==\"\");const totalSteps=allSteps.length;const[currentStep,setCurrentStep]=useState(loadedState?totalSteps:0);const[allStepsComplete,setAllStepsComplete]=useState(loadedState);useEffect(()=>{if(typeof window===\"undefined\"||totalSteps===0||loadedState)return;const timers=[];// Create timers for each step\nfor(let i=1;i<=totalSteps;i++){const timer=setTimeout(()=>{startTransition(()=>setCurrentStep(i));},animationDuration*i);timers.push(timer);}// Set all steps complete flag\nconst completeTimer=setTimeout(()=>{startTransition(()=>setAllStepsComplete(true));},animationDuration*totalSteps+500);timers.push(completeTimer);return()=>{timers.forEach(timer=>clearTimeout(timer));};},[animationDuration,totalSteps,loadedState]);const steps=allSteps.map((step,index)=>({text:step.text,completed:currentStep>=index+1,loading:currentStep===index}));return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",backgroundColor,display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",padding:\"20px\",...style},children:[steps.map((step,index)=>/*#__PURE__*/_jsxs(motion.div,{initial:loadedState?{opacity:1,y:0}:{opacity:0,y:10},animate:{opacity:currentStep>=index?1:0,y:currentStep>=index?0:10},transition:loadedState?{duration:0}:{duration:.5,delay:index*.2},style:{display:\"flex\",alignItems:\"center\",marginBottom:`${gap}px`,opacity:currentStep>=index?1:0},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"44px\",height:\"44px\",borderRadius:\"50%\",backgroundColor:checkmarkBackgroundColor,display:\"flex\",justifyContent:\"center\",alignItems:\"center\",marginRight:\"16px\",flexShrink:0},children:step.completed?/*#__PURE__*/_jsx(motion.svg,{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",initial:loadedState?{scale:1,opacity:1}:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:loadedState?{duration:0}:{duration:.3},children:/*#__PURE__*/_jsx(\"path\",{d:\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\",fill:checkmarkColor})}):step.loading?/*#__PURE__*/_jsx(motion.div,{style:{width:\"20px\",height:\"20px\",border:\"2px solid transparent\",borderTop:\"2px solid #FFFFFF\",borderRadius:\"50%\"},animate:{rotate:360},transition:{duration:1,repeat:Infinity,ease:\"linear\"}}):null}),/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,...font},children:step.text})]},index)),allStepsComplete&&/*#__PURE__*/_jsx(motion.button,{initial:loadedState?{opacity:1,y:0}:{opacity:0,y:10},animate:{opacity:1,y:0},transition:loadedState?{duration:0}:{duration:.5},onClick:()=>{if(buttonLink&&typeof window!==\"undefined\"){window.location.href=buttonLink;}},style:{marginTop:\"20px\",padding:\"12px 24px\",backgroundColor:buttonBackgroundColor,color:buttonTextColor,border:\"none\",borderRadius:`${buttonBorderRadius}px`,cursor:\"pointer\",...buttonFont},children:buttonText})]});}addPropertyControls(ProgressSteps,{loadedState:{type:ControlType.Boolean,title:\"Loaded State\",defaultValue:false,enabledTitle:\"100%\",disabledTitle:\"Animate\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:20,min:0,max:100,step:1,unit:\"px\"},step1Text:{type:ControlType.String,title:\"Step 1 Text\",defaultValue:\"Gathering tailored ideas starting from your preferences.\"},step2Text:{type:ControlType.String,title:\"Step 2 Text\",defaultValue:\"Creating journey based on your goals.\"},step3Text:{type:ControlType.String,title:\"Step 3 Text\",defaultValue:\"Setting up your recommendations.\"},step4Text:{type:ControlType.String,title:\"Step 4 Text\",defaultValue:\"Finalizing your personalized experience.\"},step5Text:{type:ControlType.String,title:\"Step 5 Text\",defaultValue:\"Almost ready to go!\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#1E1E1E\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},checkmarkBackgroundColor:{type:ControlType.Color,title:\"Checkmark BG\",defaultValue:\"#4CAF50\"},checkmarkColor:{type:ControlType.Color,title:\"Checkmark\",defaultValue:\"#FFFFFF\"},animationDuration:{type:ControlType.Number,title:\"Duration\",defaultValue:1500,min:500,max:5e3,step:100,unit:\"ms\"},navigateToPage:{type:ControlType.Link,title:\"Navigate To\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Continue\"},buttonLink:{type:ControlType.Link,title:\"Button Link\"},buttonBackgroundColor:{type:ControlType.Color,title:\"Button BG\",defaultValue:\"#4CAF50\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#FFFFFF\"},buttonBorderRadius:{type:ControlType.Number,title:\"Button Radius\",defaultValue:8,min:0,max:50,step:1,unit:\"px\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"18px\",lineHeight:\"1.5em\",variant:\"Medium\",letterSpacing:\"-0.01em\"}},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",lineHeight:\"1em\",variant:\"Semibold\",letterSpacing:\"-0.01em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressSteps\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressSteps.map"],"mappings":"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"}