{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/iex8OmgKVPbsQ7uzoO5c/Fgy8GWPN5Z5SLtjwyufK/Data.js", "ssg:https://framerusercontent.com/modules/YzlYhWdqJEKJSx7tBvYl/yOSBbEBMWNwIM2ZP49EI/Form.js"], "sourcesContent": ["export const ISSUE_TYPE_OPTIONS=[{label:\"Book a partner discovery and onboarding session\",value:\"discovery\"},{label:\"Pre-sales support\",value:\"opportunity\"},{label:\"Finance or Rebate issue\",value:\"finance\"},{label:\"Pre-sales technical support\",value:\"technical\"},{label:\"I want to provide feedback\",value:\"feedback\"},{label:\"Something else\",value:\"other\"},];export const PROGRAM_TYPE_OPTIONS=[{label:\"Referral Program\",value:\"Referral\"},{label:\"Implementation Program\",value:\"Implementation\"},{label:\"Reseller Solutions Program\",value:\"Solutions\"},{label:\"Partner Prospect Initiative\",value:\"PP_Initiative\"},];export const ROLE_TYPE_OPTIONS=[{label:\"Executive\",value:\"Executive\"},{label:\"Sales\",value:\"Sales\"},{label:\"Technical\",value:\"Technical\"},{label:\"Marketing\",value:\"Marketing\"},{label:\"Other\",value:\"Other\"},];export const PARTNER_TYPE_OPTIONS=[{label:\"Services\",value:\"Services\"},{label:\"Technology\",value:\"Technology\"},];\nexport const __FramerMetadata__ = {\"exports\":{\"ISSUE_TYPE_OPTIONS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PARTNER_TYPE_OPTIONS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ROLE_TYPE_OPTIONS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PROGRAM_TYPE_OPTIONS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Data.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useMemo,useEffect}from\"react\";import{FormProvider,useFormContext,useForm}from\"react-hook-form\";import PhoneInputWithCountry from\"react-phone-number-input/react-hook-form\";import{isValidPhoneNumber}from\"react-phone-number-input\";import{addPropertyControls,ControlType}from\"framer\";import styled from\"react-css-styled\";import freemail from\"free-email-domains\";import FormProductInterestTile from\"https://framer.com/m/Form-ProductInterestTile-EHME.js\";import{countries}from\"https://framer.com/m/Shared-45Jk.js@s5xCFquFD3ts7WV1Os9N\";import{ISSUE_TYPE_OPTIONS,PROGRAM_TYPE_OPTIONS,ROLE_TYPE_OPTIONS,PARTNER_TYPE_OPTIONS}from\"https://framerusercontent.com/modules/iex8OmgKVPbsQ7uzoO5c/Fgy8GWPN5Z5SLtjwyufK/Data.js\";const Styler=styled(\"div\",`\n/* CSS variables. */\n:host {\n\t--PhoneInput-color--focus: #03b2cb;\n\t--PhoneInputInternationalIconPhone-opacity: 0.8;\n\t--PhoneInputInternationalIconGlobe-opacity: 0.65;\n\t--PhoneInputCountrySelect-marginRight: 0.35em;\n\t--PhoneInputCountrySelectArrow-width: 0.3em;\n\t--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n\t--PhoneInputCountrySelectArrow-borderWidth: 1px;\n\t--PhoneInputCountrySelectArrow-opacity: 0.45;\n\t--PhoneInputCountrySelectArrow-color: currentColor;\n\t--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n\t--PhoneInputCountrySelectArrow-transform: rotate(45deg);\n\t--PhoneInputCountryFlag-aspectRatio: 1.5;\n\t--PhoneInputCountryFlag-height: 1em;\n\t--PhoneInputCountryFlag-borderWidth: 1px;\n\t--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n\t--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n\t--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n\t/* This is done to stretch the contents of this component. */\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.PhoneInputInput {\n\t/* The phone number input stretches to fill all empty space */\n\tflex: 1;\n\t/* The phone number input should shrink\n\t to make room for the extension input */\n\tmin-width: 0;\n}\n\n.PhoneInputCountryIcon {\n\twidth: calc(1em * 1.5);\n\twidth: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n\theight: 1em;\n\theight: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n\twidth: 1em;\n\twidth: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\t/* Removed background-color because when an was still loading\n\t it would show a dark gray rectangle. */\n\t/* For some reason the is not stretched to 100% width and height\n\t and sometime there can be seen white pixels of the background at top and bottom. */\n\tbackground-color: rgba(0,0,0,0.1);\n\tbackground-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n\t/* Border is added via box-shadow because border interferes with width/height. */\n\t/* For some reason the is not stretched to 100% width and height\n\t and sometime there can be seen white pixels of the background at top and bottom,\n\t so an additional \"inset\" border is added. */\n\tbox-shadow: 0 0 0 1px rgba(0,0,0,0.5),\n\t\tinset 0 0 0 1px rgba(0,0,0,0.5);\n\tbox-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n\t\tinset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\t/* Fixes weird vertical space above the flag icon. */\n\t/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */\n\tdisplay: block;\n\t/* 3rd party flag icons won't stretch if they have width and height.\n\t Also, if an icon's aspect ratio was different, it wouldn't fit too. */\n\twidth: 100%;\n\theight: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n\topacity: 0.8;\n\topacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n\topacity: 0.65;\n\topacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n/* Styling native country