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

package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.js

@@ -0,0 +1,287 @@
+import { Anchor, Box, Column, LayoutGrid } from '@codecademy/gamut';
+import * as React from 'react';
+import { LogoFromSkillsoft } from '../..';
+import { footerResourcesList } from '../../lib/resourcesList';
+import { FooterHeading } from '../FooterHeading';
+import { FooterLinkItem, FooterLinkItems, FooterLinkItemWithAnchor } from '../FooterLinks';
+import { ReferAFriendLinkWithModal } from './ReferralRock/ReferAFriendLinkWithModal';
+import { SocialMediaLinks } from './SocialMediaLinks';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const CompanyLinks = ({
+  hidePricing,
+  onClick,
+  userGeo,
+  referralRockUrls,
+  isBusinessUser
+}) => {
+  const community = /*#__PURE__*/_jsxs(Box, {
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Community"
+    }), /*#__PURE__*/_jsxs(FooterLinkItems, {
+      children: [/*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://community.codecademy.com/c/start-here/",
+          onClick: event => onClick({
+            event,
+            target: 'visit-community'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Visit community"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://try.codecademy.com/code-crew/",
+          onClick: event => onClick({
+            event,
+            target: 'code-crew'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Code Crew"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/events",
+          onClick: event => onClick({
+            event,
+            target: 'events'
+          }),
+          variant: "interface",
+          children: "Events"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://www.codecademy.com/resources/blog/category/learner-stories",
+          onClick: event => onClick({
+            event,
+            target: 'learner-stories'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Learner Stories"
+        })
+      }), referralRockUrls && userGeo !== 'IN' ? /*#__PURE__*/_jsx(ReferAFriendLinkWithModal, {
+        referralRockUrls: referralRockUrls,
+        onClick: onClick
+      }) : null]
+    })]
+  });
+  const company = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Company"
+    }), /*#__PURE__*/_jsxs(FooterLinkItems, {
+      children: [/*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/about",
+          onClick: event => onClick({
+            event,
+            target: 'about'
+          }),
+          variant: "interface",
+          children: "About"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/about/careers",
+          onClick: event => onClick({
+            event,
+            target: 'jobs'
+          }),
+          variant: "interface",
+          children: "Careers"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/codecademy-affiliate-program",
+          onClick: event => onClick({
+            event,
+            target: 'affiliate_program'
+          }),
+          variant: "interface",
+          children: "Affiliates"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/partnerships",
+          onClick: event => onClick({
+            event,
+            target: 'partnerships'
+          }),
+          variant: "interface",
+          children: "Partnerships"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(SocialMediaLinks, {})
+      })]
+    })]
+  });
+  const plans = /*#__PURE__*/_jsxs(Box, {
+    mb: {
+      _: 0,
+      sm: 24
+    },
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Plans"
+    }), /*#__PURE__*/_jsxs(FooterLinkItems, {
+      children: [/*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/paid-plans",
+          onClick: event => onClick({
+            event,
+            target: 'pro_membership'
+          }),
+          variant: "interface",
+          children: "For individuals"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/student-center",
+          onClick: event => onClick({
+            event,
+            target: 'students'
+          }),
+          variant: "interface",
+          children: "For students"
+        })
+      }), !isBusinessUser && /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/business",
+          onClick: event => onClick({
+            event,
+            target: 'business_landing'
+          }),
+          variant: "interface",
+          children: "For business"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/codecademy-discount-codes",
+          onClick: event => onClick({
+            event,
+            target: 'codecademy-discounts'
+          }),
+          variant: "interface",
+          children: "Discounts"
+        })
+      })]
+    })]
+  });
+  const resources = display => /*#__PURE__*/_jsxs(Box, {
+    display: display,
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Resources"
+    }), /*#__PURE__*/_jsx(FooterLinkItems, {
+      children: footerResourcesList.map(({
+        id,
+        trackingTarget,
+        href,
+        text,
+        newTab
+      }) => /*#__PURE__*/_jsx(FooterLinkItemWithAnchor, {
+        footerOnClick: onClick,
+        trackingTarget: trackingTarget,
+        href: href,
+        variant: "interface",
+        target: newTab ? '_blank' : '',
+        children: text
+      }, id))
+    })]
+  });
+  const support = display => /*#__PURE__*/_jsxs(Box, {
+    display: display,
+    mt: {
+      _: 0,
+      sm: 24
+    },
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Support"
+    }), /*#__PURE__*/_jsx(FooterLinkItems, {
+      children: /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://help.codecademy.com",
+          onClick: event => onClick({
+            event,
+            target: 'help'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Help Center"
+        })
+      })
+    })]
+  });
+  const logo = display => /*#__PURE__*/_jsx(Box, {
+    display: display,
+    mt: "auto",
+    children: /*#__PURE__*/_jsx(FooterHeading, {
+      as: "span",
+      children: /*#__PURE__*/_jsx(LogoFromSkillsoft, {
+        height: 40
+      })
+    })
+  });
+
+  // Footer items change placement depending on screen size
+  return /*#__PURE__*/_jsxs(LayoutGrid, {
+    children: [/*#__PURE__*/_jsxs(Column, {
+      size: {
+        _: 6,
+        sm: 4
+      },
+      order: 1,
+      gridTemplateRows: "min-content",
+      children: [company, resources({
+        _: 'unset',
+        sm: 'none'
+      }), support({
+        _: 'unset',
+        sm: 'none'
+      })]
+    }), /*#__PURE__*/_jsxs(Column, {
+      size: {
+        _: 6,
+        sm: 4
+      },
+      order: {
+        _: 3,
+        sm: 2
+      },
+      gridTemplateRows: "min-content",
+      children: [resources({
+        _: 'none',
+        sm: 'unset'
+      }), support({
+        _: 'none',
+        sm: 'unset'
+      })]
+    }), /*#__PURE__*/_jsxs(Column, {
+      size: {
+        _: 6,
+        sm: 4
+      },
+      order: {
+        _: 2,
+        sm: 3
+      },
+      gridTemplateRows: "min-content",
+      children: [hidePricing ? null : plans, community, logo({
+        _: 'unset',
+        sm: 'none'
+      })]
+    }), /*#__PURE__*/_jsx(Column, {
+      size: 4,
+      order: 4,
+      gridTemplateRows: "min-content",
+      mt: "auto",
+      display: {
+        _: 'none',
+        sm: 'block'
+      },
+      children: logo({
+        _: 'none',
+        sm: 'unset'
+      })
+    })]
+  });
+};

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { GlobalFooterClickHandler } from '../../types';
+import type { ReferralRockUrls } from './types';
+export declare const ReferAFriendLinkWithModal: React.FC<{
+    referralRockUrls: ReferralRockUrls;
+    onClick: GlobalFooterClickHandler;
+}>;

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

@@ -0,0 +1,272 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Anchor, Box, Column, FillButton, FlexBox, FormRequiredText, GridBox, IconButton, Input, Modal, Text } from '@codecademy/gamut';
+import { CheckFilledIcon, MiniCopyIcon, MiniDeleteIcon } from '@codecademy/gamut-icons';
+import { css } from '@codecademy/gamut-styles';
+import React, { useEffect, useRef, useState } from 'react';
+import { useSearchParam } from 'react-use';
+import { BASE_STATIC_ASSET_PATH } from '../../../remoteAssets/components';
+import { FooterLinkItem } from '../../FooterLinks';
+import { ReferralForm } from './ReferralForm';
+import { ReferralLinkSocialMediaSharing } from './ReferralLinkSocialMediaSharing';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const StyledModal = /*#__PURE__*/_styled(Modal, {
+  target: "euue7s91",
+  label: "StyledModal"
+})(css({
+  minHeight: {
+    _: '100%',
+    md: 478
+  },
+  maxWidth: {
+    _: '100%',
+    xs: 400,
+    md: 900
+  },
+  p: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvUmVmZXJyYWxSb2NrL1JlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0dsb2JhbEZvb3Rlci9Gb290ZXJOYXZMaW5rcy9SZWZlcnJhbFJvY2svUmVmZXJBRnJpZW5kTGlua1dpdGhNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ29sdW1uLFxuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBGb3JtUmVxdWlyZWRUZXh0LFxuICBHcmlkQm94LFxuICBJY29uQnV0dG9uLFxuICBJY29uQnV0dG9uUHJvcHMsXG4gIElucHV0LFxuICBNb2RhbCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQ2hlY2tGaWxsZWRJY29uLFxuICBNaW5pQ29weUljb24sXG4gIE1pbmlEZWxldGVJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVNlYXJjaFBhcmFtIH0gZnJvbSAncmVhY3QtdXNlJztcblxuaW1wb3J0IHsgQkFTRV9TVEFUSUNfQVNTRVRfUEFUSCB9IGZyb20gJy4uLy4uLy4uL3JlbW90ZUFzc2V0cy9jb21wb25lbnRzJztcbmltcG9ydCB7IEZvb3RlckxpbmtJdGVtIH0gZnJvbSAnLi4vLi4vRm9vdGVyTGlua3MnO1xuaW1wb3J0IHR5cGUgeyBHbG9iYWxGb290ZXJDbGlja0hhbmRsZXIgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBSZWZlcnJhbEZvcm0gfSBmcm9tICcuL1JlZmVycmFsRm9ybSc7XG5pbXBvcnQgeyBSZWZlcnJhbExpbmtTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL1JlZmVycmFsTGlua1NvY2lhbE1lZGlhU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IFJlZmVycmFsUm9ja1VybHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpKFxuICBjc3Moe1xuICAgIG1pbkhlaWdodDogeyBfOiAnMTAwJScsIG1kOiA0NzggfSxcbiAgICBtYXhXaWR0aDogeyBfOiAnMTAwJScsIHhzOiA0MDAsIG1kOiA5MDAgfSxcbiAgICBwOiAwLFxuICB9KVxuKTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IFJlZmVycmFsUm9ja0xpbmsgPSBzdHlsZWQubGlgXG4gICY6bm90KDpsYXN0LW9mLXR5cGUpOjphZnRlciB7XG4gICAgY29udGVudDogJ3wnO1xuICAgIG1hcmdpbjogMCAwLjM3NXJlbTtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlckFGcmllbmRMaW5rV2l0aE1vZGFsOiBSZWFjdC5GQzx7XG4gIHJlZmVycmFsUm9ja1VybHM6IFJlZmVycmFsUm9ja1VybHM7XG4gIG9uQ2xpY2s6IEdsb2JhbEZvb3RlckNsaWNrSGFuZGxlcjtcbn0+ID0gKHsgcmVmZXJyYWxSb2NrVXJscywgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IGFjdGlvblBhcmFtID0gdXNlU2VhcmNoUGFyYW0oJ2FjdGlvbicpO1xuICBjb25zdCB1cmxQYXJhbXMgPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnXG4gICAgICA/IG5ldyBVUkxTZWFyY2hQYXJhbXMod2luZG93LmxvY2F0aW9uLnNlYXJjaClcbiAgICAgIDogbmV3IFVSTFNlYXJjaFBhcmFtcygpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShcbiAgICB1cmxQYXJhbXMuZ2V0KCdhY3Rpb24nKSA9PT0gJ3JlZmVyQUZyaWVuZCdcbiAgKTtcbiAgY29uc3QgW3JlZmVycmFsVXJsLCBzZXRSZWZlcnJhbFVybF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzaG93TGlua0NvcGllZE1lc3NhZ2UsIHNldFNob3dMaW5rQ29waWVkTWVzc2FnZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmaXJzdFJlbmRlciwgc2V0Rmlyc3RSZW5kZXJdID0gdXNlU3RhdGUodHJ1ZSk7XG4gIGNvbnN0IHJlZmVycmFsUm9ja0xpbmtSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGlvblBhcmFtID09PSAncmVmZXJBRnJpZW5kJykge1xuICAgICAgc2V0SXNPcGVuKCgpID0+IHRydWUpO1xuICAgIH1cbiAgfSwgW2FjdGlvblBhcmFtXSk7XG5cbiAgLy8gbGludGVyIGRpc2FibGVkIHRvIHByZXZlbnQgcmVmZXIgYSBmcmllbmQgbGluayBmcm9tIGJlaW5nIGZvY3VzZWQgb24gaW5pdGlhbCByZW5kZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZmlyc3RSZW5kZXIpIHtcbiAgICAgIHNldEZpcnN0UmVuZGVyKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKCFpc09wZW4pIHtcbiAgICAgIHJlZmVycmFsUm9ja0xpbmtSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2VNb2RhbCA9IGFzeW5jICgpID0+IHtcbiAgICBpZiAod2luZG93ICYmIGFjdGlvblBhcmFtKSB7XG4gICAgICB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUoe30sICcnLCB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUpO1xuICAgIH1cblxuICAgIHNldElzT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgY29weVVybFRvQ2xpcGJvYXJkV2l0aFRpbWVvdXQgPSBhc3luYyAocmVmZXJyYWxVcmw6IHN0cmluZykgPT4ge1xuICAgIGF3YWl0IG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KHJlZmVycmFsVXJsKTtcbiAgICBzZXRTaG93TGlua0NvcGllZE1lc3NhZ2UodHJ1ZSk7XG5cbiAgICBjb25zdCBkZWxheSA9IHNldFRpbWVvdXQoKCkgPT4gc2V0U2hvd0xpbmtDb3BpZWRNZXNzYWdlKGZhbHNlKSwgMjAwMCk7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dChkZWxheSk7XG4gIH07XG5cbiAgY29uc3QgcmVmZXJyYWxSb2NrTGlua3MgPSBbXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy50b3MsXG4gICAgICB0ZXh0OiAnVGVybXMgYW5kIGNvbmRpdGlvbnMnLFxuICAgIH0sXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy5zdGF0cyxcbiAgICAgIHRleHQ6ICdNeSByZWZlcnJhbCBzdGF0cycsXG4gICAgfSxcbiAgXTtcblxuICBjb25zdCBtb2RhbEltYWdlQWx0VGV4dCA9XG4gICAgJ1R3byBpbmRpdmlkdWFscyBzaXR0aW5nIG9uIHRoZSBncmFzcyB3aGlsZSB3b3JraW5nIG9uIGEgc2hhcmVkIGxhcHRvcCc7XG5cbiAgY29uc3QgY2xvc2VCdXR0b25TaGFyZWRQcm9wczogSWNvbkJ1dHRvblByb3BzID0ge1xuICAgICdhcmlhLWxhYmVsJzogJ0Nsb3NlJyxcbiAgICBpY29uOiBNaW5pRGVsZXRlSWNvbixcbiAgICBvbkNsaWNrOiBoYW5kbGVDbG9zZU1vZGFsLFxuICAgIHNpemU6ICdzbWFsbCcsXG4gICAgdmFyaWFudDogJ3NlY29uZGFyeScsXG4gICAgdGlwOiAnQ2xvc2UgcmVmZXJyYWwgbW9kYWwnLFxuICAgIHRpcFByb3BzOiB7XG4gICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgIG5hcnJvdzogdHJ1ZSxcbiAgICB9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGb290ZXJMaW5rSXRlbT5cbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIG9uQ2xpY2soeyBldmVudCwgdGFyZ2V0OiAncmVmZXItYS1mcmllbmQnIH0pO1xuICAgICAgICAgICAgc2V0SXNPcGVuKHRydWUpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICBSZWZlciBhIGZyaWVuZFxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIDwvRm9vdGVyTGlua0l0ZW0+XG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e2hhbmRsZUNsb3NlTW9kYWx9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXt7IGhpZGRlbjogdHJ1ZSB9fVxuICAgICAgICBzaXplPVwiZmx1aWRcIlxuICAgICAgICBwPXswfVxuICAgICAgPlxuICAgICAgICA8R3JpZEJveFxuICAgICAgICAgIGdyaWRBdXRvRmxvdz17eyBfOiAncm93JywgbWQ6ICdjb2x1bW4nIH19XG4gICAgICAgICAgZ3JpZEF1dG9Db2x1bW5zPVwiMWZyXCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2x1bW4gZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIG1kOiAnbm9uZScgfX0gaGVpZ2h0PXs0OH0+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInJpZ2h0XCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEljb25CdXR0b24gey4uLmNsb3NlQnV0dG9uU2hhcmVkUHJvcHN9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBvdmVyZmxvdz17eyBtZDogJ2hpZGRlbicgfX0+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtgJHtCQVNFX1NUQVRJQ19BU1NFVF9QQVRIfS9yZWZlcnJhbC1yb2NrL21vZGFsLWRlc2t0b3Aud2VicGB9XG4gICAgICAgICAgICAgIGFsdD17bW9kYWxJbWFnZUFsdFRleHR9XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2Jsb2NrJyB9fVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBvYmplY3RGaXQ6ICdjb3ZlcicsIG9iamVjdFBvc2l0aW9uOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2Ake0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L3JlZmVycmFsLXJvY2svbW9kYWwtbW9iaWxlLndlYnBgfVxuICAgICAgICAgICAgICBhbHQ9e21vZGFsSW1hZ2VBbHRUZXh0fVxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdibG9jaycsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBwPXsyNH0gb3ZlcmZsb3dZPVwiYXV0b1wiIG92ZXJmbG93WD1cImhpZGRlblwiPlxuICAgICAgICAgICAgPEJveCBtYj17MzJ9PlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBtYj17MTJ9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgICAgICAgIHByPXt7IF86IDAsIG1kOiAxNiB9fVxuICAgICAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogMjMwLCB4czogMzUyIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgUmVmZXIgeW91ciBmcmllbmRzIHRvIENvZGVjYWRlbXlcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICB7Li4uY2xvc2VCdXR0b25TaGFyZWRQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheT17e1xuICAgICAgICAgICAgICAgICAgICAgIF86ICdpbmxpbmUtZmxleCcsXG4gICAgICAgICAgICAgICAgICAgICAgeHM6ICdub25lJyxcbiAgICAgICAgICAgICAgICAgICAgICBtZDogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbXI9ey0xMCBhcyAwfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICBHZXQgYSByZWZlcnJhbCBsaW5rIHlvdSBjYW4gc2hhcmUgd2l0aCBmcmllbmRzLiBXaGVuIHRoZXkgdXNlXG4gICAgICAgICAgICAgICAgeW91ciBsaW5rIHRvIGJ1eSBhIFBybywgUGx1cywgb3IgUHJvIFN0dWRlbnQgYW5udWFsIHBsYW4sIHRoZXlcbiAgICAgICAgICAgICAgICBzYXZlIDUwJSDigJQgJiB5b3UgZ2V0IGEgZ2lmdCBjYXJkIGVxdWFsIHRvICQyMCBVU0QuXG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPEZvcm1SZXF1aXJlZFRleHQgcHQ9ezR9IHZhcmlhbnQ9XCJwLXNtYWxsXCIgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAge3JlZmVycmFsVXJsID8gKFxuICAgICAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgbmFtZT1cInJlZmVycmFsIHVybFwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUmVmZXJyYWwgbGlua1wiXG4gICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e3JlZmVycmFsVXJsfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJmaXQtY29udGVudFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8Qm94IG10PXsxMn0+XG4gICAgICAgICAgICAgICAgICB7c2hvd0xpbmtDb3BpZWRNZXNzYWdlID8gKFxuICAgICAgICAgICAgICAgICAgICA8RmxleEJveCBtYj17NDB9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tGaWxsZWRJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG1iPXsyIGFzIDB9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cImZlZWRiYWNrLXN1Y2Nlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25TZWxmPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZmVlZGJhY2stc3VjY2Vzc1wiPkxpbmsgY29waWVkITwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb3B5VXJsVG9DbGlwYm9hcmRXaXRoVGltZW91dChyZWZlcnJhbFVybCl9XG4gICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICAgICAgICBtYj17MjR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8TWluaUNvcHlJY29uIGNvbG9yPVwid2hpdGVcIiBwcj17OH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICBDb3B5IGxpbmtcbiAgICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8UmVmZXJyYWxMaW5rU29jaWFsTWVkaWFTaGFyaW5nIHJlZmVycmFsVXJsPXtyZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8UmVmZXJyYWxGb3JtIHNldFJlZmVycmFsVXJsPXtzZXRSZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgIG09ezB9XG4gICAgICAgICAgICAgIHA9ezB9XG4gICAgICAgICAgICAgIG10PXsyNH1cbiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVmZXJyYWxSb2NrTGlua3MubWFwKCh7IGhyZWYsIHRleHQgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxSZWZlcnJhbFJvY2tMaW5rIGtleT17aHJlZn0+XG4gICAgICAgICAgICAgICAgICA8QW5jaG9yIGhyZWY9e2hyZWZ9IGZvbnRTaXplPXsxNH0gdmFyaWFudD1cImludGVyZmFjZVwiPlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICAgICAgICAgIDwvUmVmZXJyYWxSb2NrTGluaz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgIDwvR3JpZEJveD5cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
+const Image = Box.withComponent('img', {
+  target: "euue7s92",
+  label: "Image"
+});
+const ReferralRockLink = /*#__PURE__*/_styled("li", {
+  target: "euue7s90",
+  label: "ReferralRockLink"
+})(process.env.NODE_ENV === "production" ? {
+  name: "y87jdj",
+  styles: "&:not(:last-of-type)::after{content:'|';margin:0 0.375rem;font-size:1rem;}"
+} : {
+  name: "y87jdj",
+  styles: "&:not(:last-of-type)::after{content:'|';margin:0 0.375rem;font-size:1rem;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvUmVmZXJyYWxSb2NrL1JlZmVyQUZyaWVuZExpbmtXaXRoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0dsb2JhbEZvb3Rlci9Gb290ZXJOYXZMaW5rcy9SZWZlcnJhbFJvY2svUmVmZXJBRnJpZW5kTGlua1dpdGhNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ29sdW1uLFxuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBGb3JtUmVxdWlyZWRUZXh0LFxuICBHcmlkQm94LFxuICBJY29uQnV0dG9uLFxuICBJY29uQnV0dG9uUHJvcHMsXG4gIElucHV0LFxuICBNb2RhbCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQ2hlY2tGaWxsZWRJY29uLFxuICBNaW5pQ29weUljb24sXG4gIE1pbmlEZWxldGVJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVNlYXJjaFBhcmFtIH0gZnJvbSAncmVhY3QtdXNlJztcblxuaW1wb3J0IHsgQkFTRV9TVEFUSUNfQVNTRVRfUEFUSCB9IGZyb20gJy4uLy4uLy4uL3JlbW90ZUFzc2V0cy9jb21wb25lbnRzJztcbmltcG9ydCB7IEZvb3RlckxpbmtJdGVtIH0gZnJvbSAnLi4vLi4vRm9vdGVyTGlua3MnO1xuaW1wb3J0IHR5cGUgeyBHbG9iYWxGb290ZXJDbGlja0hhbmRsZXIgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBSZWZlcnJhbEZvcm0gfSBmcm9tICcuL1JlZmVycmFsRm9ybSc7XG5pbXBvcnQgeyBSZWZlcnJhbExpbmtTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL1JlZmVycmFsTGlua1NvY2lhbE1lZGlhU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IFJlZmVycmFsUm9ja1VybHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpKFxuICBjc3Moe1xuICAgIG1pbkhlaWdodDogeyBfOiAnMTAwJScsIG1kOiA0NzggfSxcbiAgICBtYXhXaWR0aDogeyBfOiAnMTAwJScsIHhzOiA0MDAsIG1kOiA5MDAgfSxcbiAgICBwOiAwLFxuICB9KVxuKTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IFJlZmVycmFsUm9ja0xpbmsgPSBzdHlsZWQubGlgXG4gICY6bm90KDpsYXN0LW9mLXR5cGUpOjphZnRlciB7XG4gICAgY29udGVudDogJ3wnO1xuICAgIG1hcmdpbjogMCAwLjM3NXJlbTtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlckFGcmllbmRMaW5rV2l0aE1vZGFsOiBSZWFjdC5GQzx7XG4gIHJlZmVycmFsUm9ja1VybHM6IFJlZmVycmFsUm9ja1VybHM7XG4gIG9uQ2xpY2s6IEdsb2JhbEZvb3RlckNsaWNrSGFuZGxlcjtcbn0+ID0gKHsgcmVmZXJyYWxSb2NrVXJscywgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IGFjdGlvblBhcmFtID0gdXNlU2VhcmNoUGFyYW0oJ2FjdGlvbicpO1xuICBjb25zdCB1cmxQYXJhbXMgPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnXG4gICAgICA/IG5ldyBVUkxTZWFyY2hQYXJhbXMod2luZG93LmxvY2F0aW9uLnNlYXJjaClcbiAgICAgIDogbmV3IFVSTFNlYXJjaFBhcmFtcygpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShcbiAgICB1cmxQYXJhbXMuZ2V0KCdhY3Rpb24nKSA9PT0gJ3JlZmVyQUZyaWVuZCdcbiAgKTtcbiAgY29uc3QgW3JlZmVycmFsVXJsLCBzZXRSZWZlcnJhbFVybF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzaG93TGlua0NvcGllZE1lc3NhZ2UsIHNldFNob3dMaW5rQ29waWVkTWVzc2FnZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmaXJzdFJlbmRlciwgc2V0Rmlyc3RSZW5kZXJdID0gdXNlU3RhdGUodHJ1ZSk7XG4gIGNvbnN0IHJlZmVycmFsUm9ja0xpbmtSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGlvblBhcmFtID09PSAncmVmZXJBRnJpZW5kJykge1xuICAgICAgc2V0SXNPcGVuKCgpID0+IHRydWUpO1xuICAgIH1cbiAgfSwgW2FjdGlvblBhcmFtXSk7XG5cbiAgLy8gbGludGVyIGRpc2FibGVkIHRvIHByZXZlbnQgcmVmZXIgYSBmcmllbmQgbGluayBmcm9tIGJlaW5nIGZvY3VzZWQgb24gaW5pdGlhbCByZW5kZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZmlyc3RSZW5kZXIpIHtcbiAgICAgIHNldEZpcnN0UmVuZGVyKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKCFpc09wZW4pIHtcbiAgICAgIHJlZmVycmFsUm9ja0xpbmtSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2VNb2RhbCA9IGFzeW5jICgpID0+IHtcbiAgICBpZiAod2luZG93ICYmIGFjdGlvblBhcmFtKSB7XG4gICAgICB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUoe30sICcnLCB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUpO1xuICAgIH1cblxuICAgIHNldElzT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgY29weVVybFRvQ2xpcGJvYXJkV2l0aFRpbWVvdXQgPSBhc3luYyAocmVmZXJyYWxVcmw6IHN0cmluZykgPT4ge1xuICAgIGF3YWl0IG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KHJlZmVycmFsVXJsKTtcbiAgICBzZXRTaG93TGlua0NvcGllZE1lc3NhZ2UodHJ1ZSk7XG5cbiAgICBjb25zdCBkZWxheSA9IHNldFRpbWVvdXQoKCkgPT4gc2V0U2hvd0xpbmtDb3BpZWRNZXNzYWdlKGZhbHNlKSwgMjAwMCk7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dChkZWxheSk7XG4gIH07XG5cbiAgY29uc3QgcmVmZXJyYWxSb2NrTGlua3MgPSBbXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy50b3MsXG4gICAgICB0ZXh0OiAnVGVybXMgYW5kIGNvbmRpdGlvbnMnLFxuICAgIH0sXG4gICAge1xuICAgICAgaHJlZjogcmVmZXJyYWxSb2NrVXJscy5zdGF0cyxcbiAgICAgIHRleHQ6ICdNeSByZWZlcnJhbCBzdGF0cycsXG4gICAgfSxcbiAgXTtcblxuICBjb25zdCBtb2RhbEltYWdlQWx0VGV4dCA9XG4gICAgJ1R3byBpbmRpdmlkdWFscyBzaXR0aW5nIG9uIHRoZSBncmFzcyB3aGlsZSB3b3JraW5nIG9uIGEgc2hhcmVkIGxhcHRvcCc7XG5cbiAgY29uc3QgY2xvc2VCdXR0b25TaGFyZWRQcm9wczogSWNvbkJ1dHRvblByb3BzID0ge1xuICAgICdhcmlhLWxhYmVsJzogJ0Nsb3NlJyxcbiAgICBpY29uOiBNaW5pRGVsZXRlSWNvbixcbiAgICBvbkNsaWNrOiBoYW5kbGVDbG9zZU1vZGFsLFxuICAgIHNpemU6ICdzbWFsbCcsXG4gICAgdmFyaWFudDogJ3NlY29uZGFyeScsXG4gICAgdGlwOiAnQ2xvc2UgcmVmZXJyYWwgbW9kYWwnLFxuICAgIHRpcFByb3BzOiB7XG4gICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgIG5hcnJvdzogdHJ1ZSxcbiAgICB9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGb290ZXJMaW5rSXRlbT5cbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIG9uQ2xpY2soeyBldmVudCwgdGFyZ2V0OiAncmVmZXItYS1mcmllbmQnIH0pO1xuICAgICAgICAgICAgc2V0SXNPcGVuKHRydWUpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICBSZWZlciBhIGZyaWVuZFxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIDwvRm9vdGVyTGlua0l0ZW0+XG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e2hhbmRsZUNsb3NlTW9kYWx9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXt7IGhpZGRlbjogdHJ1ZSB9fVxuICAgICAgICBzaXplPVwiZmx1aWRcIlxuICAgICAgICBwPXswfVxuICAgICAgPlxuICAgICAgICA8R3JpZEJveFxuICAgICAgICAgIGdyaWRBdXRvRmxvdz17eyBfOiAncm93JywgbWQ6ICdjb2x1bW4nIH19XG4gICAgICAgICAgZ3JpZEF1dG9Db2x1bW5zPVwiMWZyXCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2x1bW4gZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIG1kOiAnbm9uZScgfX0gaGVpZ2h0PXs0OH0+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInJpZ2h0XCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEljb25CdXR0b24gey4uLmNsb3NlQnV0dG9uU2hhcmVkUHJvcHN9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBvdmVyZmxvdz17eyBtZDogJ2hpZGRlbicgfX0+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtgJHtCQVNFX1NUQVRJQ19BU1NFVF9QQVRIfS9yZWZlcnJhbC1yb2NrL21vZGFsLWRlc2t0b3Aud2VicGB9XG4gICAgICAgICAgICAgIGFsdD17bW9kYWxJbWFnZUFsdFRleHR9XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2Jsb2NrJyB9fVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBvYmplY3RGaXQ6ICdjb3ZlcicsIG9iamVjdFBvc2l0aW9uOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2Ake0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L3JlZmVycmFsLXJvY2svbW9kYWwtbW9iaWxlLndlYnBgfVxuICAgICAgICAgICAgICBhbHQ9e21vZGFsSW1hZ2VBbHRUZXh0fVxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdibG9jaycsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBwPXsyNH0gb3ZlcmZsb3dZPVwiYXV0b1wiIG92ZXJmbG93WD1cImhpZGRlblwiPlxuICAgICAgICAgICAgPEJveCBtYj17MzJ9PlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBtYj17MTJ9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgICAgICAgIHByPXt7IF86IDAsIG1kOiAxNiB9fVxuICAgICAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogMjMwLCB4czogMzUyIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgUmVmZXIgeW91ciBmcmllbmRzIHRvIENvZGVjYWRlbXlcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICB7Li4uY2xvc2VCdXR0b25TaGFyZWRQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheT17e1xuICAgICAgICAgICAgICAgICAgICAgIF86ICdpbmxpbmUtZmxleCcsXG4gICAgICAgICAgICAgICAgICAgICAgeHM6ICdub25lJyxcbiAgICAgICAgICAgICAgICAgICAgICBtZDogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbXI9ey0xMCBhcyAwfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICBHZXQgYSByZWZlcnJhbCBsaW5rIHlvdSBjYW4gc2hhcmUgd2l0aCBmcmllbmRzLiBXaGVuIHRoZXkgdXNlXG4gICAgICAgICAgICAgICAgeW91ciBsaW5rIHRvIGJ1eSBhIFBybywgUGx1cywgb3IgUHJvIFN0dWRlbnQgYW5udWFsIHBsYW4sIHRoZXlcbiAgICAgICAgICAgICAgICBzYXZlIDUwJSDigJQgJiB5b3UgZ2V0IGEgZ2lmdCBjYXJkIGVxdWFsIHRvICQyMCBVU0QuXG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPEZvcm1SZXF1aXJlZFRleHQgcHQ9ezR9IHZhcmlhbnQ9XCJwLXNtYWxsXCIgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAge3JlZmVycmFsVXJsID8gKFxuICAgICAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgbmFtZT1cInJlZmVycmFsIHVybFwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUmVmZXJyYWwgbGlua1wiXG4gICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e3JlZmVycmFsVXJsfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJmaXQtY29udGVudFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8Qm94IG10PXsxMn0+XG4gICAgICAgICAgICAgICAgICB7c2hvd0xpbmtDb3BpZWRNZXNzYWdlID8gKFxuICAgICAgICAgICAgICAgICAgICA8RmxleEJveCBtYj17NDB9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tGaWxsZWRJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG1iPXsyIGFzIDB9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cImZlZWRiYWNrLXN1Y2Nlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25TZWxmPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZmVlZGJhY2stc3VjY2Vzc1wiPkxpbmsgY29waWVkITwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb3B5VXJsVG9DbGlwYm9hcmRXaXRoVGltZW91dChyZWZlcnJhbFVybCl9XG4gICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICAgICAgICBtYj17MjR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8TWluaUNvcHlJY29uIGNvbG9yPVwid2hpdGVcIiBwcj17OH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICBDb3B5IGxpbmtcbiAgICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8UmVmZXJyYWxMaW5rU29jaWFsTWVkaWFTaGFyaW5nIHJlZmVycmFsVXJsPXtyZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8UmVmZXJyYWxGb3JtIHNldFJlZmVycmFsVXJsPXtzZXRSZWZlcnJhbFVybH0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgIG09ezB9XG4gICAgICAgICAgICAgIHA9ezB9XG4gICAgICAgICAgICAgIG10PXsyNH1cbiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVmZXJyYWxSb2NrTGlua3MubWFwKCh7IGhyZWYsIHRleHQgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxSZWZlcnJhbFJvY2tMaW5rIGtleT17aHJlZn0+XG4gICAgICAgICAgICAgICAgICA8QW5jaG9yIGhyZWY9e2hyZWZ9IGZvbnRTaXplPXsxNH0gdmFyaWFudD1cImludGVyZmFjZVwiPlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICAgICAgICAgIDwvUmVmZXJyYWxSb2NrTGluaz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgIDwvR3JpZEJveD5cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ReferAFriendLinkWithModal = ({
+  referralRockUrls,
+  onClick
+}) => {
+  const actionParam = useSearchParam('action');
+  const urlParams = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
+  const [isOpen, setIsOpen] = useState(urlParams.get('action') === 'referAFriend');
+  const [referralUrl, setReferralUrl] = useState('');
+  const [showLinkCopiedMessage, setShowLinkCopiedMessage] = useState(false);
+  const [firstRender, setFirstRender] = useState(true);
+  const referralRockLinkRef = useRef(null);
+  useEffect(() => {
+    if (actionParam === 'referAFriend') {
+      setIsOpen(() => true);
+    }
+  }, [actionParam]);
+
+  // 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))
+          })]
+        })]
+      })
+    })]
+  });
+};

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReferralFields: React.FC<{}>;

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

@@ -0,0 +1,29 @@
+import { ConnectedFormGroup, ConnectedInput, useFormState } from '@codecademy/gamut';
+import React, { useEffect } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const ReferralFields = () => {
+  const {
+    setFocus
+  } = useFormState();
+  useEffect(() => {
+    setFocus('firstName');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ConnectedFormGroup, {
+      name: "firstName",
+      label: "Your first name",
+      field: {
+        component: ConnectedInput
+      },
+      required: true
+    }), /*#__PURE__*/_jsx(ConnectedFormGroup, {
+      name: "email",
+      label: "Your email address",
+      field: {
+        component: ConnectedInput
+      },
+      required: true
+    })]
+  });
+};

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ReferralForm: React.FC<{
+    setReferralUrl: React.Dispatch<React.SetStateAction<string>>;
+}>;