@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

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

@@ -1,272 +1,200 @@
-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"
+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 { CheckFilledIcon, MiniCopyIcon, MiniDeleteIcon } from "@codecademy/gamut-icons";
+import { useSearchParam } from "react-use";
+
+//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.tsx
+const StyledModal = /* @__PURE__ */ styled(Modal, {
+	target: "e1hp95dv0",
+	label: "brand-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]);
+	minHeight: {
+		_: "100%",
+		md: 478
+	},
+	maxWidth: {
+		_: "100%",
+		xs: 400,
+		md: 900
+	},
+	p: 0
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dsb2JhbEZvb3Rlci9Gb290ZXJOYXZMaW5rcy9SZWZlcnJhbFJvY2svUmVmZXJBRnJpZW5kTGlua1dpdGhNb2RhbC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvUmVmZXJyYWxSb2NrL1JlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuY2hvcixcbiAgQm94LFxuICBDb2x1bW4sXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEZvcm1SZXF1aXJlZFRleHQsXG4gIEdyaWRCb3gsXG4gIEljb25CdXR0b24sXG4gIEljb25CdXR0b25Qcm9wcyxcbiAgSW5wdXQsXG4gIE1vZGFsLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBDaGVja0ZpbGxlZEljb24sXG4gIE1pbmlDb3B5SWNvbixcbiAgTWluaURlbGV0ZUljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW0gfSBmcm9tICdyZWFjdC11c2UnO1xuXG5pbXBvcnQgeyBCQVNFX1NUQVRJQ19BU1NFVF9QQVRIIH0gZnJvbSAnLi4vLi4vLi4vcmVtb3RlQXNzZXRzL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRm9vdGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9Gb290ZXJMaW5rcyc7XG5pbXBvcnQgdHlwZSB7IEdsb2JhbEZvb3RlckNsaWNrSGFuZGxlciB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IFJlZmVycmFsRm9ybSB9IGZyb20gJy4vUmVmZXJyYWxGb3JtJztcbmltcG9ydCB7IFJlZmVycmFsTGlua1NvY2lhbE1lZGlhU2hhcmluZyB9IGZyb20gJy4vUmVmZXJyYWxMaW5rU29jaWFsTWVkaWFTaGFyaW5nJztcbmltcG9ydCB0eXBlIHsgUmVmZXJyYWxSb2NrVXJscyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbCkoXG4gIGNzcyh7XG4gICAgbWluSGVpZ2h0OiB7IF86ICcxMDAlJywgbWQ6IDQ3OCB9LFxuICAgIG1heFdpZHRoOiB7IF86ICcxMDAlJywgeHM6IDQwMCwgbWQ6IDkwMCB9LFxuICAgIHA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBJbWFnZSA9IEJveC53aXRoQ29tcG9uZW50KCdpbWcnKTtcblxuY29uc3QgUmVmZXJyYWxSb2NrTGluayA9IHN0eWxlZC5saWBcbiAgJjpub3QoOmxhc3Qtb2YtdHlwZSk6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnfCc7XG4gICAgbWFyZ2luOiAwIDAuMzc1cmVtO1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWw6IFJlYWN0LkZDPHtcbiAgcmVmZXJyYWxSb2NrVXJsczogUmVmZXJyYWxSb2NrVXJscztcbiAgb25DbGljazogR2xvYmFsRm9vdGVyQ2xpY2tIYW5kbGVyO1xufT4gPSAoeyByZWZlcnJhbFJvY2tVcmxzLCBvbkNsaWNrIH0pID0+IHtcbiAgY29uc3QgYWN0aW9uUGFyYW0gPSB1c2VTZWFyY2hQYXJhbSgnYWN0aW9uJyk7XG4gIGNvbnN0IHVybFBhcmFtcyA9XG4gICAgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCdcbiAgICAgID8gbmV3IFVSTFNlYXJjaFBhcmFtcyh3aW5kb3cubG9jYXRpb24uc2VhcmNoKVxuICAgICAgOiBuZXcgVVJMU2VhcmNoUGFyYW1zKCk7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKFxuICAgIHVybFBhcmFtcy5nZXQoJ2FjdGlvbicpID09PSAncmVmZXJBRnJpZW5kJ1xuICApO1xuICBjb25zdCBbcmVmZXJyYWxVcmwsIHNldFJlZmVycmFsVXJsXSA9IHVzZVN0YXRlKCcnKTtcbiAgY29uc3QgW3Nob3dMaW5rQ29waWVkTWVzc2FnZSwgc2V0U2hvd0xpbmtDb3BpZWRNZXNzYWdlXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2ZpcnN0UmVuZGVyLCBzZXRGaXJzdFJlbmRlcl0gPSB1c2VTdGF0ZSh0cnVlKTtcbiAgY29uc3QgcmVmZXJyYWxSb2NrTGlua1JlZiA9IHVzZVJlZjxIVE1MQW5jaG9yRWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYWN0aW9uUGFyYW0gPT09ICdyZWZlckFGcmllbmQnKSB7XG4gICAgICBzZXRJc09wZW4oKCkgPT4gdHJ1ZSk7XG4gICAgfVxuICB9LCBbYWN0aW9uUGFyYW1dKTtcblxuICAvLyBsaW50ZXIgZGlzYWJsZWQgdG8gcHJldmVudCByZWZlciBhIGZyaWVuZCBsaW5rIGZyb20gYmVpbmcgZm9jdXNlZCBvbiBpbml0aWFsIHJlbmRlclxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChmaXJzdFJlbmRlcikge1xuICAgICAgc2V0Rmlyc3RSZW5kZXIoZmFsc2UpO1xuICAgIH0gZWxzZSBpZiAoIWlzT3Blbikge1xuICAgICAgcmVmZXJyYWxSb2NrTGlua1JlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtpc09wZW5dKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZU1vZGFsID0gYXN5bmMgKCkgPT4ge1xuICAgIGlmICh3aW5kb3cgJiYgYWN0aW9uUGFyYW0pIHtcbiAgICAgIHdpbmRvdy5oaXN0b3J5LnB1c2hTdGF0ZSh7fSwgJycsIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSk7XG4gICAgfVxuXG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBjb3B5VXJsVG9DbGlwYm9hcmRXaXRoVGltZW91dCA9IGFzeW5jIChyZWZlcnJhbFVybDogc3RyaW5nKSA9PiB7XG4gICAgYXdhaXQgbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQocmVmZXJyYWxVcmwpO1xuICAgIHNldFNob3dMaW5rQ29waWVkTWVzc2FnZSh0cnVlKTtcblxuICAgIGNvbnN0IGRlbGF5ID0gc2V0VGltZW91dCgoKSA9PiBzZXRTaG93TGlua0NvcGllZE1lc3NhZ2UoZmFsc2UpLCAyMDAwKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KGRlbGF5KTtcbiAgfTtcblxuICBjb25zdCByZWZlcnJhbFJvY2tMaW5rcyA9IFtcbiAgICB7XG4gICAgICBocmVmOiByZWZlcnJhbFJvY2tVcmxzLnRvcyxcbiAgICAgIHRleHQ6ICdUZXJtcyBhbmQgY29uZGl0aW9ucycsXG4gICAgfSxcbiAgICB7XG4gICAgICBocmVmOiByZWZlcnJhbFJvY2tVcmxzLnN0YXRzLFxuICAgICAgdGV4dDogJ015IHJlZmVycmFsIHN0YXRzJyxcbiAgICB9LFxuICBdO1xuXG4gIGNvbnN0IG1vZGFsSW1hZ2VBbHRUZXh0ID1cbiAgICAnVHdvIGluZGl2aWR1YWxzIHNpdHRpbmcgb24gdGhlIGdyYXNzIHdoaWxlIHdvcmtpbmcgb24gYSBzaGFyZWQgbGFwdG9wJztcblxuICBjb25zdCBjbG9zZUJ1dHRvblNoYXJlZFByb3BzOiBJY29uQnV0dG9uUHJvcHMgPSB7XG4gICAgJ2FyaWEtbGFiZWwnOiAnQ2xvc2UnLFxuICAgIGljb246IE1pbmlEZWxldGVJY29uLFxuICAgIG9uQ2xpY2s6IGhhbmRsZUNsb3NlTW9kYWwsXG4gICAgc2l6ZTogJ3NtYWxsJyxcbiAgICB2YXJpYW50OiAnc2Vjb25kYXJ5JyxcbiAgICB0aXA6ICdDbG9zZSByZWZlcnJhbCBtb2RhbCcsXG4gICAgdGlwUHJvcHM6IHtcbiAgICAgIGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLFxuICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgbmFycm93OiB0cnVlLFxuICAgIH0sXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZvb3RlckxpbmtJdGVtPlxuICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgb25DbGljayh7IGV2ZW50LCB0YXJnZXQ6ICdyZWZlci1hLWZyaWVuZCcgfSk7XG4gICAgICAgICAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIFJlZmVyIGEgZnJpZW5kXG4gICAgICAgIDwvQW5jaG9yPlxuICAgICAgPC9Gb290ZXJMaW5rSXRlbT5cbiAgICAgIDxTdHlsZWRNb2RhbFxuICAgICAgICBvblJlcXVlc3RDbG9zZT17aGFuZGxlQ2xvc2VNb2RhbH1cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIGNsb3NlQnV0dG9uUHJvcHM9e3sgaGlkZGVuOiB0cnVlIH19XG4gICAgICAgIHNpemU9XCJmbHVpZFwiXG4gICAgICAgIHA9ezB9XG4gICAgICA+XG4gICAgICAgIDxHcmlkQm94XG4gICAgICAgICAgZ3JpZEF1dG9GbG93PXt7IF86ICdyb3cnLCBtZDogJ2NvbHVtbicgfX1cbiAgICAgICAgICBncmlkQXV0b0NvbHVtbnM9XCIxZnJcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPENvbHVtbiBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgbWQ6ICdub25lJyB9fSBoZWlnaHQ9ezQ4fT5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwicmlnaHRcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiB7Li4uY2xvc2VCdXR0b25TaGFyZWRQcm9wc30gLz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICA8Q29sdW1uIG92ZXJmbG93PXt7IG1kOiAnaGlkZGVuJyB9fT5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2Ake0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L3JlZmVycmFsLXJvY2svbW9kYWwtZGVza3RvcC53ZWJwYH1cbiAgICAgICAgICAgICAgYWx0PXttb2RhbEltYWdlQWx0VGV4dH1cbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIG1kOiAnYmxvY2snIH19XG4gICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IG9iamVjdEZpdDogJ2NvdmVyJywgb2JqZWN0UG9zaXRpb246ICdjZW50ZXInIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgIHNyYz17YCR7QkFTRV9TVEFUSUNfQVNTRVRfUEFUSH0vcmVmZXJyYWwtcm9jay9tb2RhbC1tb2JpbGUud2VicGB9XG4gICAgICAgICAgICAgIGFsdD17bW9kYWxJbWFnZUFsdFRleHR9XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCB4czogJ2Jsb2NrJywgbWQ6ICdub25lJyB9fVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICA8Q29sdW1uIHA9ezI0fSBvdmVyZmxvd1k9XCJhdXRvXCIgb3ZlcmZsb3dYPVwiaGlkZGVuXCI+XG4gICAgICAgICAgICA8Qm94IG1iPXszMn0+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIG1iPXsxMn0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGFzPVwiaDJcIlxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezM0fVxuICAgICAgICAgICAgICAgICAgcHI9e3sgXzogMCwgbWQ6IDE2IH19XG4gICAgICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAyMzAsIHhzOiAzNTIgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICBSZWZlciB5b3VyIGZyaWVuZHMgdG8gQ29kZWNhZGVteVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIHsuLi5jbG9zZUJ1dHRvblNoYXJlZFByb3BzfVxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5PXt7XG4gICAgICAgICAgICAgICAgICAgICAgXzogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgICB4czogJ25vbmUnLFxuICAgICAgICAgICAgICAgICAgICAgIG1kOiAnaW5saW5lLWZsZXgnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBtcj17LTEwIGFzIDB9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgIEdldCBhIHJlZmVycmFsIGxpbmsgeW91IGNhbiBzaGFyZSB3aXRoIGZyaWVuZHMuIFdoZW4gdGhleSB1c2VcbiAgICAgICAgICAgICAgICB5b3VyIGxpbmsgdG8gYnV5IGEgUHJvLCBQbHVzLCBvciBQcm8gU3R1ZGVudCBhbm51YWwgcGxhbiwgdGhleVxuICAgICAgICAgICAgICAgIHNhdmUgNTAlIOKAlCAmIHlvdSBnZXQgYSBnaWZ0IGNhcmQgZXF1YWwgdG8gJDIwIFVTRC5cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8Rm9ybVJlcXVpcmVkVGV4dCBwdD17NH0gdmFyaWFudD1cInAtc21hbGxcIiAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7cmVmZXJyYWxVcmwgPyAoXG4gICAgICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICBuYW1lPVwicmVmZXJyYWwgdXJsXCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJSZWZlcnJhbCBsaW5rXCJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZT17cmVmZXJyYWxVcmx9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxCb3ggbXQ9ezEyfT5cbiAgICAgICAgICAgICAgICAgIHtzaG93TGlua0NvcGllZE1lc3NhZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IG1iPXs0MH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgIDxDaGVja0ZpbGxlZEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgICAgICAgICAgICAgICAgbWI9ezIgYXMgMH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwiZmVlZGJhY2stc3VjY2Vzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhbGlnblNlbGY9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJmZWVkYmFjay1zdWNjZXNzXCI+TGluayBjb3BpZWQhPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNvcHlVcmxUb0NsaXBib2FyZFdpdGhUaW1lb3V0KHJlZmVycmFsVXJsKX1cbiAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgICAgICAgIG1iPXsyNH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIDxNaW5pQ29weUljb24gY29sb3I9XCJ3aGl0ZVwiIHByPXs4fSAvPlxuICAgICAgICAgICAgICAgICAgICAgIENvcHkgbGlua1xuICAgICAgICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIDxSZWZlcnJhbExpbmtTb2NpYWxNZWRpYVNoYXJpbmcgcmVmZXJyYWxVcmw9e3JlZmVycmFsVXJsfSAvPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSZWZlcnJhbEZvcm0gc2V0UmVmZXJyYWxVcmw9e3NldFJlZmVycmFsVXJsfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGFzPVwidWxcIlxuICAgICAgICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgcD17MH1cbiAgICAgICAgICAgICAgbXQ9ezI0fVxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZWZlcnJhbFJvY2tMaW5rcy5tYXAoKHsgaHJlZiwgdGV4dCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgPFJlZmVycmFsUm9ja0xpbmsga2V5PXtocmVmfT5cbiAgICAgICAgICAgICAgICAgIDxBbmNob3IgaHJlZj17aHJlZn0gZm9udFNpemU9ezE0fSB2YXJpYW50PVwiaW50ZXJmYWNlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9BbmNob3I+XG4gICAgICAgICAgICAgICAgPC9SZWZlcnJhbFJvY2tMaW5rPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgPC9HcmlkQm94PlxuICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JvQiJ9 */");
+const Image = Box.withComponent("img");
+const ReferralRockLink = /* @__PURE__ */ styled("li", {
+	target: "e1hp95dv1",
+	label: "brand-ReferralRockLink"
+})("&:not(:last-of-type)::after{content:'|';margin:0 0.375rem;font-size:1rem;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dsb2JhbEZvb3Rlci9Gb290ZXJOYXZMaW5rcy9SZWZlcnJhbFJvY2svUmVmZXJBRnJpZW5kTGlua1dpdGhNb2RhbC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvUmVmZXJyYWxSb2NrL1JlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuY2hvcixcbiAgQm94LFxuICBDb2x1bW4sXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEZvcm1SZXF1aXJlZFRleHQsXG4gIEdyaWRCb3gsXG4gIEljb25CdXR0b24sXG4gIEljb25CdXR0b25Qcm9wcyxcbiAgSW5wdXQsXG4gIE1vZGFsLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBDaGVja0ZpbGxlZEljb24sXG4gIE1pbmlDb3B5SWNvbixcbiAgTWluaURlbGV0ZUljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW0gfSBmcm9tICdyZWFjdC11c2UnO1xuXG5pbXBvcnQgeyBCQVNFX1NUQVRJQ19BU1NFVF9QQVRIIH0gZnJvbSAnLi4vLi4vLi4vcmVtb3RlQXNzZXRzL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRm9vdGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9Gb290ZXJMaW5rcyc7XG5pbXBvcnQgdHlwZSB7IEdsb2JhbEZvb3RlckNsaWNrSGFuZGxlciB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IFJlZmVycmFsRm9ybSB9IGZyb20gJy4vUmVmZXJyYWxGb3JtJztcbmltcG9ydCB7IFJlZmVycmFsTGlua1NvY2lhbE1lZGlhU2hhcmluZyB9IGZyb20gJy4vUmVmZXJyYWxMaW5rU29jaWFsTWVkaWFTaGFyaW5nJztcbmltcG9ydCB0eXBlIHsgUmVmZXJyYWxSb2NrVXJscyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbCkoXG4gIGNzcyh7XG4gICAgbWluSGVpZ2h0OiB7IF86ICcxMDAlJywgbWQ6IDQ3OCB9LFxuICAgIG1heFdpZHRoOiB7IF86ICcxMDAlJywgeHM6IDQwMCwgbWQ6IDkwMCB9LFxuICAgIHA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBJbWFnZSA9IEJveC53aXRoQ29tcG9uZW50KCdpbWcnKTtcblxuY29uc3QgUmVmZXJyYWxSb2NrTGluayA9IHN0eWxlZC5saWBcbiAgJjpub3QoOmxhc3Qtb2YtdHlwZSk6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnfCc7XG4gICAgbWFyZ2luOiAwIDAuMzc1cmVtO1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWw6IFJlYWN0LkZDPHtcbiAgcmVmZXJyYWxSb2NrVXJsczogUmVmZXJyYWxSb2NrVXJscztcbiAgb25DbGljazogR2xvYmFsRm9vdGVyQ2xpY2tIYW5kbGVyO1xufT4gPSAoeyByZWZlcnJhbFJvY2tVcmxzLCBvbkNsaWNrIH0pID0+IHtcbiAgY29uc3QgYWN0aW9uUGFyYW0gPSB1c2VTZWFyY2hQYXJhbSgnYWN0aW9uJyk7XG4gIGNvbnN0IHVybFBhcmFtcyA9XG4gICAgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCdcbiAgICAgID8gbmV3IFVSTFNlYXJjaFBhcmFtcyh3aW5kb3cubG9jYXRpb24uc2VhcmNoKVxuICAgICAgOiBuZXcgVVJMU2VhcmNoUGFyYW1zKCk7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKFxuICAgIHVybFBhcmFtcy5nZXQoJ2FjdGlvbicpID09PSAncmVmZXJBRnJpZW5kJ1xuICApO1xuICBjb25zdCBbcmVmZXJyYWxVcmwsIHNldFJlZmVycmFsVXJsXSA9IHVzZVN0YXRlKCcnKTtcbiAgY29uc3QgW3Nob3dMaW5rQ29waWVkTWVzc2FnZSwgc2V0U2hvd0xpbmtDb3BpZWRNZXNzYWdlXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2ZpcnN0UmVuZGVyLCBzZXRGaXJzdFJlbmRlcl0gPSB1c2VTdGF0ZSh0cnVlKTtcbiAgY29uc3QgcmVmZXJyYWxSb2NrTGlua1JlZiA9IHVzZVJlZjxIVE1MQW5jaG9yRWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYWN0aW9uUGFyYW0gPT09ICdyZWZlckFGcmllbmQnKSB7XG4gICAgICBzZXRJc09wZW4oKCkgPT4gdHJ1ZSk7XG4gICAgfVxuICB9LCBbYWN0aW9uUGFyYW1dKTtcblxuICAvLyBsaW50ZXIgZGlzYWJsZWQgdG8gcHJldmVudCByZWZlciBhIGZyaWVuZCBsaW5rIGZyb20gYmVpbmcgZm9jdXNlZCBvbiBpbml0aWFsIHJlbmRlclxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChmaXJzdFJlbmRlcikge1xuICAgICAgc2V0Rmlyc3RSZW5kZXIoZmFsc2UpO1xuICAgIH0gZWxzZSBpZiAoIWlzT3Blbikge1xuICAgICAgcmVmZXJyYWxSb2NrTGlua1JlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtpc09wZW5dKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZU1vZGFsID0gYXN5bmMgKCkgPT4ge1xuICAgIGlmICh3aW5kb3cgJiYgYWN0aW9uUGFyYW0pIHtcbiAgICAgIHdpbmRvdy5oaXN0b3J5LnB1c2hTdGF0ZSh7fSwgJycsIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSk7XG4gICAgfVxuXG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBjb3B5VXJsVG9DbGlwYm9hcmRXaXRoVGltZW91dCA9IGFzeW5jIChyZWZlcnJhbFVybDogc3RyaW5nKSA9PiB7XG4gICAgYXdhaXQgbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQocmVmZXJyYWxVcmwpO1xuICAgIHNldFNob3dMaW5rQ29waWVkTWVzc2FnZSh0cnVlKTtcblxuICAgIGNvbnN0IGRlbGF5ID0gc2V0VGltZW91dCgoKSA9PiBzZXRTaG93TGlua0NvcGllZE1lc3NhZ2UoZmFsc2UpLCAyMDAwKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KGRlbGF5KTtcbiAgfTtcblxuICBjb25zdCByZWZlcnJhbFJvY2tMaW5rcyA9IFtcbiAgICB7XG4gICAgICBocmVmOiByZWZlcnJhbFJvY2tVcmxzLnRvcyxcbiAgICAgIHRleHQ6ICdUZXJtcyBhbmQgY29uZGl0aW9ucycsXG4gICAgfSxcbiAgICB7XG4gICAgICBocmVmOiByZWZlcnJhbFJvY2tVcmxzLnN0YXRzLFxuICAgICAgdGV4dDogJ015IHJlZmVycmFsIHN0YXRzJyxcbiAgICB9LFxuICBdO1xuXG4gIGNvbnN0IG1vZGFsSW1hZ2VBbHRUZXh0ID1cbiAgICAnVHdvIGluZGl2aWR1YWxzIHNpdHRpbmcgb24gdGhlIGdyYXNzIHdoaWxlIHdvcmtpbmcgb24gYSBzaGFyZWQgbGFwdG9wJztcblxuICBjb25zdCBjbG9zZUJ1dHRvblNoYXJlZFByb3BzOiBJY29uQnV0dG9uUHJvcHMgPSB7XG4gICAgJ2FyaWEtbGFiZWwnOiAnQ2xvc2UnLFxuICAgIGljb246IE1pbmlEZWxldGVJY29uLFxuICAgIG9uQ2xpY2s6IGhhbmRsZUNsb3NlTW9kYWwsXG4gICAgc2l6ZTogJ3NtYWxsJyxcbiAgICB2YXJpYW50OiAnc2Vjb25kYXJ5JyxcbiAgICB0aXA6ICdDbG9zZSByZWZlcnJhbCBtb2RhbCcsXG4gICAgdGlwUHJvcHM6IHtcbiAgICAgIGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLFxuICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgbmFycm93OiB0cnVlLFxuICAgIH0sXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZvb3RlckxpbmtJdGVtPlxuICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgb25DbGljayh7IGV2ZW50LCB0YXJnZXQ6ICdyZWZlci1hLWZyaWVuZCcgfSk7XG4gICAgICAgICAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIFJlZmVyIGEgZnJpZW5kXG4gICAgICAgIDwvQW5jaG9yPlxuICAgICAgPC9Gb290ZXJMaW5rSXRlbT5cbiAgICAgIDxTdHlsZWRNb2RhbFxuICAgICAgICBvblJlcXVlc3RDbG9zZT17aGFuZGxlQ2xvc2VNb2RhbH1cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIGNsb3NlQnV0dG9uUHJvcHM9e3sgaGlkZGVuOiB0cnVlIH19XG4gICAgICAgIHNpemU9XCJmbHVpZFwiXG4gICAgICAgIHA9ezB9XG4gICAgICA+XG4gICAgICAgIDxHcmlkQm94XG4gICAgICAgICAgZ3JpZEF1dG9GbG93PXt7IF86ICdyb3cnLCBtZDogJ2NvbHVtbicgfX1cbiAgICAgICAgICBncmlkQXV0b0NvbHVtbnM9XCIxZnJcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPENvbHVtbiBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgbWQ6ICdub25lJyB9fSBoZWlnaHQ9ezQ4fT5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwicmlnaHRcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiB7Li4uY2xvc2VCdXR0b25TaGFyZWRQcm9wc30gLz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICA8Q29sdW1uIG92ZXJmbG93PXt7IG1kOiAnaGlkZGVuJyB9fT5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2Ake0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L3JlZmVycmFsLXJvY2svbW9kYWwtZGVza3RvcC53ZWJwYH1cbiAgICAgICAgICAgICAgYWx0PXttb2RhbEltYWdlQWx0VGV4dH1cbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIG1kOiAnYmxvY2snIH19XG4gICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IG9iamVjdEZpdDogJ2NvdmVyJywgb2JqZWN0UG9zaXRpb246ICdjZW50ZXInIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgIHNyYz17YCR7QkFTRV9TVEFUSUNfQVNTRVRfUEFUSH0vcmVmZXJyYWwtcm9jay9tb2RhbC1tb2JpbGUud2VicGB9XG4gICAgICAgICAgICAgIGFsdD17bW9kYWxJbWFnZUFsdFRleHR9XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCB4czogJ2Jsb2NrJywgbWQ6ICdub25lJyB9fVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICA8Q29sdW1uIHA9ezI0fSBvdmVyZmxvd1k9XCJhdXRvXCIgb3ZlcmZsb3dYPVwiaGlkZGVuXCI+XG4gICAgICAgICAgICA8Qm94IG1iPXszMn0+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIG1iPXsxMn0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGFzPVwiaDJcIlxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezM0fVxuICAgICAgICAgICAgICAgICAgcHI9e3sgXzogMCwgbWQ6IDE2IH19XG4gICAgICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAyMzAsIHhzOiAzNTIgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICBSZWZlciB5b3VyIGZyaWVuZHMgdG8gQ29kZWNhZGVteVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIHsuLi5jbG9zZUJ1dHRvblNoYXJlZFByb3BzfVxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5PXt7XG4gICAgICAgICAgICAgICAgICAgICAgXzogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgICB4czogJ25vbmUnLFxuICAgICAgICAgICAgICAgICAgICAgIG1kOiAnaW5saW5lLWZsZXgnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBtcj17LTEwIGFzIDB9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgIEdldCBhIHJlZmVycmFsIGxpbmsgeW91IGNhbiBzaGFyZSB3aXRoIGZyaWVuZHMuIFdoZW4gdGhleSB1c2VcbiAgICAgICAgICAgICAgICB5b3VyIGxpbmsgdG8gYnV5IGEgUHJvLCBQbHVzLCBvciBQcm8gU3R1ZGVudCBhbm51YWwgcGxhbiwgdGhleVxuICAgICAgICAgICAgICAgIHNhdmUgNTAlIOKAlCAmIHlvdSBnZXQgYSBnaWZ0IGNhcmQgZXF1YWwgdG8gJDIwIFVTRC5cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8Rm9ybVJlcXVpcmVkVGV4dCBwdD17NH0gdmFyaWFudD1cInAtc21hbGxcIiAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7cmVmZXJyYWxVcmwgPyAoXG4gICAgICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICBuYW1lPVwicmVmZXJyYWwgdXJsXCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJSZWZlcnJhbCBsaW5rXCJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZT17cmVmZXJyYWxVcmx9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxCb3ggbXQ9ezEyfT5cbiAgICAgICAgICAgICAgICAgIHtzaG93TGlua0NvcGllZE1lc3NhZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IG1iPXs0MH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgIDxDaGVja0ZpbGxlZEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgICAgICAgICAgICAgICAgbWI9ezIgYXMgMH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwiZmVlZGJhY2stc3VjY2Vzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhbGlnblNlbGY9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJmZWVkYmFjay1zdWNjZXNzXCI+TGluayBjb3BpZWQhPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNvcHlVcmxUb0NsaXBib2FyZFdpdGhUaW1lb3V0KHJlZmVycmFsVXJsKX1cbiAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgICAgICAgIG1iPXsyNH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIDxNaW5pQ29weUljb24gY29sb3I9XCJ3aGl0ZVwiIHByPXs4fSAvPlxuICAgICAgICAgICAgICAgICAgICAgIENvcHkgbGlua1xuICAgICAgICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIDxSZWZlcnJhbExpbmtTb2NpYWxNZWRpYVNoYXJpbmcgcmVmZXJyYWxVcmw9e3JlZmVycmFsVXJsfSAvPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSZWZlcnJhbEZvcm0gc2V0UmVmZXJyYWxVcmw9e3NldFJlZmVycmFsVXJsfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGFzPVwidWxcIlxuICAgICAgICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgcD17MH1cbiAgICAgICAgICAgICAgbXQ9ezI0fVxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZWZlcnJhbFJvY2tMaW5rcy5tYXAoKHsgaHJlZiwgdGV4dCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgPFJlZmVycmFsUm9ja0xpbmsga2V5PXtocmVmfT5cbiAgICAgICAgICAgICAgICAgIDxBbmNob3IgaHJlZj17aHJlZn0gZm9udFNpemU9ezE0fSB2YXJpYW50PVwiaW50ZXJmYWNlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9BbmNob3I+XG4gICAgICAgICAgICAgICAgPC9SZWZlcnJhbFJvY2tMaW5rPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgPC9HcmlkQm94PlxuICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN5QiJ9 */");
+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) => {
+		await navigator.clipboard.writeText(referralUrl);
+		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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FooterLinkItem, null, /* @__PURE__ */ React.createElement(Anchor, {
+		variant: "interface",
+		onClick: (event) => {
+			onClick({
+				event,
+				target: "refer-a-friend"
+			});
+			setIsOpen(true);
+		}
+	}, "Refer a friend")), /* @__PURE__ */ React.createElement(StyledModal, {
+		onRequestClose: handleCloseModal,
+		isOpen,
+		closeButtonProps: { hidden: true },
+		size: "fluid",
+		p: 0
+	}, /* @__PURE__ */ React.createElement(GridBox, {
+		gridAutoFlow: {
+			_: "row",
+			md: "column"
+		},
+		gridAutoColumns: "1fr",
+		height: "100%"
+	}, /* @__PURE__ */ React.createElement(Column, {
+		display: {
+			_: "none",
+			xs: "grid",
+			md: "none"
+		},
+		height: 48
+	}, /* @__PURE__ */ React.createElement(FlexBox, {
+		justifyContent: "right",
+		alignItems: "center",
+		mr: 8,
+		position: "relative"
+	}, /* @__PURE__ */ React.createElement(IconButton, closeButtonSharedProps))), /* @__PURE__ */ React.createElement(Column, { overflow: { md: "hidden" } }, /* @__PURE__ */ React.createElement(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__ */ React.createElement(Image, {
+		src: `${BASE_STATIC_ASSET_PATH}/referral-rock/modal-mobile.webp`,
+		alt: modalImageAltText,
+		display: {
+			_: "none",
+			xs: "block",
+			md: "none"
+		},
+		width: "100%"
+	})), /* @__PURE__ */ React.createElement(Column, {
+		p: 24,
+		overflowY: "auto",
+		overflowX: "hidden"
+	}, /* @__PURE__ */ React.createElement(Box, { mb: 32 }, /* @__PURE__ */ React.createElement(FlexBox, {
+		justifyContent: "space-between",
+		mb: 12
+	}, /* @__PURE__ */ React.createElement(Text, {
+		as: "h2",
+		fontSize: 34,
+		pr: {
+			_: 0,
+			md: 16
+		},
+		maxWidth: {
+			_: 230,
+			xs: 352
+		}
+	}, "Refer your friends to Codecademy"), /* @__PURE__ */ React.createElement(Box, { position: "relative" }, /* @__PURE__ */ React.createElement(IconButton, {
+		...closeButtonSharedProps,
+		display: {
+			_: "inline-flex",
+			xs: "none",
+			md: "inline-flex"
+		},
+		mr: -10
+	}))), /* @__PURE__ */ React.createElement(Text, null, "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__ */ React.createElement(FormRequiredText, {
+		pt: 4,
+		variant: "p-small"
+	})), referralUrl ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Input, {
+		name: "referral url",
+		"aria-label": "Referral link",
+		type: "text",
+		defaultValue: referralUrl,
+		width: "fit-content"
+	}), /* @__PURE__ */ React.createElement(Box, { mt: 12 }, showLinkCopiedMessage ? /* @__PURE__ */ React.createElement(FlexBox, {
+		mb: 40,
+		alignItems: "center"
+	}, /* @__PURE__ */ React.createElement(CheckFilledIcon, {
+		mr: 8,
+		mb: 2,
+		color: "feedback-success",
+		alignSelf: "center"
+	}), /* @__PURE__ */ React.createElement(Text, { color: "feedback-success" }, "Link copied!")) : /* @__PURE__ */ React.createElement(FillButton, {
+		onClick: () => copyUrlToClipboardWithTimeout(referralUrl),
+		width: "100%",
+		mb: 24
+	}, /* @__PURE__ */ React.createElement(MiniCopyIcon, {
+		color: "white",
+		pr: 8
+	}), "Copy link")), /* @__PURE__ */ React.createElement(ReferralLinkSocialMediaSharing, { referralUrl })) : /* @__PURE__ */ React.createElement(ReferralForm, { setReferralUrl }), /* @__PURE__ */ React.createElement(FlexBox, {
+		as: "ul",
+		listStyle: "none",
+		m: 0,
+		p: 0,
+		mt: 24,
+		justifyContent: "center"
+	}, referralRockLinks.map(({ href, text }) => /* @__PURE__ */ React.createElement(ReferralRockLink, { key: href }, /* @__PURE__ */ React.createElement(Anchor, {
+		href,
+		fontSize: 14,
+		variant: "interface"
+	}, text))))))));
+};
 
-  // 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))
-          })]
-        })]
-      })
-    })]
-  });
-};
+//#endregion
+export { ReferAFriendLinkWithModal };
+//# sourceMappingURL=ReferAFriendLinkWithModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReferAFriendLinkWithModal.js","names":["Anchor","Box","Column","FillButton","FlexBox","FormRequiredText","GridBox","IconButton","Input","Modal","Text","CheckFilledIcon","MiniCopyIcon","MiniDeleteIcon","css","styled","React","useEffect","useRef","useState","useSearchParam","BASE_STATIC_ASSET_PATH","FooterLinkItem","ReferralForm","ReferralLinkSocialMediaSharing","StyledModal","minHeight","_","md","maxWidth","xs","p","Image","withComponent","ReferralRockLink","ReferAFriendLinkWithModal","referralRockUrls","onClick","actionParam","urlParams","window","URLSearchParams","location","search","isOpen","setIsOpen","get","referralUrl","setReferralUrl","showLinkCopiedMessage","setShowLinkCopiedMessage","firstRender","setFirstRender","referralRockLinkRef","current","focus","handleCloseModal","history","pushState","pathname","copyUrlToClipboardWithTimeout","navigator","clipboard","writeText","delay","setTimeout","clearTimeout","referralRockLinks","href","tos","text","stats","modalImageAltText","closeButtonSharedProps","icon","size","variant","tip","tipProps","alignment","placement","narrow","event","target","onRequestClose","closeButtonProps","hidden","gridAutoFlow","gridAutoColumns","height","display","justifyContent","alignItems","mr","position","overflow","src","alt","width","style","objectFit","objectPosition","overflowY","overflowX","mb","as","fontSize","pr","pt","name","aria-label","type","defaultValue","mt","color","alignSelf","listStyle","m","map","key"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  Column,\n  FillButton,\n  FlexBox,\n  FormRequiredText,\n  GridBox,\n  IconButton,\n  IconButtonProps,\n  Input,\n  Modal,\n  Text,\n} from '@codecademy/gamut';\nimport {\n  CheckFilledIcon,\n  MiniCopyIcon,\n  MiniDeleteIcon,\n} from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useSearchParam } from 'react-use';\n\nimport { BASE_STATIC_ASSET_PATH } from '../../../remoteAssets/components';\nimport { FooterLinkItem } from '../../FooterLinks';\nimport type { GlobalFooterClickHandler } from '../../types';\nimport { ReferralForm } from './ReferralForm';\nimport { ReferralLinkSocialMediaSharing } from './ReferralLinkSocialMediaSharing';\nimport type { ReferralRockUrls } from './types';\n\nconst StyledModal = styled(Modal)(\n  css({\n    minHeight: { _: '100%', md: 478 },\n    maxWidth: { _: '100%', xs: 400, md: 900 },\n    p: 0,\n  })\n);\n\nconst Image = Box.withComponent('img');\n\nconst ReferralRockLink = styled.li`\n  &:not(:last-of-type)::after {\n    content: '|';\n    margin: 0 0.375rem;\n    font-size: 1rem;\n  }\n`;\n\nexport const ReferAFriendLinkWithModal: React.FC<{\n  referralRockUrls: ReferralRockUrls;\n  onClick: GlobalFooterClickHandler;\n}> = ({ referralRockUrls, onClick }) => {\n  const actionParam = useSearchParam('action');\n  const urlParams =\n    typeof window !== 'undefined'\n      ? new URLSearchParams(window.location.search)\n      : new URLSearchParams();\n\n  const [isOpen, setIsOpen] = useState(\n    urlParams.get('action') === 'referAFriend'\n  );\n  const [referralUrl, setReferralUrl] = useState('');\n  const [showLinkCopiedMessage, setShowLinkCopiedMessage] = useState(false);\n  const [firstRender, setFirstRender] = useState(true);\n  const referralRockLinkRef = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    if (actionParam === 'referAFriend') {\n      setIsOpen(() => true);\n    }\n  }, [actionParam]);\n\n  // linter disabled to prevent refer a friend link from being focused on initial render\n  useEffect(() => {\n    if (firstRender) {\n      setFirstRender(false);\n    } else if (!isOpen) {\n      referralRockLinkRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const handleCloseModal = async () => {\n    if (window && actionParam) {\n      window.history.pushState({}, '', window.location.pathname);\n    }\n\n    setIsOpen(false);\n  };\n\n  const copyUrlToClipboardWithTimeout = async (referralUrl: string) => {\n    await navigator.clipboard.writeText(referralUrl);\n    setShowLinkCopiedMessage(true);\n\n    const delay = setTimeout(() => setShowLinkCopiedMessage(false), 2000);\n    return () => clearTimeout(delay);\n  };\n\n  const referralRockLinks = [\n    {\n      href: referralRockUrls.tos,\n      text: 'Terms and conditions',\n    },\n    {\n      href: referralRockUrls.stats,\n      text: 'My referral stats',\n    },\n  ];\n\n  const modalImageAltText =\n    'Two individuals sitting on the grass while working on a shared laptop';\n\n  const closeButtonSharedProps: IconButtonProps = {\n    'aria-label': 'Close',\n    icon: MiniDeleteIcon,\n    onClick: handleCloseModal,\n    size: 'small',\n    variant: 'secondary',\n    tip: 'Close referral modal',\n    tipProps: {\n      alignment: 'bottom-center',\n      placement: 'floating',\n      narrow: true,\n    },\n  };\n\n  return (\n    <>\n      <FooterLinkItem>\n        <Anchor\n          variant=\"interface\"\n          onClick={(event: React.MouseEvent<HTMLAnchorElement>) => {\n            onClick({ event, target: 'refer-a-friend' });\n            setIsOpen(true);\n          }}\n        >\n          Refer a friend\n        </Anchor>\n      </FooterLinkItem>\n      <StyledModal\n        onRequestClose={handleCloseModal}\n        isOpen={isOpen}\n        closeButtonProps={{ hidden: true }}\n        size=\"fluid\"\n        p={0}\n      >\n        <GridBox\n          gridAutoFlow={{ _: 'row', md: 'column' }}\n          gridAutoColumns=\"1fr\"\n          height=\"100%\"\n        >\n          <Column display={{ _: 'none', xs: 'grid', md: 'none' }} height={48}>\n            <FlexBox\n              justifyContent=\"right\"\n              alignItems=\"center\"\n              mr={8}\n              position=\"relative\"\n            >\n              <IconButton {...closeButtonSharedProps} />\n            </FlexBox>\n          </Column>\n          <Column overflow={{ md: 'hidden' }}>\n            <Image\n              src={`${BASE_STATIC_ASSET_PATH}/referral-rock/modal-desktop.webp`}\n              alt={modalImageAltText}\n              display={{ _: 'none', md: 'block' }}\n              width=\"100%\"\n              height=\"100%\"\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{ objectFit: 'cover', objectPosition: 'center' }}\n            />\n            <Image\n              src={`${BASE_STATIC_ASSET_PATH}/referral-rock/modal-mobile.webp`}\n              alt={modalImageAltText}\n              display={{ _: 'none', xs: 'block', md: 'none' }}\n              width=\"100%\"\n            />\n          </Column>\n          <Column p={24} overflowY=\"auto\" overflowX=\"hidden\">\n            <Box mb={32}>\n              <FlexBox justifyContent=\"space-between\" mb={12}>\n                <Text\n                  as=\"h2\"\n                  fontSize={34}\n                  pr={{ _: 0, md: 16 }}\n                  maxWidth={{ _: 230, xs: 352 }}\n                >\n                  Refer your friends to Codecademy\n                </Text>\n                <Box position=\"relative\">\n                  <IconButton\n                    {...closeButtonSharedProps}\n                    display={{\n                      _: 'inline-flex',\n                      xs: 'none',\n                      md: 'inline-flex',\n                    }}\n                    mr={-10 as 0}\n                  />\n                </Box>\n              </FlexBox>\n              <Text>\n                Get a referral link you can share with friends. When they use\n                your link to buy a Pro, Plus, or Pro Student annual plan, they\n                save 50% — & you get a gift card equal to $20 USD.\n              </Text>\n              <FormRequiredText pt={4} variant=\"p-small\" />\n            </Box>\n            {referralUrl ? (\n              <Box>\n                <Input\n                  name=\"referral url\"\n                  aria-label=\"Referral link\"\n                  type=\"text\"\n                  defaultValue={referralUrl}\n                  width=\"fit-content\"\n                />\n                <Box mt={12}>\n                  {showLinkCopiedMessage ? (\n                    <FlexBox mb={40} alignItems=\"center\">\n                      <CheckFilledIcon\n                        mr={8}\n                        mb={2 as 0}\n                        color=\"feedback-success\"\n                        alignSelf=\"center\"\n                      />\n                      <Text color=\"feedback-success\">Link copied!</Text>\n                    </FlexBox>\n                  ) : (\n                    <FillButton\n                      onClick={() => copyUrlToClipboardWithTimeout(referralUrl)}\n                      width=\"100%\"\n                      mb={24}\n                    >\n                      <MiniCopyIcon color=\"white\" pr={8} />\n                      Copy link\n                    </FillButton>\n                  )}\n                </Box>\n                <ReferralLinkSocialMediaSharing referralUrl={referralUrl} />\n              </Box>\n            ) : (\n              <ReferralForm setReferralUrl={setReferralUrl} />\n            )}\n            <FlexBox\n              as=\"ul\"\n              listStyle=\"none\"\n              m={0}\n              p={0}\n              mt={24}\n              justifyContent=\"center\"\n            >\n              {referralRockLinks.map(({ href, text }) => (\n                <ReferralRockLink key={href}>\n                  <Anchor href={href} fontSize={14} variant=\"interface\">\n                    {text}\n                  </Anchor>\n                </ReferralRockLink>\n              ))}\n            </FlexBox>\n          </Column>\n        </GridBox>\n      </StyledModal>\n    </>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralFields.cjs","names":["ConnectedFormGroup","ConnectedInput","useFormState","React","useEffect","ReferralFields","setFocus","name","label","field","component","required"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.tsx"],"sourcesContent":["import {\n  ConnectedFormGroup,\n  ConnectedInput,\n  useFormState,\n} from '@codecademy/gamut';\nimport React, { useEffect } from 'react';\n\nexport const ReferralFields: React.FC<{}> = () => {\n  const { setFocus } = useFormState();\n\n  useEffect(() => {\n    setFocus('firstName');\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      <ConnectedFormGroup\n        name=\"firstName\"\n        label=\"Your first name\"\n        field={{ component: ConnectedInput }}\n        required\n      />\n      <ConnectedFormGroup\n        name=\"email\"\n        label=\"Your email address\"\n        field={{ component: ConnectedInput }}\n        required\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;AAOA,MAAaK,uBAA+B;CAC1C,MAAM,EAAEC,kDAAaJ;AAErBE,4BAAU;AACRE,WAAS,YAAA;IAER,EAAE,CAAA;AAEL,QACE,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAACN,sCAAAA;EACCO,MAAK;EACLC,OAAM;EACNC,OAAO,EAAEC,WAAWT,kCAAe;EACnCU,UAAAA;KAEF,8BAAA,cAACX,sCAAAA;EACCO,MAAK;EACLC,OAAM;EACNC,OAAO,EAAEC,WAAWT,kCAAe;EACnCU,UAAAA"}