{"version":3,"file":"MultiStepFormButton.BWl2DVrl.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/fPSKMdnAZGIeyDfLV8KP/UF1CreM6AP9OrHJ5kt1D/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/y3zt4fv5F2ZtnBW8nZvn/FramerFormsShared.js\";const CANVAS_HIDDEN_CLASS_NAME=\"framerforms-canvas-hidden\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function MultiStepFormButton(props){var _props_border,_props_border1,_props_font,_props_style,_props_border2;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===null||state===void 0?void 0: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(){var _props_click;if(state){if(prev){state.previousPage();}else{state.nextPage();}}(_props_click=props.click)===null||_props_click===void 0?void 0:_props_click.call(props);}if(props.appearance==\"custom\"){var _props_customLayer,_props_style1,_props_style2;let layer=(_props_customLayer=props.customLayer)===null||_props_customLayer===void 0?void 0:_props_customLayer[0];const width=(_props_style1=props.style)===null||_props_style1===void 0?void 0:_props_style1.width;const height=(_props_style2=props.style)===null||_props_style2===void 0?void 0:_props_style2.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});}var _props_border_colorFocus;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=props.border)===null||_props_border===void 0?void 0:_props_border.colorFocus)!==null&&_props_border_colorFocus!==void 0?_props_border_colorFocus:(_props_border1=props.border)===null||_props_border1===void 0?void 0:_props_border1.color},style:{position:\"relative\",display:\"flex\",justifyContent:((_props_font=props.font)===null||_props_font===void 0?void 0:_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=props.style)===null||_props_style===void 0?void 0:_props_style.width)==\"100%\"?undefined:\"nowrap\",boxShadow:props.shadows,borderColor:(_props_border2=props.border)===null||_props_border2===void 0?void 0:_props_border2.color,...props.font,...props.style},transition:props.transition,children:[props.text,/*#__PURE__*/_jsx(Border,{...props.border}),hidden&&isCanvas&&/*#__PURE__*/_jsx(\"style\",{children:`\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\"},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\":{\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MultiStepFormButton.map"],"mappings":"8WAIG,SAAwB,EAAoB,EAAM,CAA0E,IAAM,EAAK,EAAM,MAAM,WAAiB,EAAS,EAAa,SAAS,GAAG,EAAa,OAAa,EAAoB,IAAS,OAAiB,CAAC,EAAmB,GAAuB,GAAuB,CAAM,CAAC,EAAO,GAAWA,EAAS,KAAK,CAAO,EAAIC,EAAO,KAAK,CAAO,EAAM,EAAmB,GAAQ,MAAc,CAAC,IAAM,EAAU,EAAY,EAAI,QAAQ,CAAC,OAAW,EAAmB,IAAY,EAAsB,EAAE,CAAC,CAAE,EAAU,EAAU,EAAG,EAAE,CAAC,CAAC,IAAI,EAAO,GAAM,GAAG,GAAc,CAAC,EAAO,EAAO,UAAc,GAA0C,YAAY,CAAC,IAAM,EAAK,EAAM,YAAY,EAAM,YAAY,OAAO,GAAG,AAA+B,EAA5B,EAAa,IAAO,EAAe,EAAM,UAAY,GAAG,GAAQ,CAAC,EAAU,OAAoB,EAAK,EAAY,CAAK,MAAI,CAAC,CAAE,SAAS,GAAS,CAAC,IAAI,EAAgB,IAAU,EAAM,EAAM,cAAc,CAAO,EAAM,UAAU,GAAI,EAAa,EAAM,QAAS,MAAmC,EAAa,KAAK,EAAM,CAAE,GAAG,EAAM,YAAY,SAAS,CAAoD,IAAI,EAA0B,EAAM,cAA2E,GAAS,EAAqB,EAAM,OAA2D,MAAY,EAAsB,EAAM,OAA2D,OAAyK,OAA/J,GAAO,EAAM,QAAQ,GAAO,KAAS,EAAmB,EAAa,EAAM,CAAC,MAAM,CAAC,GAAG,EAAM,MAAM,MAAM,GAAG,GAAO,CAAO,QAAM,CAAC,GAAG,GAAQ,CAAQ,SAAO,CAAC,CAAC,CAAC,EAAsB,EAAK,SAAS,CAAK,MAAI,KAAK,SAAS,MAAM,CAAC,QAAQ,WAAW,CAAS,UAAQ,aAAa,EAAM,MAAM,SAAS,EAAM,CAAC,CAA+B,OAAoB,EAAM,EAAO,OAAO,CAAC,mBAAmB,GAAS,MAAI,KAAK,SAAiB,UAAQ,aAAa,EAAM,MAAM,UAAU,GAAQ,EAAS,EAAyB,GAAG,WAAW,CAAC,GAAG,EAAiB,EAAM,KAAK,KAAK,GAAK,CAAC,YAAqD,EAAM,QAA4D,YAA+F,EAAM,QAA8D,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,QAAQ,OAAO,eAA6B,EAAM,MAAsD,WAAY,SAAS,WAAW,SAAS,GAAG,EAAiB,EAAM,KAAK,CAAC,OAAO,OAAO,MAAM,EAAM,MAAM,QAAQ,EAAM,QAAQ,aAAa,EAAM,OAAO,WAAW,OAAO,OAAO,UAAU,SAAwB,EAAM,OAAyD,OAAQ,OAAO,IAAA,GAAU,SAAS,UAAU,EAAM,QAAQ,YAA4B,EAAM,QAA8D,MAAM,GAAG,EAAM,KAAK,GAAG,EAAM,MAAM,CAAC,WAAW,EAAM,WAAW,SAAS,CAAC,EAAM,KAAkB,EAAK,EAAO,CAAC,GAAG,EAAM,OAAO,CAAC,CAAC,GAAQ,GAAuB,EAAK,QAAQ,CAAC,SAAS;sEACr8F,EAAyB;;mBAE5E,CAAC,CAAC,CAAC,CAAC,wBAPkC,IAAiE,IAA0D,IAAkC,IAA4M,CAAM,EAAyB,4BAOxa,EAAoB,YAAY,yBAAyB,EAAoB,EAAoB,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,aAAa,OAAO,QAAQ,CAAC,WAAW,OAAO,CAAC,aAAa,CAAC,WAAW,OAAO,CAAC,wBAAwB,GAAK,CAAC,SAAS,CAAC,KAAK,EAAY,QAAQ,aAAa,GAAK,MAAM,YAAY,YAAY,0BAA0B,CAAC,WAAW,CAAC,KAAK,EAAY,KAAK,aAAa,UAAU,QAAQ,CAAC,UAAU,SAAS,CAAC,aAAa,CAAC,UAAU,SAAS,CAAC,wBAAwB,GAAK,CAAC,YAAY,CAAC,KAAK,EAAY,kBAAkB,MAAM,QAAQ,YAAY,gDAAgD,OAAO,GAAO,EAAM,aAAa,SAAS,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,aAAa,OAAO,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,KAAK,EAAS,CAAC,MAAM,GAAK,QAAQ,GAAM,MAAM,OAAO,OAAO,UAAU,OAAO,OAAO,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,aAAa,OAAO,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,KAAK,CAAC,KAAK,OAAO,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,GAAG,WAAW,IAAI,CAAC,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAY,QAAQ,aAAa,sBAAsB,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,OAAO,CAAC,KAAK,EAAY,aAAa,aAAa,OAAO,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,OAAO,EAAW,CAAC,MAAM,GAAK,MAAM,YAAY,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAY,UAAU,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,WAAW,CAAC,KAAK,EAAY,WAAW,aAAa,CAAC,KAAK,GAAM,CAAC,OAAO,GAAO,EAAM,aAAa,UAAU,CAAC,MAAM,CAAC,KAAK,EAAY,aAAa,CAAC,MAAM,CAAC,KAAK,EAAY,aAAa,CAAC,CAAC"}