{"version":3,"sources":["../../../src/utils/colors.ts","../../../src/utils/currency-formatter.ts","../../../src/utils/time-converter.ts","../../../../src/components/Button/button.tsx","../../../../src/components/Button/primary.tsx","../../../../src/components/Button/secondary.tsx","../../../../src/components/Button/tertiary.tsx","../../../../src/components/Button/primaryLink.tsx","../../../../src/components/Button/icon.tsx","../../../../src/components/Button/iconSecondary.tsx","../../../../src/components/Button/quaternary.tsx","../../../../src/components/Link/link.tsx","types/common.ts","../../../../src/components/Link/primary.tsx","../../../../src/components/Link/index.tsx","../../../../src/components/Link/primaryButton.tsx","../../../../src/components/Link/secondaryButton.tsx","../../../../src/components/Link/tertiaryButton.tsx","components/Typography/index.tsx","../../../../src/components/ProgressBar/index.tsx","components/common/Avatar/index.tsx","components/common/Card/index.tsx","assets/images/redesign_logo_makeship.svg","components/common/Header/index.tsx","assets/images/loading.gif","components/common/Loading/index.tsx","utils/cookies.ts","api/client.tsx","utils/cognito-error.ts","api/auth/index.tsx","contexts/auth-context.tsx","assets/images/settings-icon.svg","assets/images/dropdown-icon-purple.svg","components/common/Dropdown/index.tsx","components/common/Input/borderInput.tsx","components/common/Tooltip/index.tsx","assets/images/question-icon.svg","components/common/Input/input.tsx","assets/images/show-password.svg","assets/images/hide-password.svg","components/common/Input/password.tsx","assets/images/magnifying-glass.svg","components/common/Input/search.tsx","assets/images/selection-down-chevron.svg","assets/images/selection-up-chevron.svg","components/common/Input/dropdown.tsx","components/common/Input/radioSelect.tsx","assets/images/calendar-icon.svg","components/common/Input/dateSelector.tsx","assets/images/cancel-icon.svg","assets/images/invite-successful.svg","assets/images/invite-unsuccessful.svg","components/common/Loader/index.tsx","components/admin/ResendInvite/index.tsx","components/common/Header/dashboardHeader.tsx","assets/styles/themes.ts","utils/analytics.ts","components/common/Error410/index.tsx","containers/App/index.tsx","aws-exports.js","index.tsx"],"names":["hexCode","hex","replace","r","parseInt","slice","g","b","extend","a","_a","size","CampaignStatus","UserType","H1Styles","percentage","css","theme","fonts","secondary","H1","styled","h1","H2Styles","H3Styles","h2","primary","H4Styles","h3","H5Styles","h4","H5Styles2","h5","H5Style2","H8Styles","h6","S1Styles","S2Styles","p","S3Styles","P1Styles","P1","P2Styles","P2","CaptionStyles","Caption","OverlineStyles","Overline","OverlineStyle2","DialogStyles","button","AvatarContainer","span","div","large","colors","neutral1","color","primaryDark","tooltip","TooltipCSS","utils","hexToRGBA","neutral7","alpha","dark","PrimaryCard","light","img","accent","PaymentMethod","VerificationStatus","ApprovalStatus","PaymentStatus","TableType","ContractType","TaskType","AccountType","AccountName","PayoutSteps","AgreementPrepSteps","ProductPagePrepSteps","BreadcrumbType","ProductType","PayoutTerms","Object","entries","map","accessTokenKey","refreshTokenKey","createCookie","cookieName","cookieValue","hourToExpire","date","Date","setTime","getTime","document","cookie","toUTCString","getCookie","parse","client","axios","create","baseURL","process","headers","Accept","interceptors","request","use","req","data","qs","stringify","url","refreshRoute","accessToken","Authorization","getAccessToken","refreshToken","userId","window","localStorage","getItem","undefined","refreshAccessToken","then","bearer","defaults","common","catch","removeErrorName","error","indexOf","split","post","err","Promise","reject","response","detail","Admin","unverified","InputStyles","medium","TooltipLinkWrapper","input","customStyles","primaryLight","textarea","white","backgroundColor","neutral6","customWidth","label","unbold","hide","createGlobalStyle","showDropdown","noResults","selected","neutral2","background","form","neutral3","show","neutral5","neutral4","secondaryLight","secondaryDark","greenNeutral","accentDark","info","success","warning","warningLight","grey01","grey02","grey03","grey04","highlight","transparent","campaigns","onboarding","verification","development","productDesign","launched","actionRequired","creatorActionPending","adminPayoutProcessing","paidOut","unsuccessful","baseTheme","breakpoints","mobile","tablet","largeTablet","desktop","largeDesktop","maxContent","maxBackground","headerBreakpoint","extraDark","extraLight","buttonWeight","header","height","trackClickAnalytics","wrapper","getElementById","addEventListener","event","target","Element","tagName","textContent","length","sendTag","toLowerCase","id","eventTitle","ReactGA4","gtag","Error410Page","Error410Wrapper","Error410Body","ErrorHeader","ErrorBody","Error410","StyledLink","Primary","Container","App","Toaster","useEffect","awsmobile","aws_project_region","aws_cognito_region","aws_user_pools_id","aws_user_pools_web_client_id","oauth","domain","scope","redirectSignIn","redirectSignOut","responseType","federationTarget","aws_cognito_username_attributes","aws_cognito_social_providers","aws_cognito_signup_attributes","aws_cognito_mfa_configuration","aws_cognito_mfa_types","aws_cognito_password_protection_settings","passwordPolicyMinLength","passwordPolicyCharacters","aws_cognito_verification_mechanisms","Amplify","configure","awsconfig","Sentry","dsn","environment","integrations","BrowserTracing","tracesSampleRate","ignoreErrors","beforeSend","hint","originalException","posthog","init","api_host","autocapture","ReactDom","render","querySelector"],"mappings":"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","file":"static/js/main.19395e39.chunk.js","sourcesContent":["export var hexToRGBA = function (hex, alpha) {\n    var hexCode = hex.replace(/[^0-9A-Za-z.]+/g, '');\n    var r = parseInt(hexCode.slice(0, 2), 16);\n    var g = parseInt(hexCode.slice(2, 4), 16);\n    var b = parseInt(hexCode.slice(4, 6), 16);\n    if (alpha) {\n        return \"rgba(\" + r + \", \" + g + \", \" + b + \", .\" + alpha + \")\";\n    }\n    return \"rgb(\" + r + \", \" + g + \", \" + b + \")\";\n};\n//# sourceMappingURL=colors.js.map","export var formatCurrency = function (amount, code) {\n    return new Intl.NumberFormat('en-US', { style: 'currency', currency: code }).format(amount).replace(/[^,.-\\d]+/g, '');\n};\nexport var formatUSD = function (amount) { return \"USD \" + formatCurrency(amount, 'USD'); };\n//# sourceMappingURL=currency-formatter.js.map","import dayjs from 'dayjs';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport updateLocale from 'dayjs/plugin/updateLocale';\nimport timezone from 'dayjs/plugin/timezone';\nimport utc from 'dayjs/plugin/utc';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\ndayjs.extend(relativeTime);\ndayjs.extend(utc);\ndayjs.extend(updateLocale);\ndayjs.extend(advancedFormat);\ndayjs.extend(timezone);\ndayjs.updateLocale('en', {\n    relativeTime: {\n        future: 'in %s',\n        past: '%s ago',\n        s: 'a few seconds',\n        m: '1 minute',\n        mm: '%d minutes',\n        h: '1 hour',\n        hh: '%d hours',\n        d: '1 day',\n        dd: '%d days',\n        M: '1 month',\n        MM: '%d months',\n        y: '1 year',\n        yy: '%d years',\n    },\n});\nexport var dateNow = function () { return dayjs(); };\nexport var parseDate = function (isoDate) { return dayjs.utc(isoDate); };\nexport var parseDateLocal = function (isoDate) { return dayjs.utc(isoDate).local(); };\nexport var getDate = function (isoDate) { return parseDate(isoDate).format('MMMM D, YYYY'); };\nexport var getDateLocal = function (isoDate) { return parseDateLocal(isoDate).format('MMMM D, YYYY h:mmA z'); };\nexport var getDateLocalCustomFormat = function (isoDate, format) {\n    return parseDateLocal(isoDate).format(format);\n};\nexport var getDateNoDay = function (isoDate) { return parseDate(isoDate).format('MMMM YYYY'); };\nexport var getDateNoYear = function (isoDate) { return parseDate(isoDate).format('MMMM D'); };\nexport var getTimeOfDay = function (isoDate) { return parseDate(isoDate).format('hh:mm A'); };\nexport var getTimeFrom = function (isoDate, hour) {\n    var date = parseDate(isoDate);\n    if (hour) {\n        date = date.hour(hour);\n    }\n    return date.fromNow(true);\n};\nexport var getDayDiffFrom = function (isoDate) { return parseDate(isoDate).diff(dayjs(), 'day'); };\nexport var getTimeAgo = function (isoDate) { return parseDate(isoDate).format('MMM D, YYYY'); };\nexport var formatDate = function (isoDate) { return dayjs(isoDate).format('MMMM Do, hA'); };\n//# sourceMappingURL=time-converter.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nvar _a;\nimport styled, { css } from 'styled-components';\nexport var Size;\n(function (Size) {\n    Size[\"small\"] = \"small\";\n    Size[\"medium\"] = \"medium\";\n    Size[\"large\"] = \"large\";\n    Size[\"wide\"] = \"wide\";\n})(Size || (Size = {}));\nvar modifiers = (_a = {},\n    _a[Size.small] = { padding: '7px 24px' },\n    _a[Size.medium] = { padding: '12px 24px' },\n    _a[Size.large] = { padding: '16px 24px' },\n    _a[Size.wide] = { padding: '12px 100px' },\n    _a);\nexport var ButtonStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  padding: \", \";\\n  font-family: \", \";\\n  font-style: normal;\\n  font-weight: \", \";\\n  font-size: 16px;\\n  line-height: 20px;\\n  text-align: center;\\n  letter-spacing: 0.04em;\\n  border-radius: 3px;\\n  cursor: pointer;\\n  outline: none;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n\"], [\"\\n  padding: \", \";\\n  font-family: \", \";\\n  font-style: normal;\\n  font-weight: \", \";\\n  font-size: 16px;\\n  line-height: 20px;\\n  text-align: center;\\n  letter-spacing: 0.04em;\\n  border-radius: 3px;\\n  cursor: pointer;\\n  outline: none;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n\"])), function (_a) {\n    var size = _a.size;\n    return size && modifiers[size].padding;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.fonts.button;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.fonts.buttonWeight;\n});\nexport var ButtonA = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n  display: inline-block;\\n\"], [\"\\n  \", \"\\n  display: inline-block;\\n\"])), ButtonStyles);\nexport var Button = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), ButtonStyles);\nButton.defaultProps = {\n    disabled: false,\n    size: Size.medium,\n};\nButtonA.defaultProps = {\n    disabled: false,\n    size: Size.medium,\n};\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=button.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nimport * as utils from '../../utils';\nimport { Button } from './button';\nexport var PrimaryStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  background: \", \";\\n  color: \", \";\\n  border: 1px solid transparent;\\n  border-radius: 45px;\\n  padding: 14px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \"\\n  }\\n\\n  &:focus-visible {\\n    background: \", \"\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background: \", \"\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"], [\"\\n  background: \",\n    \";\\n  color: \", \";\\n  border: 1px solid transparent;\\n  border-radius: 45px;\\n  padding: 14px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \"\\n  }\\n\\n  &:focus-visible {\\n    background: \", \"\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background: \", \"\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"])), function (_a) {\n    var disabled = _a.disabled;\n    return disabled\n        ? 'linear-gradient(90deg, #949494 9.35%, #6C6C6C 95.28%)'\n        : 'linear-gradient(90deg, #534AEE 9.35%, #5819A9 95.28%)';\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.neutral1;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return disabled && 'pointer-events: none;';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #413ABA 9.35%, #3D1175 95.28%);';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #413ABA 9.35%, #3D1175 95.28%);';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #534AEE 9.35%, #5819A9 95.28%);';\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n});\nvar Primary = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), PrimaryStyles);\nexport default Primary;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=primary.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nimport { Button } from './button';\nimport * as utils from '../../utils';\nexport var SecondaryStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  background: \", \";\\n  color: \", \";\\n  border: 1px solid transparent;\\n  border-radius: 45px;\\n  padding: 13px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \";\\n  }\\n\\n  &:focus-visible {\\n    background: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background: \", \"\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"], [\"\\n  background: \",\n    \";\\n  color: \", \";\\n  border: 1px solid transparent;\\n  border-radius: 45px;\\n  padding: 13px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \";\\n  }\\n\\n  &:focus-visible {\\n    background: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background: \", \"\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"])), function (_a) {\n    var disabled = _a.disabled;\n    return disabled\n        ? 'linear-gradient(90deg, #949494 9.35%, #6C6C6C 95.28%)'\n        : 'linear-gradient(90deg, #EC399D 9.35%, #BA4BEE 95.28%)';\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.neutral1;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return disabled && 'pointer-events: none;';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #BA2D7C 9.35%, #913BBA 95.28%)';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #BA2D7C 9.35%, #913BBA 95.28%)';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #EC399D 9.35%, #BA4BEE 95.28%);';\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n});\nvar Secondary = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), SecondaryStyles);\nexport default Secondary;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=secondary.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nimport * as utils from '../../utils';\nimport { Button } from './button';\nexport var TertiaryStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  color: \", \";\\n  border: \", \";\\n  background-color: \", \";\\n  border-radius: 45px;\\n  padding: 14px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \";\\n  }\\n\\n  &:focus-visible {\\n    background: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background-color: \", \";\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"], [\"\\n  color: \", \";\\n  border: \", \";\\n  background-color: \", \";\\n  border-radius: 45px;\\n  padding: 14px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \";\\n  }\\n\\n  &:focus-visible {\\n    background: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background-color: \", \";\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"])), function (_a) {\n    var theme = _a.theme, disabled = _a.disabled;\n    return (disabled ? '#4C4C4C' : theme.colors.primary);\n}, function (_a) {\n    var theme = _a.theme, disabled = _a.disabled;\n    return (disabled ? \"1px solid #4C4C4C\" : \"1px solid \" + theme.colors.primary);\n}, function (_a) {\n    var theme = _a.theme, disabled = _a.disabled;\n    return (disabled ? '#E3E3E3' : theme.colors.neutral1);\n}, function (_a) {\n    var disabled = _a.disabled;\n    return disabled && 'pointer-events: none;';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #F1F0F4 0%, #DDDBF4 100%)';\n}, function (_a) {\n    var disabled = _a.disabled;\n    return !disabled && 'linear-gradient(90deg, #F1F0F4 0%, #DDDBF4 100%)';\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return (!disabled ? theme.colors.neutral1 : '#E3E3E3');\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n});\nvar Tertiary = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), TertiaryStyles);\nexport default Tertiary;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=tertiary.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nexport var PrimaryLinkStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  color: \", \";\\n  background-color: transparent;\\n  border: 2px solid transparent;\\n  border-radius: 3px;\\n  cursor: \", \";\\n  opacity: \", \";\\n\\n  &:hover {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\\n  &:focus,\\n  &:focus-visible {\\n    color: \", \";\\n    border: 2px solid \", \";\\n    outline: none;\\n  }\\n\\n  &:active {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\"], [\"\\n  color: \", \";\\n  background-color: transparent;\\n  border: 2px solid transparent;\\n  border-radius: 3px;\\n  cursor: \", \";\\n  opacity: \", \";\\n\\n  &:hover {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\\n  &:focus,\\n  &:focus-visible {\\n    color: \", \";\\n    border: 2px solid \", \";\\n    outline: none;\\n  }\\n\\n  &:active {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\"])), function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return (disabled ? theme.colors.neutral7 : theme.colors.primary);\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 0.65 : 1);\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primaryDark;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'none' : 'underline');\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primary;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.neutral7;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primary;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'none' : 'underline');\n});\nvar PrimaryLink = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), PrimaryLinkStyles);\nexport default PrimaryLink;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=primaryLink.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nvar _a;\nimport styled from 'styled-components';\nimport * as utils from '../../utils';\nimport { Size } from './button';\nvar modifiers = (_a = {},\n    _a[Size.small] = { size: 36 },\n    _a[Size.medium] = { size: 44 },\n    _a[Size.large] = { size: 52 },\n    _a[Size.wide] = { size: 64 },\n    _a);\nvar IconButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  background-color: \", \";\\n  color: \", \";\\n  cursor: \", \";\\n  border-radius: 50%;\\n  border: none;\\n\\n  &:hover {\\n    background-color: \", \";\\n  }\\n\\n  &:focus,\\n  &:focus-visible {\\n    background-color: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 4px);\\n    height: calc(100% + 4px);\\n    transform: translate(-50%, -50%);\\n    border: 2px solid \", \";\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background-color: \", \";\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n  }\\n\"], [\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  background-color: \",\n    \";\\n  color: \", \";\\n  cursor: \", \";\\n  border-radius: 50%;\\n  border: none;\\n\\n  &:hover {\\n    background-color: \", \";\\n  }\\n\\n  &:focus,\\n  &:focus-visible {\\n    background-color: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 4px);\\n    height: calc(100% + 4px);\\n    transform: translate(-50%, -50%);\\n    border: 2px solid \", \";\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background-color: \", \";\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n  }\\n\"])), function (_a) {\n    var size = _a.size;\n    return size && modifiers[size].size;\n}, function (_a) {\n    var size = _a.size;\n    return size && modifiers[size].size;\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return disabled ? utils.hexToRGBA(theme.colors.neutral7, theme.alpha.dark) : theme.colors.primary;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.neutral1;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.primaryDark;\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.primaryDark;\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.neutral7;\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.primary;\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n});\nIconButton.defaultProps = {\n    disabled: false,\n    size: Size.medium,\n};\nexport default IconButton;\nvar templateObject_1;\n//# sourceMappingURL=icon.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nvar _a;\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled, { css } from 'styled-components';\nimport * as utils from '../../utils';\nimport { Size } from './button';\nvar modifiers = (_a = {},\n    _a[Size.small] = { size: 36 },\n    _a[Size.medium] = { size: 44 },\n    _a[Size.large] = { size: 52 },\n    _a[Size.wide] = { size: 64 },\n    _a);\nvar IconSvgStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  path,\\n  circle {\\n    fill: \", \";\\n  }\\n\"], [\"\\n  path,\\n  circle {\\n    fill: \", \";\\n  }\\n\"])), function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primary;\n});\nvar IconSvg;\nvar IconButtonSecondary = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  background-color: transparent;\\n  color: \", \";\\n  cursor: \", \";\\n  border-radius: 3px;\\n  border: none;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 6px;\\n\\n  &:hover {\\n    background-color: \", \";\\n    \", \" {\\n      \", \"\\n    }\\n  }\\n\\n  &:focus,\\n  &:focus-visible {\\n    background-color: \", \";\\n    position: relative;\\n    outline: none;\\n    \", \" {\\n      \", \"\\n    }\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 4px);\\n    height: calc(100% + 4px);\\n    transform: translate(-50%, -50%);\\n    border: 2px solid \", \";\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n    \", \" {\\n      \", \"\\n    }\\n  }\\n\"], [\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  background-color: transparent;\\n  color: \", \";\\n  cursor: \", \";\\n  border-radius: 3px;\\n  border: none;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 6px;\\n\\n  &:hover {\\n    background-color: \",\n    \";\\n    \", \" {\\n      \", \"\\n    }\\n  }\\n\\n  &:focus,\\n  &:focus-visible {\\n    background-color: \",\n    \";\\n    position: relative;\\n    outline: none;\\n    \", \" {\\n      \", \"\\n    }\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 4px);\\n    height: calc(100% + 4px);\\n    transform: translate(-50%, -50%);\\n    border: 2px solid \", \";\\n    border-radius: 3px;\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n    \", \" {\\n      \", \"\\n    }\\n  }\\n\"])), function (_a) {\n    var size = _a.size;\n    return size && modifiers[size].size;\n}, function (_a) {\n    var size = _a.size;\n    return size && modifiers[size].size;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.neutral1;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n    var theme = _a.theme, disabled = _a.disabled;\n    return !disabled && utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light);\n}, IconSvg, IconSvgStyles, function (_a) {\n    var theme = _a.theme, disabled = _a.disabled;\n    return !disabled && utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light);\n}, IconSvg, IconSvgStyles, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.neutral7;\n}, IconSvg, IconSvgStyles);\nIconButtonSecondary.defaultProps = {\n    disabled: false,\n    size: Size.small,\n};\nvar IconSecondary = function (_a) {\n    var disabled = _a.disabled, size = _a.size, icon = _a.icon, onClick = _a.onClick, rest = __rest(_a, [\"disabled\", \"size\", \"icon\", \"onClick\"]);\n    var IconSvg = styled(icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\"], [\"\"])));\n    return (_jsx(IconButtonSecondary, __assign({ disabled: disabled, size: size, onClick: onClick }, { children: _jsx(IconSvg, __assign({}, rest), void 0) }), void 0));\n};\nexport default IconSecondary;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=iconSecondary.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nimport * as utils from '../../utils';\nimport { Button } from './button';\nexport var QuaternaryStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  background: \", \";\\n  color: \", \";\\n  border: 1px solid transparent;\\n  border-radius: 45px;\\n  padding: 14px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \";\\n  }\\n\\n  &:focus-visible {\\n    background: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background: \", \";\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"], [\"\\n  background: \", \";\\n  color: \", \";\\n  border: 1px solid transparent;\\n  border-radius: 45px;\\n  padding: 14px 24px;\\n  line-height: 24px;\\n  font-weight: 600;\\n  \", \"\\n\\n  &:hover {\\n    background: \", \";\\n  }\\n\\n  &:focus-visible {\\n    background: \", \";\\n    position: relative;\\n    outline: none;\\n  }\\n\\n  &:focus-visible:after {\\n    position: absolute;\\n    width: calc(100% + 6px);\\n    height: calc(100% + 6px);\\n    transform: translate(-50%, -50%);\\n    top: 50%;\\n    left: 50%;\\n    content: '';\\n  }\\n\\n  &:active {\\n    background: \", \";\\n    -moz-box-shadow: inset 0px 4px 4px \", \";\\n    -webkit-box-shadow: inset 0px 4px 4px \", \";\\n    box-shadow: inset 0px 4px 4px \", \";\\n    border: 1px solid transparent;\\n    outline: none;\\n  }\\n\\n  &:active:after {\\n    border: none;\\n  }\\n\"])), function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return (disabled ? '#808080' : theme.colors.neutral6);\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.neutral1;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return disabled && 'pointer-events: none;';\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.neutral7;\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.neutral7;\n}, function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return !disabled && theme.colors.neutral6;\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n}, function (_a) {\n    var theme = _a.theme;\n    return utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n});\nvar Quaternary = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), QuaternaryStyles);\nexport default Quaternary;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=quaternary.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nimport { ButtonStyles, Size } from '../Button/button';\nvar LinkStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\"], [\"\"])));\nexport var Link = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), LinkStyles);\nLink.defaultProps = {\n    disabled: false,\n};\nexport var Button = styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  \", \"\\n  display: inline-block;\\n\"], [\"\\n  \", \"\\n  display: inline-block;\\n\"])), ButtonStyles);\nButton.defaultProps = {\n    disabled: false,\n    size: Size.medium,\n};\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=link.js.map","export enum CampaignStatus {\n  onboarding = 'Onboarding',\n  verification = 'Verification Request',\n  development = 'Campaign Prep',\n  productDesign = 'Product Design',\n  launched = 'Campaign Launch',\n  actionRequired = 'Payout Request',\n  creatorActionPending = 'Creator Pending',\n  adminPayoutProcessing = 'Admin Payout Processing',\n  paidOut = 'Paid Out',\n  unsuccessful = 'Unsuccessful',\n}\n\nexport enum UserType {\n  SuperAdmin = 'superadmin',\n  Admin = 'admin',\n  Creator = 'creator',\n  Sales = 'sales',\n}\n\ntype RoleType = {\n  [key: string]: string;\n};\nexport const RoleTypes: RoleType = {\n  Primary: 'primary',\n  Sales: 'sales',\n  Viewer: 'viewer',\n};\n\nexport enum PaymentMethod {\n  PayPal = 'paypal',\n  BankTransfer = 'bank',\n}\n\nexport enum VerificationStatus {\n  unverified = 'unverified',\n  submitted = 'submitted',\n  verified = 'verified',\n  approved = 'approved',\n}\n\nexport enum ApprovalStatus {\n  approved = 'approved',\n  rejected = 'rejected',\n}\n\nexport enum PaymentStatus {\n  submitted = 'submitted',\n  approved = 'approved',\n  rejected = 'rejected',\n}\n\ntype ProductMOQ = {\n  [key: string]: number;\n};\n\nexport const productMOQ: ProductMOQ = {\n  Plushie: 200,\n  Longboi: 200,\n  Charm: 100,\n  Sketchbook: 500,\n  Keycap: 100,\n  Backpack: 200,\n  EnamelPin2Pack: 200,\n  EnamelPin3Pack: 200,\n};\n\nexport enum TableType {\n  campaigns = 'campaigns',\n  verifications = 'verifications',\n  payouts = 'payouts',\n  clientCut = 'clientCut',\n}\n\nexport enum ContractType {\n  standard = 'standard',\n  nonStandard = 'non-standard',\n}\n\nexport enum TaskType {\n  AgreementPrep = 'agreementPrep',\n  ProductPagePrep = 'productPagePrep',\n  PayoutReview = 'payoutReview',\n}\n\nexport const getTableType = (tableType: TableType) => {\n  switch (tableType) {\n    case TableType.campaigns:\n      return 'Campaigns';\n    case TableType.clientCut:\n      return 'Client Cuts';\n    case TableType.payouts:\n      return 'Payouts';\n    case TableType.verifications:\n      return 'Verifications';\n    default:\n      return '';\n  }\n};\n\nexport const gracePeriod = 14;\n\nexport enum AccountType {\n  Individual = 'individual',\n  Company = 'company',\n}\n\nexport enum AccountName {\n  SameAsInvoice = 0,\n  DifferentName = 1,\n}\n\nexport enum PayoutSteps {\n  invoiceApproval,\n  payment,\n  verification,\n  review,\n}\n\nexport enum AgreementPrepSteps {\n  campaignInfo,\n  review,\n  confirmation,\n}\n\nexport enum ProductPagePrepSteps {\n  campaignDetails,\n  creatorMessage,\n  review,\n  confirmation,\n}\n\nexport enum BreadcrumbType {\n  payout = 'payout',\n  agreementPrep = 'agreementPrep',\n  productPagePrep = 'productPagePrep',\n}\n\nexport enum ProductType {\n  Plushie = 'Plush Toy',\n  Longboi = 'Longboi',\n  JumboPlush = 'Jumbo Plush',\n  PlushKeychain = 'Keychain',\n  SquishyPlush = 'Squishy',\n  Vinyl = 'Vinyl',\n  Charm = 'Charm',\n  FannyPack = 'Fanny Pack',\n  EnamelPin2Pack = 'Enamel Pin 2 Pack',\n  EnamelPin3Pack = 'Enamel Pin 3 Pack',\n}\n\nexport const ProductTypeList: string[] = Object.entries(ProductType).map(([_key, value]) => value);\n\nexport enum PayoutTerms {\n  StandardPlushPayoutTerms = '0% (campaign fails) if less than 200 units are sold, 10% if 200-399 units are sold, 30% if 400+ units are sold.',\n  StandardFlatRatePayoutTerms = '30% of net retail sales if moq is reached.',\n  StandardVinylPayoutTerms = '0% (campaign fails) if less than 500 units are sold, 10% if 500-999 units are sold, 30% if 1000+ units are sold.',\n  StandardFannyPackPayoutTerms = '0% (campaign fails) if less than 200 units are sold, 30% if 200+ units are sold.',\n  StandardEnamelPin2PackPayoutTerms = '0% (campaign fails) if less than 200 units are sold, 10% if 200-399 units are sold, 30% if 400+ units are sold.',\n  StandardEnamelPin3PackPayoutTerms = '0% (campaign fails) if less than 200 units are sold, 10% if 200-399 units are sold, 30% if 400+ units are sold.',\n}\n","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled, { css } from 'styled-components';\nimport { Link } from './link';\nvar PrimaryStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  color: \", \";\\n  background-color: transparent;\\n  text-decoration: none;\\n  cursor: \", \";\\n  opacity: \", \";\\n\\n  &:hover {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\\n  &:focus-visible {\\n    color: \", \";\\n    outline: none;\\n  }\\n\\n  &:active {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\"], [\"\\n  color: \", \";\\n  background-color: transparent;\\n  text-decoration: none;\\n  cursor: \", \";\\n  opacity: \", \";\\n\\n  &:hover {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\\n  &:focus-visible {\\n    color: \", \";\\n    outline: none;\\n  }\\n\\n  &:active {\\n    color: \", \";\\n    text-decoration: \", \";\\n  }\\n\"])), function (_a) {\n    var disabled = _a.disabled, theme = _a.theme;\n    return (disabled ? theme.colors.neutral7 : theme.colors.primary);\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 0.65 : 1);\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primaryDark;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'none' : 'underline');\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primary;\n}, function (_a) {\n    var theme = _a.theme;\n    return theme.colors.primary;\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'none' : 'underline');\n});\nvar Primary = styled(Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), PrimaryStyles);\nexport default Primary;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=primary.js.map","import Primary from './primary';\nimport PrimaryButton from './primaryButton';\nimport SecondaryButton from './secondaryButton';\nimport TertiaryButton from './tertiaryButton';\nimport { Size } from '../Button/button';\nvar StyledLink = {\n    Size: Size,\n    Primary: Primary,\n    PrimaryButton: PrimaryButton,\n    SecondaryButton: SecondaryButton,\n    TertiaryButton: TertiaryButton,\n};\nexport default StyledLink;\n//# sourceMappingURL=index.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled from 'styled-components';\nimport { Button } from './link';\nimport { PrimaryStyles } from '../Button/primary';\nvar PrimaryButton = styled(Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), PrimaryStyles);\nexport default PrimaryButton;\nvar templateObject_1;\n//# sourceMappingURL=primaryButton.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled from 'styled-components';\nimport { Button } from './link';\nimport { SecondaryStyles } from '../Button/secondary';\nvar SecondaryButton = styled(Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), SecondaryStyles);\nexport default SecondaryButton;\nvar templateObject_1;\n//# sourceMappingURL=secondaryButton.js.map","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nimport styled from 'styled-components';\nimport { Button } from './link';\nimport { TertiaryStyles } from '../Button/tertiary';\nvar TertiaryButton = styled(Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), TertiaryStyles);\nexport default TertiaryButton;\nvar templateObject_1;\n//# sourceMappingURL=tertiaryButton.js.map","import styled, { css } from 'styled-components';\n\nexport const H1Styles = css`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-style: normal;\n  font-weight: 400;\n  font-size: 48px;\n  line-height: 64px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H1 = styled.h1`\n  ${H1Styles}\n`;\n\nexport const H2Styles = css`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-style: normal;\n  font-weight: 400;\n  font-size: 40px;\n  line-height: 54px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H2 = styled.h2`\n  ${H2Styles}\n`;\n\nexport const H2Styles2 = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 800;\n  font-size: 35px;\n  line-height: 43px;\n  letter-spacing: 0.05em;\n`;\n\nexport const H2Style2 = styled.h2`\n  ${H2Styles}\n`;\n\nexport const H3Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 700;\n  font-size: 36px;\n  line-height: 48px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H3 = styled.h3`\n  ${H3Styles}\n`;\n\nexport const H3Styles2 = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 800;\n  font-size: 25px;\n  line-height: 30px;\n  letter-spacing: 0.05em;\n`;\n\nexport const H3Style2 = styled.h3`\n  ${H3Styles}\n`;\n\nexport const H4Styles = css`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-style: normal;\n  font-weight: 400;\n  font-size: 28px;\n  line-height: 38px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H4 = styled.h4`\n  ${H4Styles}\n`;\n\nexport const H4Style2 = styled.h4`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 22px;\n  letter-spacing: 0.01em;\n`;\n\nexport const H5Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 700;\n  font-size: 24px;\n  line-height: 34px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H5 = styled.h5`\n  ${H5Styles}\n`;\n\nexport const H5Styles2 = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 20px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H5Style2 = styled.h5`\n  ${H5Styles}\n`;\n\nexport const H6Styles = css`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-style: normal;\n  font-weight: 400;\n  font-size: 22px;\n  line-height: 32px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H6 = styled.h6`\n  ${H5Styles}\n`;\n\nexport const H8Styles = css`\n  //styleName: Subtitle 2 - H8 - Website;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n`;\n\nexport const H8 = styled.h6`\n  ${H8Styles}\n`;\n\nexport const S1Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 700;\n  font-size: 18px;\n  line-height: 26px;\n  letter-spacing: 0.02em;\n`;\n\nexport const S1 = styled.p`\n  ${S1Styles}\n`;\n\nexport const S2Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 700;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n`;\n\nexport const S2 = styled.p`\n  ${S2Styles}\n`;\n\nexport const S3Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 21px;\n  letter-spacing: 0.02em;\n`;\n\nexport const S3 = styled.p`\n  ${S3Styles}\n`;\n\nexport const P1Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: 18px;\n  line-height: 26px;\n  letter-spacing: 0.02em;\n`;\n\nexport const P1 = styled.p`\n  ${P1Styles}\n`;\n\nexport const P1Style2 = styled.p`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: 18px;\n  line-height: 24px;\n  letter-spacing: 0.01em;\n`;\n\nexport const P2Styles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n`;\n\nexport const P2 = styled.p`\n  ${P2Styles}\n`;\n\nexport const CaptionStyles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  letter-spacing: 0.04em;\n`;\n\nexport const Caption = styled.p`\n  ${CaptionStyles}\n`;\n\nexport const OverlineStyles = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: 0.04em;\n`;\n\nexport const Overline = styled.p`\n  ${OverlineStyles}\n`;\n\nexport const OverlineStyles2 = css`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n`;\n\nexport const OverlineStyle2 = styled.p`\n  ${OverlineStyles}\n`;\n\nexport const DialogStyles = css`\n  font-family: ${({ theme }) => theme.fonts.button};\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.04em;\n`;\n\nexport const Dialog = styled.p`\n  ${DialogStyles}\n`;\n\nexport const Strong = styled.span`\n  font-weight: 700;\n`;\n\nexport const Italics = styled.span`\n  font-style: italic;\n`;\n","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n    return cooked;\n};\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from 'styled-components';\nimport { utils } from '../..';\nvar ProgressBarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  height: \", \"px;\\n  width: 100%;\\n  border-radius: 45px;\\n  background-color: \", \";\\n\"], [\"\\n  height: \", \"px;\\n  width: 100%;\\n  border-radius: 45px;\\n  background-color: \",\n    \";\\n\"])), function (_a) {\n    var height = _a.height;\n    return height || 4;\n}, function (_a) {\n    var theme = _a.theme, customBackgroundColor = _a.customBackgroundColor;\n    return customBackgroundColor || utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium);\n});\nvar ProgressBarFill = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  height: 100%;\\n  width: \", \"%;\\n  \", \"\\n\\n  border-radius: inherit;\\n  text-align: right;\\n\"], [\"\\n  height: 100%;\\n  width: \", \"%;\\n  \",\n    \"\\n\\n  border-radius: inherit;\\n  text-align: right;\\n\"])), function (_a) {\n    var percentage = _a.percentage;\n    return Math.min(1, percentage) * 100;\n}, function (_a) {\n    var isGradient = _a.isGradient, funded = _a.funded, theme = _a.theme, customColor = _a.customColor;\n    return isGradient\n        ? \"  background-image: linear-gradient(90deg, #5349ed 17.53%, #b949ed 84.49%, \" + theme.colors.gitdPink + \" 101.86%);\\n    \"\n        : \"background-color: \" + (customColor || (funded ? theme.colors.secondary : theme.colors.primary)) + \";\";\n});\nvar ProgressBar = function (_a) {\n    var percentage = _a.percentage, funded = _a.funded, height = _a.height, customColor = _a.customColor, customBackgroundColor = _a.customBackgroundColor, isGradient = _a.isGradient;\n    return (_jsx(ProgressBarContainer, __assign({ height: height, customBackgroundColor: customBackgroundColor }, { children: _jsx(ProgressBarFill, { percentage: percentage, funded: funded, customColor: customColor, isGradient: isGradient }, void 0) }), void 0));\n};\nexport default ProgressBar;\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=index.js.map","import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { utils } from '@makeship/core';\nimport { P2 } from '../../Typography';\n\nexport type AvatarProps = {\n  name?: string;\n  initial?: string;\n  color?: string;\n  tooltip?: boolean;\n  large?: boolean;\n  children?: React.ReactNode;\n};\n\nconst AvatarContainer = styled.div<{ color: string; large: boolean; tooltip: boolean }>`\n  width: ${({ large }) => (large ? 40 : 32)}px;\n  height: ${({ large }) => (large ? 40 : 32)}px;\n  color: ${({ theme }) => theme.colors.neutral1};\n  background: ${({ color, theme }) => color || theme.colors.primaryDark};\n  border-radius: 50px;\n  display: inline-block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  ${({ tooltip }) => tooltip && 'cursor: pointer;'}\n`;\n\nconst AvatarText = styled(P2)`\n  text-transform: uppercase;\n`;\n\nconst TooltipCSS = css`\n  visibility: hidden;\n  background-color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.dark)};\n  color: ${({ theme }) => theme.colors.neutral1};\n  text-align: center;\n  padding: 6px 0;\n  border-radius: 3px;\n  position: absolute;\n  z-index: 10;\n`;\n\nconst Tooltip = styled.div`\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 115%;\n  position: absolute;\n  display: flex;\n  cursor: pointer;\n  ${TooltipCSS}\n`;\n\nconst TooltipText = styled(P2)`\n  ${TooltipCSS}\n  white-space: nowrap;\n  padding: 8px 16px;\n  ${AvatarContainer}:hover & {\n    visibility: visible;\n  }\n`;\n\nconst Avatar: React.FC<AvatarProps> = ({\n  name = '',\n  color = '',\n  initial = '',\n  tooltip = false,\n  large = false,\n  children,\n}: AvatarProps) => (\n  <AvatarContainer color={color} large={large} tooltip={tooltip}>\n    {children || <AvatarText>{initial || name.charAt(0)}</AvatarText>}\n    {tooltip && (\n      <Tooltip>\n        <TooltipText>{name}</TooltipText>\n      </Tooltip>\n    )}\n  </AvatarContainer>\n);\n\nexport default Avatar;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { utils } from '@makeship/core';\nimport { H5Style2, Caption } from '../../Typography';\nimport defaultProductImg from '../../../assets/images/default-product.png';\n\nexport type CardProps = {\n  item: Campaign;\n};\n\nconst CardContainer = styled.div`\n  display: flex;\n  height: 100%;\n  padding: 5px;\n`;\n\nconst CardInfo = styled.div`\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n`;\n\nconst CardH5 = styled(H5Style2)`\n  margin-bottom: 2px;\n`;\n\nconst CardCaption = styled(Caption)`\n  margin-bottom: 2px;\n`;\n\nconst CardIcons = styled.div`\n  flex-basis: 80px;\n  display: flex;\n  padding-top: 10px;\n`;\n\nconst Card: React.FC<CardProps> = ({ item }: CardProps) => (\n  <CardContainer>\n    <CardInfo>\n      <CardH5>{item.campaignName}</CardH5>\n      <CardCaption>{item.contact?.firstName}</CardCaption>\n    </CardInfo>\n    <CardIcons>\n      <div>\n        <img src={item.product?.imageUrl || defaultProductImg} alt=\"plush toy\" />\n      </div>\n    </CardIcons>\n  </CardContainer>\n);\n\nexport const PrimaryCard = styled.div`\n  background-color: ${({ theme }) => theme.colors.neutral1};\n  box-shadow: 0px 0px 6px ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  border-radius: 3px;\n\n  &:hover {\n    /* background-color: ${({ theme }) => theme.colors.accent}; */\n    box-shadow: 0px 0px 16px ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  }\n`;\n\nexport default Card;\n","export default __webpack_public_path__ + \"static/media/redesign_logo_makeship.70723e98.svg\";","import React from 'react';\nimport styled from 'styled-components';\nimport { Link } from 'react-router-dom';\nimport { utils } from '@makeship/core';\n\nimport Logo from '../../../assets/images/redesign_logo_makeship.svg';\n\ntype HeaderProps = {\n  children: React.ReactNode;\n};\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 64px;\n  background-color: ${({ theme }) => theme.colors.neutral1};\n  padding: 15px 24px;\n  border-bottom: 1px solid ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n`;\n\nconst FlexBox = styled.div`\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 20px;\n`;\n\nconst LogoWrapper = styled.div`\n  cursor: pointer;\n`;\n\nconst LogoImg = styled.img`\n  width: 39px;\n  height: 39px;\n`;\n\nconst StyledHeader: React.FC<HeaderProps> = ({ children }: HeaderProps) => (\n  <Header>\n    <Link to=\"/dashboard\">\n      <LogoWrapper>\n        <LogoImg src={Logo} alt=\"Makeship logo\" />\n      </LogoWrapper>\n    </Link>\n    <FlexBox>{children}</FlexBox>\n  </Header>\n);\n\nexport default StyledHeader;\n","export default __webpack_public_path__ + \"static/media/loading.43c82ecd.gif\";","import React from 'react';\nimport styled from 'styled-components';\nimport loadingAnimation from '../../../assets/images/loading.gif';\n\nconst LoadingWrapper = styled.div`\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: white;\n  z-index: 100;\n`;\n\nconst Loading: React.FC = () => (\n  <LoadingWrapper>\n    <img src={loadingAnimation} alt=\"loading animation\" />\n  </LoadingWrapper>\n);\n\nexport default Loading;\n","import cookie from 'cookie';\n\nexport const accessTokenKey = 'accessToken';\nexport const refreshTokenKey = 'refreshToken';\n\nexport const createCookie = (cookieName: string, cookieValue: string, hourToExpire: number): void => {\n  const date = new Date();\n  date.setTime(date.getTime() + hourToExpire * 60 * 60 * 1000);\n  document.cookie = `${cookieName} = ${cookieValue}; expires = ${date.toUTCString()}; SameSite = Strict; Secure; path=/`;\n};\n\nexport const getCookie = (cookieName: string): string => cookie.parse(document.cookie)[cookieName];\n\nexport const deleteCookie = (cookieName: string): void => {\n  document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:01 GMT;`;\n};\n","import axios, { AxiosRequestConfig } from 'axios';\nimport qs from 'qs';\n\nimport { refreshAccessToken, refreshRoute } from './auth';\nimport { accessTokenKey, createCookie, getCookie, refreshTokenKey } from '../utils/cookies';\n\nconst client = axios.create({\n  baseURL: process.env.REACT_APP_API_URL,\n  headers: {\n    'Content-Type': 'application/x-www-form-urlencoded',\n    Accept: 'application/json',\n  },\n});\n\nclient.interceptors.request.use((req: AxiosRequestConfig) => {\n  if (req.data) {\n    req.data = qs.stringify(req.data);\n  }\n\n  if (req.url === refreshRoute) return req;\n\n  const accessToken = getCookie(accessTokenKey);\n\n  if (accessToken) {\n    req.headers.Authorization = `Bearer ${accessToken}`;\n    return req;\n  }\n\n  return getAccessToken(req);\n});\n\nconst getAccessToken = (req: AxiosRequestConfig) => {\n  const refreshToken = getCookie(refreshTokenKey);\n  const userId = window.localStorage.getItem('userId') || undefined;\n\n  if (!refreshToken) {\n    return req;\n  }\n\n  return refreshAccessToken(refreshToken, userId)\n    .then(({ data: { accessToken } }) => {\n      // expire in 30 minutes(same time as the cookie is invalidated on the backend)\n      createCookie(accessTokenKey, accessToken, 0.5);\n\n      const bearer = `Bearer ${accessToken}`;\n      req.headers.Authorization = bearer;\n      client.defaults.headers.common.Authorization = bearer;\n\n      return req;\n    })\n    .catch(() => req);\n};\n\nexport default client;\n","export const removeErrorName = (error: string): string => {\n  if (error.indexOf(':') === -1) {\n    return error;\n  }\n  return error.split(':')[1];\n};\n","import { AxiosResponse } from 'axios';\nimport client from '../client';\nimport { removeErrorName } from '../../utils/cognito-error';\n\nexport interface AuthResponse {\n  accessToken: string;\n  idToken: string;\n  refreshToken?: string;\n  challengeName?: string;\n  challengeParameters?: Record<string, string>;\n  session?: string;\n}\n\nexport const refreshRoute = '/auth/refresh';\n\nexport const signIn = async (email: string, password: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/login', { email, password })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const signUp = async (email: string, password: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/signup', { email, password })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const confirmSignUpUsingCode = async (email: string, code: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/signup/confirm', { email, code })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const refreshAccessToken = async (refreshToken: string, userId?: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>(refreshRoute, { refreshToken, userId })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const signOut = async (): Promise<AxiosResponse<AuthResponse>> =>\n  client.post<AuthResponse>('/auth/signout').catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const forgotPassword = async (email: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/password/forgot', { email })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const confirmForgotPassword = async (\n  email: string,\n  password: string,\n  confirmationCode: string,\n): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/password/confirm', { email, password, confirmationCode })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const respondToAuthChallenge = async (\n  challengeName: string,\n  challengeResponse: string,\n  email: string,\n  session: string,\n): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/challenge/respond', { challengeName, challengeResponse, email, session })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const updatePassword = async (oldPassword: string, newPassword: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/password/update', { oldPassword, newPassword })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const sendInvitation = async (email: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/invitation', { email })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n\nexport const resendVerifyCode = async (email: string): Promise<AxiosResponse<AuthResponse>> =>\n  client\n    .post<AuthResponse>('/auth/code/resend', { email })\n    .catch((err) => Promise.reject(removeErrorName(err.response.data.detail)));\n","import React, { useState, useEffect, ReactNode } from 'react';\nimport jwtDecode from 'jwt-decode';\nimport { Auth as AmplifyAuth, Hub } from 'aws-amplify';\nimport posthog from 'posthog-js';\n\nimport Loading from '../components/common/Loading';\n\nimport { UserType, VerificationStatus } from '../types/common';\nimport {\n  signIn as authSignIn,\n  signUp as authSignUp,\n  signOut as authSignOut,\n  respondToAuthChallenge as authChallengeResponse,\n  AuthResponse,\n} from '../api/auth';\nimport { getUserByUserId } from '../api/users';\nimport { createCookie, getCookie, deleteCookie, accessTokenKey, refreshTokenKey } from '../utils/cookies';\n\ntype CognitoResponse = {\n  'cognito:username': string;\n};\n\ntype AuthContextProps = {\n  currentUser?: User;\n  currentChallenge?: Challenge;\n  setCurrentChallenge: React.Dispatch<React.SetStateAction<Challenge | undefined>>;\n  signIn: (email: string, password: string) => Promise<void>;\n  signInUsingOTP: (code: string) => Promise<void>;\n  sendOTP: (email: string) => Promise<void>;\n  signUp: (email: string, password: string) => Promise<void>;\n  signOut: () => void;\n  getUserInfo: () => Promise<void>;\n  challengeResponse: (challengeName: string, response: string, userName: string, session: string) => Promise<void>;\n  pending: boolean;\n  isHideHeader: boolean;\n  setIsHideHeader: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const AuthContext = React.createContext<AuthContextProps>({} as AuthContextProps);\n\ntype AuthProps = {\n  children: ReactNode;\n};\n\nexport const Auth: React.FC<AuthProps> = ({ children }: AuthProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [tempCognitoUser, setTempCognitoUser] = useState<any>(undefined);\n  const [currentUser, setCurrentUser] = useState<User | undefined>(undefined);\n  const [currentChallenge, setCurrentChallenge] = useState<Challenge | undefined>(undefined);\n  const [loading, setLoading] = useState(true);\n  const [pending, setPending] = useState(false);\n  const [isHideHeader, setIsHideHeader] = useState<boolean>(false); // Prevents dashboard header from displaying\n\n  useEffect(() => {\n    Hub.listen('auth', ({ payload: { event, data } }) => {\n      switch (event) {\n        case 'signIn':\n        case 'cognitoHostedUI':\n          getCognitoUser()\n            .then(({ signInUserSession }) => {\n              const authData: AuthResponse = {\n                accessToken: signInUserSession?.accessToken.jwtToken,\n                idToken: signInUserSession?.idToken.jwtToken,\n                refreshToken: signInUserSession?.refreshToken.token,\n              };\n              return handleAuthResponse(authData);\n            })\n            .then((accessTokenExists) => {\n              if (accessTokenExists) {\n                getUserInfo();\n              }\n            })\n            .catch((err) => Promise.reject(err))\n            .finally(() => setPending(false));\n          break;\n        case 'signIn_failure':\n        case 'cognitoHostedUI_failure':\n          break;\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    // eslint-disable-next-line no-console\n    getUserInfo().catch((err) => console.log('err:', err));\n  }, []);\n\n  const getCognitoUser = () => AmplifyAuth.currentAuthenticatedUser().then((userData) => userData);\n\n  const getUserInfo = async () => {\n    const userId = window.localStorage.getItem('userId');\n    const refreshToken = getCookie(refreshTokenKey);\n    if (refreshToken && userId) {\n      setPending(true);\n      return getUserByUserId()\n        .then(({ data }) => {\n          setCurrentUser(data);\n          setCurrentChallenge(undefined);\n          sendSignInToPostHog(data);\n        })\n        .catch((err) => Promise.reject(err))\n        .finally(() => {\n          setLoading(false);\n          setPending(false);\n        });\n    }\n    setLoading(false);\n    return Promise.resolve();\n  };\n\n  const handleAuthResponse = (data: AuthResponse): boolean => {\n    const { accessToken, idToken, refreshToken = '', challengeName, session, challengeParameters } = data;\n    if (challengeName && session && challengeParameters) {\n      const destination = challengeParameters.CODE_DELIVERY_DESTINATION;\n      const userName = challengeParameters.USER_ID_FOR_SRP;\n\n      setCurrentChallenge({ challengeName, session, destination, userName });\n      return false;\n    }\n    const userId = jwtDecode<CognitoResponse>(idToken)['cognito:username'];\n\n    window.localStorage.setItem('userId', userId);\n    // expire in 30 minutes(same time as the cookie is invalidated on the backend)\n    createCookie(accessTokenKey, accessToken, 0.5);\n    // 30 day expiry for forced logout\n    createCookie(refreshTokenKey, refreshToken, 30 * 60);\n    return true;\n  };\n\n  const handleOTPAuthResponse = (accessToken: string, idToken: string, refreshToken: string): boolean => {\n    const userId = jwtDecode<CognitoResponse>(idToken)['cognito:username'];\n\n    window.localStorage.setItem('userId', userId);\n    // expire in 30 minutes(same time as the cookie is invalidated on the backend)\n    createCookie(accessTokenKey, accessToken, 0.5);\n    // 30 day expiry for forced logout\n    createCookie(refreshTokenKey, refreshToken, 30 * 60);\n    return true;\n  };\n\n  const signIn = (email: string, password: string) => {\n    setPending(true);\n    return authSignIn(email, password)\n      .then(({ data }) => handleAuthResponse(data))\n      .then((accessTokenExists) => {\n        if (accessTokenExists) {\n          getUserInfo();\n        }\n      })\n      .catch((err) => Promise.reject(err))\n      .finally(() => setPending(false));\n  };\n\n  const signInUsingOTP = async (code: string) => {\n    setPending(true);\n    // Send the answer to the User Pool\n    // This will throw an error if it’s the 3rd wrong answer\n    await AmplifyAuth.sendCustomChallengeAnswer(tempCognitoUser, code).finally(() => {\n      setPending(false);\n    });\n\n    return AmplifyAuth.currentSession().then(async (res) => {\n      const jwt = res.getAccessToken().getJwtToken();\n      const idToken = res.getIdToken().getJwtToken();\n      const refresh = res.getRefreshToken().getToken();\n      await handleOTPAuthResponse(jwt, idToken, refresh);\n      await getUserInfo();\n      setTempCognitoUser(undefined);\n    });\n  };\n\n  const sendOTP = (email: string) => {\n    const formattedEmail = email.trim().toLowerCase();\n\n    setPending(true);\n    return AmplifyAuth.signIn(formattedEmail)\n      .then((user) => {\n        setTempCognitoUser(user);\n        setCurrentChallenge({ challengeName: 'CUSTOM_CHALLENGE', session: '' });\n      })\n      .catch((err) => Promise.reject(err))\n      .finally(() => setPending(false));\n  };\n\n  const signUp = (email: string, password: string) => {\n    setPending(true);\n    return authSignUp(email, password)\n      .then(({ data }) => {\n        setCurrentChallenge({ challengeName: 'EMAIL_VERIFICATION', session: '' });\n      })\n      .catch((err) => Promise.reject(err))\n      .finally(() => setPending(false));\n  };\n\n  const challengeResponse = async (challengeName: string, response: string, email: string, session: string) => {\n    setPending(true);\n    return authChallengeResponse(challengeName, response, email, session)\n      .then(({ data }) => handleAuthResponse(data))\n      .then((accessTokenExists) => {\n        if (accessTokenExists) {\n          getUserInfo();\n        }\n      })\n      .catch((err) => Promise.reject(err))\n      .finally(() => setPending(false));\n  };\n\n  const signOut = () => {\n    setPending(true);\n    setLoading(true);\n    authSignOut()\n      .then(async () => {\n        localStorage.clear();\n        setCurrentUser(undefined);\n        deleteCookie(accessTokenKey);\n        deleteCookie(refreshTokenKey);\n        await AmplifyAuth.signOut({ global: true });\n      })\n      .catch((err) => Promise.reject(err))\n      .finally(() => {\n        setLoading(false);\n        setPending(false);\n      });\n  };\n\n  const sendSignInToPostHog = (user: User) => {\n    posthog.identify(user.email, {\n      properties: {\n        user_type: user.userType,\n      },\n    });\n  };\n\n  return (\n    <>\n      {loading ? (\n        <Loading />\n      ) : (\n        <AuthContext.Provider\n          value={{\n            currentUser,\n            currentChallenge,\n            setCurrentChallenge,\n            signIn,\n            signInUsingOTP,\n            sendOTP,\n            signUp,\n            signOut,\n            challengeResponse,\n            pending,\n            isHideHeader,\n            setIsHideHeader,\n            getUserInfo,\n          }}\n        >\n          {children}\n        </AuthContext.Provider>\n      )}\n    </>\n  );\n};\n\nexport const mockUser: User = {\n  id: '10',\n  firstName: 'John',\n  lastName: 'Doe',\n  email: 'johndoe@makeship.com',\n  userType: UserType.Admin,\n  externalId: '101',\n  verificationStatus: VerificationStatus.unverified,\n};\n\nexport const AuthContextMock: React.FC<AuthProps> = ({ children }: AuthProps) => (\n  <AuthContext.Provider\n    value={{\n      currentUser: mockUser,\n      signIn: () => new Promise((resolve) => resolve()),\n      signInUsingOTP: () => new Promise((resolve) => resolve()),\n      sendOTP: () => new Promise((resolve) => resolve()),\n      signUp: () => new Promise((resolve) => true),\n      signOut: () => true,\n      setCurrentChallenge: () => true,\n      challengeResponse: () => new Promise((resolve) => resolve()),\n      pending: false,\n      isHideHeader: false,\n      setIsHideHeader: () => false,\n      getUserInfo: () => new Promise((resolve) => resolve()),\n    }}\n  >\n    {children}\n  </AuthContext.Provider>\n);\n","var _g, _defs;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgSettingsIcon(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#clip0)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M11.9786 9.28075C10.4651 9.28075 9.23826 10.5076 9.23826 12.0211C9.23826 13.5345 10.4651 14.7614 11.9786 14.7614C13.492 14.7614 14.7189 13.5345 14.7189 12.0211C14.7189 10.5076 13.492 9.28075 11.9786 9.28075ZM7.43848 12.0211C7.43848 9.51363 9.47115 7.48096 11.9786 7.48096C14.486 7.48096 16.5187 9.51363 16.5187 12.0211C16.5187 14.5285 14.486 16.5612 11.9786 16.5612C9.47115 16.5612 7.43848 14.5285 7.43848 12.0211Z\",\n    fill: \"#141414\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M8.75067 2.15875C8.75067 0.922784 9.76578 -0.0109863 10.9204 -0.0109863H12.9522C14.1881 -0.0109863 15.1219 1.00412 15.1219 2.15875V4.2286C15.1698 4.24766 15.2175 4.26725 15.2652 4.28739L16.718 2.8346C17.5773 1.97523 18.909 1.97523 19.7684 2.8346L21.2075 4.27375C22.0669 5.13312 22.0669 6.4648 21.2075 7.32417L19.7603 8.77136C19.7759 8.80667 19.7912 8.84218 19.8061 8.8779H21.841C22.9754 8.8779 24.0108 9.79207 24.0108 11.0053V13.0371C24.0108 14.273 22.9957 15.2068 21.841 15.2068H19.7511C19.7498 15.2098 19.7486 15.2127 19.7473 15.2157L21.2499 16.7182C22.1092 17.5776 22.1092 18.9093 21.2499 19.7686L19.8107 21.2078C18.9513 22.0671 17.6196 22.0671 16.7603 21.2078L15.3023 19.7498C15.2565 19.7696 15.2105 19.789 15.1642 19.808V21.8413C15.1642 23.0773 14.1491 24.011 12.9945 24.011H10.9627C9.72677 24.011 8.793 22.9959 8.793 21.8413V19.7957C8.77956 19.7901 8.76615 19.7845 8.75276 19.7789L7.23927 21.2924C6.3799 22.1518 5.04822 22.1518 4.18885 21.2924L2.7497 19.8533C1.89033 18.9939 1.89033 17.6622 2.7497 16.8029L2.75661 16.7959L4.27544 15.3417C4.262 15.311 4.24876 15.2802 4.23573 15.2491H2.1585C0.922539 15.2491 -0.0112305 14.234 -0.0112305 13.0794V11.0476C-0.0112305 9.81167 1.00387 8.8779 2.1585 8.8779H4.17243C4.1961 8.8158 4.22059 8.75431 4.24593 8.69342L2.7497 7.19719C1.89565 6.34314 1.89036 5.02262 2.73382 4.1628L4.08996 2.67952L4.10419 2.66529C4.96356 1.80592 6.29525 1.80592 7.15461 2.66529L8.70109 4.21176C8.71752 4.20491 8.73405 4.19809 8.75067 4.19129V2.15875ZM10.9204 1.7888C10.7205 1.7888 10.5505 1.95556 10.5505 2.15875V5.49496L9.90915 5.68736C9.55327 5.79412 9.22298 5.9395 8.91016 6.09591L8.33002 6.38598L5.88197 3.93793C5.72909 3.78505 5.54223 3.78151 5.38778 3.92729L4.03658 5.40517L4.02234 5.41941C3.86583 5.57592 3.86583 5.76804 4.02234 5.92454L6.44941 8.35161L6.11976 8.94498C5.94677 9.25635 5.80332 9.61137 5.69336 10.0146L5.51251 10.6777H2.1585C1.95864 10.6777 1.78856 10.8444 1.78856 11.0476V13.0794C1.78856 13.2793 1.95532 13.4493 2.1585 13.4493H5.53705L5.72944 14.0906C5.83487 14.4421 5.97648 14.7633 6.16209 15.0974L6.49925 15.7043L4.01712 18.0808C3.86585 18.2363 3.86759 18.4259 4.02234 18.5806L5.46149 20.0198C5.618 20.1763 5.81012 20.1763 5.96663 20.0198L8.35074 17.6357L8.91552 17.8867C9.30424 18.0594 9.64498 18.2101 9.97747 18.3209L10.5928 18.526V21.8413C10.5928 22.0412 10.7596 22.2112 10.9627 22.2112H12.9945C13.1944 22.2112 13.3644 22.0445 13.3644 21.8413V18.5051L14.0057 18.3127C14.3583 18.2069 14.687 18.063 15.0894 17.8618L15.6695 17.5717L18.0329 19.9351C18.1894 20.0916 18.3816 20.0916 18.5381 19.9351L19.9772 18.496C20.1337 18.3395 20.1337 18.1473 19.9772 17.9908L17.5715 15.5851L17.8616 15.005C18.0189 14.6902 18.1691 14.3502 18.2783 14.0223L18.4834 13.407H21.841C22.0409 13.407 22.211 13.2402 22.211 13.0371V11.0053C22.211 10.9367 22.1817 10.8584 22.1086 10.7885C22.0337 10.7171 21.9355 10.6777 21.841 10.6777H18.5048L18.3124 10.0364C18.207 9.68495 18.0654 9.36373 17.8798 9.02964L17.5501 8.43627L19.9349 6.05153C20.0914 5.89502 20.0914 5.7029 19.9349 5.54639L18.4957 4.10724C18.3392 3.95073 18.1471 3.95073 17.9906 4.10724L15.6059 6.49198L15.0125 6.16233C14.6982 5.9877 14.3367 5.84168 13.9634 5.72969L13.3221 5.53729V2.15875C13.3221 1.95888 13.1553 1.7888 12.9522 1.7888H10.9204Z\",\n    fill: \"#141414\"\n  }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"clip0\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    width: 24,\n    height: 24,\n    fill: \"white\"\n  })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSettingsIcon);\nexport default __webpack_public_path__ + \"static/media/settings-icon.39db4c4f.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/dropdown-icon-purple.16f74802.svg\";","import React, { useState, useEffect, useCallback } from 'react';\nimport styled from 'styled-components';\nimport { useLocation } from 'react-router-dom';\n\nimport { utils } from '@makeship/core';\nimport { H8Styles, P2 } from '../../Typography';\nimport DropdownIcon from '../../../assets/images/dropdown-icon-purple.svg';\n\nexport type DropdownProps = {\n  options?: string[];\n  onClick: (selectedOption: string) => void;\n};\n\nconst DropdownContainer = styled.div`\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  border-radius: 2px;\n\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst Chevron = styled.img`\n  fill: red;\n  padding-left: 8px;\n`;\n\nconst Selector = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DropdownSelected = styled.div`\n  ${H8Styles}\n  color: ${({ theme }) => theme.colors.primary};\n\n  &:hover {\n    box-shadow: 0 2px 0 ${({ theme }) => theme.colors.secondary};\n  }\n`;\n\nconst DropdownListWrapper = styled.div`\n  background: ${({ theme }) => theme.colors.neutral1};\n  position: absolute;\n  top: 53px;\n  left: 113px;\n  box-shadow: 0px 0px 16px ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  border-radius: 3px;\n  z-index: 3;\n`;\n\nconst FlexBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst DropdownOption = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  width: 336px;\n  padding: 0 16px;\n\n  &:hover {\n    background: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  }\n`;\n\ntype PathToDropdown = {\n  [key: string]: string;\n};\nconst pathToDropdown: PathToDropdown = {\n  '/dashboard': 'Campaigns',\n  '/verifications': 'Verification Requests',\n  '/payouts': 'Payout Requests',\n  '/clientCut': 'Client Cut',\n};\n\nconst Dropdown: React.FC<DropdownProps> = ({ options, onClick, ...rest }: DropdownProps) => {\n  const location = useLocation();\n\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [currentView, setCurrentView] = useState<string>();\n  const [showDropdown, setShowDropdown] = useState(false);\n\n  const handleClick = useCallback((e: MouseEvent) => {\n    // outside dropdown div\n    if (!!ref.current && !ref.current.contains(e.target as Node)) {\n      clear();\n    }\n  }, []);\n\n  const handleSelect = (option: string) => {\n    setCurrentView(option);\n    onClick(option);\n  };\n\n  useEffect(() => {\n    setCurrentView(pathToDropdown[location.pathname]);\n  }, [location.pathname]);\n\n  useEffect(() => {\n    // add when mounted\n    document.addEventListener('mousedown', handleClick);\n    // return function to be called when unmounted\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [handleClick]);\n\n  const clear = () => {\n    setShowDropdown(false);\n  };\n  return (\n    <DropdownContainer ref={ref} onClick={() => setShowDropdown(!showDropdown)}>\n      <Selector>\n        <DropdownSelected>{currentView}</DropdownSelected>\n        {options && options?.length > 1 && <Chevron src={DropdownIcon} />}\n      </Selector>\n      {showDropdown && (\n        <DropdownListWrapper>\n          <FlexBox>\n            {options?.map((option) => (\n              <DropdownOption onClick={() => handleSelect(option)}>\n                <P2>{option}</P2>\n              </DropdownOption>\n            ))}\n          </FlexBox>\n        </DropdownListWrapper>\n      )}\n    </DropdownContainer>\n  );\n};\n\nexport default Dropdown;\n","import styled, { css, CSSProp } from 'styled-components';\nimport { utils } from '@makeship/core';\nimport { P2Styles } from '../../Typography';\n\nexport const InputStyles = css`\n  ${P2Styles}\n  width: 100%;\n  outline: none;\n  padding: 10px;\n  background: none;\n  border-radius: 3px;\n  color: ${({ theme }) => theme.colors.neutral7};\n  &::-webkit-input-placeholder,\n  &::placeholder {\n    color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.medium)};\n  }\n`;\n\nconst Input = styled.input<{ error?: boolean; customStyles?: CSSProp }>`\n  ${InputStyles}\n  ${({ customStyles }) => customStyles && customStyles}\n  border: 1px solid ${({ error, theme }) => (error ? theme.colors.error : theme.colors.primaryLight)};\n`;\n\nconst TextArea = styled.textarea<{ error?: boolean }>`\n  ${InputStyles}\n  resize: none;\n  min-height: 132px;\n  border: 1px solid ${({ error, theme }) => (error ? theme.colors.error : theme.colors.primaryLight)};\n`;\n\nconst BorderInput = {\n  Input,\n  TextArea,\n};\n\nexport default BorderInput;\n","import React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { P2 } from '../../Typography';\n\nconst TooltipLinkContainer = styled.div`\n  display: flex;\n`;\n\nconst TooltipLinkWrapper = styled.div`\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n`;\n\nconst DisplayedElementsWrapper = styled.div`\n  cursor: pointer;\n`;\n\nconst TooltipPopup = styled.div<{\n  backgroundColor: string | undefined;\n  customWidth: string | undefined;\n}>`\n  visibility: hidden;\n  border-radius: 3px;\n  position: absolute;\n  z-index: 2;\n  padding: 8px 16px;\n  color: ${({ theme }) => theme.colors.white};\n  right: 0;\n  top: 30px;\n  background-color: ${({ theme, backgroundColor }) => backgroundColor || theme.colors.neutral6};\n  ${({ customWidth }) => (customWidth ? `width: ${customWidth};` : 'width: 310px;')}\n\n  ${TooltipLinkWrapper}:hover & {\n    visibility: visible;\n  }\n`;\n\nconst TooltipText = styled(P2)`\n  white-space: normal;\n  text-align: left;\n  color: ${({ theme }) => theme.colors.neutral1};\n`;\n\nconst TooltipLink = styled(P2)`\n  color: ${({ theme }) => theme.colors.primary};\n  margin-right: 8px;\n`;\n\ntype TooltipProps = {\n  content?: string | JSX.Element;\n  linkText?: string;\n  children?: React.ReactNode;\n  backgroundColor?: string;\n  customWidth?: string;\n};\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  content,\n  linkText,\n  children,\n  backgroundColor,\n  customWidth,\n}: TooltipProps) => {\n  const tooltipContainer = useRef(null) as React.MutableRefObject<HTMLDivElement | null>;\n\n  // This is the approximate pixel width between a modal and screen edge\n  // Ensures tooltip is viewable in a modal when moving it back onto viewport\n  const offscreenTooltipBuffer = 44;\n\n  const isInViewport = (tooltipContainer: HTMLElement) => {\n    if (tooltipContainer) {\n      const rect = tooltipContainer.getBoundingClientRect();\n      if (rect.left < 0) {\n        const adjustedRight = Math.abs(rect.left) + offscreenTooltipBuffer;\n\n        // eslint-disable-next-line no-param-reassign\n        tooltipContainer.style.right = `-${adjustedRight}px`;\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (tooltipContainer.current) {\n      isInViewport(tooltipContainer.current);\n    }\n  }, []);\n  return (\n    <TooltipLinkContainer>\n      <TooltipLinkWrapper>\n        <DisplayedElementsWrapper>\n          {linkText && <TooltipLink>{linkText}</TooltipLink>}\n          {children}\n        </DisplayedElementsWrapper>\n        <TooltipPopup ref={tooltipContainer} backgroundColor={backgroundColor} customWidth={customWidth}>\n          {typeof content === 'string' ? <TooltipText>{content}</TooltipText> : content}\n        </TooltipPopup>\n      </TooltipLinkWrapper>\n    </TooltipLinkContainer>\n  );\n};\n\nexport default Tooltip;\n","export default __webpack_public_path__ + \"static/media/question-icon.ca33f852.svg\";","import React, { Dispatch, SetStateAction } from 'react';\nimport styled, { CSSProp, createGlobalStyle } from 'styled-components';\nimport { utils } from '@makeship/core';\nimport { Editor } from 'react-draft-wysiwyg';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\nimport { EditorState, RawDraftContentState } from 'draft-js';\nimport BorderInput, { InputStyles } from './borderInput';\nimport { P2Styles, Overline, Caption, H5Styles2 } from '../../Typography';\nimport Tooltip from '../Tooltip';\nimport QuestionMark from '../../../assets/images/question-icon.svg';\n\nconst { Input, TextArea } = BorderInput;\n\nexport type InputProps = {\n  type: string;\n  step?: string;\n  id: string;\n  label: string;\n  placeholder: string;\n  editorState?: EditorState;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onChangeTextArea?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onEditorStateChange?: Dispatch<SetStateAction<EditorState>>;\n  onChangeEditorArea?: (contentState: RawDraftContentState) => void;\n  required?: boolean;\n  spellcheck?: string;\n  error?: boolean;\n  errorMessage?: string;\n  children?: React.ReactNode;\n  styles?: CSSProp;\n  unbold?: boolean;\n  min?: string;\n  hasRequiredText?: boolean;\n  subText?: string;\n  maxLength?: number;\n  hasToolTip?: boolean;\n  toolTipText?: string;\n  onClick?: () => void;\n};\n\nconst InputWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  display: grid;\n  margin-bottom: 16px;\n`;\n\nconst InputLabel = styled.label<{ unbold: boolean | undefined }>`\n  ${({ unbold }) => (unbold ? P2Styles : H5Styles2)};\n  display: inline-block;\n  margin-bottom: 6px;\n`;\n\nconst ErrorMessage = styled(Caption)<{ hide: boolean }>`\n  color: ${({ theme }) => theme.colors.error};\n  display: ${({ hide }) => (hide ? 'none' : 'display')};\n`;\n\nconst RequiredLabel = styled(Overline)`\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n  margin-left: 8px;\n`;\n\nconst LabelsWrapper = styled.div`\n  display: flex;\n`;\n\nconst RightAlignItems = styled.div`\n  margin-left: auto;\n  display: flex;\n`;\n\nconst SubText = styled(Caption)`\n  color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.dark)};\n  justify-self: flex-start;\n`;\n\nconst EditorWrapperStyles = styled.div<{ error?: boolean }>`\n  ${InputStyles}\n  border: 1px solid ${({ theme, error }) => (error ? theme.colors.error : theme.colors.primaryLight)};\n  height: 186px;\n`;\n\nconst EditorStyles = createGlobalStyle`\n  .editor {\n    width: 460px;\n    height: 80%;\n  }\n  .linkPopup {\n    height: 250px;\n  }\n`;\n\nconst InputField: React.FC<InputProps> = ({\n  label,\n  id,\n  value,\n  editorState,\n  error,\n  errorMessage,\n  unbold,\n  hasRequiredText = false,\n  subText,\n  maxLength,\n  hasToolTip,\n  toolTipText,\n  type,\n  placeholder,\n  onChangeTextArea,\n  onEditorStateChange,\n  onChangeEditorArea,\n  onClick,\n  ...rest\n}: InputProps) => {\n  const renderInputAreaFor = (type: string) => {\n    switch (type) {\n      case 'textarea':\n        return (\n          <TextArea\n            onClick={onClick}\n            onChange={onChangeTextArea}\n            placeholder={placeholder}\n            error={error}\n            id={id}\n            value={value}\n          />\n        );\n      case 'richText':\n        return (\n          <EditorWrapperStyles error={error}>\n            <Editor\n              stripPastedStyles\n              onFocus={onClick}\n              onChange={onChangeEditorArea}\n              onEditorStateChange={onEditorStateChange}\n              editorState={editorState}\n              toolbar={{\n                options: ['inline', 'link'],\n                inline: {\n                  options: ['bold', 'italic', 'underline'],\n                },\n                link: {\n                  popupClassName: 'linkPopup',\n                },\n              }}\n              wrapperClassName=\"editor\"\n            />\n            <EditorStyles />\n          </EditorWrapperStyles>\n        );\n      default:\n        return (\n          <Input\n            onClick={onClick}\n            {...rest}\n            maxLength={maxLength}\n            id={id}\n            value={value}\n            error={error}\n            placeholder={placeholder}\n          />\n        );\n    }\n  };\n\n  return (\n    <InputWrapper>\n      <LabelsWrapper>\n        {label && (\n          <InputLabel unbold={unbold} htmlFor={id}>\n            {label}\n          </InputLabel>\n        )}\n        <RightAlignItems>\n          {hasToolTip && toolTipText && (\n            <Tooltip content={toolTipText}>\n              <img src={QuestionMark} alt=\"Tooltip help icon\" />\n            </Tooltip>\n          )}\n          {hasRequiredText && <RequiredLabel>Required</RequiredLabel>}\n        </RightAlignItems>\n      </LabelsWrapper>\n      {renderInputAreaFor(type)}\n      {subText && <SubText>{subText}</SubText>}\n      <ErrorMessage hide={!error}>{errorMessage}</ErrorMessage>\n    </InputWrapper>\n  );\n};\n\nexport default InputField;\n","export default __webpack_public_path__ + \"static/media/show-password.cbc83976.svg\";","export default __webpack_public_path__ + \"static/media/hide-password.4afd97c2.svg\";","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { H5Styles2, Caption } from '../../Typography';\n\nimport BorderInput from './borderInput';\nimport ShowIcon from '../../../assets/images/show-password.svg';\nimport HideIcon from '../../../assets/images/hide-password.svg';\n\nconst { Input } = BorderInput;\n\nexport type PasswordFieldProps = {\n  label: string;\n  id: string;\n  placeholder?: string;\n  value: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  showPasswordIcon?: boolean;\n  required?: boolean;\n  spellcheck?: string;\n  error?: string;\n  errorMessage?: string;\n};\n\nconst InputContainer = styled.div`\n  position: relative;\n  width: 100%;\n  margin-bottom: 4px;\n`;\n\nconst InputLabel = styled.label`\n  ${H5Styles2}\n  display: inline-block;\n  margin-bottom: 6px;\n`;\n\nconst Icon = styled.img`\n  position: absolute;\n  width: 16px;\n  top: 0;\n  left: 95%;\n  cursor: pointer;\n`;\n\nconst ErrorMessage = styled(Caption)<{ hide: boolean }>`\n  color: ${({ theme }) => theme.colors.error};\n  display: ${({ hide }) => (hide ? 'none' : 'display')};\n`;\n\nconst PasswordField: React.FC<PasswordFieldProps> = ({\n  label,\n  id,\n  value,\n  error,\n  errorMessage,\n  showPasswordIcon = false,\n  placeholder = '●●●●●●●●',\n  ...rest\n}: PasswordFieldProps) => {\n  const [showPassword, setShowPassword] = useState(false);\n\n  return (\n    <InputContainer>\n      {showPasswordIcon && (\n        <>\n          {showPassword ? (\n            <Icon src={HideIcon} onClick={() => setShowPassword(false)} alt=\"icon of hide-password icon\" />\n          ) : (\n            <Icon src={ShowIcon} onClick={() => setShowPassword(true)} alt=\"icon of show-password icon\" />\n          )}\n        </>\n      )}\n      <InputLabel htmlFor=\"password\">{label}</InputLabel>\n      <Input\n        {...rest}\n        type={showPassword ? 'text' : 'password'}\n        id={id}\n        value={value}\n        error={!!error}\n        customStyles={undefined}\n        placeholder={showPassword ? '' : placeholder}\n      />\n      <ErrorMessage hide={!error}>{errorMessage}</ErrorMessage>\n    </InputContainer>\n  );\n};\n\nexport default PasswordField;\n","export default __webpack_public_path__ + \"static/media/magnifying-glass.8c3b16e0.svg\";","import React from 'react';\nimport styled, { CSSProp } from 'styled-components';\nimport { utils } from '@makeship/core';\nimport { P2Styles } from '../../Typography';\n\nimport MagnifyingGlass from '../../../assets/images/magnifying-glass.svg';\n\nexport type SearchBarProps = {\n  type?: string;\n  placeholder: string;\n  value: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  spellcheck?: string;\n  styles?: CSSProp;\n};\n\nconst InputWrapper = styled.div`\n  display: flex;\n  color: ${({ theme }) => theme.colors.neutral7} !important;\n  background-color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  padding: 4px 15px;\n  width: 365px;\n  height: 32px;\n  border-radius: 12px;\n  align-items: center;\n`;\n\nconst Input = styled.input`\n  ${P2Styles}\n  background-color: transparent;\n  border: 2px solid transparent;\n  margin-left: 5px;\n  width: 100%;\n\n  &::placeholder {\n    color: ${({ theme }) => theme.colors.neutral7};\n    opacity: 1;\n  }\n\n  &:hover::placeholder {\n    color: ${({ theme }) => theme.colors.neutral7};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus::placeholder {\n    opacity: 0.5;\n  }\n\n  &:active {\n    border: 2px solid transparent;\n  }\n`;\n\nconst SearchIcon = styled.img`\n  width: 16px;\n  height: 16px;\n`;\n\nconst SearchBar: React.FC<SearchBarProps> = ({ type, placeholder, value, onChange, ...rest }: SearchBarProps) => (\n  <InputWrapper>\n    <SearchIcon src={MagnifyingGlass} alt=\"magnifying glass icon\" />\n    <Input type={type} placeholder={placeholder} onChange={onChange} {...rest} />\n  </InputWrapper>\n);\n\nexport default SearchBar;\n","export default __webpack_public_path__ + \"static/media/selection-down-chevron.c69f9dd9.svg\";","export default __webpack_public_path__ + \"static/media/selection-up-chevron.1cadde57.svg\";","import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { utils } from '@makeship/core';\nimport { P2Styles, Overline, Caption, H5Styles2, P2 } from '../../Typography';\nimport DropdownDownIcon from '../../../assets/images/selection-down-chevron.svg';\nimport DropdownUpIcon from '../../../assets/images/selection-up-chevron.svg';\n\nconst DropdownContainer = styled.div<{ error?: boolean }>`\n  border-radius: 3px;\n  width: 100%;\n  height: 48px;\n  border: 1px solid ${({ theme, error }) => (error ? theme.colors.error : theme.colors.primaryLight)};\n  margin-bottom: 16px;\n  &:hover {\n    cursor: pointer;\n  }\n  display: grid;\n`;\n\nconst DropdownTextWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 2px;\n  width: 100%;\n  height: 48px;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst Chevron = styled.img<{ showDropdown: boolean }>`\n  fill: red;\n  padding-left: 8px;\n  margin-right: 8px;\n  display: ${({ showDropdown }) => (showDropdown ? 'inline' : 'none')};\n`;\n\nconst DropdownListWrapper = styled.div`\n  will-change: filter;\n  background: ${({ theme }) => theme.colors.neutral1};\n  position: relative;\n  top: 0px;\n  border-radius: 3px;\n  z-index: 3;\n  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n`;\n\nconst FlexBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 240px;\n  overflow-y: auto;\n`;\n\nconst DropdownOption = styled.div<{ noResults: boolean | undefined }>`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 16px;\n  width: 100%;\n  min-height: 44px;\n  &:hover {\n    ${({ theme, noResults }) =>\n      noResults ? '' : `background: ${utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};`}\n`;\n\nconst DropdownText = styled(P2)`\n  margin-left: 8px;\n`;\n\nconst DropdownInput = styled.input`\n  margin-left: 8px;\n  border: none;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nconst LabelsWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nconst RequiredLabel = styled(Overline)`\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n  margin-left: 8px;\n`;\n\nconst InputLabel = styled.label<{ unbold: boolean | undefined }>`\n  ${({ unbold }) => (unbold ? P2Styles : H5Styles2)};\n  display: inline-block;\n  margin-bottom: 6px;\n`;\n\nconst DropdownWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 16px;\n`;\n\nconst NotFoundOption = styled(P2)`\n  color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.dark)};\n`;\n\nconst SubText = styled(Caption)`\n  color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.dark)};\n  justify-self: flex-start;\n`;\n\nconst ErrorMessage = styled(Caption)<{ hide: boolean }>`\n  color: ${({ theme }) => theme.colors.error};\n  display: ${({ hide }) => (hide ? 'none' : 'display')};\n`;\n\nexport const searchFilter = (searchValue: string, list: string[], autoComplete?: boolean) => {\n  if (!autoComplete) {\n    return list;\n  }\n\n  const lowerCaseQuery = searchValue.toLowerCase();\n  const filteredList = searchValue ? list.filter((x) => x.toLowerCase().includes(lowerCaseQuery)) : list;\n\n  return filteredList.length ? filteredList : ['No matches found'];\n};\n\nexport type DropdownProps = {\n  dropdownText?: string;\n  options: string[];\n  handleSelect: (option: string) => void;\n  id: string;\n  label: string;\n  value: string;\n  error?: boolean;\n  errorMessage?: string;\n  unbold?: boolean;\n  hasRequiredText?: boolean;\n  subText?: string;\n  autoComplete?: boolean;\n  testID?: string;\n  onClick?: () => void;\n};\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  dropdownText,\n  options,\n  handleSelect,\n  label,\n  id,\n  hasRequiredText,\n  unbold,\n  subText,\n  error,\n  errorMessage,\n  value,\n  autoComplete,\n  testID,\n}: DropdownProps) => {\n  const [showDropdown, setShowDropdown] = useState<boolean>(false);\n  const [searchValue, setSearchValue] = useState('');\n\n  const dropDownWrapperRef = useRef<HTMLDivElement>(null);\n\n  const SPACEBAR_KEY_CODE = 'Space';\n  const ENTER_KEY_CODE = 'Enter';\n  const ESCAPE_KEY_CODE = 'Escape';\n\n  function CheckForClicksOutsideDropdown(ref: HTMLDivElement | null) {\n    useEffect(() => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      function handleClickOutside(event: { target: any }) {\n        if (ref && !ref.contains(event.target)) {\n          if (showDropdown) handleShowDropdown(false);\n        }\n      }\n      // Bind the event listener\n      document.addEventListener('mousedown', handleClickOutside);\n      return () => {\n        // Unbind the event listener on clean up\n        document.removeEventListener('mousedown', handleClickOutside);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, showDropdown]);\n  }\n\n  function handleDropdownKeyPress(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (event.code === ESCAPE_KEY_CODE) handleShowDropdown(false);\n    if (event.code === ENTER_KEY_CODE) {\n      // Prevent spacebar from scrolling page down when focus is on this element\n      event.preventDefault();\n      handleShowDropdown(true);\n    }\n  }\n\n  function handleOptionKeyPressSelect(option: string) {\n    return function handleSpaceKeyPress(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (event.code === ESCAPE_KEY_CODE) handleShowDropdown(false);\n      if (event.code === SPACEBAR_KEY_CODE || event.code === ENTER_KEY_CODE) {\n        event.preventDefault();\n        handleSelect(option);\n        handleShowDropdown(false);\n      }\n    };\n  }\n\n  const handleAutoCompleteChange = (value: string) => {\n    setSearchValue(value);\n  };\n\n  const handleShowDropdown = (isVisible: boolean) => {\n    setShowDropdown(isVisible);\n    if (!isVisible) {\n      setSearchValue('');\n    }\n  };\n\n  CheckForClicksOutsideDropdown(dropDownWrapperRef.current);\n\n  return (\n    <DropdownWrapper ref={dropDownWrapperRef} data-testid=\"dropdown-wrapper\">\n      <LabelsWrapper>\n        {label && (\n          <InputLabel unbold={unbold} htmlFor={id}>\n            {label}\n          </InputLabel>\n        )}\n        {hasRequiredText && <RequiredLabel>Required</RequiredLabel>}\n      </LabelsWrapper>\n      <DropdownContainer\n        data-testid=\"dropdown-container\"\n        onClick={() => handleShowDropdown(!showDropdown)}\n        error={error}\n      >\n        <DropdownTextWrapper tabIndex={0} onKeyDown={handleDropdownKeyPress}>\n          {!autoComplete || !showDropdown ? (\n            <DropdownText>{value || dropdownText || ''}</DropdownText>\n          ) : (\n            <DropdownInput\n              data-testid=\"dropdown-input\"\n              autoFocus\n              defaultValue={value}\n              onChange={(e) => handleAutoCompleteChange(e.target.value)}\n            />\n          )}\n          <Chevron showDropdown={!showDropdown} alt=\"Selection chevron icon\" src={DropdownDownIcon} />\n          <Chevron showDropdown={showDropdown} alt=\"Selection chevron icon\" src={DropdownUpIcon} />\n        </DropdownTextWrapper>\n        {showDropdown && (\n          <DropdownListWrapper>\n            <FlexBox>\n              {searchFilter(searchValue, options, autoComplete).map((option) => {\n                if (option === 'No matches found') {\n                  return (\n                    <DropdownOption noResults data-testid=\"dropdown-result\">\n                      <NotFoundOption>{option}</NotFoundOption>\n                    </DropdownOption>\n                  );\n                }\n                return (\n                  <DropdownOption\n                    noResults={false}\n                    data-testid=\"dropdown-result\"\n                    key={option}\n                    onClick={() => handleSelect(option)}\n                    tabIndex={0}\n                    onKeyDown={handleOptionKeyPressSelect(option)}\n                  >\n                    <P2>{option}</P2>\n                  </DropdownOption>\n                );\n              })}\n            </FlexBox>\n          </DropdownListWrapper>\n        )}\n        {!showDropdown && subText && <SubText>{subText}</SubText>}\n        <ErrorMessage hide={!error}>{errorMessage}</ErrorMessage>\n      </DropdownContainer>\n    </DropdownWrapper>\n  );\n};\n\nexport default Dropdown;\n","import { utils } from '@makeship/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { P2Styles, H5Styles2, Caption } from '../../Typography';\n\nconst LabelsWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nconst InputLabel = styled.div<{ unbold: boolean | undefined }>`\n  ${({ unbold }) => (unbold ? P2Styles : H5Styles2)};\n  display: inline-block;\n  margin-bottom: 6px;\n`;\n\nconst OptionWrapper = styled.div`\n  display: flex;\n`;\n\nconst Option = styled.div<{ selected: boolean }>`\n  &:hover {\n    cursor: pointer;\n  }\n  display: flex;\n  border-radius: 3px;\n  border: 1px solid;\n  padding: 8px;\n  margin-right: 16px;\n  accent-color: ${({ selected, theme }) => (selected ? theme.colors.primary : 'initial')};\n  border-color: ${({ selected, theme }) => (selected ? theme.colors.primary : theme.colors.neutral2)};\n  background-color: ${({ selected, theme }) => (selected ? theme.colors.background : 'initial')};\n`;\n\nconst Label = styled.label`\n  ${P2Styles}\n  &:hover {\n    cursor: pointer;\n  }\n  margin-left: 6px;\n`;\n\nconst RadioSelectWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 16px;\n`;\n\nconst Subtext = styled(Caption)`\n  color: ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.dark)};\n  text-align: left;\n  margin-bottom: 6px;\n  width: 102%;\n`;\n\nexport type RadioSelectProps = {\n  handleSelect: (option: boolean) => void;\n  label: string;\n  unbold?: boolean;\n  subtext?: string;\n  options: { name: string; value: boolean; label: string }[];\n  selected: boolean;\n};\n\nconst RadioSelect: React.FC<RadioSelectProps> = ({\n  handleSelect,\n  label,\n  unbold,\n  options,\n  selected,\n  subtext,\n}: RadioSelectProps) => (\n  <RadioSelectWrapper>\n    <LabelsWrapper>{label && <InputLabel unbold={unbold}>{label}</InputLabel>}</LabelsWrapper>\n    <Subtext>{subtext}</Subtext>\n    <OptionWrapper>\n      {options?.map((option) => (\n        <Option\n          key={`${option.name}${option.label}`}\n          onClick={() => handleSelect(option.value)}\n          selected={selected === option.value}\n        >\n          <input\n            type=\"radio\"\n            id={option.name}\n            value={option.name}\n            name={option.name}\n            checked={selected === option.value}\n            onChange={() => handleSelect(option.value)}\n          />\n          <Label htmlFor={option.label}>{option.label}</Label>\n        </Option>\n      ))}\n    </OptionWrapper>\n  </RadioSelectWrapper>\n);\n\nexport default RadioSelect;\n","export default __webpack_public_path__ + \"static/media/calendar-icon.95b9eab8.svg\";","import React from 'react';\nimport styled, { createGlobalStyle } from 'styled-components';\nimport DatePicker from 'react-datepicker';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { P2Styles, Overline, H5Styles2 } from '../../Typography';\nimport { InputStyles } from './borderInput';\nimport calendarIcon from '../../../assets/images/calendar-icon.svg';\n\nconst LabelsWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nconst RequiredLabel = styled(Overline)`\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n  margin-left: 8px;\n`;\n\nconst InputLabel = styled.label<{ unbold: boolean | undefined }>`\n  ${({ unbold }) => (unbold ? P2Styles : H5Styles2)};\n  display: inline-block;\n  margin-bottom: 6px;\n`;\n\nconst DropdownWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 16px;\n`;\n\nconst Image = styled.img`\n  width: 16px;\n`;\n\nconst DatePickerStyles = createGlobalStyle`\n  .date_picker {\n    width: 100%;\n    border: none;\n    margin-left: 4px;\n    outline: none;\n  }\n`;\n\nconst DatePickerWrapperStyles = styled.div<{ error?: boolean }>`\n  ${InputStyles}\n  width: 100%;\n  outline: none;\n  border: 1px solid ${({ theme, error }) => (error ? theme.colors.error : theme.colors.primaryLight)};\n  display: flex;\n`;\n\nexport type DateSelectorProps = {\n  dropdownText?: string;\n  handleSelect: (option: Date) => void;\n  id: string;\n  label: string;\n  value: Date;\n  unbold?: boolean;\n  hasRequiredText?: boolean;\n  error?: boolean;\n  onClick?: () => void;\n};\n\nconst DateSelector: React.FC<DateSelectorProps> = ({\n  handleSelect,\n  label,\n  id,\n  hasRequiredText,\n  unbold,\n  value,\n  error,\n}: DateSelectorProps) => {\n  const aYearFromNow = new Date(new Date().setFullYear(new Date().getFullYear() + 1));\n  const getDaysAgo = (days: number) => new Date(new Date().setDate(new Date().getDate() - days));\n\n  return (\n    <DropdownWrapper>\n      <LabelsWrapper>\n        {label && (\n          <InputLabel unbold={unbold} htmlFor={id}>\n            {label}\n          </InputLabel>\n        )}\n        {hasRequiredText && <RequiredLabel>Required</RequiredLabel>}\n      </LabelsWrapper>\n      <DatePickerWrapperStyles error={error}>\n        <Image src={calendarIcon} alt=\"calendar\" />\n        <DatePicker\n          className=\"date_picker\"\n          selected={value}\n          onChange={handleSelect}\n          includeDateIntervals={[{ start: getDaysAgo(1), end: aYearFromNow }]}\n        />\n      </DatePickerWrapperStyles>\n      <DatePickerStyles />\n    </DropdownWrapper>\n  );\n};\n\nexport default DateSelector;\n","export default __webpack_public_path__ + \"static/media/cancel-icon.0beaf595.svg\";","export default __webpack_public_path__ + \"static/media/invite-successful.a56e852d.svg\";","export default __webpack_public_path__ + \"static/media/invite-unsuccessful.d71a8035.svg\";","import styled from 'styled-components';\n\nconst Loader = styled.div`\n  font-size: 4px;\n  margin: 50px auto;\n  text-indent: -9999em;\n  width: 11em;\n  height: 11em;\n  border-radius: 50%;\n  background: #5349ed;\n  background: -moz-linear-gradient(left, #5349ed 10%, rgba(83, 73, 237, 0) 42%);\n  background: -webkit-linear-gradient(left, #5349ed 10%, rgba(83, 73, 237, 0) 42%);\n  background: -o-linear-gradient(left, #5349ed 10%, rgba(83, 73, 237, 0) 42%);\n  background: -ms-linear-gradient(left, #5349ed 10%, rgba(83, 73, 237, 0) 42%);\n  background: linear-gradient(to right, #5349ed 10%, rgba(83, 73, 237, 0) 42%);\n  position: relative;\n  -webkit-animation: load3 1.4s infinite linear;\n  animation: load3 1.4s infinite linear;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  &:before {\n    width: 50%;\n    height: 50%;\n    background: #5349ed;\n    border-radius: 100% 0 0 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    content: '';\n  }\n  &:after {\n    background: white;\n    width: 75%;\n    height: 75%;\n    border-radius: 50%;\n    content: '';\n    margin: auto;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n  }\n  @-webkit-keyframes load3 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes load3 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n`;\n\nexport default Loader;\n","import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { utils, Button } from '@makeship/core';\nimport { P2, Caption } from '../../Typography';\nimport { InputField } from '../../common/Input';\nimport { PrimaryCard } from '../../common/Card';\nimport Cancel from '../../../assets/images/cancel-icon.svg';\nimport InviteSuccess from '../../../assets/images/invite-successful.svg';\nimport InviteUnsuccessful from '../../../assets/images/invite-unsuccessful.svg';\nimport { sendDashboardInvitation } from '../../../api/users';\nimport Loader from '../../common/Loader';\n\nconst CardWrapper = styled(PrimaryCard)`\n  position: absolute;\n  top: 45px;\n  left: -192px;\n  width: 400px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 24px 0;\n  box-shadow: 0px 0px 16px ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  z-index: 3;\n`;\n\nconst BackButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  padding-bottom: 8px;\n  cursor: pointer;\n`;\n\nconst CloseIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  column-gap: 50px;\n`;\n\nconst Header = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0px 16px;\n`;\n\nconst IconWrapper = styled.div`\n  width: 48px;\n  height: 48px;\n  align-self: center;\n  margin: 0 auto;\n  margin-bottom: 4px;\n`;\n\nconst InviteSentTextWrapper = styled(Caption)`\n  color: ${({ theme }) => theme.colors.primary};\n`;\n\nconst InviteFailedTextWrapper = styled(Caption)`\n  color: ${({ theme }) => theme.colors.error};\n  text-align: center;\n`;\n\nconst ResultWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst ButtonWrapper = styled.div`\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  row-gap: 16px;\n`;\n\nconst FormWrapper = styled.form`\n  width: 100%;\n  padding: 4px 16px;\n`;\nconst DisplayEmail = styled.div`\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral3};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral3};\n  padding: 8px 0px;\n  margin: 4px 0px 12px 0px;\n`;\ntype ResendInviteProps = {\n  closeResendInvite: () => void;\n};\n\nconst ResendInvite: React.FC<ResendInviteProps> = ({ closeResendInvite }: ResendInviteProps) => {\n  const [pendingResetInvite, setPendingResetInvite] = useState<boolean>(false);\n  const [inviteSuccessful, setInviteSuccessful] = useState<boolean>(false);\n  const [inviteUnsuccessful, setInviteUnsuccessful] = useState<boolean>(false);\n  const [userStateException, setUserStateException] = useState<boolean>(false);\n  const [email, setEmail] = useState('');\n  const mounted = useRef(false);\n  const [emailError, setEmailError] = useState('');\n\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n\n  const onResendInvite = (e: React.SyntheticEvent) => {\n    e.preventDefault();\n    falsifyInviteStates();\n    setEmailError('');\n    if (!/\\S+@\\S+\\.\\S+/.test(email)) {\n      setEmailError('Email address is in an incorrect format');\n      return;\n    }\n    setPendingResetInvite(true);\n    sendDashboardInvitation(email.trim())\n      .then(() => {\n        if (mounted.current) {\n          setInviteSuccessful(true);\n        }\n      })\n      .catch((err: string) => {\n        if (mounted.current) {\n          setInviteUnsuccessful(true);\n          if (err.includes('UnsupportedUserStateException')) {\n            setUserStateException(true);\n          }\n        }\n      })\n      .finally(() => {\n        if (mounted.current) {\n          setPendingResetInvite(false);\n        }\n      });\n  };\n\n  const falsifyInviteStates = () => {\n    setInviteSuccessful(false);\n    setInviteUnsuccessful(false);\n    setUserStateException(false);\n  };\n\n  return (\n    <CardWrapper>\n      <Header>\n        <P2>Creators Email</P2>\n        <BackButtonContainer>\n          <CloseIconWrapper onClick={closeResendInvite}>\n            <img src={Cancel} alt=\"cancel icon\" />\n          </CloseIconWrapper>\n        </BackButtonContainer>\n      </Header>\n      <FormWrapper onSubmit={onResendInvite} noValidate>\n        {!inviteSuccessful && (\n          <InputField\n            id=\"email\"\n            type=\"email\"\n            error={!!emailError}\n            errorMessage={emailError}\n            value={email}\n            label=\"\"\n            placeholder=\"example@email.com\"\n            onChange={(e) => setEmail(e.target.value)}\n            required\n          />\n        )}\n        {inviteSuccessful && (\n          <DisplayEmail>\n            <P2>{email}</P2>\n          </DisplayEmail>\n        )}\n        {pendingResetInvite && (\n          <IconWrapper>\n            <Loader />\n          </IconWrapper>\n        )}\n\n        {inviteSuccessful && (\n          <ResultWrapper>\n            <IconWrapper>\n              <img src={InviteSuccess} alt=\"invite success\" />\n            </IconWrapper>\n            <InviteSentTextWrapper>Invite Sent!</InviteSentTextWrapper>\n          </ResultWrapper>\n        )}\n        {inviteUnsuccessful && (\n          <ResultWrapper>\n            <IconWrapper>\n              <img src={InviteUnsuccessful} alt=\"invite unsuccessful\" />\n            </IconWrapper>\n            <InviteFailedTextWrapper>\n              {userStateException\n                ? 'Invite failed to send! The creator already reset their password.'\n                : 'Invite failed to send! There are no users in our system with this email. Contact Tech.'}\n            </InviteFailedTextWrapper>\n          </ResultWrapper>\n        )}\n        {!pendingResetInvite && !inviteSuccessful && (\n          <ButtonWrapper>\n            <Button.Primary type=\"submit\" disabled={pendingResetInvite}>\n              Resend Invite\n            </Button.Primary>\n            <Button.Secondary\n              onClick={() => {\n                closeResendInvite();\n              }}\n            >\n              Cancel\n            </Button.Secondary>\n          </ButtonWrapper>\n        )}\n      </FormWrapper>\n    </CardWrapper>\n  );\n};\n\nexport default ResendInvite;\n","import React, { useState, useEffect, useContext } from 'react';\nimport styled from 'styled-components';\nimport { utils, Button } from '@makeship/core';\nimport { Link } from 'react-router-dom';\nimport { H4Style2, Caption, OverlineStyle2 } from '../../Typography';\n\nimport Avatar from '../Avatar';\nimport Header from './index';\nimport { PrimaryCard } from '../Card';\n\nimport { AuthContext } from '../../../contexts/auth-context';\nimport { UserType } from '../../../types/common';\n\nimport { fullName } from '../../../utils/name';\nimport { ReactComponent as SettingsIcon } from '../../../assets/images/settings-icon.svg';\nimport { DropdownSelected } from '../Dropdown';\nimport ResendInvite from '../../admin/ResendInvite';\n\nconst NavItems = styled.div`\n  display: flex;\n`;\n\nconst RightIcons = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst IconWrapper = styled.div`\n  display: flex;\n`;\n\nconst PersonInfoContainer = styled.div`\n  position: relative;\n  margin-left: 24px;\n`;\n\nconst ResendInviteContainer = styled.div`\n  position: relative;\n`;\n\nconst AvatarWrapper = styled.div`\n  display: flex;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst DropdownWrapper = styled.div`\n  padding-left: 40px;\n`;\n\nconst CardWrapper = styled(PrimaryCard)<{ show: boolean }>`\n  position: absolute;\n  top: 38px;\n  left: -192px;\n  width: 224px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 24px 0;\n  visibility: ${({ show }) => (show ? 'visible' : 'hidden')};\n  box-shadow: 0px 0px 16px ${({ theme }) => utils.hexToRGBA(theme.colors.neutral7, theme.alpha.light)};\n  z-index: 2;\n`;\n\nconst SignOutButtonWrapper = styled.div`\n  margin-top: 24px;\n`;\n\nconst BetaText = styled(OverlineStyle2)`\n  margin-top: 20px;\n`;\n\nconst DashboardHeader: React.FC = () => {\n  const { currentUser, signOut, pending } = useContext(AuthContext);\n  const [user, setUser] = useState(currentUser);\n  const [showSignout, setShowSignout] = useState(false);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const resendInviteRef = React.useRef<HTMLDivElement>(null);\n  const [showResendInvite, setShowResendInvite] = useState(false);\n\n  const handleClick = (e: MouseEvent) => {\n    // outside dropdown div\n    if (!!ref.current && !ref.current.contains(e.target as Node)) {\n      setShowSignout(false);\n    }\n    // outside of resend invite component\n    if (!!resendInviteRef.current && !resendInviteRef.current.contains(e.target as Node)) {\n      setShowResendInvite(false);\n    }\n  };\n\n  const closeResendInvite = () => {\n    setShowResendInvite(false);\n  };\n\n  useEffect(() => {\n    setUser(currentUser);\n    // add when mounted\n    document.addEventListener('mousedown', handleClick);\n    // return function to be called when unmounted\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [currentUser]);\n\n  return (\n    <Header>\n      <NavItems>\n        <DropdownWrapper>\n          <Link to=\"/dashboard\">\n            <DropdownSelected>Campaigns</DropdownSelected>\n          </Link>\n        </DropdownWrapper>\n      </NavItems>\n      <RightIcons>\n        {user?.userType !== UserType.SuperAdmin && user?.userType !== UserType.Admin && (\n          <Link to=\"/account\">\n            <IconWrapper>\n              <Button.IconSecondary icon={SettingsIcon} />\n            </IconWrapper>\n          </Link>\n        )}\n        {(user?.userType === UserType.Admin || user?.userType === UserType.SuperAdmin) && (\n          <ResendInviteContainer ref={resendInviteRef}>\n            <Button.Primary\n              type=\"button\"\n              size={Button.Size.small}\n              disabled={showResendInvite}\n              onClick={() => setShowResendInvite(true)}\n            >\n              Resend Invite\n            </Button.Primary>\n            {showResendInvite && <ResendInvite closeResendInvite={closeResendInvite} />}\n          </ResendInviteContainer>\n        )}\n        <PersonInfoContainer ref={ref}>\n          <AvatarWrapper\n            onClick={() => {\n              setShowSignout(!showSignout);\n            }}\n          >\n            {user && <Avatar name={user?.firstName} />}\n          </AvatarWrapper>\n          <CardWrapper show={showSignout} aria-hidden={!showSignout}>\n            <H4Style2>{fullName(user)}</H4Style2>\n            <Caption>{user?.userType}</Caption>\n            <SignOutButtonWrapper>\n              <Button.Primary type=\"button\" size={Button.Size.small} disabled={pending} onClick={() => signOut()}>\n                Sign Out\n              </Button.Primary>\n            </SignOutButtonWrapper>\n            <BetaText>Beta</BetaText>\n          </CardWrapper>\n        </PersonInfoContainer>\n      </RightIcons>\n    </Header>\n  );\n};\n\nexport default DashboardHeader;\n","import { DefaultTheme } from 'styled-components';\nimport { Alpha, Breakpoints, Colors, Fonts, Theme } from '@makeship/core';\nimport { CampaignStatus } from '../../types/common';\n\nexport const colors: Colors = {\n  neutral7: '#141414',\n  neutral6: '#282828',\n  neutral5: '#505050',\n  neutral4: '#7C7C7C',\n  neutral3: '#ABABAB',\n  neutral2: '#DDDDDD',\n  neutral1: '#FFFFFF',\n  primaryLight: '#668EFF',\n  primary: '#5349ED',\n  primaryDark: '#2D23B6',\n  secondaryLight: '#7FF25F',\n  secondary: '#4EE12A',\n  secondaryDark: '#1B7D02',\n  greenNeutral: '#7ff260',\n  accent: '#F5F0D5',\n  accentDark: '#E7E1C0',\n  info: '#5349ED',\n  success: '#028848',\n  warning: '#EB9D10',\n  warningLight: '#FFEFD3',\n  error: '#C0323B',\n  background: '#F5F7F8',\n  grey01: '#DDDDDD',\n  grey02: '#ABABAB',\n  grey03: '#7C7C7C',\n  grey04: '#505050',\n  highlight: '#EE4DFF',\n  transparent: 'transparent',\n  campaigns: {\n    [CampaignStatus.onboarding]: {\n      primary: '#141414',\n    },\n    [CampaignStatus.verification]: {\n      primary: '#C0323A',\n    },\n    [CampaignStatus.development]: {\n      primary: '#9B51E0',\n    },\n    [CampaignStatus.productDesign]: {\n      primary: '#9B51E0',\n    },\n    [CampaignStatus.launched]: {\n      primary: '#5349ED',\n    },\n    [CampaignStatus.actionRequired]: {\n      primary: '#C0323A',\n    },\n    [CampaignStatus.creatorActionPending]: {\n      primary: '#C0323A',\n    },\n    [CampaignStatus.adminPayoutProcessing]: {\n      primary: '#C0323A',\n    },\n    [CampaignStatus.paidOut]: {\n      primary: '#028848',\n    },\n    [CampaignStatus.unsuccessful]: {\n      primary: '#970036',\n    },\n  },\n};\n\nconst breakpoints: Breakpoints = {\n  mobile: 480,\n  tablet: 768,\n  largeTablet: 900,\n  desktop: 1080,\n  largeDesktop: 1280,\n  maxContent: 1440,\n  maxBackground: 1920,\n  headerBreakpoint: 1050,\n};\n\nexport const alpha: Alpha = {\n  extraDark: 75,\n  dark: 60,\n  medium: 33,\n  light: 15,\n  extraLight: 10,\n};\n\nexport const fonts: Fonts = {\n  primary: 'Proxima Nova, sans-serif',\n  secondary: 'Aktiv Grotesk, sans-serif',\n  button: 'Proxima Nova, sans-serif',\n  buttonWeight: 400,\n};\n\nconst header = {\n  height: '64px',\n};\n\nconst baseTheme: Theme = {\n  colors: { ...colors },\n  breakpoints: { ...breakpoints },\n  alpha: { ...alpha },\n  fonts: { ...fonts },\n  header: { ...header },\n};\n\nexport const light: DefaultTheme = {\n  ...baseTheme,\n};\n\nexport const dark: DefaultTheme = {\n  ...baseTheme,\n};\n","import { useEffect } from 'react';\nimport ReactGA from 'react-ga';\nimport ReactGA4 from 'react-ga4';\nimport posthog from 'posthog-js';\nimport { useLocation } from 'react-router-dom';\n\nexport const usePageTracking = (): void => {\n  const location = useLocation();\n\n  useEffect(() => {\n    const gaId = process.env.REACT_APP_GA_ID || '';\n    ReactGA.initialize(gaId);\n    ReactGA.set({ page: location.pathname });\n    ReactGA.pageview(location.pathname + location.search);\n  }, [location]);\n};\n\nexport const useGA4PageTracking = (): void => {\n  const location = useLocation();\n\n  useEffect(() => {\n    const gaId = process.env.REACT_APP_GA4_ID || '';\n    ReactGA4.initialize(gaId);\n    pageView(`${location}`);\n  });\n};\n\nexport const pageView = (path: string) => {\n  ReactGA.send({ hitType: 'pageview', page: path });\n};\n\nexport const sendGAEvent = (eventTitle: string) => {\n  ReactGA4.gtag('event', eventTitle);\n};\n\nexport const trackClickAnalytics = () => {\n  const wrapper = document.getElementById('root');\n\n  if (wrapper === null) {\n    return;\n  }\n\n  wrapper.addEventListener('click', (event) => {\n    if (\n      event &&\n      event.target &&\n      event.target instanceof Element &&\n      event.target.tagName !== 'DIV' &&\n      event.target.textContent &&\n      event.target.textContent.length > 2\n    ) {\n      const sendTag = `click_${event.target.tagName\n        .toLowerCase()\n        .replace(' ', '_')}_${event.target.textContent.toLowerCase().replace(' ', '_')}${\n        event.target.id ? `_${event.target.id.toLowerCase().replace(' ', '_')}` : ''\n      }`;\n\n      sendGAEvent(sendTag);\n    }\n  });\n};\n\nexport const sendPostHogEvent = (eventName: string, properties: PostHogProperties, timestamp: Date = new Date()) => {\n  posthog.capture(eventName, properties, { timestamp });\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport StyledLink from '@makeship/core/lib/components/Link';\nimport { H1, P1, P1Styles } from '../../Typography';\n\nconst Error410Page = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n`;\nconst Error410Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  min-height: 638px;\n  padding-top: 16px;\n  background-image: url('/assets/410-art.png');\n  background-repeat: no-repeat;\n  background-size: ${({ theme }) => theme.breakpoints.maxContent}px auto;\n  background-position: 50% 25%;\n  @media (max-width: ${({ theme }) => theme.breakpoints.maxContent}px) {\n    background-size: 100% auto;\n    background-position: center 50%;\n  }\n  \n  @media (max-width: ${({ theme }) => theme.breakpoints.largeTablet}px) {\n    height: 683px;\n    background-position: center -8%;\n    background-image: url('/assets/410-art-mobile.png');\n    background-size: 460px auto;\n    margin-top: -16px;\n  }\n  @media (max-width: ${({ theme }) => theme.breakpoints.mobile}px) {\n    height: 638px;\n    background-position: center top;\n    background-image: url('/assets/410-art-mobile.png');\n    background-size: 360px; auto;\n  }\n  @media (max-width: 360px) {\n    background-size: 100%; auto;\n  }\n`;\n\nconst Error410Body = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  margin-bottom: 48px;\n  min-height: 504px;\n  max-width: 60%;\n  @media (max-width: ${({ theme }) => theme.breakpoints.largeTablet}px) {\n    width: 100%;\n    position: relative;\n    top: 48px;\n    min-height: 0px;\n    justify-content: flex-end;\n    margin-bottom: 64px !important;\n    margin-top: 64px;\n    max-width: 100%;\n  }\n  @media (max-width: ${({ theme }) => theme.breakpoints.mobile}px) {\n    margin-bottom: 64px !important;\n  }\n`;\n\nconst ErrorHeader = styled(H1)`\n  font-size: 92px;\n  margin-bottom: 24px;\n  text-transform: uppercase;\n  @media (max-width: ${({ theme }) => theme.breakpoints.largeTablet}px) {\n    font-size: 48px;\n    margin-bottom: 8px;\n  }\n`;\n\nconst ErrorSubheading = styled(P1)`\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 8px;\n  text-align: center;\n`;\n\nconst ErrorBody = styled(P1)`\n  width: 40%;\n  line-height: 27px;\n  margin-bottom: 24px;\n  text-align: center;\n  @media (max-width: ${({ theme }) => theme.breakpoints.largeTablet}px) {\n    width: 100%;\n    margin-bottom: 0px;\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n`;\n\nconst Error410Bottom = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  width: 100%;\n  max-width: 1312px;\n  @media (max-width: ${({ theme }) => theme.breakpoints.maxContent}px) {\n    max-width: 100%;\n    padding-left: 64px;\n  }\n  @media (max-width: ${({ theme }) => theme.breakpoints.largeTablet}px) {\n    margin-top: 64px;\n  }\n  @media (max-width: ${({ theme }) => theme.breakpoints.tablet}px) {\n    padding-left: 16px;\n  }\n  @media (max-width: ${({ theme }) => theme.breakpoints.mobile}px) {\n    padding-left: 16px;\n    margin-top: 64px;\n  }\n`;\n\nconst ErrorBottomHeader = styled(P1)`\n  font-weight: bold;\n  margin-bottom: 8px;\n`;\n\nconst BottomLink = styled(StyledLink.Primary)`\n  ${P1Styles};\n  color: ${({ theme }) => theme.colors.primary} !important;\n  display: block;\n  margin-right: 32px;\n  cursor: pointer;\n`;\n\nconst Error410Links = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\ntype Error410Props = {};\n\nconst Error410: React.FC<Error410Props> = () => (\n  <Error410Page>\n    <Error410Wrapper>\n      <Error410Body>\n        <ErrorHeader>Oops</ErrorHeader>\n        <ErrorBody>\n          The Creator Portal has officially retired! Please check your email to see what&apos;s next for your campaigns.{' '}\n        </ErrorBody>\n      </Error410Body>\n    </Error410Wrapper>\n  </Error410Page>\n);\n\nexport default Error410;\n","import React, { useContext, useEffect } from 'react';\nimport styled, { ThemeProvider } from 'styled-components';\nimport { Toaster } from 'react-hot-toast';\n\nimport DashboardHeader from '../../components/common/Header/dashboardHeader';\n\nimport { AuthContext } from '../../contexts/auth-context';\nimport AlertServiceProvider from '../../components/common/Alert';\nimport Router from '../../router';\n\nimport { light } from '../../assets/styles/themes';\nimport { trackClickAnalytics } from '../../utils/analytics';\nimport Error410 from '../../components/common/Error410';\n\nconst DEFAULT_TOASTER_OFFSET = 32;\n\nconst Container = styled.div`\n  overflow-x: hidden;\n  height: 100%;\n`;\n\nconst CustomToaster = styled(Toaster)`\n  pointer-events: none;\n`;\n\nconst HeaderSelector: React.FC = () => {\n  const { currentUser, isHideHeader } = useContext(AuthContext);\n  return <>{currentUser && !isHideHeader && <DashboardHeader />}</>;\n};\n\nconst App: React.FC = () => {\n  useEffect(() => {\n    trackClickAnalytics();\n  });\n\n  return (\n    <Container>\n      {/* <Auth> */}\n      <ThemeProvider theme={light}>\n        <Error410 />\n        {/* <CustomToaster\n          position=\"top-right\"\n          reverseOrder={false}\n          containerStyle={{\n            top: DEFAULT_TOASTER_OFFSET,\n            right: DEFAULT_TOASTER_OFFSET,\n          }}\n        />\n        <AlertServiceProvider>\n          <Router>\n            <HeaderSelector />\n          </Router>\n        </AlertServiceProvider> */}\n      </ThemeProvider>\n      {/* </Auth> */}\n    </Container>\n  );\n};\n\nexport default App;\n","/* eslint-disable */\n\nconst awsmobile = {\n  aws_project_region: process.env.REACT_APP_AWS_REGION,\n  aws_cognito_region: process.env.REACT_APP_AWS_REGION,\n  aws_user_pools_id: process.env.REACT_APP_AWS_USER_POOL_ID,\n  aws_user_pools_web_client_id: process.env.REACT_APP_AWS_CLIENT_ID,\n  oauth: {\n    domain: process.env.REACT_APP_AWS_OAUTH_DOMAIN,\n    scope: ['phone', 'email', 'openid', 'aws.cognito.signin.user.admin', 'profile'],\n    redirectSignIn: process.env.REACT_APP_AWS_OAUTH_REDIRECT_SIGNIN,\n    redirectSignOut: '',\n    responseType: 'code',\n  },\n  federationTarget: 'COGNITO_USER_POOLS',\n  aws_cognito_username_attributes: ['EMAIL'],\n  aws_cognito_social_providers: ['GOOGLE', 'FACEBOOK'],\n  aws_cognito_signup_attributes: [],\n  aws_cognito_mfa_configuration: 'OPTIONAL',\n  aws_cognito_mfa_types: ['SMS'],\n  aws_cognito_password_protection_settings: {\n    passwordPolicyMinLength: 8,\n    passwordPolicyCharacters: [],\n  },\n  aws_cognito_verification_mechanisms: [],\n};\n\nexport default awsmobile;\n","import React from 'react';\nimport ReactDom from 'react-dom';\nimport { Amplify } from 'aws-amplify';\nimport * as Sentry from '@sentry/react';\nimport { BrowserTracing } from '@sentry/tracing';\nimport posthog from 'posthog-js';\n\nimport App from './containers/App';\nimport awsconfig from './aws-exports';\n\nimport './assets/styles/normalize.css';\nimport './assets/styles/global.css';\n\nconst SENTRY_DSN = process.env.REACT_APP_PUBLIC_SENTRY_DSN || '';\nconst ENVIRONMENT = process.env.REACT_APP_PUBLIC_ENV || '';\nconst POSTHOG_SDK_KEY = process.env.REACT_APP_POSTHOG_PORTAL_SDK_KEY || '';\n\nAmplify.configure(awsconfig);\nSentry.init({\n  dsn: SENTRY_DSN,\n  environment: ENVIRONMENT,\n  integrations: [new BrowserTracing()],\n  tracesSampleRate: 0.2,\n  ignoreErrors: ['Failed to fetch', 'cancelled', 'NetworkError'],\n  // Ignore Recaptcha false positive error - https://github.com/getsentry/sentry-javascript/issues/2514#issuecomment-603971338\n  beforeSend(event, hint) {\n    if (hint.originalException === 'Timeout') return null;\n    return event;\n  },\n});\n\nposthog.init(POSTHOG_SDK_KEY, {\n  api_host: 'https://app.posthog.com',\n  autocapture: false,\n});\n\nReactDom.render(<App />, document.querySelector('#root'));\n"],"sourceRoot":""}