@codecademy/brand 3.40.1-alpha.a095761d09.0 → 4.0.0-alpha.0ae245495b.0

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.js

@@ -1,272 +1,243 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Anchor, Box, Column, FillButton, FlexBox, FormRequiredText, GridBox, IconButton, Input, Modal, Text } from '@codecademy/gamut';
-import { CheckFilledIcon, MiniCopyIcon, MiniDeleteIcon } from '@codecademy/gamut-icons';
-import { css } from '@codecademy/gamut-styles';
-import React, { useEffect, useRef, useState } from 'react';
-import { useSearchParam } from 'react-use';
-import { BASE_STATIC_ASSET_PATH } from '../../../remoteAssets/components';
-import { FooterLinkItem } from '../../FooterLinks';
-import { ReferralForm } from './ReferralForm';
-import { ReferralLinkSocialMediaSharing } from './ReferralLinkSocialMediaSharing';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const StyledModal = /*#__PURE__*/_styled(Modal, {
-  target: "euue7s91",
-  label: "StyledModal"
-})(css({
-  minHeight: {
-    _: '100%',
-    md: 478
-  },
-  maxWidth: {
-    _: '100%',
-    xs: 400,
-    md: 900
-  },
-  p: 0
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvUmVmZXJyYWxSb2NrL1JlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0dsb2JhbEZvb3Rlci9Gb290ZXJOYXZMaW5rcy9SZWZlcnJhbFJvY2svUmVmZXJBRnJpZW5kTGlua1dpdGhNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ29sdW1uLFxuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBGb3JtUmVxdWlyZWRUZXh0LFxuICBHcmlkQm94LFxuICBJY29uQnV0dG9uLFxuICBJY29uQnV0dG9uUHJvcHMsXG4gIElucHV0LFxuICBNb2RhbCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQ2hlY2tGaWxsZWRJY29uLFxuICBNaW5pQ29weUljb24sXG4gIE1pbmlEZWxldGVJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVNlYXJjaFBhcmFtIH0gZnJvbSAncmVhY3QtdXNlJztcblxuaW1wb3J0IHsgQkFTRV9TVEFUSUNfQVNTRVRfUEFUSCB9IGZyb20gJy4uLy4uLy4uL3JlbW90ZUFzc2V0cy9jb21wb25lbnRzJztcbmltcG9ydCB7IEZvb3RlckxpbmtJdGVtIH0gZnJvbSAnLi4vLi4vRm9vdGVyTGlua3MnO1xuaW1wb3J0IHR5cGUgeyBHbG9iYWxGb290ZXJDbGlja0hhbmRsZXIgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBSZWZlcnJhbEZvcm0gfSBmcm9tICcuL1JlZmVycmFsRm9ybSc7XG5pbXBvcnQgeyBSZWZlcnJhbExpbmtTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL1JlZmVycmFsTGlua1NvY2lhbE1lZGlhU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IFJlZmVycmFsUm9ja1VybHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpKFxuICBjc3Moe1xuICAgIG1pbkhlaWdodDogeyBfOiAnMTAwJScsIG1kOiA0NzggfSxcbiAgICBtYXhXaWR0aDogeyBfOiAnMTAwJScsIHhzOiA0MDAsIG1kOiA5MDAgfSxcbiAgICBwOiAwLFxuICB9KVxuKTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IFJlZmVycmFsUm9ja0xpbmsgPSBzdHlsZWQubGlgXG4gICY6bm90KDpsYXN0LW9mLXR5cGUpOjphZnRlciB7XG4gICAgY29udGVudDogJ3wnO1xuICAgIG1hcmdpbjogMCAwLjM3NXJlbTtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlckFGcmllbmRMaW5rV2l0aE1vZGFsOiBSZWFjdC5GQzx7XG4gIHJlZmVycmFsUm9ja1VybHM6IFJlZmVycmFsUm9ja1VybHM7XG4gIG9uQ2xpY2s6IEdsb2JhbEZvb3RlckNsaWNrSGFuZGxlcjtcbn0+ID0gKHsgcmVmZXJyYWxSb2NrVXJscywgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IGFjdGlvblBhcmFtID0gdXNlU2VhcmNoUGFyYW0oJ2FjdGlvbicpO1xuICBjb25zdCB1cmxQYXJhbXMgPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnXG4gICAgICA/IG5ldyBVUkxTZWFyY2hQYXJhbXMod2luZG93LmxvY2F0aW9uLnNlYXJjaClcbiAgICAgIDogbmV3IFVSTFNlYXJjaFBhcmFtcygpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShcbiAgICB1cmxQYXJhbXMuZ2V0KCdhY3Rpb24nKSA9PT0gJ3JlZmVyQUZyaWVuZCdcbiAgKTtcbiAgY29uc3QgW3JlZmVycmFsVXJsLCBzZXRSZWZlcnJhbFVybF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzaG93TGlua0NvcGllZE1lc3NhZ2UsIHNldFNob3dMaW5rQ29waWVkTWVzc2FnZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmaXJzdFJlbmRlciwgc2V0Rmlyc3RSZW5kZXJdID0gdXNlU3RhdGUodHJ1ZSk7XG4gIGNvbnN0IHJlZmVycmFsUm9ja0xpbmtSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGlvblBhcmFtID09PSAncmVmZXJBRnJpZW5kJykge1xuICAgICAgc2V0SXNPcGVuKCgpID0+IHRydWUpO1xuICAgIH1cbiAgfSwgW2FjdGlvblBhcmFtXSk7XG5cbiAgLy8gbGludGVyIGRpc2FibGVkIHRvIHByZXZlbnQgcmVmZXIgYSBmcmllbmQgbGluayBmcm9tIGJlaW5nIGZvY3VzZWQgb24gaW5pdGlhbCByZW5kZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZmlyc3RSZW5kZXIpIHtcbiAgICAgIHNldEZpcnN0UmVuZGVyKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKCFpc09wZW4pIHtcbiAgICAgIHJlZmVycmFsUm9ja0xpbmtSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2VNb2RhbCA9IGFzeW5jICgpID0+IHtcbiAgICBpZiAod2luZG93ICYmIGFjdGlvblBhcmFtKSB7XG4gICAgICB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUoe30sICcnLCB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUpO1xuICAgIH1cblxuICAgIHNldElzT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgY29weVVybFRvQ2xpcGJvYXJkV2l0aFRpbWVvdXQgPSBhc3luYyAocmVmZXJyYWxVcmw6IHN0cmluZykgPT4ge1xuICAgIGF3YWl0IG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KHJlZmVycmFsVXJsKTtcbiAgICBzZXRTaG93TGlua0NvcGllZE1lc3NhZ2UodHJ1ZSk7XG5cbiAgICBjb25zdCBkZWxheSA9IHNldFRpbWVvdXQoKCkgPT4gc2V0U2hvd0xpbmtDb3BpZWRNZXNzYWdlKGZhbHNlKSwgMjAwMCk7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dChkZWxheSk7XG4gIH07XG5cbiAgY29uc3QgcmVmZXJyYWxSb2NrTGlua3MgPSBbXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy50b3MsXG4gICAgICB0ZXh0OiAnVGVybXMgYW5kIGNvbmRpdGlvbnMnLFxuICAgIH0sXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy5zdGF0cyxcbiAgICAgIHRleHQ6ICdNeSByZWZlcnJhbCBzdGF0cycsXG4gICAgfSxcbiAgXTtcblxuICBjb25zdCBtb2RhbEltYWdlQWx0VGV4dCA9XG4gICAgJ1R3byBpbmRpdmlkdWFscyBzaXR0aW5nIG9uIHRoZSBncmFzcyB3aGlsZSB3b3JraW5nIG9uIGEgc2hhcmVkIGxhcHRvcCc7XG5cbiAgY29uc3QgY2xvc2VCdXR0b25TaGFyZWRQcm9wczogSWNvbkJ1dHRvblByb3BzID0ge1xuICAgICdhcmlhLWxhYmVsJzogJ0Nsb3NlJyxcbiAgICBpY29uOiBNaW5pRGVsZXRlSWNvbixcbiAgICBvbkNsaWNrOiBoYW5kbGVDbG9zZU1vZGFsLFxuICAgIHNpemU6ICdzbWFsbCcsXG4gICAgdmFyaWFudDogJ3NlY29uZGFyeScsXG4gICAgdGlwOiAnQ2xvc2UgcmVmZXJyYWwgbW9kYWwnLFxuICAgIHRpcFByb3BzOiB7XG4gICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgIG5hcnJvdzogdHJ1ZSxcbiAgICB9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGb290ZXJMaW5rSXRlbT5cbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIG9uQ2xpY2soeyBldmVudCwgdGFyZ2V0OiAncmVmZXItYS1mcmllbmQnIH0pO1xuICAgICAgICAgICAgc2V0SXNPcGVuKHRydWUpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICBSZWZlciBhIGZyaWVuZFxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIDwvRm9vdGVyTGlua0l0ZW0+XG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e2hhbmRsZUNsb3NlTW9kYWx9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXt7IGhpZGRlbjogdHJ1ZSB9fVxuICAgICAgICBzaXplPVwiZmx1aWRcIlxuICAgICAgICBwPXswfVxuICAgICAgPlxuICAgICAgICA8R3JpZEJveFxuICAgICAgICAgIGdyaWRBdXRvRmxvdz17eyBfOiAncm93JywgbWQ6ICdjb2x1bW4nIH19XG4gICAgICAgICAgZ3JpZEF1dG9Db2x1bW5zPVwiMWZyXCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2x1bW4gZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIG1kOiAnbm9uZScgfX0gaGVpZ2h0PXs0OH0+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInJpZ2h0XCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEljb25CdXR0b24gey4uLmNsb3NlQnV0dG9uU2hhcmVkUHJvcHN9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBvdmVyZmxvdz17eyBtZDogJ2hpZGRlbicgfX0+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtgJHtCQVNFX1NUQVRJQ19BU1NFVF9QQVRIfS9yZWZlcnJhbC1yb2NrL21vZGFsLWRlc2t0b3Aud2VicGB9XG4gICAgICAgICAgICAgIGFsdD17bW9kYWxJbWFnZUFsdFRleHR9XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2Jsb2NrJyB9fVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBvYmplY3RGaXQ6ICdjb3ZlcicsIG9iamVjdFBvc2l0aW9uOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2Ake0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L3JlZmVycmFsLXJvY2svbW9kYWwtbW9iaWxlLndlYnBgfVxuICAgICAgICAgICAgICBhbHQ9e21vZGFsSW1hZ2VBbHRUZXh0fVxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdibG9jaycsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBwPXsyNH0gb3ZlcmZsb3dZPVwiYXV0b1wiIG92ZXJmbG93WD1cImhpZGRlblwiPlxuICAgICAgICAgICAgPEJveCBtYj17MzJ9PlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBtYj17MTJ9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgICAgICAgIHByPXt7IF86IDAsIG1kOiAxNiB9fVxuICAgICAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogMjMwLCB4czogMzUyIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgUmVmZXIgeW91ciBmcmllbmRzIHRvIENvZGVjYWRlbXlcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICB7Li4uY2xvc2VCdXR0b25TaGFyZWRQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheT17e1xuICAgICAgICAgICAgICAgICAgICAgIF86ICdpbmxpbmUtZmxleCcsXG4gICAgICAgICAgICAgICAgICAgICAgeHM6ICdub25lJyxcbiAgICAgICAgICAgICAgICAgICAgICBtZDogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbXI9ey0xMCBhcyAwfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICBHZXQgYSByZWZlcnJhbCBsaW5rIHlvdSBjYW4gc2hhcmUgd2l0aCBmcmllbmRzLiBXaGVuIHRoZXkgdXNlXG4gICAgICAgICAgICAgICAgeW91ciBsaW5rIHRvIGJ1eSBhIFBybywgUGx1cywgb3IgUHJvIFN0dWRlbnQgYW5udWFsIHBsYW4sIHRoZXlcbiAgICAgICAgICAgICAgICBzYXZlIDUwJSDigJQgJiB5b3UgZ2V0IGEgZ2lmdCBjYXJkIGVxdWFsIHRvICQyMCBVU0QuXG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPEZvcm1SZXF1aXJlZFRleHQgcHQ9ezR9IHZhcmlhbnQ9XCJwLXNtYWxsXCIgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAge3JlZmVycmFsVXJsID8gKFxuICAgICAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgbmFtZT1cInJlZmVycmFsIHVybFwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUmVmZXJyYWwgbGlua1wiXG4gICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e3JlZmVycmFsVXJsfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJmaXQtY29udGVudFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8Qm94IG10PXsxMn0+XG4gICAgICAgICAgICAgICAgICB7c2hvd0xpbmtDb3BpZWRNZXNzYWdlID8gKFxuICAgICAgICAgICAgICAgICAgICA8RmxleEJveCBtYj17NDB9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tGaWxsZWRJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG1iPXsyIGFzIDB9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cImZlZWRiYWNrLXN1Y2Nlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25TZWxmPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZmVlZGJhY2stc3VjY2Vzc1wiPkxpbmsgY29waWVkITwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb3B5VXJsVG9DbGlwYm9hcmRXaXRoVGltZW91dChyZWZlcnJhbFVybCl9XG4gICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICAgICAgICBtYj17MjR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8TWluaUNvcHlJY29uIGNvbG9yPVwid2hpdGVcIiBwcj17OH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICBDb3B5IGxpbmtcbiAgICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8UmVmZXJyYWxMaW5rU29jaWFsTWVkaWFTaGFyaW5nIHJlZmVycmFsVXJsPXtyZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8UmVmZXJyYWxGb3JtIHNldFJlZmVycmFsVXJsPXtzZXRSZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgIG09ezB9XG4gICAgICAgICAgICAgIHA9ezB9XG4gICAgICAgICAgICAgIG10PXsyNH1cbiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVmZXJyYWxSb2NrTGlua3MubWFwKCh7IGhyZWYsIHRleHQgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxSZWZlcnJhbFJvY2tMaW5rIGtleT17aHJlZn0+XG4gICAgICAgICAgICAgICAgICA8QW5jaG9yIGhyZWY9e2hyZWZ9IGZvbnRTaXplPXsxNH0gdmFyaWFudD1cImludGVyZmFjZVwiPlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICAgICAgICAgIDwvUmVmZXJyYWxSb2NrTGluaz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgIDwvR3JpZEJveD5cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
-const Image = Box.withComponent('img', {
-  target: "euue7s92",
-  label: "Image"
-});
-const ReferralRockLink = /*#__PURE__*/_styled("li", {
-  target: "euue7s90",
-  label: "ReferralRockLink"
-})(process.env.NODE_ENV === "production" ? {
-  name: "y87jdj",
-  styles: "&:not(:last-of-type)::after{content:'|';margin:0 0.375rem;font-size:1rem;}"
-} : {
-  name: "y87jdj",
-  styles: "&:not(:last-of-type)::after{content:'|';margin:0 0.375rem;font-size:1rem;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvUmVmZXJyYWxSb2NrL1JlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0dsb2JhbEZvb3Rlci9Gb290ZXJOYXZMaW5rcy9SZWZlcnJhbFJvY2svUmVmZXJBRnJpZW5kTGlua1dpdGhNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ29sdW1uLFxuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBGb3JtUmVxdWlyZWRUZXh0LFxuICBHcmlkQm94LFxuICBJY29uQnV0dG9uLFxuICBJY29uQnV0dG9uUHJvcHMsXG4gIElucHV0LFxuICBNb2RhbCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQ2hlY2tGaWxsZWRJY29uLFxuICBNaW5pQ29weUljb24sXG4gIE1pbmlEZWxldGVJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVNlYXJjaFBhcmFtIH0gZnJvbSAncmVhY3QtdXNlJztcblxuaW1wb3J0IHsgQkFTRV9TVEFUSUNfQVNTRVRfUEFUSCB9IGZyb20gJy4uLy4uLy4uL3JlbW90ZUFzc2V0cy9jb21wb25lbnRzJztcbmltcG9ydCB7IEZvb3RlckxpbmtJdGVtIH0gZnJvbSAnLi4vLi4vRm9vdGVyTGlua3MnO1xuaW1wb3J0IHR5cGUgeyBHbG9iYWxGb290ZXJDbGlja0hhbmRsZXIgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBSZWZlcnJhbEZvcm0gfSBmcm9tICcuL1JlZmVycmFsRm9ybSc7XG5pbXBvcnQgeyBSZWZlcnJhbExpbmtTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL1JlZmVycmFsTGlua1NvY2lhbE1lZGlhU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IFJlZmVycmFsUm9ja1VybHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpKFxuICBjc3Moe1xuICAgIG1pbkhlaWdodDogeyBfOiAnMTAwJScsIG1kOiA0NzggfSxcbiAgICBtYXhXaWR0aDogeyBfOiAnMTAwJScsIHhzOiA0MDAsIG1kOiA5MDAgfSxcbiAgICBwOiAwLFxuICB9KVxuKTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IFJlZmVycmFsUm9ja0xpbmsgPSBzdHlsZWQubGlgXG4gICY6bm90KDpsYXN0LW9mLXR5cGUpOjphZnRlciB7XG4gICAgY29udGVudDogJ3wnO1xuICAgIG1hcmdpbjogMCAwLjM3NXJlbTtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlckFGcmllbmRMaW5rV2l0aE1vZGFsOiBSZWFjdC5GQzx7XG4gIHJlZmVycmFsUm9ja1VybHM6IFJlZmVycmFsUm9ja1VybHM7XG4gIG9uQ2xpY2s6IEdsb2JhbEZvb3RlckNsaWNrSGFuZGxlcjtcbn0+ID0gKHsgcmVmZXJyYWxSb2NrVXJscywgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IGFjdGlvblBhcmFtID0gdXNlU2VhcmNoUGFyYW0oJ2FjdGlvbicpO1xuICBjb25zdCB1cmxQYXJhbXMgPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnXG4gICAgICA/IG5ldyBVUkxTZWFyY2hQYXJhbXMod2luZG93LmxvY2F0aW9uLnNlYXJjaClcbiAgICAgIDogbmV3IFVSTFNlYXJjaFBhcmFtcygpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShcbiAgICB1cmxQYXJhbXMuZ2V0KCdhY3Rpb24nKSA9PT0gJ3JlZmVyQUZyaWVuZCdcbiAgKTtcbiAgY29uc3QgW3JlZmVycmFsVXJsLCBzZXRSZWZlcnJhbFVybF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzaG93TGlua0NvcGllZE1lc3NhZ2UsIHNldFNob3dMaW5rQ29waWVkTWVzc2FnZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmaXJzdFJlbmRlciwgc2V0Rmlyc3RSZW5kZXJdID0gdXNlU3RhdGUodHJ1ZSk7XG4gIGNvbnN0IHJlZmVycmFsUm9ja0xpbmtSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGlvblBhcmFtID09PSAncmVmZXJBRnJpZW5kJykge1xuICAgICAgc2V0SXNPcGVuKCgpID0+IHRydWUpO1xuICAgIH1cbiAgfSwgW2FjdGlvblBhcmFtXSk7XG5cbiAgLy8gbGludGVyIGRpc2FibGVkIHRvIHByZXZlbnQgcmVmZXIgYSBmcmllbmQgbGluayBmcm9tIGJlaW5nIGZvY3VzZWQgb24gaW5pdGlhbCByZW5kZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZmlyc3RSZW5kZXIpIHtcbiAgICAgIHNldEZpcnN0UmVuZGVyKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKCFpc09wZW4pIHtcbiAgICAgIHJlZmVycmFsUm9ja0xpbmtSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2VNb2RhbCA9IGFzeW5jICgpID0+IHtcbiAgICBpZiAod2luZG93ICYmIGFjdGlvblBhcmFtKSB7XG4gICAgICB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUoe30sICcnLCB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUpO1xuICAgIH1cblxuICAgIHNldElzT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgY29weVVybFRvQ2xpcGJvYXJkV2l0aFRpbWVvdXQgPSBhc3luYyAocmVmZXJyYWxVcmw6IHN0cmluZykgPT4ge1xuICAgIGF3YWl0IG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KHJlZmVycmFsVXJsKTtcbiAgICBzZXRTaG93TGlua0NvcGllZE1lc3NhZ2UodHJ1ZSk7XG5cbiAgICBjb25zdCBkZWxheSA9IHNldFRpbWVvdXQoKCkgPT4gc2V0U2hvd0xpbmtDb3BpZWRNZXNzYWdlKGZhbHNlKSwgMjAwMCk7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dChkZWxheSk7XG4gIH07XG5cbiAgY29uc3QgcmVmZXJyYWxSb2NrTGlua3MgPSBbXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy50b3MsXG4gICAgICB0ZXh0OiAnVGVybXMgYW5kIGNvbmRpdGlvbnMnLFxuICAgIH0sXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy5zdGF0cyxcbiAgICAgIHRleHQ6ICdNeSByZWZlcnJhbCBzdGF0cycsXG4gICAgfSxcbiAgXTtcblxuICBjb25zdCBtb2RhbEltYWdlQWx0VGV4dCA9XG4gICAgJ1R3byBpbmRpdmlkdWFscyBzaXR0aW5nIG9uIHRoZSBncmFzcyB3aGlsZSB3b3JraW5nIG9uIGEgc2hhcmVkIGxhcHRvcCc7XG5cbiAgY29uc3QgY2xvc2VCdXR0b25TaGFyZWRQcm9wczogSWNvbkJ1dHRvblByb3BzID0ge1xuICAgICdhcmlhLWxhYmVsJzogJ0Nsb3NlJyxcbiAgICBpY29uOiBNaW5pRGVsZXRlSWNvbixcbiAgICBvbkNsaWNrOiBoYW5kbGVDbG9zZU1vZGFsLFxuICAgIHNpemU6ICdzbWFsbCcsXG4gICAgdmFyaWFudDogJ3NlY29uZGFyeScsXG4gICAgdGlwOiAnQ2xvc2UgcmVmZXJyYWwgbW9kYWwnLFxuICAgIHRpcFByb3BzOiB7XG4gICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgIG5hcnJvdzogdHJ1ZSxcbiAgICB9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGb290ZXJMaW5rSXRlbT5cbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIG9uQ2xpY2soeyBldmVudCwgdGFyZ2V0OiAncmVmZXItYS1mcmllbmQnIH0pO1xuICAgICAgICAgICAgc2V0SXNPcGVuKHRydWUpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICBSZWZlciBhIGZyaWVuZFxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIDwvRm9vdGVyTGlua0l0ZW0+XG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e2hhbmRsZUNsb3NlTW9kYWx9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXt7IGhpZGRlbjogdHJ1ZSB9fVxuICAgICAgICBzaXplPVwiZmx1aWRcIlxuICAgICAgICBwPXswfVxuICAgICAgPlxuICAgICAgICA8R3JpZEJveFxuICAgICAgICAgIGdyaWRBdXRvRmxvdz17eyBfOiAncm93JywgbWQ6ICdjb2x1bW4nIH19XG4gICAgICAgICAgZ3JpZEF1dG9Db2x1bW5zPVwiMWZyXCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2x1bW4gZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIG1kOiAnbm9uZScgfX0gaGVpZ2h0PXs0OH0+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInJpZ2h0XCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEljb25CdXR0b24gey4uLmNsb3NlQnV0dG9uU2hhcmVkUHJvcHN9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBvdmVyZmxvdz17eyBtZDogJ2hpZGRlbicgfX0+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtgJHtCQVNFX1NUQVRJQ19BU1NFVF9QQVRIfS9yZWZlcnJhbC1yb2NrL21vZGFsLWRlc2t0b3Aud2VicGB9XG4gICAgICAgICAgICAgIGFsdD17bW9kYWxJbWFnZUFsdFRleHR9XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2Jsb2NrJyB9fVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBvYmplY3RGaXQ6ICdjb3ZlcicsIG9iamVjdFBvc2l0aW9uOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2Ake0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L3JlZmVycmFsLXJvY2svbW9kYWwtbW9iaWxlLndlYnBgfVxuICAgICAgICAgICAgICBhbHQ9e21vZGFsSW1hZ2VBbHRUZXh0fVxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdibG9jaycsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBwPXsyNH0gb3ZlcmZsb3dZPVwiYXV0b1wiIG92ZXJmbG93WD1cImhpZGRlblwiPlxuICAgICAgICAgICAgPEJveCBtYj17MzJ9PlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBtYj17MTJ9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgICAgICAgIHByPXt7IF86IDAsIG1kOiAxNiB9fVxuICAgICAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogMjMwLCB4czogMzUyIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgUmVmZXIgeW91ciBmcmllbmRzIHRvIENvZGVjYWRlbXlcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICB7Li4uY2xvc2VCdXR0b25TaGFyZWRQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheT17e1xuICAgICAgICAgICAgICAgICAgICAgIF86ICdpbmxpbmUtZmxleCcsXG4gICAgICAgICAgICAgICAgICAgICAgeHM6ICdub25lJyxcbiAgICAgICAgICAgICAgICAgICAgICBtZDogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbXI9ey0xMCBhcyAwfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICBHZXQgYSByZWZlcnJhbCBsaW5rIHlvdSBjYW4gc2hhcmUgd2l0aCBmcmllbmRzLiBXaGVuIHRoZXkgdXNlXG4gICAgICAgICAgICAgICAgeW91ciBsaW5rIHRvIGJ1eSBhIFBybywgUGx1cywgb3IgUHJvIFN0dWRlbnQgYW5udWFsIHBsYW4sIHRoZXlcbiAgICAgICAgICAgICAgICBzYXZlIDUwJSDigJQgJiB5b3UgZ2V0IGEgZ2lmdCBjYXJkIGVxdWFsIHRvICQyMCBVU0QuXG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPEZvcm1SZXF1aXJlZFRleHQgcHQ9ezR9IHZhcmlhbnQ9XCJwLXNtYWxsXCIgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAge3JlZmVycmFsVXJsID8gKFxuICAgICAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgbmFtZT1cInJlZmVycmFsIHVybFwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUmVmZXJyYWwgbGlua1wiXG4gICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e3JlZmVycmFsVXJsfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJmaXQtY29udGVudFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8Qm94IG10PXsxMn0+XG4gICAgICAgICAgICAgICAgICB7c2hvd0xpbmtDb3BpZWRNZXNzYWdlID8gKFxuICAgICAgICAgICAgICAgICAgICA8RmxleEJveCBtYj17NDB9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tGaWxsZWRJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG1iPXsyIGFzIDB9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cImZlZWRiYWNrLXN1Y2Nlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25TZWxmPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZmVlZGJhY2stc3VjY2Vzc1wiPkxpbmsgY29waWVkITwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb3B5VXJsVG9DbGlwYm9hcmRXaXRoVGltZW91dChyZWZlcnJhbFVybCl9XG4gICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICAgICAgICBtYj17MjR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8TWluaUNvcHlJY29uIGNvbG9yPVwid2hpdGVcIiBwcj17OH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICBDb3B5IGxpbmtcbiAgICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8UmVmZXJyYWxMaW5rU29jaWFsTWVkaWFTaGFyaW5nIHJlZmVycmFsVXJsPXtyZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8UmVmZXJyYWxGb3JtIHNldFJlZmVycmFsVXJsPXtzZXRSZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgIG09ezB9XG4gICAgICAgICAgICAgIHA9ezB9XG4gICAgICAgICAgICAgIG10PXsyNH1cbiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVmZXJyYWxSb2NrTGlua3MubWFwKCh7IGhyZWYsIHRleHQgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxSZWZlcnJhbFJvY2tMaW5rIGtleT17aHJlZn0+XG4gICAgICAgICAgICAgICAgICA8QW5jaG9yIGhyZWY9e2hyZWZ9IGZvbnRTaXplPXsxNH0gdmFyaWFudD1cImludGVyZmFjZVwiPlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICAgICAgICAgIDwvUmVmZXJyYWxSb2NrTGluaz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgIDwvR3JpZEJveD5cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const ReferAFriendLinkWithModal = ({
-  referralRockUrls,
-  onClick
-}) => {
-  const actionParam = useSearchParam('action');
-  const urlParams = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
-  const [isOpen, setIsOpen] = useState(urlParams.get('action') === 'referAFriend');
-  const [referralUrl, setReferralUrl] = useState('');
-  const [showLinkCopiedMessage, setShowLinkCopiedMessage] = useState(false);
-  const [firstRender, setFirstRender] = useState(true);
-  const referralRockLinkRef = useRef(null);
-  useEffect(() => {
-    if (actionParam === 'referAFriend') {
-      setIsOpen(() => true);
-    }
-  }, [actionParam]);
+import { BASE_STATIC_ASSET_PATH } from "../../../remoteAssets/components.js";
+import { FooterLinkItem } from "../../FooterLinks.js";
+import { ReferralForm } from "./ReferralForm.js";
+import { ReferralLinkSocialMediaSharing } from "./ReferralLinkSocialMediaSharing.js";
+import { Anchor, Box, Column, FillButton, FlexBox, FormRequiredText, GridBox, IconButton, Input, Modal, Text } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React, { useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckFilledIcon, MiniCopyIcon, MiniDeleteIcon } from "@codecademy/gamut-icons";
+import { useSearchParam } from "react-use";
 
-  // linter disabled to prevent refer a friend link from being focused on initial render
-  useEffect(() => {
-    if (firstRender) {
-      setFirstRender(false);
-    } else if (!isOpen) {
-      referralRockLinkRef.current?.focus();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isOpen]);
-  const handleCloseModal = async () => {
-    if (window && actionParam) {
-      window.history.pushState({}, '', window.location.pathname);
-    }
-    setIsOpen(false);
-  };
-  const copyUrlToClipboardWithTimeout = async referralUrl => {
-    await navigator.clipboard.writeText(referralUrl);
-    setShowLinkCopiedMessage(true);
-    const delay = setTimeout(() => setShowLinkCopiedMessage(false), 2000);
-    return () => clearTimeout(delay);
-  };
-  const referralRockLinks = [{
-    href: referralRockUrls.tos,
-    text: 'Terms and conditions'
-  }, {
-    href: referralRockUrls.stats,
-    text: 'My referral stats'
-  }];
-  const modalImageAltText = 'Two individuals sitting on the grass while working on a shared laptop';
-  const closeButtonSharedProps = {
-    'aria-label': 'Close',
-    icon: MiniDeleteIcon,
-    onClick: handleCloseModal,
-    size: 'small',
-    variant: 'secondary',
-    tip: 'Close referral modal',
-    tipProps: {
-      alignment: 'bottom-center',
-      placement: 'floating',
-      narrow: true
-    }
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(FooterLinkItem, {
-      children: /*#__PURE__*/_jsx(Anchor, {
-        variant: "interface",
-        onClick: event => {
-          onClick({
-            event,
-            target: 'refer-a-friend'
-          });
-          setIsOpen(true);
-        },
-        children: "Refer a friend"
-      })
-    }), /*#__PURE__*/_jsx(StyledModal, {
-      onRequestClose: handleCloseModal,
-      isOpen: isOpen,
-      closeButtonProps: {
-        hidden: true
-      },
-      size: "fluid",
-      p: 0,
-      children: /*#__PURE__*/_jsxs(GridBox, {
-        gridAutoFlow: {
-          _: 'row',
-          md: 'column'
-        },
-        gridAutoColumns: "1fr",
-        height: "100%",
-        children: [/*#__PURE__*/_jsx(Column, {
-          display: {
-            _: 'none',
-            xs: 'grid',
-            md: 'none'
-          },
-          height: 48,
-          children: /*#__PURE__*/_jsx(FlexBox, {
-            justifyContent: "right",
-            alignItems: "center",
-            mr: 8,
-            position: "relative",
-            children: /*#__PURE__*/_jsx(IconButton, {
-              ...closeButtonSharedProps
-            })
-          })
-        }), /*#__PURE__*/_jsxs(Column, {
-          overflow: {
-            md: 'hidden'
-          },
-          children: [/*#__PURE__*/_jsx(Image, {
-            src: `${BASE_STATIC_ASSET_PATH}/referral-rock/modal-desktop.webp`,
-            alt: modalImageAltText,
-            display: {
-              _: 'none',
-              md: 'block'
-            },
-            width: "100%",
-            height: "100%"
-            // eslint-disable-next-line gamut/no-inline-style
-            ,
-            style: {
-              objectFit: 'cover',
-              objectPosition: 'center'
-            }
-          }), /*#__PURE__*/_jsx(Image, {
-            src: `${BASE_STATIC_ASSET_PATH}/referral-rock/modal-mobile.webp`,
-            alt: modalImageAltText,
-            display: {
-              _: 'none',
-              xs: 'block',
-              md: 'none'
-            },
-            width: "100%"
-          })]
-        }), /*#__PURE__*/_jsxs(Column, {
-          p: 24,
-          overflowY: "auto",
-          overflowX: "hidden",
-          children: [/*#__PURE__*/_jsxs(Box, {
-            mb: 32,
-            children: [/*#__PURE__*/_jsxs(FlexBox, {
-              justifyContent: "space-between",
-              mb: 12,
-              children: [/*#__PURE__*/_jsx(Text, {
-                as: "h2",
-                fontSize: 34,
-                pr: {
-                  _: 0,
-                  md: 16
-                },
-                maxWidth: {
-                  _: 230,
-                  xs: 352
-                },
-                children: "Refer your friends to Codecademy"
-              }), /*#__PURE__*/_jsx(Box, {
-                position: "relative",
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  ...closeButtonSharedProps,
-                  display: {
-                    _: 'inline-flex',
-                    xs: 'none',
-                    md: 'inline-flex'
-                  },
-                  mr: -10
-                })
-              })]
-            }), /*#__PURE__*/_jsx(Text, {
-              children: "Get a referral link you can share with friends. When they use your link to buy a Pro, Plus, or Pro Student annual plan, they save 50% \u2014 & you get a gift card equal to $20 USD."
-            }), /*#__PURE__*/_jsx(FormRequiredText, {
-              pt: 4,
-              variant: "p-small"
-            })]
-          }), referralUrl ? /*#__PURE__*/_jsxs(Box, {
-            children: [/*#__PURE__*/_jsx(Input, {
-              name: "referral url",
-              "aria-label": "Referral link",
-              type: "text",
-              defaultValue: referralUrl,
-              width: "fit-content"
-            }), /*#__PURE__*/_jsx(Box, {
-              mt: 12,
-              children: showLinkCopiedMessage ? /*#__PURE__*/_jsxs(FlexBox, {
-                mb: 40,
-                alignItems: "center",
-                children: [/*#__PURE__*/_jsx(CheckFilledIcon, {
-                  mr: 8,
-                  mb: 2,
-                  color: "feedback-success",
-                  alignSelf: "center"
-                }), /*#__PURE__*/_jsx(Text, {
-                  color: "feedback-success",
-                  children: "Link copied!"
-                })]
-              }) : /*#__PURE__*/_jsxs(FillButton, {
-                onClick: () => copyUrlToClipboardWithTimeout(referralUrl),
-                width: "100%",
-                mb: 24,
-                children: [/*#__PURE__*/_jsx(MiniCopyIcon, {
-                  color: "white",
-                  pr: 8
-                }), "Copy link"]
-              })
-            }), /*#__PURE__*/_jsx(ReferralLinkSocialMediaSharing, {
-              referralUrl: referralUrl
-            })]
-          }) : /*#__PURE__*/_jsx(ReferralForm, {
-            setReferralUrl: setReferralUrl
-          }), /*#__PURE__*/_jsx(FlexBox, {
-            as: "ul",
-            listStyle: "none",
-            m: 0,
-            p: 0,
-            mt: 24,
-            justifyContent: "center",
-            children: referralRockLinks.map(({
-              href,
-              text
-            }) => /*#__PURE__*/_jsx(ReferralRockLink, {
-              children: /*#__PURE__*/_jsx(Anchor, {
-                href: href,
-                fontSize: 14,
-                variant: "interface",
-                children: text
-              })
-            }, href))
-          })]
-        })]
-      })
-    })]
-  });
-};
+//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.tsx
+const StyledModal = styled(Modal)(css({
+	minHeight: {
+		_: "100%",
+		md: 478
+	},
+	maxWidth: {
+		_: "100%",
+		xs: 400,
+		md: 900
+	},
+	p: 0
+}));
+const Image = Box.withComponent("img");
+const ReferralRockLink = styled.li`
+  &:not(:last-of-type)::after {
+    content: '|';
+    margin: 0 0.375rem;
+    font-size: 1rem;
+  }
+`;
+const ReferAFriendLinkWithModal = ({ referralRockUrls, onClick }) => {
+	const actionParam = useSearchParam("action");
+	const [isOpen, setIsOpen] = useState((typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams()).get("action") === "referAFriend");
+	const [referralUrl, setReferralUrl] = useState("");
+	const [showLinkCopiedMessage, setShowLinkCopiedMessage] = useState(false);
+	const [firstRender, setFirstRender] = useState(true);
+	const referralRockLinkRef = useRef(null);
+	useEffect(() => {
+		if (actionParam === "referAFriend") setIsOpen(() => true);
+	}, [actionParam]);
+	useEffect(() => {
+		if (firstRender) setFirstRender(false);
+		else if (!isOpen) referralRockLinkRef.current?.focus();
+	}, [isOpen]);
+	const handleCloseModal = async () => {
+		if (window && actionParam) window.history.pushState({}, "", window.location.pathname);
+		setIsOpen(false);
+	};
+	const copyUrlToClipboardWithTimeout = async (referralUrl$1) => {
+		await navigator.clipboard.writeText(referralUrl$1);
+		setShowLinkCopiedMessage(true);
+		const delay = setTimeout(() => setShowLinkCopiedMessage(false), 2e3);
+		return () => clearTimeout(delay);
+	};
+	const referralRockLinks = [{
+		href: referralRockUrls.tos,
+		text: "Terms and conditions"
+	}, {
+		href: referralRockUrls.stats,
+		text: "My referral stats"
+	}];
+	const modalImageAltText = "Two individuals sitting on the grass while working on a shared laptop";
+	const closeButtonSharedProps = {
+		"aria-label": "Close",
+		icon: MiniDeleteIcon,
+		onClick: handleCloseModal,
+		size: "small",
+		variant: "secondary",
+		tip: "Close referral modal",
+		tipProps: {
+			alignment: "bottom-center",
+			placement: "floating",
+			narrow: true
+		}
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
+		variant: "interface",
+		onClick: (event) => {
+			onClick({
+				event,
+				target: "refer-a-friend"
+			});
+			setIsOpen(true);
+		},
+		children: "Refer a friend"
+	}) }), /* @__PURE__ */ jsx(StyledModal, {
+		onRequestClose: handleCloseModal,
+		isOpen,
+		closeButtonProps: { hidden: true },
+		size: "fluid",
+		p: 0,
+		children: /* @__PURE__ */ jsxs(GridBox, {
+			gridAutoFlow: {
+				_: "row",
+				md: "column"
+			},
+			gridAutoColumns: "1fr",
+			height: "100%",
+			children: [
+				/* @__PURE__ */ jsx(Column, {
+					display: {
+						_: "none",
+						xs: "grid",
+						md: "none"
+					},
+					height: 48,
+					children: /* @__PURE__ */ jsx(FlexBox, {
+						justifyContent: "right",
+						alignItems: "center",
+						mr: 8,
+						position: "relative",
+						children: /* @__PURE__ */ jsx(IconButton, { ...closeButtonSharedProps })
+					})
+				}),
+				/* @__PURE__ */ jsxs(Column, {
+					overflow: { md: "hidden" },
+					children: [/* @__PURE__ */ jsx(Image, {
+						src: `${BASE_STATIC_ASSET_PATH}/referral-rock/modal-desktop.webp`,
+						alt: modalImageAltText,
+						display: {
+							_: "none",
+							md: "block"
+						},
+						width: "100%",
+						height: "100%",
+						style: {
+							objectFit: "cover",
+							objectPosition: "center"
+						}
+					}), /* @__PURE__ */ jsx(Image, {
+						src: `${BASE_STATIC_ASSET_PATH}/referral-rock/modal-mobile.webp`,
+						alt: modalImageAltText,
+						display: {
+							_: "none",
+							xs: "block",
+							md: "none"
+						},
+						width: "100%"
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Column, {
+					p: 24,
+					overflowY: "auto",
+					overflowX: "hidden",
+					children: [
+						/* @__PURE__ */ jsxs(Box, {
+							mb: 32,
+							children: [
+								/* @__PURE__ */ jsxs(FlexBox, {
+									justifyContent: "space-between",
+									mb: 12,
+									children: [/* @__PURE__ */ jsx(Text, {
+										as: "h2",
+										fontSize: 34,
+										pr: {
+											_: 0,
+											md: 16
+										},
+										maxWidth: {
+											_: 230,
+											xs: 352
+										},
+										children: "Refer your friends to Codecademy"
+									}), /* @__PURE__ */ jsx(Box, {
+										position: "relative",
+										children: /* @__PURE__ */ jsx(IconButton, {
+											...closeButtonSharedProps,
+											display: {
+												_: "inline-flex",
+												xs: "none",
+												md: "inline-flex"
+											},
+											mr: -10
+										})
+									})]
+								}),
+								/* @__PURE__ */ jsx(Text, { children: "Get a referral link you can share with friends. When they use your link to buy a Pro, Plus, or Pro Student annual plan, they save 50% — & you get a gift card equal to $20 USD." }),
+								/* @__PURE__ */ jsx(FormRequiredText, {
+									pt: 4,
+									variant: "p-small"
+								})
+							]
+						}),
+						referralUrl ? /* @__PURE__ */ jsxs(Box, { children: [
+							/* @__PURE__ */ jsx(Input, {
+								name: "referral url",
+								"aria-label": "Referral link",
+								type: "text",
+								defaultValue: referralUrl,
+								width: "fit-content"
+							}),
+							/* @__PURE__ */ jsx(Box, {
+								mt: 12,
+								children: showLinkCopiedMessage ? /* @__PURE__ */ jsxs(FlexBox, {
+									mb: 40,
+									alignItems: "center",
+									children: [/* @__PURE__ */ jsx(CheckFilledIcon, {
+										mr: 8,
+										mb: 2,
+										color: "feedback-success",
+										alignSelf: "center"
+									}), /* @__PURE__ */ jsx(Text, {
+										color: "feedback-success",
+										children: "Link copied!"
+									})]
+								}) : /* @__PURE__ */ jsxs(FillButton, {
+									onClick: () => copyUrlToClipboardWithTimeout(referralUrl),
+									width: "100%",
+									mb: 24,
+									children: [/* @__PURE__ */ jsx(MiniCopyIcon, {
+										color: "white",
+										pr: 8
+									}), "Copy link"]
+								})
+							}),
+							/* @__PURE__ */ jsx(ReferralLinkSocialMediaSharing, { referralUrl })
+						] }) : /* @__PURE__ */ jsx(ReferralForm, { setReferralUrl }),
+						/* @__PURE__ */ jsx(FlexBox, {
+							as: "ul",
+							listStyle: "none",
+							m: 0,
+							p: 0,
+							mt: 24,
+							justifyContent: "center",
+							children: referralRockLinks.map(({ href, text }) => /* @__PURE__ */ jsx(ReferralRockLink, { children: /* @__PURE__ */ jsx(Anchor, {
+								href,
+								fontSize: 14,
+								variant: "interface",
+								children: text
+							}) }, href))
+						})
+					]
+				})
+			]
+		})
+	})] });
+};
+
+//#endregion
+export { ReferAFriendLinkWithModal };

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.cjs

@@ -0,0 +1,27 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.tsx
+const ReferralFields = () => {
+	const { setFocus } = (0, _codecademy_gamut.useFormState)();
+	(0, react.useEffect)(() => {
+		setFocus("firstName");
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ConnectedFormGroup, {
+		name: "firstName",
+		label: "Your first name",
+		field: { component: _codecademy_gamut.ConnectedInput },
+		required: true
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ConnectedFormGroup, {
+		name: "email",
+		label: "Your email address",
+		field: { component: _codecademy_gamut.ConnectedInput },
+		required: true
+	})] });
+};
+
+//#endregion
+exports.ReferralFields = ReferralFields;