@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

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

@@ -1,200 +0,0 @@
-import { BASE_STATIC_ASSET_PATH } from "../../../remoteAssets/components.mjs";
-import { FooterLinkItem } from "../../FooterLinks.mjs";
-import { ReferralForm } from "./ReferralForm.mjs";
-import { ReferralLinkSocialMediaSharing } from "./ReferralLinkSocialMediaSharing.mjs";
-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
-}), "/*# 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$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__ */ 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))))))));
-};
-
-//#endregion
-export { ReferAFriendLinkWithModal };
-//# sourceMappingURL=ReferAFriendLinkWithModal.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReferAFriendLinkWithModal.mjs","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

@@ -1,27 +0,0 @@
-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);
-
-//#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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,25 +0,0 @@
-import { ConnectedFormGroup, ConnectedInput, useFormState } from "@codecademy/gamut";
-import React, { useEffect } from "react";
-
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.tsx
-const ReferralFields = () => {
-	const { setFocus } = useFormState();
-	useEffect(() => {
-		setFocus("firstName");
-	}, []);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ConnectedFormGroup, {
-		name: "firstName",
-		label: "Your first name",
-		field: { component: ConnectedInput },
-		required: true
-	}), /* @__PURE__ */ React.createElement(ConnectedFormGroup, {
-		name: "email",
-		label: "Your email address",
-		field: { component: ConnectedInput },
-		required: true
-	}));
-};
-
-//#endregion
-export { ReferralFields };
-//# sourceMappingURL=ReferralFields.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReferralFields.mjs","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,aAAaJ,cAAAA;AAErBE,iBAAU;AACRE,WAAS,YAAA;IAER,EAAE,CAAA;AAEL,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACN,oBAAAA;EACCO,MAAK;EACLC,OAAM;EACNC,OAAO,EAAEC,WAAWT,gBAAe;EACnCU,UAAAA;KAEF,sBAAA,cAACX,oBAAAA;EACCO,MAAK;EACLC,OAAM;EACNC,OAAO,EAAEC,WAAWT,gBAAe;EACnCU,UAAAA"}

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

@@ -1,70 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_ReferralFields = require('./ReferralFields.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let universal_cookie = require("universal-cookie");
-universal_cookie = require_rolldown_runtime.__toESM(universal_cookie);
-
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.tsx
-const createMember = (firstName, email) => {
-	const cookies = new universal_cookie.default();
-	return fetch(`${process.env.NEXT_PUBLIC_MONOLITH ?? ""}/referralrock/members`, {
-		method: "POST",
-		credentials: "include",
-		headers: {
-			"Content-Type": "application/json",
-			"CF-Access-Client-Id": process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? "",
-			"CF-Access-Client-Secret": process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? "",
-			"X-CSRF-Token": cookies.get("CSRF-TOKEN")
-		},
-		body: JSON.stringify({
-			firstName,
-			email
-		})
-	});
-};
-const ReferralForm = ({ setReferralUrl }) => {
-	const [disableSubmit, setDisableSubmit] = (0, react.useState)(true);
-	const handleWatch = (values) => {
-		const [firstName, email] = values;
-		return firstName && email ? setDisableSubmit(false) : setDisableSubmit(true);
-	};
-	const { ConnectedForm, connectedFormProps } = (0, _codecademy_gamut.useConnectedForm)({
-		defaultValues: {
-			email: "",
-			firstName: ""
-		},
-		validationRules: {
-			firstName: { required: "Please enter your first name." },
-			email: {
-				required: "Please enter your email address.",
-				pattern: {
-					value: /^[^@\s]+@[^@\s\.]+\.[^@\s]{2,}$/,
-					message: "Please enter a valid email address."
-				}
-			}
-		},
-		watchedFields: {
-			fields: ["firstName", "email"],
-			watchHandler: handleWatch
-		}
-	});
-	return /* @__PURE__ */ react.default.createElement(ConnectedForm, {
-		onSubmit: async ({ firstName, email }) => {
-			setReferralUrl((await (await createMember(firstName, email)).json())?.member?.referralUrl);
-		},
-		validation: "onBlur",
-		...connectedFormProps
-	}, /* @__PURE__ */ react.default.createElement(require_ReferralFields.ReferralFields, null), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.SubmitButton, {
-		type: "submit",
-		variant: "primary",
-		id: "get-referral-link",
-		width: "100%",
-		disabled: disableSubmit
-	}, "Get your referral link"));
-};
-
-//#endregion
-exports.ReferralForm = ReferralForm;
-//# sourceMappingURL=ReferralForm.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReferralForm.cjs","names":["SubmitButton","useConnectedForm","React","useState","Cookies","ReferralFields","createMember","firstName","email","cookies","fetch","process","env","NEXT_PUBLIC_MONOLITH","method","credentials","headers","NEXT_PUBLIC_CF_ACCESS_CLIENT_ID","NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET","get","body","JSON","stringify","ReferralForm","setReferralUrl","disableSubmit","setDisableSubmit","handleWatch","values","ConnectedForm","connectedFormProps","defaultValues","validationRules","required","pattern","value","message","watchedFields","fields","watchHandler","onSubmit","res","json","member","referralUrl","validation","type","variant","id","width","disabled"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.tsx"],"sourcesContent":["import { SubmitButton, useConnectedForm } from '@codecademy/gamut';\nimport React, { useState } from 'react';\nimport Cookies from 'universal-cookie';\n\nimport { ReferralFields } from './ReferralFields';\n\nconst createMember = (firstName: string, email: string) => {\n  const cookies = new Cookies();\n\n  return fetch(\n    `${process.env.NEXT_PUBLIC_MONOLITH ?? ''}/referralrock/members`,\n    {\n      method: 'POST',\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n        'CF-Access-Client-Id':\n          process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? '',\n        'CF-Access-Client-Secret':\n          process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? '',\n        'X-CSRF-Token': cookies.get('CSRF-TOKEN'),\n      },\n      body: JSON.stringify({ firstName, email }),\n    }\n  );\n};\n\nexport const ReferralForm: React.FC<{\n  setReferralUrl: React.Dispatch<React.SetStateAction<string>>;\n}> = ({ setReferralUrl }) => {\n  const [disableSubmit, setDisableSubmit] = useState(true);\n\n  const handleWatch = (values: string[]) => {\n    const [firstName, email] = values;\n    return firstName && email\n      ? setDisableSubmit(false)\n      : setDisableSubmit(true);\n  };\n\n  const { ConnectedForm, connectedFormProps } = useConnectedForm({\n    defaultValues: {\n      email: '',\n      firstName: '',\n    },\n    validationRules: {\n      firstName: { required: 'Please enter your first name.' },\n      email: {\n        required: 'Please enter your email address.',\n        pattern: {\n          value: /^[^@\\s]+@[^@\\s\\.]+\\.[^@\\s]{2,}$/, // eslint-disable-line no-useless-escape\n          message: 'Please enter a valid email address.',\n        },\n      },\n    },\n    watchedFields: {\n      fields: ['firstName', 'email'],\n      watchHandler: handleWatch,\n    },\n  });\n\n  return (\n    <ConnectedForm\n      onSubmit={async ({ firstName, email }) => {\n        const res = await createMember(firstName, email);\n        const json = await res.json();\n        setReferralUrl(json?.member?.referralUrl);\n      }}\n      validation=\"onBlur\"\n      {...connectedFormProps}\n    >\n      <ReferralFields />\n      <SubmitButton\n        type=\"submit\"\n        variant=\"primary\"\n        id=\"get-referral-link\"\n        width=\"100%\"\n        disabled={disableSubmit}\n      >\n        Get your referral link\n      </SubmitButton>\n    </ConnectedForm>\n  );\n};\n"],"mappings":";;;;;;;;;AAMA,MAAMM,gBAAgBC,WAAmBC,UAAAA;CACvC,MAAMC,UAAU,IAAIL,0BAAAA;AAEpB,QAAOM,MACL,GAAGC,QAAQC,IAAIC,wBAAwB,GAAG,wBAC1C;EACEC,QAAQ;EACRC,aAAa;EACbC,SAAS;GACP,gBAAgB;GAChB,uBACEL,QAAQC,IAAIK,mCAAmC;GACjD,2BACEN,QAAQC,IAAIM,uCAAuC;GACrD,gBAAgBT,QAAQU,IAAI,aAAA;GAC9B;EACAC,MAAMC,KAAKC,UAAU;GAAEf;GAAWC;GAAM,CAAA;EAC1C,CAAA;;AAIJ,MAAae,gBAEP,EAAEC,qBAAgB;CACtB,MAAM,CAACC,eAAeC,wCAA6B,KAAA;CAEnD,MAAMC,eAAeC,WAAAA;EACnB,MAAM,CAACrB,WAAWC,SAASoB;AAC3B,SAAOrB,aAAaC,QAChBkB,iBAAiB,MAAA,GACjBA,iBAAiB,KAAA;;CAGvB,MAAM,EAAEG,eAAeC,+DAAwC;EAC7DC,eAAe;GACbvB,OAAO;GACPD,WAAW;GACb;EACAyB,iBAAiB;GACfzB,WAAW,EAAE0B,UAAU,iCAAgC;GACvDzB,OAAO;IACLyB,UAAU;IACVC,SAAS;KACPC,OAAO;KACPC,SAAS;KACX;IACF;GACF;EACAC,eAAe;GACbC,QAAQ,CAAC,aAAa,QAAQ;GAC9BC,cAAcZ;GAChB;EACF,CAAA;AAEA,QACE,8BAAA,cAACE,eAAAA;EACCW,UAAU,OAAO,EAAEjC,WAAWC,YAAO;AAGnCgB,mBADa,OADD,MAAMlB,aAAaC,WAAWC,MAAAA,EACnBkC,MAAI,GACNC,QAAQC,YAAAA;;EAE/BC,YAAW;EACV,GAAGf;IAEJ,8BAAA,cAACzB,uCAAAA,KAAAA,EACD,8BAAA,cAACL,gCAAAA;EACC8C,MAAK;EACLC,SAAQ;EACRC,IAAG;EACHC,OAAM;EACNC,UAAUzB;IACX,yBAAA,CAAA"}

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.mjs

@@ -1,67 +0,0 @@
-import { ReferralFields } from "./ReferralFields.mjs";
-import { SubmitButton, useConnectedForm } from "@codecademy/gamut";
-import React, { useState } from "react";
-import Cookies from "universal-cookie";
-
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.tsx
-const createMember = (firstName, email) => {
-	const cookies = new Cookies();
-	return fetch(`${process.env.NEXT_PUBLIC_MONOLITH ?? ""}/referralrock/members`, {
-		method: "POST",
-		credentials: "include",
-		headers: {
-			"Content-Type": "application/json",
-			"CF-Access-Client-Id": process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? "",
-			"CF-Access-Client-Secret": process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? "",
-			"X-CSRF-Token": cookies.get("CSRF-TOKEN")
-		},
-		body: JSON.stringify({
-			firstName,
-			email
-		})
-	});
-};
-const ReferralForm = ({ setReferralUrl }) => {
-	const [disableSubmit, setDisableSubmit] = useState(true);
-	const handleWatch = (values) => {
-		const [firstName, email] = values;
-		return firstName && email ? setDisableSubmit(false) : setDisableSubmit(true);
-	};
-	const { ConnectedForm, connectedFormProps } = useConnectedForm({
-		defaultValues: {
-			email: "",
-			firstName: ""
-		},
-		validationRules: {
-			firstName: { required: "Please enter your first name." },
-			email: {
-				required: "Please enter your email address.",
-				pattern: {
-					value: /^[^@\s]+@[^@\s\.]+\.[^@\s]{2,}$/,
-					message: "Please enter a valid email address."
-				}
-			}
-		},
-		watchedFields: {
-			fields: ["firstName", "email"],
-			watchHandler: handleWatch
-		}
-	});
-	return /* @__PURE__ */ React.createElement(ConnectedForm, {
-		onSubmit: async ({ firstName, email }) => {
-			setReferralUrl((await (await createMember(firstName, email)).json())?.member?.referralUrl);
-		},
-		validation: "onBlur",
-		...connectedFormProps
-	}, /* @__PURE__ */ React.createElement(ReferralFields, null), /* @__PURE__ */ React.createElement(SubmitButton, {
-		type: "submit",
-		variant: "primary",
-		id: "get-referral-link",
-		width: "100%",
-		disabled: disableSubmit
-	}, "Get your referral link"));
-};
-
-//#endregion
-export { ReferralForm };
-//# sourceMappingURL=ReferralForm.mjs.map

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReferralForm.mjs","names":["SubmitButton","useConnectedForm","React","useState","Cookies","ReferralFields","createMember","firstName","email","cookies","fetch","process","env","NEXT_PUBLIC_MONOLITH","method","credentials","headers","NEXT_PUBLIC_CF_ACCESS_CLIENT_ID","NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET","get","body","JSON","stringify","ReferralForm","setReferralUrl","disableSubmit","setDisableSubmit","handleWatch","values","ConnectedForm","connectedFormProps","defaultValues","validationRules","required","pattern","value","message","watchedFields","fields","watchHandler","onSubmit","res","json","member","referralUrl","validation","type","variant","id","width","disabled"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.tsx"],"sourcesContent":["import { SubmitButton, useConnectedForm } from '@codecademy/gamut';\nimport React, { useState } from 'react';\nimport Cookies from 'universal-cookie';\n\nimport { ReferralFields } from './ReferralFields';\n\nconst createMember = (firstName: string, email: string) => {\n  const cookies = new Cookies();\n\n  return fetch(\n    `${process.env.NEXT_PUBLIC_MONOLITH ?? ''}/referralrock/members`,\n    {\n      method: 'POST',\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n        'CF-Access-Client-Id':\n          process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? '',\n        'CF-Access-Client-Secret':\n          process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? '',\n        'X-CSRF-Token': cookies.get('CSRF-TOKEN'),\n      },\n      body: JSON.stringify({ firstName, email }),\n    }\n  );\n};\n\nexport const ReferralForm: React.FC<{\n  setReferralUrl: React.Dispatch<React.SetStateAction<string>>;\n}> = ({ setReferralUrl }) => {\n  const [disableSubmit, setDisableSubmit] = useState(true);\n\n  const handleWatch = (values: string[]) => {\n    const [firstName, email] = values;\n    return firstName && email\n      ? setDisableSubmit(false)\n      : setDisableSubmit(true);\n  };\n\n  const { ConnectedForm, connectedFormProps } = useConnectedForm({\n    defaultValues: {\n      email: '',\n      firstName: '',\n    },\n    validationRules: {\n      firstName: { required: 'Please enter your first name.' },\n      email: {\n        required: 'Please enter your email address.',\n        pattern: {\n          value: /^[^@\\s]+@[^@\\s\\.]+\\.[^@\\s]{2,}$/, // eslint-disable-line no-useless-escape\n          message: 'Please enter a valid email address.',\n        },\n      },\n    },\n    watchedFields: {\n      fields: ['firstName', 'email'],\n      watchHandler: handleWatch,\n    },\n  });\n\n  return (\n    <ConnectedForm\n      onSubmit={async ({ firstName, email }) => {\n        const res = await createMember(firstName, email);\n        const json = await res.json();\n        setReferralUrl(json?.member?.referralUrl);\n      }}\n      validation=\"onBlur\"\n      {...connectedFormProps}\n    >\n      <ReferralFields />\n      <SubmitButton\n        type=\"submit\"\n        variant=\"primary\"\n        id=\"get-referral-link\"\n        width=\"100%\"\n        disabled={disableSubmit}\n      >\n        Get your referral link\n      </SubmitButton>\n    </ConnectedForm>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAMM,gBAAgBC,WAAmBC,UAAAA;CACvC,MAAMC,UAAU,IAAIL,SAAAA;AAEpB,QAAOM,MACL,GAAGC,QAAQC,IAAIC,wBAAwB,GAAG,wBAC1C;EACEC,QAAQ;EACRC,aAAa;EACbC,SAAS;GACP,gBAAgB;GAChB,uBACEL,QAAQC,IAAIK,mCAAmC;GACjD,2BACEN,QAAQC,IAAIM,uCAAuC;GACrD,gBAAgBT,QAAQU,IAAI,aAAA;GAC9B;EACAC,MAAMC,KAAKC,UAAU;GAAEf;GAAWC;GAAM,CAAA;EAC1C,CAAA;;AAIJ,MAAae,gBAEP,EAAEC,qBAAgB;CACtB,MAAM,CAACC,eAAeC,oBAAoBvB,SAAS,KAAA;CAEnD,MAAMwB,eAAeC,WAAAA;EACnB,MAAM,CAACrB,WAAWC,SAASoB;AAC3B,SAAOrB,aAAaC,QAChBkB,iBAAiB,MAAA,GACjBA,iBAAiB,KAAA;;CAGvB,MAAM,EAAEG,eAAeC,uBAAuB7B,iBAAiB;EAC7D8B,eAAe;GACbvB,OAAO;GACPD,WAAW;GACb;EACAyB,iBAAiB;GACfzB,WAAW,EAAE0B,UAAU,iCAAgC;GACvDzB,OAAO;IACLyB,UAAU;IACVC,SAAS;KACPC,OAAO;KACPC,SAAS;KACX;IACF;GACF;EACAC,eAAe;GACbC,QAAQ,CAAC,aAAa,QAAQ;GAC9BC,cAAcZ;GAChB;EACF,CAAA;AAEA,QACE,sBAAA,cAACE,eAAAA;EACCW,UAAU,OAAO,EAAEjC,WAAWC,YAAO;AAGnCgB,mBADa,OADD,MAAMlB,aAAaC,WAAWC,MAAAA,EACnBkC,MAAI,GACNC,QAAQC,YAAAA;;EAE/BC,YAAW;EACV,GAAGf;IAEJ,sBAAA,cAACzB,gBAAAA,KAAAA,EACD,sBAAA,cAACL,cAAAA;EACC8C,MAAK;EACLC,SAAQ;EACRC,IAAG;EACHC,OAAM;EACNC,UAAUzB;IACX,yBAAA,CAAA"}

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

@@ -1,68 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../../SocialMediaSharing/index.cjs');
-const require_index$1 = require('../../../SocialMediaSharingDropdown/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.tsx
-const referralMessage = "Use my referral link to get 50% off a Pro, Plus, or Pro Student annual plan";
-const socialLinks = [
-	{
-		id: "x",
-		label: "X",
-		icon: _codecademy_gamut_icons.XIcon,
-		formatShare: (referralUrl) => require_index.createShareLink(({ url }) => ({
-			...url && { url },
-			text: referralMessage,
-			hashtags: "codecademy",
-			via: "codecademy"
-		}), "https://twitter.com/intent/tweet?", { url: referralUrl })
-	},
-	{
-		id: "facebook",
-		label: "Facebook",
-		icon: _codecademy_gamut_icons.FacebookIcon,
-		formatShare: (referralUrl) => require_index.createShareLink(({ url }) => ({
-			...url && { href: url },
-			quote: referralMessage,
-			hashtag: "#codecademy"
-		}), "https://www.facebook.com/dialog/share?app_id=212500508799908", { url: referralUrl })
-	},
-	{
-		id: "whatsApp",
-		label: "WhatsApp",
-		icon: _codecademy_gamut_icons.WhatsAppFilledIcon,
-		formatShare: (referralUrl) => require_index.createShareLink(({ url }) => ({ text: `${referralMessage}: ${url}` }), "https://wa.me/?", { url: referralUrl })
-	},
-	{
-		id: "email",
-		label: "Email",
-		icon: _codecademy_gamut_icons.EmailFilledIcon,
-		formatShare: (url) => {
-			return `mailto:?subject=${encodeURIComponent("Join me on Codecademy and get 50% off")}&body=${encodeURIComponent(`Hey! I thought you would be interested in learning to code and building skills to grow your career. If you sign up using my referral link, you'll get 50% off a Codecademy Pro, Plus, or Pro Student plan for a year: ${url}`)}`;
-		}
-	}
-];
-const ReferralLinkSocialMediaSharing = ({ referralUrl }) => /* @__PURE__ */ React.createElement(_codecademy_gamut.GridBox, {
-	gridTemplateColumns: "1fr 1fr",
-	columnGap: 12,
-	rowGap: 12,
-	as: "ul",
-	listStyle: "none",
-	m: 0,
-	p: 0
-}, socialLinks.map(({ id, label, icon: IconComponent, formatShare }) => /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
-	as: "li",
-	key: id
-}, /* @__PURE__ */ React.createElement(_codecademy_gamut.StrokeButton, {
-	"aria-label": `Share referral link via ${label}`,
-	width: "100%",
-	onClick: (e) => require_index$1.onClickWrapper(e, id, formatShare(referralUrl))
-}, /* @__PURE__ */ React.createElement(IconComponent, {
-	size: 12,
-	mr: 8
-}), label))));
-
-//#endregion
-exports.ReferralLinkSocialMediaSharing = ReferralLinkSocialMediaSharing;
-//# sourceMappingURL=ReferralLinkSocialMediaSharing.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReferralLinkSocialMediaSharing.cjs","names":["Box","GridBox","StrokeButton","EmailFilledIcon","FacebookIcon","WhatsAppFilledIcon","XIcon","createShareLink","onClickWrapper","referralMessage","socialLinks","id","label","icon","formatShare","referralUrl","url","text","hashtags","via","href","quote","hashtag","subject","encodeURIComponent","body","ReferralLinkSocialMediaSharing","gridTemplateColumns","columnGap","rowGap","as","listStyle","m","p","map","IconComponent","key","aria-label","width","onClick","e","size","mr"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.tsx"],"sourcesContent":["import { Box, GridBox, StrokeButton } from '@codecademy/gamut';\nimport {\n  EmailFilledIcon,\n  FacebookIcon,\n  WhatsAppFilledIcon,\n  XIcon,\n} from '@codecademy/gamut-icons';\n\nimport { createShareLink, SocialMediaShare } from '../../../SocialMediaSharing';\nimport { onClickWrapper } from '../../../SocialMediaSharingDropdown';\n\nconst referralMessage =\n  'Use my referral link to get 50% off a Pro, Plus, or Pro Student annual plan';\n\nconst socialLinks = [\n  {\n    id: 'x',\n    label: 'X',\n    icon: XIcon,\n    formatShare: (referralUrl: string) =>\n      createShareLink(\n        ({ url }: SocialMediaShare) => ({\n          ...(url && { url }),\n          text: referralMessage,\n          hashtags: 'codecademy',\n          via: 'codecademy',\n        }),\n        'https://twitter.com/intent/tweet?',\n        { url: referralUrl }\n      ),\n  },\n  {\n    id: 'facebook',\n    label: 'Facebook',\n    icon: FacebookIcon,\n    formatShare: (referralUrl: string) =>\n      createShareLink(\n        ({ url }: SocialMediaShare) => ({\n          ...(url && { href: url }),\n          quote: referralMessage,\n          hashtag: '#codecademy',\n        }),\n        'https://www.facebook.com/dialog/share?app_id=212500508799908',\n        { url: referralUrl }\n      ),\n  },\n  {\n    id: 'whatsApp',\n    label: 'WhatsApp',\n    icon: WhatsAppFilledIcon,\n    formatShare: (referralUrl: string) =>\n      createShareLink(\n        ({ url }: SocialMediaShare) => ({\n          text: `${referralMessage}: ${url}`,\n        }),\n        'https://wa.me/?',\n        { url: referralUrl }\n      ),\n  },\n  {\n    id: 'email',\n    label: 'Email',\n    icon: EmailFilledIcon,\n    formatShare: (url: string) => {\n      const subject = encodeURIComponent(\n        'Join me on Codecademy and get 50% off'\n      );\n      const body = encodeURIComponent(\n        `Hey! I thought you would be interested in learning to code and building skills to grow your career. If you sign up using my referral link, you'll get 50% off a Codecademy Pro, Plus, or Pro Student plan for a year: ${url}`\n      );\n      return `mailto:?subject=${subject}&body=${body}`;\n    },\n  },\n];\n\nexport const ReferralLinkSocialMediaSharing: React.FC<{\n  referralUrl: string;\n}> = ({ referralUrl }) => (\n  <GridBox\n    gridTemplateColumns=\"1fr 1fr\"\n    columnGap={12}\n    rowGap={12}\n    as=\"ul\"\n    listStyle=\"none\"\n    m={0}\n    p={0}\n  >\n    {socialLinks.map(({ id, label, icon: IconComponent, formatShare }) => (\n      <Box as=\"li\" key={id}>\n        <StrokeButton\n          aria-label={`Share referral link via ${label}`}\n          width=\"100%\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) =>\n            onClickWrapper(e, id, formatShare(referralUrl))\n          }\n        >\n          <IconComponent size={12} mr={8} />\n          {label}\n        </StrokeButton>\n      </Box>\n    ))}\n  </GridBox>\n);\n"],"mappings":";;;;;;;AAWA,MAAMS,kBACJ;AAEF,MAAMC,cAAc;CAClB;EACEC,IAAI;EACJC,OAAO;EACPC,MAAMP;EACNQ,cAAcC,gBACZR,+BACG,EAAES,WAA6B;GAC9B,GAAIA,OAAO,EAAEA,KAAK;GAClBC,MAAMR;GACNS,UAAU;GACVC,KAAK;GACP,GACA,qCACA,EAAEH,KAAKD,aAAY,CAAA;EAEzB;CACA;EACEJ,IAAI;EACJC,OAAO;EACPC,MAAMT;EACNU,cAAcC,gBACZR,+BACG,EAAES,WAA6B;GAC9B,GAAIA,OAAO,EAAEI,MAAMJ,KAAK;GACxBK,OAAOZ;GACPa,SAAS;GACX,GACA,gEACA,EAAEN,KAAKD,aAAY,CAAA;EAEzB;CACA;EACEJ,IAAI;EACJC,OAAO;EACPC,MAAMR;EACNS,cAAcC,gBACZR,+BACG,EAAES,WAA6B,EAC9BC,MAAM,GAAGR,gBAAgB,IAAIO,OAC/B,GACA,mBACA,EAAEA,KAAKD,aAAY,CAAA;EAEzB;CACA;EACEJ,IAAI;EACJC,OAAO;EACPC,MAAMV;EACNW,cAAcE,QAAAA;AAOZ,UAAO,mBANSQ,mBACd,wCAAA,CAKgC,QAHrBA,mBACX,yNAAyNR,MAAK;;EAIpO;CACD;AAED,MAAaU,kCAEP,EAAEX,kBACN,sBAAA,cAACd,2BAAAA;CACC0B,qBAAoB;CACpBC,WAAW;CACXC,QAAQ;CACRC,IAAG;CACHC,WAAU;CACVC,GAAG;CACHC,GAAG;GAEFvB,YAAYwB,KAAK,EAAEvB,IAAIC,OAAOC,MAAMsB,eAAerB,kBAClD,sBAAA,cAACd,uBAAAA;CAAI8B,IAAG;CAAKM,KAAKzB;GAChB,sBAAA,cAACT,gCAAAA;CACCmC,cAAY,2BAA2BzB;CACvC0B,OAAM;CACNC,UAAUC,MACRhC,+BAAegC,GAAG7B,IAAIG,YAAYC,YAAAA,CAAAA;GAGpC,sBAAA,cAACoB,eAAAA;CAAcM,MAAM;CAAIC,IAAI;IAC5B9B,MAAAA,CAAAA,CAAAA,CAAAA"}