{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/RzhyiW0gCMBIRdLKIn1b/mh4dZGRRtMiHgK4fX5Ah/KYGJoinRedirectForm.js"],
  "sourcesContent": ["function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nclass KYGJoinRedirectForm extends React.Component {\n  handleChange(event) {\n    this.setState({\n      [event.target.name]: event.target.value\n    });\n  }\n  async handleSubmit(event) {\n    this.setState({\n      errorEmail: \"\",\n      errorLinkedinUrl: \"\",\n      successMessage: \"\"\n    });\n    console.log(this.state);\n    event.preventDefault();\n    const formData = new FormData();\n    formData.append(\"email\", this.state.email);\n    formData.append(\"linkedin_url\", this.state.linkedinUrl);\n    await fetch(this.BACKEND_ENDPOINT, {\n      method: \"POST\",\n      body: formData\n    }).then(response => response.json()).then(result => {\n      if (result.success) {\n        console.log(result.link);\n        window.location.href = result.link;\n        return;\n        this.formSubmitDone(result);\n        return;\n      }\n      for (const [field, errors] of Object.entries(result.errors)) {\n        let stateName = \"\";\n        switch (field) {\n          case \"email\":\n            stateName = \"errorEmail\";\n            break;\n          case \"linkedin_url\":\n            stateName = \"errorLinkedinUrl\";\n            break;\n        }\n        if (!stateName) continue;\n        this.setState({\n          [stateName]: errors[0]\n        });\n      }\n    }).catch(error => {\n      console.error(\"Error:\", error);\n    });\n  }\n  formSubmitDone(result) {\n    this.setState({\n      email: \"\",\n      linkedinUrl: \"\",\n      errorEmail: \"\",\n      errorLinkedinUrl: \"\",\n      successMessage: \"Thank you! We will send you an email with the next steps before the event\",\n      successLink: result.link\n    });\n  }\n  render() {\n    return /*#__PURE__*/_jsxs(\"div\", {\n      style: containerStyle,\n      children: [this.state.successLink && /*#__PURE__*/_jsx(\"div\", {\n        children: /*#__PURE__*/_jsxs(\"p\", {\n          style: successLinkStyle,\n          children: [\"To gain access, please use the following link:\", \" \", /*#__PURE__*/_jsx(\"br\", {}), /*#__PURE__*/_jsx(\"a\", {\n            href: this.state.successLink,\n            children: this.state.successLink\n          })]\n        })\n      }), !this.state.successLink && /*#__PURE__*/_jsxs(\"form\", {\n        STYLE: \"{styleRaw.form}\",\n        onSubmit: this.handleSubmit,\n        children: [/*#__PURE__*/_jsx(\"input\", {\n          // type=\"text\"\n          type: \"email\",\n          value: this.state.email,\n          name: \"email\",\n          placeholder: \"Email\",\n          STYLE: styleRaw.input,\n          onChange: this.handleChange\n        }), this.state.errorEmail && /*#__PURE__*/_jsx(\"p\", {\n          style: errorStyle,\n          children: this.state.errorEmail\n        }), /*#__PURE__*/_jsx(\"div\", {\n          STYLE: \"position:relative;\",\n          children: /*#__PURE__*/_jsx(\"button\", {\n            type: \"submit\",\n            STYLE: styleRaw.button,\n            children: \"Join\"\n          })\n        }), this.state.successMessage && /*#__PURE__*/_jsx(\"p\", {\n          style: successStyle,\n          children: this.state.successMessage\n        }), /*#__PURE__*/_jsxs(\"p\", {\n          style: privacyStyle,\n          children: [\"By clicking the button you agree with our\", \" \", /*#__PURE__*/_jsx(\"a\", {\n            href: \"/privacy\",\n            target: \"_blank\",\n            style: privacyLinkStyle,\n            children: \"Privacy Policy\"\n          }), \" \", \"and\", \" \", /*#__PURE__*/_jsx(\"a\", {\n            href: \"/terms\",\n            target: \"_blank\",\n            style: privacyLinkStyle,\n            children: \"Terms & Conditions\"\n          })]\n        })]\n      })]\n    });\n  }\n  constructor(props) {\n    super(props); // form auto redirects after submit\n    // used on public events for quick access\n    _defineProperty(this, \"BACKEND_ENDPOINT_LOCAL\", \"http://localhost:8000/m/startup-grind-lead/v2/\"); // BACKEND_ENDPOINT = \"http://localhost:8000/m/startup-grind-lead/v2/\"\n    _defineProperty(this, \"BACKEND_ENDPOINT\", \"https://gokyg.com/m/startup-grind-lead/v2/\");\n    this.state = {\n      email: \"\",\n      linkedinUrl: \"\",\n      errorEmail: \"\",\n      errorLinkedinUrl: \"\",\n      successMessage: \"\",\n      successLink: \"\"\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n}\nexport { KYGJoinRedirectForm as default };\nconst styleRaw = {\n  input: `-webkit-appearance:none;width:100%;line-height:1.4em;outline:none;border:none;padding:10px 15px 10px 15px;margin: 7px 0;border-radius:12px;font-family:\"Inter Regular\", \"Inter\", \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-size:18px;background:var(--token-40c03004-286a-43c1-b36f-58b60663152c, rgb(242, 242, 242)) /* {\"name\":\"Light 3\"} */;color:rgb(34, 34, 34);box-shadow:inset 0 0 0 1px transparent`,\n  button: `appearance: none; width: 100%; margin-top: 5px;line-height: 1.4em; outline: none; border: none; cursor: pointer; border-radius: 12px; padding: 10px 15px; font-family: \"Inter Regular\", Inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: 600; font-size: 18px; background-color: #FE2B45; color: rgb(255, 255, 255); z-index: 1; opacity: 1;`,\n  form: `width:100%;display:grid;gap:15px;grid-template-columns:1fr max-content;grid-template-rows:1fr`\n};\nconst errorStyle = {\n  color: \"#FE2B45\",\n  margin: 0\n};\nconst successStyle = {\n  color: \"black\",\n  fontWeight: \"bold\"\n};\nconst containerStyle = {\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  overflow: \"hidden\"\n};\nconst privacyStyle = {\n  fontSize: 8,\n  marginTop: 5,\n  color: \"rgb(80, 80, 80)\"\n};\nconst privacyLinkStyle = {\n  color: \"rgb(80, 80, 80)\"\n};\nconst successLinkStyle = {\n  display: \"block\",\n  color: \"#666666\",\n  textAlign: \"center\",\n  fontSize: \"16px\",\n  lineHeight: \"24px\"\n};\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"KYGJoinRedirectForm\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./KYGJoinRedirectForm.map"],
  "mappings": "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",
  "names": ["_defineProperty", "obj", "key", "value", "KYGJoinRedirectForm", "e", "event", "formData", "response", "result", "window", "field", "errors", "stateName", "error", "u", "containerStyle", "p", "successLinkStyle", "styleRaw", "errorStyle", "successStyle", "privacyStyle", "privacyLinkStyle", "props", "styleRaw", "errorStyle", "successStyle", "containerStyle", "privacyStyle", "privacyLinkStyle", "successLinkStyle"]
}