{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/BTHwgGTg5EzhdhQg6tMN/aucUQORQyO7Moj8IuHW6/HubspotForm.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{Helmet}from\"react-helmet\";import{addPropertyControls,ControlType}from\"framer\";export default function HubspotForm(props){const[containerId,setContainerId]=useState(()=>`hsform-${Math.random().toString().substr(2)}`);const[initialized,setInitialized]=useState(false);const params={region:props.hubspot.region,portalId:props.hubspot.portalId,formId:props.hubspot.formId,css:\"\",target:`#${containerId}`};useEffect(()=>{if(!initialized){function check(){var _window;if((_window=window)===null||_window===void 0?void 0:_window.hbspt){setInitialized(true);window.hbspt.forms.create(params);}}let intervalId=setInterval(check,300);return function(){clearInterval(intervalId);};}},[initialized]);return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n    form {\n      font-family: ${props.fontFamily};\n      text-align: center;\n      color: ${props.textColor};\n    }\n    form * {\n      box-sizing: border-box;\n    }\n    form a {\n      color: inherit;\n    }\n    form input[type=submit].hs-button {\n      appearance: unset;\n      border: none;\n      color: ${props.submitButton.normal.color};\n      background-color: ${props.submitButton.normal.background};\n      outline: none;\n    }\n    form input[type=submit].hs-button:hover {\n      appearance: unset;\n      border: none;\n      color: ${props.submitButton.selected.color};\n      background-color: ${props.submitButton.selected.background};\n      outline: none;\n    }\n    form input[type=text].hs-input, \n    form input[type=email].hs-input,\n    form textarea {\n      padding: 8px 4px;\n    }\n    form h5 {\n      font-size: 20px;\n      line-height: 26px;\n      margin-bottom: 0px;\n    }\n    form .hs-richtext {\n      margin-bottom: 24px;\n    }\n    form .hs-richtext p {\n      margin-top: 6px;\n    }\n    form .hs-button {\n      cursor: pointer;\n      padding: 12px 24px;\n    }\n    form .field {\n      margin-bottom: 16px;\n    }\n    form .field.hs-fieldtype-checkbox, \n    form .field.hs-fieldtype-radio,\n    form .field.hs-fieldtype-select {\n      margin-bottom: 52px;\n    }\n    form .field.hs-phone {\n      margin-bottom: 52px;\n    }\n    form .field .hs-input.hs-fieldtype-textarea {\n      width: 100%;\n      min-height: 100px;\n      resize: vertical;\n      border: 1px solid ${props.borderColor};\n    }\n    form .hs-form-field.hs-fieldtype-checkbox > label,\n    form .hs-form-field.hs-fieldtype-radio > label,\n    form .hs-form-field.hs-fieldtype-select > label,\n    form .hs-form-field.hs-fieldtype-textarea > label {\n      display: inline-block;\n      font-size: 20px;\n      line-height: 26px;\n      font-weight: bold;\n    }\n    form label + legend {\n      margin-bottom: 18px;\n    }\n    form legend {\n      font-size: 13px;\n    }\n    form legend,\n    form .hs-richtext p {\n      color: ${props.helpTextColor};\n    }\n    form .hs-form-required {\n      color: ${props.errorColor};\n    }\n    form .hs-error-msgs label.hs-error-msg,\n    form .hs_error_rollup label {\n      font-size: 13px;\n      color: ${props.errorColor};\n    }\n    form label.hs-form-booleancheckbox-display > span {\n      font-weight: bold;\n    }\n    form ul {\n      list-style: none;\n      padding: 0px;\n    }\n    form ul.inputs-list {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      justify-content: center;\n    }\n    form li {\n      margin-bottom: 4px;\n    }\n    form li.hs-form-checkbox input,\n    form li.hs-form-radio input {\n      display: none;\n    }\n    form li.hs-form-checkbox input:checked + span,\n    form li.hs-form-radio input:checked + span {\n      color: ${props.buttons.selected.color};\n      background-color: ${props.buttons.selected.background};\n    }\n    form li.hs-form-checkbox span,\n    form li.hs-form-radio span {\n      cursor: pointer;\n      display: inline-block;\n      padding: 14px 24px;\n      color: ${props.buttons.normal.color};\n      background-color: ${props.buttons.normal.background};\n      user-select: none;\n    }\n    form input, \n    form textarea {\n      font-size: 14px;\n    }\n    form .hs-form-field > .input label {\n      font-size: 14px;\n      line-height: 18px;\n    }\n    form ul.inputs-list {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    form .hs-notes label {\n      display: none;\n    }\n    form .hs-form-field.hs-fieldtype-text,\n    form .hs-form-field.hs-fieldtype-phonenumber,\n    form .hs-form-field.hs-fieldtype-date,\n    form .hs-form-field.hs-fieldtype-number {\n      text-align: left;\n    }\n    form .hs-form-field label {\n      font-size: 16px;\n      line-height: 26px;\n      font-weight: normal;\n      margin-bottom: 4px;\n    }\n    form .hs-fieldtype-text input {\n        border: 1px solid ${props.borderColor};\n        width: 100%;\n    }\n    form .hs-fieldtype-select select {\n      height: 42px;\n      padding: 0px 6px;\n      outline: none;\n      border: 1px solid ${props.borderColor};\n      border-radius: 4px;\n      color: ${props.buttons.normal.color};\n    }\n    form .hs-fieldtype-intl-phone {\n      display: flex;\n      align-items: stretch;\n    }\n    form .hs-fieldtype-intl-phone > select {\n      height: 42px;\n      padding: 0px 6px;\n      outline: none;\n      border: 1px solid ${props.borderColor};\n      border-radius: 4px;\n      color: ${props.buttons.normal.color};\n      margin-right: 2%;\n    }\n    form .hs-fieldtype-intl-phone > input {\n      padding: 8px 4px;\n      border: 1px solid ${props.borderColor};\n    }\n    form .hs-fieldtype-date input {\n      width: 100%;\n    }\n    form .legal-consent-container {\n      font-size: 14px;\n      line-height: 20px;\n      text-align: justify;\n      margin-bottom: 24px;\n    }\n    form .legal-consent-container ul.inputs-list {\n      justify-content: flex-start;\n      font-size: 15px;\n    }\n            `}),/*#__PURE__*/_jsx(Helmet,{children:/*#__PURE__*/_jsx(\"script\",{charset:\"utf-8\",type:\"text/javascript\",src:\"//js-eu1.hsforms.net/forms/embed/v2.js\"})}),/*#__PURE__*/_jsx(\"div\",{id:containerId})]});}addPropertyControls(HubspotForm,{hubspot:{type:ControlType.Object,controls:{region:{type:ControlType.String,defaultValue:\"eu1\"},portalId:{type:ControlType.String,defaultValue:\"\"},formId:{type:ControlType.String,defaultValue:\"\"}}},fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"Helvetica, sans-serif\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#aaaaaa\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000\"},errorColor:{type:ControlType.Color,title:\"Error Color\",defaultValue:\"#cc0000\",description:\"For warning messages and the required asterisk symbol\"},helpTextColor:{type:ControlType.Color,title:\"Help Text Color\",defaultValue:\"#999\"},buttons:{type:ControlType.Object,controls:{normal:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"#000\"},background:{type:ControlType.Color,defaultValue:\"#ccc\"}}},selected:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"#fff\"},background:{type:ControlType.Color,defaultValue:\"#000\"}}}}},submitButton:{type:ControlType.Object,controls:{normal:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"#fff\"},background:{type:ControlType.Color,defaultValue:\"#000\"}}},selected:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"#000\"},background:{type:ControlType.Color,defaultValue:\"#fff\"}}}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HubspotForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HubspotForm.map"],
  "mappings": "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",
  "names": ["HubspotForm", "props", "containerId", "setContainerId", "ye", "initialized", "setInitialized", "params", "ue", "intervalId", "_window", "window", "u", "p", "ae", "addPropertyControls", "ControlType"]
}