{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/CAiPOh5jW8sjhKQGY1KE/c49HDh8hzE6LoUy4Q8Ea/FormPageLabel.js", "ssg:https://framerusercontent.com/modules/v1b335RPU7KtR6IJZaOk/KsHqejMn0YuzkmdNJsNz/FormProgressBar.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useRef,useState}from\"react\";import{useMultiStepFormStore,useCanvasState,getFormInfo}from\"https://framerusercontent.com/modules/DwWOdDzQZGCuvkNlbUjZ/p64C0n6xNEFY9NovSiJw/FramerFormsShared.js\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function FormPageLabel(props){var _props_style;const Tag=props.htmlTag||\"p\";const isCanvas=RenderTarget.current()===RenderTarget.canvas;const ref=useRef(null);const[multiStepFormState,setMultiStepFormState]=useMultiStepFormStore();const canvasState=useCanvasState(ref);const[formId,setFormId]=useState(null);const state=isCanvas?canvasState:multiStepFormState[formId];useEffect(()=>{const newFormId=getFormInfo(ref.current).formId;setFormId(newFormId);if(!multiStepFormState[newFormId]){setMultiStepFormState({});}},[]);var _state_totalPages;return /*#__PURE__*/_jsx(Tag,{\"data-framerforms\":true,ref:ref,style:{color:props.color,userSelect:props.textSelect?\"auto\":\"none\",whiteSpace:((_props_style=props.style)===null||_props_style===void 0?void 0:_props_style.width)?\"pre\":\"nowrap\",margin:0,...props.font,...props.style},children:props.text.replace(/\\[page\\]/g,(state===null||state===void 0?void 0:state.pageHistory)?state.pageHistory.length:1).replace(/\\[totalPages\\]/g,(_state_totalPages=state===null||state===void 0?void 0:state.totalPages)!==null&&_state_totalPages!==void 0?_state_totalPages:1)});}FormPageLabel.displayName=\"Form Page Label\";addPropertyControls(FormPageLabel,{text:{type:ControlType.String,defaultValue:\"Page [page] / [totalPages]\",description:\"*[page]*: current page\\n*[totalPages]*: total number of pages\"},font:{type:\"font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:1.4}},color:{type:ControlType.Color,defaultValue:\"#888\"},textSelect:{type:ControlType.Boolean,defaultValue:true},htmlTag:{type:ControlType.Enum,options:[\"p\",\"span\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],title:\"HTML Tag\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FormPageLabel\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{motion}from\"framer-motion\";import{useMultiStepFormStore,useCanvasState,getFormInfo}from\"https://framerusercontent.com/modules/DwWOdDzQZGCuvkNlbUjZ/p64C0n6xNEFY9NovSiJw/FramerFormsShared.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 10\n * @framerDisableUnlink\n */export default function FormProgressBar(props){const{fill,align}=props;const isVertical=props.direction==\"vertical\";const isCanvas=RenderTarget.current()===RenderTarget.canvas;const ref=useRef(null);const[multiStepFormState,setMultiStepFormState]=useMultiStepFormStore();const canvasState=useCanvasState(ref);const[formId,setFormId]=useState(null);const state=isCanvas?canvasState:multiStepFormState[formId];const[percent,setPercent]=useState(0);const prevPercentRef=useRef(0);useEffect(()=>{const newFormId=getFormInfo(ref.current).formId;setFormId(newFormId);if(!multiStepFormState[newFormId]){setMultiStepFormState({});}},[]);useEffect(()=>{if(state){setPercent(Math.max(state.pageHistory?.length,0)/state.totalPages);}},[state]);useEffect(()=>{prevPercentRef.current=percent;},[percent]);const p=isCanvas?props.previewPercent/100:percent;return /*#__PURE__*/_jsx(\"div\",{\"data-framerforms\":true,ref:ref,style:{display:\"flex\",flexDirection:props.direction==\"horizontal\"?\"row\":\"column\",justifyContent:align,borderRadius:props.radius,backgroundColor:props.background,boxShadow:props.shadows,backdropFilter:props.bgBlur?`blur(${props.bgBlur}px)`:undefined,overflow:\"hidden\",...props.style},children:/*#__PURE__*/_jsx(motion.div,{initial:false,transition:prevPercentRef.current===0?{type:false,duration:0}:props.transition,animate:{width:isVertical?\"100%\":`${p*100}%`,height:isVertical?`${p*100}%`:\"100%\",background:fill.type==\"color\"?fill.color:`linear-gradient(to ${isVertical?\"bottom\":\"right\"}, ${fill.colorA} ${props.fill.gradientScaled?0:align==\"center\"?50+-50/p:align==\"flex-end\"?-100/p+100:0}%, ${fill.colorB} ${props.fill.gradientScaled?100:align==\"center\"?50+50/p:align==\"flex-start\"?100/p:100}%)`},style:{borderRadius:props.innerRadius?props.radius:0}})});}FormProgressBar.displayName=\"Form Progress Bar\";addPropertyControls(FormProgressBar,{fill:{type:ControlType.Object,icon:\"color\",defaultValue:{type:\"color\",color:\"#0099FF\",colorA:\"#91C5FF\",colorB:\"#0099FF\"},controls:{type:{type:ControlType.Enum,options:[\"color\",\"linearGradient\"],optionTitles:[\"Color\",\"Gradient\"],displaySegmentedControl:true},color:{type:ControlType.Color,defaultValue:\"#0099FF\",hidden:props=>props.type!==\"color\"},colorA:{type:ControlType.Color,defaultValue:\"#91C5FF\",title:\"Colors\",hidden:props=>props.type!==\"linearGradient\"},colorB:{type:ControlType.Color,defaultValue:\"#0099FF\",title:\" \",hidden:props=>props.type!==\"linearGradient\"},gradientScaled:{type:ControlType.Boolean,defaultValue:false,title:\"Scaled\",hidden:props=>props.type!==\"linearGradient\"}}},background:{type:ControlType.Color,defaultValue:\"rgba(187, 187, 187, 0.15)\",optional:true},previewPercent:{type:ControlType.Number,defaultValue:75,min:0,max:100,step:1,unit:\"%\",title:\"Preview\"},direction:{type:ControlType.Enum,defaultValue:\"horizontal\",options:[\"horizontal\",\"vertical\"],displaySegmentedControl:true},align:{type:ControlType.Enum,defaultValue:\"flex-start\",options:[\"flex-start\",\"center\",\"flex-end\"],// @ts-ignore\noptionIcons:{direction:{horizontal:[\"align-left\",\"align-center\",\"align-right\"],vertical:[\"align-top\",\"align-middle\",\"align-bottom\"]}},displaySegmentedControl:true},radius:{type:ControlType.BorderRadius,defaultValue:\"5px\"},innerRadius:{type:ControlType.Boolean,defaultValue:true},shadows:{type:ControlType.BoxShadow},bgBlur:{type:ControlType.Number,min:0,max:100,step:1,displayStepper:true,title:\"BG Blur\"},transition:{type:ControlType.Transition,defaultValue:{type:\"spring\",damping:60,delay:0,duration:.3,mass:1,stiffness:800}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FormProgressBar\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"10\",\"framerIntrinsicWidth\":\"400\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FormProgressBar.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "FormPageLabel", "props", "_props_style", "Tag", "isCanvas", "RenderTarget", "ref", "pe", "multiStepFormState", "setMultiStepFormState", "useMultiStepFormStore", "canvasState", "useCanvasState", "formId", "setFormId", "ye", "state", "ue", "newFormId", "getFormInfo", "_state_totalPages", "p", "addPropertyControls", "ControlType", "init_ssg_sandbox_shims", "FormProgressBar", "props", "fill", "align", "isVertical", "isCanvas", "RenderTarget", "ref", "pe", "multiStepFormState", "setMultiStepFormState", "useMultiStepFormStore", "canvasState", "useCanvasState", "formId", "setFormId", "ye", "state", "percent", "setPercent", "prevPercentRef", "ue", "newFormId", "getFormInfo", "p", "motion", "addPropertyControls", "ControlType"]
}