{"version":3,"file":"MultiStepFormButton.BnERfhNZ.mjs","names":["useState","useRef"],"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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"}