{"version":3,"file":"MultiStepFormButton.D93UwjlW.mjs","names":["useState","useRef","__esmMin","z","ce","window","init_ssg_sandbox_shims","c","init_jsx_runtime","init_npm_react_18_3_1","p","de","_e","motion","init_framer_motion_DhsWWWsN","addPropertyControls","RenderTarget","ControlType","init_framer_BWFVvmND","useMultiStepFormStore","init_FramerFormsShared","borderProp","getFormInfo","fillProp","createBackground","Border","HideElement","MultiStepFormButton","prev","props","isCanvas","isOptimizing","multiStepFormState","setMultiStepFormState","formId","setFormId","ref","state","newFormId","hidden","page","onClick","layer","width","height","CANVAS_HIDDEN_CLASS_NAME","init_MultiStepFormButton"],"sources":["https:/framerusercontent.com/modules/fPSKMdnAZGIeyDfLV8KP/DPcKZogqzKT0RPOhqCCV/MultiStepFormButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useState,useRef,cloneElement}from\"react\";import{motion}from\"framer-motion\";import{borderProp,fillProp,createBackground,Border,HideElement,useMultiStepFormStore,getFormInfo}from\"https://framerusercontent.com/modules/DwWOdDzQZGCuvkNlbUjZ/hMz2wp3CWZkNwPJFGPgQ/FramerFormsShared.js\";const CANVAS_HIDDEN_CLASS_NAME=\"framerforms-canvas-hidden\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function MultiStepFormButton(props){const prev=props.page==\"previous\";const isCanvas=RenderTarget.current()===RenderTarget.canvas;const isOptimizing=typeof window===\"undefined\";const[multiStepFormState,setMultiStepFormState]=useMultiStepFormStore();const[formId,setFormId]=useState(null);const ref=useRef(null);const state=multiStepFormState[formId];useEffect(()=>{const newFormId=getFormInfo(ref.current).formId;if(!multiStepFormState[newFormId]){setMultiStepFormState({});}setFormId(newFormId);},[]);let hidden=false;if(isOptimizing||!state){hidden=prev;}else if(state?.pageHistory){const page=state.pageHistory[state.pageHistory.length-1];if(prev){hidden=page===0;}else{hidden=state.isEndPage;}}if(hidden&&!isCanvas){return /*#__PURE__*/_jsx(HideElement,{ref:ref});}function onClick(){if(state){if(prev){state.previousPage();}else{state.nextPage();}}props.click?.();}if(props.appearance==\"custom\"){let layer=props.customLayer?.[0];const width=props.style?.width;const height=props.style?.height;if(layer&&props.style&&(width||height)){layer=/*#__PURE__*/cloneElement(layer,{style:{...layer.props.style,...width&&{width:width},...height&&{height:height}}});}return /*#__PURE__*/_jsx(\"button\",{ref:ref,type:\"button\",style:{display:\"contents\"},onClick:onClick,onMouseEnter:props.hover,children:layer});}return /*#__PURE__*/_jsxs(motion.button,{\"data-framerforms\":true,ref:ref,type:\"button\",onClick:onClick,onMouseEnter:props.hover,className:hidden&&isCanvas?CANVAS_HIDDEN_CLASS_NAME:\"\",whileFocus:{...createBackground(props.fill,null,true),borderColor:props.border?.colorFocus??props.border?.color},style:{position:\"relative\",display:\"flex\",justifyContent:props.font?.textAlign||\"center\",alignItems:\"center\",...createBackground(props.fill),border:\"none\",color:props.color,padding:props.padding,borderRadius:props.radius,userSelect:\"none\",cursor:\"pointer\",textWrap:props.style?.width==\"100%\"?undefined:\"nowrap\",boxShadow:props.shadows,borderColor:props.border?.color,backdropFilter:props.bgBlur?`blur(${props.bgBlur}px)`:undefined,...props.font,...props.style},transition:props.transition,children:[props.text,/*#__PURE__*/_jsx(Border,{...props.border}),hidden&&isCanvas&&/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:`\n                        [data-framer-component-container=\"true\"] div:has(> .${CANVAS_HIDDEN_CLASS_NAME}) {\n                            display: none !important;\n                        }`}})]});}MultiStepFormButton.displayName=\"Multi-Step Form Button\";addPropertyControls(MultiStepFormButton,{page:{type:ControlType.Enum,defaultValue:\"next\",options:[\"previous\",\"next\"],optionTitles:[\"Previous\",\"Next\"],displaySegmentedControl:true},autoHide:{type:ControlType.Boolean,defaultValue:true,title:\"Auto-Hide\",description:\"Hide on first/last page\"},appearance:{type:ControlType.Enum,defaultValue:\"default\",options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true},customLayer:{type:ControlType.ComponentInstance,title:\"Layer\",description:\"Connect a custom layer outside the breakpoint\",hidden:props=>props.appearance!==\"custom\"},text:{type:ControlType.String,defaultValue:\"Next\",hidden:props=>props.appearance!==\"default\"},fill:fillProp({focus:true,invalid:false,color:\"#333\",colorA:\"#8C8C8C\",colorB:\"#000\",hidden:props=>props.appearance!==\"default\"}),color:{type:ControlType.Color,defaultValue:\"#FFF\",hidden:props=>props.appearance!==\"default\"},font:{type:\"font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:1.2},hidden:props=>props.appearance!==\"default\"},padding:{type:ControlType.Padding,defaultValue:\"10px 16px 10px 16px\",hidden:props=>props.appearance!==\"default\"},radius:{type:ControlType.BorderRadius,defaultValue:\"10px\",hidden:props=>props.appearance!==\"default\"},border:borderProp({focus:true,color:\"#0099FF00\",hidden:props=>props.appearance!==\"default\"}),shadows:{type:ControlType.BoxShadow,hidden:props=>props.appearance!==\"default\"},bgBlur:{type:ControlType.Number,min:0,max:100,step:1,displayStepper:true,title:\"BG Blur\",hidden:props=>props.appearance!==\"default\"},transition:{type:ControlType.Transition,defaultValue:{type:false},hidden:props=>props.appearance!==\"default\"},click:{type:ControlType.EventHandler},hover:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MultiStepFormButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}