{"version":3,"file":"TryItOutForm.CyYDmrEd.mjs","names":["useStore","useState","React","e"],"sources":["https:/framer.com/m/framer/store.js@^1.0.0","https:/framer.com/m/framer/utils.js@^0.9.0","https:/framerusercontent.com/modules/cxWzkljZlXhCUlqpOe5O/KGlZmbO1J08sH5fUvcol/Overrides.js","https:/framerusercontent.com/modules/jzZEynJT6vIQULihDgOv/xNKRDKqQuFoqotyNcFdI/TryItOutForm.js"],"sourcesContent":["import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","export const centerContent = {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n};\nexport const autoSizingText = {\n    width: \"max-content\",\n    wordBreak: \"break-word\",\n    overflowWrap: \"break-word\",\n    overflow: \"hidden\",\n    whiteSpace: \"pre-wrap\",\n    flexShrink: 0\n};\nexport const defaultContainerStyles = {\n    ...centerContent,\n    overflow: \"hidden\"\n};\nexport const containerStyles = defaultContainerStyles;\nexport const randomColor = ()=>\"#\" + Math.floor(Math.random() * 16777215).toString(16)\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"centerContent\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"autoSizingText\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultContainerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomColor\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./Utils.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withRotate(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{rotate:90},transition:{duration:2}});});}export function withHover(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,whileHover:{scale:1.05}});});}export function withRandomColor(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});});}export function withWhiteButton(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,buttonIsWhite:true});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withWhiteButton\":{\"type\":\"reactHoc\",\"name\":\"withWhiteButton\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Overrides.map","/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import React from\"react\";const inputStyle={width:\"100%\",padding:\"12px 16px\",borderRadius:\"8px\",fontSize:\"16px\",backgroundColor:\"#ffffff\",color:\"#190F3F\",border:\"1px solid #ccc\",outline:\"none\",fontFamily:'\"Manrope\", sans-serif'};const baseButtonStyle={backgroundColor:\"#4B50F7\",color:\"#ffffff\",padding:\"12px 20px\",borderRadius:\"8px\",fontWeight:600,fontSize:\"16px\",fontFamily:'\"Manrope\", sans-serif',outline:\"none\",border:\"none\",cursor:\"pointer\",transition:\"background-color 0.3s\",height:\"100%\",whiteSpace:\"nowrap\"};const defaultHoverStyle={backgroundColor:\"#6366F1\"};const whiteHoverStyle={backgroundColor:\"#F0F0F0\"};const formStyle={display:\"grid\",gridTemplateColumns:\"1fr auto\",gap:\"12px\",width:\"100%\"};export default function TryItOutForm({buttonIsWhite}){const[hovered,setHovered]=React.useState(false);// Determine dynamic styles based on buttonColor prop\nconst hoverStyle=buttonIsWhite?whiteHoverStyle:defaultHoverStyle;const mergedButtonStyle={...baseButtonStyle,...buttonIsWhite?{backgroundColor:\"#ffffff\",color:\"#4B50F7\",border:\"1px solid #ccc\"}:{},...hovered?hoverStyle:{}};const handleSubmit=e=>{e.preventDefault();const email=e.target.elements.email.value;window.open(`https://api.outset.ai/interviews/public-surveys/17b1409d-5e00-46bd-ae5d-102bd8e2d8de/start/?email=${email}`,\"_blank\");};return /*#__PURE__*/_jsxs(\"form\",{style:formStyle,onSubmit:handleSubmit,children:[/*#__PURE__*/_jsx(\"input\",{type:\"email\",id:\"email\",name:\"email\",placeholder:\"example@acme.com\",required:true,style:inputStyle}),/*#__PURE__*/_jsx(\"input\",{id:\"try-it\",type:\"submit\",value:\"Try It\",style:mergedButtonStyle,onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false)}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"hidden-hubspotutk\",name:\"hubspotutk\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"hidden-page-url\",name:\"pageUrl\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"hidden-page-name\",name:\"pageName\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"utm_source\",name:\"utm_source\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"utm_medium\",name:\"utm_medium\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"utm_campaign\",name:\"utm_campaign\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"utm_term\",name:\"utm_term\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",id:\"utm_content\",name:\"utm_content\"})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TryItOutForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TryItOutForm.map"],"mappings":"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"}