{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3Xt80fuSS8eUuOrDfeC3/hrsqdYN0UxguJcstQNr9/SignupForm.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\";\nexport default function SignupForm(props) {\n  const handleClick = event => {\n    event.preventDefault();\n    event.target.disabled = true;\n    const emailField = document.getElementById(\"email\");\n    const form = document.getElementById(\"signup\");\n    let errorMsg = document.getElementById(\"error-message\");\n    if (emailField.value === \"\") {\n      if (!errorMsg) {\n        errorMsg = document.createElement(\"div\");\n        errorMsg.id = \"error-message\";\n        errorMsg.style.color = \"red\";\n        const wrapper = document.getElementById(\"form-wrapper\");\n        wrapper.insertBefore(errorMsg, form);\n      }\n      errorMsg.innerText = \"Please enter your work email\";\n      return;\n    } else if (errorMsg) {\n      errorMsg.remove();\n    }\n    window.sumatra.enrich(\"identify\", {\n      email: emailField.value\n    }).then(() => {\n      form.submit();\n    });\n  };\n  const handleInputChange = () => {\n    let errorMsg = document.getElementById(\"error-message\");\n    if (errorMsg) {\n      errorMsg.remove();\n    }\n  };\n  return /*#__PURE__*/_jsx(\"div\", {\n    id: \"form-wrapper\",\n    children: /*#__PURE__*/_jsxs(\"form\", {\n      id: \"signup\",\n      action: \"https://hook.us1.make.com/e4aga9tvf8sko5mb2xyffeive4asfkke\",\n      style: {\n        display: \"flex\",\n        flexDirection: props.direction,\n        alignItems: \"left\",\n        color: \"black\",\n        padding: \"0px\",\n        backgroundColor: \"white\",\n        borderRadius: \"8px\",\n        boxShadow: \"0 0 8px 0 rgba(0, 0, 0, 0.0)\",\n        flexBasis: \"1\",\n        gap: \"1.5rem\"\n      },\n      children: [/*#__PURE__*/_jsx(\"input\", {\n        type: \"email\",\n        id: \"email\",\n        name: \"email\",\n        placeholder: \"name@company.com\",\n        required: true,\n        onChange: handleInputChange,\n        style: {\n          width: \"100%\",\n          padding: \"10px\",\n          border: \"1px solid #ccc\",\n          borderRadius: \"4px\",\n          fontSize: \"medium\"\n        }\n      }), /*#__PURE__*/_jsx(\"input\", {\n        type: \"hidden\",\n        id: \"signup_tier\",\n        name: \"signup_tier\",\n        value: props.signup_tier\n      }), /*#__PURE__*/_jsx(\"button\", {\n        type: \"submit\",\n        style: {\n          fontSize: \"medium\",\n          fontFamily: \"Degular, sans serif\",\n          padding: \"10px 20px\",\n          backgroundColor: \"#0809E3\",\n          minWidth: \"8rem\",\n          color: \"white\",\n          fontWeight: \"bold\",\n          border: \"none\",\n          borderRadius: \"4px\",\n          cursor: \"pointer\"\n        },\n        onClick: handleClick,\n        children: \"Sign up\"\n      })]\n    })\n  });\n}\n;\nSignupForm.defaultProps = {\n  direction: \"column\",\n  signup_tier: \"Free\"\n};\naddPropertyControls(SignupForm, {\n  direction: {\n    type: ControlType.Enum,\n    title: \"Direction\",\n    defaultValue: \"column\",\n    displaySegmentedControl: true,\n    segmentedControlDirection: \"horizontal\",\n    options: [\"column\", \"row\"],\n    optionTitles: [\"Column\", \"Row\"]\n  },\n  signup_tier: {\n    type: ControlType.Enum,\n    title: \"Tier\",\n    defaultValue: \"Free\",\n    displaySegmentedControl: true,\n    segmentedControlDirection: \"horizontal\",\n    options: [\"Free\", \"Growth\"],\n    optionTitles: [\"Free\", \"Growth\"]\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"SignupForm\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./SignupForm.map"],
  "mappings": "yIAEe,SAARA,EAA4BC,EAAO,CACxC,IAAMC,EAAcC,GAAS,CAC3BA,EAAM,eAAe,EACrBA,EAAM,OAAO,SAAW,GACxB,IAAMC,EAAa,SAAS,eAAe,OAAO,EAC5CC,EAAO,SAAS,eAAe,QAAQ,EACzCC,EAAW,SAAS,eAAe,eAAe,EACtD,GAAIF,EAAW,QAAU,GAAI,CACtBE,IACHA,EAAW,SAAS,cAAc,KAAK,EACvCA,EAAS,GAAK,gBACdA,EAAS,MAAM,MAAQ,MACP,SAAS,eAAe,cAAc,EAC9C,aAAaA,EAAUD,CAAI,GAErCC,EAAS,UAAY,+BACrB,YACSA,GACTA,EAAS,OAAO,EAElBC,EAAO,QAAQ,OAAO,WAAY,CAChC,MAAOH,EAAW,KACpB,CAAC,EAAE,KAAK,IAAM,CACZC,EAAK,OAAO,CACd,CAAC,CACH,EACMG,EAAoB,IAAM,CAC9B,IAAIF,EAAW,SAAS,eAAe,eAAe,EAClDA,GACFA,EAAS,OAAO,CAEpB,EACA,OAAoBG,EAAK,MAAO,CAC9B,GAAI,eACJ,SAAuBC,EAAM,OAAQ,CACnC,GAAI,SACJ,OAAQ,6DACR,MAAO,CACL,QAAS,OACT,cAAeT,EAAM,UACrB,WAAY,OACZ,MAAO,QACP,QAAS,MACT,gBAAiB,QACjB,aAAc,MACd,UAAW,+BACX,UAAW,IACX,IAAK,QACP,EACA,SAAU,CAAcQ,EAAK,QAAS,CACpC,KAAM,QACN,GAAI,QACJ,KAAM,QACN,YAAa,mBACb,SAAU,GACV,SAAUD,EACV,MAAO,CACL,MAAO,OACP,QAAS,OACT,OAAQ,iBACR,aAAc,MACd,SAAU,QACZ,CACF,CAAC,EAAgBC,EAAK,QAAS,CAC7B,KAAM,SACN,GAAI,cACJ,KAAM,cACN,MAAOR,EAAM,WACf,CAAC,EAAgBQ,EAAK,SAAU,CAC9B,KAAM,SACN,MAAO,CACL,SAAU,SACV,WAAY,sBACZ,QAAS,YACT,gBAAiB,UACjB,SAAU,OACV,MAAO,QACP,WAAY,OACZ,OAAQ,OACR,aAAc,MACd,OAAQ,SACV,EACA,QAASP,EACT,SAAU,SACZ,CAAC,CAAC,CACJ,CAAC,CACH,CAAC,CACH,CAEAF,EAAW,aAAe,CACxB,UAAW,SACX,YAAa,MACf,EACAW,EAAoBX,EAAY,CAC9B,UAAW,CACT,KAAMY,EAAY,KAClB,MAAO,YACP,aAAc,SACd,wBAAyB,GACzB,0BAA2B,aAC3B,QAAS,CAAC,SAAU,KAAK,EACzB,aAAc,CAAC,SAAU,KAAK,CAChC,EACA,YAAa,CACX,KAAMA,EAAY,KAClB,MAAO,OACP,aAAc,OACd,wBAAyB,GACzB,0BAA2B,aAC3B,QAAS,CAAC,OAAQ,QAAQ,EAC1B,aAAc,CAAC,OAAQ,QAAQ,CACjC,CACF,CAAC",
  "names": ["SignupForm", "props", "handleClick", "event", "emailField", "form", "errorMsg", "window", "handleInputChange", "p", "u", "addPropertyControls", "ControlType"]
}