@codecademy/codebytes 0.6.13 → 0.6.14-alpha.e5f2c6.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.6.14-alpha.e5f2c6.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.13...@codecademy/codebytes@0.6.14-alpha.e5f2c6.0) (2022-04-29)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
 ### [0.6.13](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.12...@codecademy/codebytes@0.6.13) (2022-04-11)
 
 **Note:** Version bump only for package @codecademy/codebytes

package/dist/BetterSocialSharing/SocialShareIconLink.d.ts

@@ -0,0 +1,13 @@
+import { GamutIconProps } from '@codecademy/gamut-icons';
+import React from 'react';
+export declare type BaseSocialShareProps = {
+    sectionId?: string;
+    size?: 'small' | 'normal';
+};
+export declare type SocialShareIconLinkProps = BaseSocialShareProps & {
+    icon: React.ComponentType<GamutIconProps>;
+    id: string;
+    href: string;
+    onClick?: (e: React.MouseEvent) => void;
+};
+export declare const SocialShareIconLink: React.FC<SocialShareIconLinkProps>;

package/dist/BetterSocialSharing/SocialShareIconLink.js

@@ -0,0 +1,51 @@
+import _styled from "@emotion/styled/base";
+import { Anchor, Box } from '@codecademy/gamut';
+import React from 'react';
+
+var IconLink = /*#__PURE__*/_styled(Box, {
+  target: "e1k7a7ka0",
+  label: "IconLink"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CZXR0ZXJTb2NpYWxTaGFyaW5nL1NvY2lhbFNoYXJlSWNvbkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs0QiIsImZpbGUiOiIuLi8uLi9zcmMvQmV0dGVyU29jaWFsU2hhcmluZy9Tb2NpYWxTaGFyZUljb25MaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgR2FtdXRJY29uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBJY29uTGluayA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudChBbmNob3IpO1xuXG5leHBvcnQgdHlwZSBCYXNlU29jaWFsU2hhcmVQcm9wcyA9IHtcbiAgc2VjdGlvbklkPzogc3RyaW5nO1xuICBzaXplPzogJ3NtYWxsJyB8ICdub3JtYWwnO1xufTtcblxuZXhwb3J0IHR5cGUgU29jaWFsU2hhcmVJY29uTGlua1Byb3BzID0gQmFzZVNvY2lhbFNoYXJlUHJvcHMgJiB7XG4gIGljb246IFJlYWN0LkNvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICBpZDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBTb2NpYWxTaGFyZUljb25MaW5rOiBSZWFjdC5GQzxTb2NpYWxTaGFyZUljb25MaW5rUHJvcHM+ID0gKHtcbiAgaWNvbjogSWNvbkNvbXBvbmVudCxcbiAgaWQsXG4gIGhyZWYsXG4gIG9uQ2xpY2ssXG4gIHNpemUsXG4gIHNlY3Rpb25JZCxcbn0pID0+IHtcbiAgY29uc3Qgb25JY29uQ2xpY2sgPSAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBvbkNsaWNrPy4oZSk7XG4gICAgY29uc3QgcG9wdXBTaXplID0gNTcwO1xuICAgIGNvbnN0IGxlZnQgPSAod2luZG93LnNjcmVlbi53aWR0aCAtIHBvcHVwU2l6ZSkgLyAyO1xuICAgIGNvbnN0IHRvcCA9ICh3aW5kb3cuc2NyZWVuLmhlaWdodCAtIHBvcHVwU2l6ZSkgLyAyO1xuICAgIGNvbnN0IGZlYXR1cmVzID0gYG1lbnViYXI9bm8sdG9vbGJhcj1ubyxzdGF0dXM9bm8sd2lkdGg9JHtwb3B1cFNpemV9LGhlaWdodD0ke3BvcHVwU2l6ZX0sdG9wPSR7dG9wfSxsZWZ0PSR7bGVmdH1gO1xuICAgIHdpbmRvdy5vcGVuKGhyZWYsICdfYmxhbmsnLCBmZWF0dXJlcyk/LmZvY3VzKCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8SWNvbkxpbmtcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXtvbkljb25DbGlja31cbiAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIGFyaWEtbGFiZWw9e2BzaGFyZSBvbiAke2lkfWB9XG4gICAgICBwPXs4fVxuICAgICAgbGluZUhlaWdodD17MH1cbiAgICAgIGJvcmRlclN0eWxlPVwic29saWRcIlxuICAgICAgYm9yZGVyV2lkdGg9e3NpemUgPT09ICdzbWFsbCcgPyAxIDogMn1cbiAgICAgIGJvcmRlckNvbG9yPVwidGV4dFwiXG4gICAgICBib3JkZXJSYWRpdXM9XCI1MCVcIlxuICAgID5cbiAgICAgIDxJY29uQ29tcG9uZW50XG4gICAgICAgIHRpdGxlPXtpZH1cbiAgICAgICAgdGl0bGVJZD17YCR7c2VjdGlvbklkfS0ke2lkfWB9XG4gICAgICAgIHNpemU9e3NpemUgPT09ICdzbWFsbCcgPyAxNiA6IDI0fVxuICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgLz5cbiAgICA8L0ljb25MaW5rPlxuICApO1xufTtcbiJdfQ== */").withComponent(Anchor, {
+  target: "e1k7a7ka1",
+  label: "IconLink"
+});
+
+export var SocialShareIconLink = function SocialShareIconLink(_ref) {
+  var IconComponent = _ref.icon,
+      id = _ref.id,
+      href = _ref.href,
+      onClick = _ref.onClick,
+      size = _ref.size,
+      sectionId = _ref.sectionId;
+
+  var onIconClick = function onIconClick(e) {
+    var _window$open;
+
+    e.preventDefault();
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    var popupSize = 570;
+    var left = (window.screen.width - popupSize) / 2;
+    var top = (window.screen.height - popupSize) / 2;
+    var features = "menubar=no,toolbar=no,status=no,width=".concat(popupSize, ",height=").concat(popupSize, ",top=").concat(top, ",left=").concat(left);
+    (_window$open = window.open(href, '_blank', features)) === null || _window$open === void 0 ? void 0 : _window$open.focus();
+  };
+
+  return /*#__PURE__*/React.createElement(IconLink, {
+    href: href,
+    onClick: onIconClick,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": "share on ".concat(id),
+    p: 8,
+    lineHeight: 0,
+    borderStyle: "solid",
+    borderWidth: size === 'small' ? 1 : 2,
+    borderColor: "text",
+    borderRadius: "50%"
+  }, /*#__PURE__*/React.createElement(IconComponent, {
+    title: id,
+    titleId: "".concat(sectionId, "-").concat(id),
+    size: size === 'small' ? 16 : 24,
+    color: "text"
+  }));
+};

package/dist/BetterSocialSharing/betterSocialSharing.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { BaseSocialShareProps } from './SocialShareIconLink';
+export declare type SocialMediaShare = {
+    url: string;
+    message?: string;
+    hashtags?: string[];
+    mention?: string;
+};
+export declare const createShareLink: (formatter: (payload: SocialMediaShare) => Record<string, string>, baseUri: string, payload: SocialMediaShare) => string;
+export declare const SOCIAL_SHARING_PLATFORMS: ({
+    id: string;
+    icon: React.ForwardRefExoticComponent<Pick<import("@codecademy/gamut-icons").GamutIconProps, "string" | "method" | "p" | "style" | "title" | "clipPath" | "filter" | "mask" | "path" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "border" | "borderX" | "borderY" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderWidth" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadius" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyle" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "justifySelf" | "alignSelf" | "gridArea" | "display" | "overflow" | "overflowX" | "overflowY" | "dimensions" | "width" | "minWidth" | "maxWidth" | "height" | "minHeight" | "maxHeight" | "verticalAlign" | "color" | "textColor" | "bg" | "borderColor" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity" | "fontFamily" | "fontWeight" | "fontSize" | "letterSpacing" | "fontStyle" | "textDecoration" | "theme" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "offset" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "local" | "size" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "values" | "href" | "spacing" | "mode" | "min" | "max" | "target" | "media" | "name" | "type" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "titleId"> & React.RefAttributes<SVGSVGElement>>;
+    baseUrl: string;
+    formatShare: ({ url, message, hashtags }: SocialMediaShare) => {
+        hashtag: string;
+        quote?: string | undefined;
+        href?: string | undefined;
+    };
+} | {
+    id: string;
+    icon: React.ForwardRefExoticComponent<Pick<import("@codecademy/gamut-icons").GamutIconProps, "string" | "method" | "p" | "style" | "title" | "clipPath" | "filter" | "mask" | "path" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "border" | "borderX" | "borderY" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderWidth" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadius" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyle" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "justifySelf" | "alignSelf" | "gridArea" | "display" | "overflow" | "overflowX" | "overflowY" | "dimensions" | "width" | "minWidth" | "maxWidth" | "height" | "minHeight" | "maxHeight" | "verticalAlign" | "color" | "textColor" | "bg" | "borderColor" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity" | "fontFamily" | "fontWeight" | "fontSize" | "letterSpacing" | "fontStyle" | "textDecoration" | "theme" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "offset" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "local" | "size" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "values" | "href" | "spacing" | "mode" | "min" | "max" | "target" | "media" | "name" | "type" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "titleId"> & React.RefAttributes<SVGSVGElement>>;
+    baseUrl: string;
+    formatShare: ({ url, message, hashtags, mention }: SocialMediaShare) => {
+        via?: string | undefined;
+        hashtags?: string | undefined;
+        text?: string | undefined;
+        url?: string | undefined;
+    };
+} | {
+    id: string;
+    icon: React.ForwardRefExoticComponent<Pick<import("@codecademy/gamut-icons").GamutIconProps, "string" | "method" | "p" | "style" | "title" | "clipPath" | "filter" | "mask" | "path" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "border" | "borderX" | "borderY" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderWidth" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadius" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyle" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "justifySelf" | "alignSelf" | "gridArea" | "display" | "overflow" | "overflowX" | "overflowY" | "dimensions" | "width" | "minWidth" | "maxWidth" | "height" | "minHeight" | "maxHeight" | "verticalAlign" | "color" | "textColor" | "bg" | "borderColor" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity" | "fontFamily" | "fontWeight" | "fontSize" | "letterSpacing" | "fontStyle" | "textDecoration" | "theme" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "offset" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "local" | "size" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "values" | "href" | "spacing" | "mode" | "min" | "max" | "target" | "media" | "name" | "type" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "titleId"> & React.RefAttributes<SVGSVGElement>>;
+    baseUrl: string;
+    formatShare: ({ url, message }: SocialMediaShare) => {
+        title?: string | undefined;
+        url?: string | undefined;
+    };
+})[];
+export declare type SocialMediaSharingProps = BaseSocialShareProps & {
+    url: string;
+    message?: string;
+    hashtags?: string[];
+    mention?: string;
+    action?: (e: React.MouseEvent, target: string) => void;
+    label?: string;
+    iconStyles?: string;
+};
+export declare const BetterSocialMediaSharing: React.FC<SocialMediaSharingProps>;

package/dist/BetterSocialSharing/betterSocialSharing.js

@@ -0,0 +1,124 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { Box, GridBox, Text } from '@codecademy/gamut';
+import { FacebookIcon, RedditIcon, TwitterIcon } from '@codecademy/gamut-icons';
+import React from 'react';
+import { SocialShareIconLink } from './SocialShareIconLink';
+/*
+  The SocialMediaSharing component in gamut-labs has some issues.
+  It doesn't respect the hashtags input for Facebook.
+  LinkedIn sharing doesn't allow URL params, so sharing Codebytes is not possible.
+  Additionally, I wanted to add several other social media platforms.
+  For the sake of the hackathon, I just copy-pasted that component and modified it here,
+  but if we implement this for real we should update the actual component in gamut-labs.
+*/
+
+export var createShareLink = function createShareLink(formatter, baseUri, payload) {
+  var params = formatter(payload);
+  var url = new URL(baseUri);
+  Object.keys(params).forEach(function (key) {
+    url.searchParams.append(key, params[key]);
+  });
+  return url.toString();
+};
+export var SOCIAL_SHARING_PLATFORMS = [{
+  id: 'facebook',
+  icon: FacebookIcon,
+  baseUrl: 'https://www.facebook.com/dialog/share?app_id=212500508799908',
+  formatShare: function formatShare(_ref) {
+    var url = _ref.url,
+        message = _ref.message,
+        hashtags = _ref.hashtags;
+    return _objectSpread(_objectSpread(_objectSpread({}, url && {
+      href: url
+    }), message && {
+      quote: message
+    }), {}, {
+      hashtag: hashtags ? "#".concat(hashtags[0]) : '#codecademy'
+    });
+  }
+}, {
+  id: 'twitter',
+  icon: TwitterIcon,
+  baseUrl: 'https://twitter.com/intent/tweet?',
+  formatShare: function formatShare(_ref2) {
+    var url = _ref2.url,
+        message = _ref2.message,
+        hashtags = _ref2.hashtags,
+        mention = _ref2.mention;
+    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, url && {
+      url: url
+    }), message && {
+      text: message
+    }), hashtags && {
+      hashtags: hashtags.join(',')
+    }), mention && {
+      via: mention
+    });
+  }
+}, {
+  id: 'reddit',
+  icon: RedditIcon,
+  baseUrl: 'https://reddit.com/submit',
+  formatShare: function formatShare(_ref3) {
+    var url = _ref3.url,
+        message = _ref3.message;
+    return _objectSpread(_objectSpread({}, url && {
+      url: url
+    }), message && {
+      title: message
+    });
+  }
+}];
+export var BetterSocialMediaSharing = function BetterSocialMediaSharing(_ref4) {
+  var url = _ref4.url,
+      message = _ref4.message,
+      hashtags = _ref4.hashtags,
+      mention = _ref4.mention,
+      action = _ref4.action,
+      label = _ref4.label,
+      sectionId = _ref4.sectionId,
+      _ref4$size = _ref4.size,
+      size = _ref4$size === void 0 ? 'normal' : _ref4$size,
+      iconStyles = _ref4.iconStyles;
+  return /*#__PURE__*/React.createElement(Box, {
+    display: "inline-flex",
+    flexDirection: "column",
+    alignItems: "center"
+  }, label && /*#__PURE__*/React.createElement(Text, {
+    fontSize: size === 'small' ? 14 : 16,
+    textColor: "text",
+    mb: 16,
+    "data-testid": "social-sharing-label"
+  }, label), /*#__PURE__*/React.createElement(GridBox, {
+    gridAutoColumns: "max-content",
+    gridAutoFlow: "column",
+    gap: 16,
+    className: iconStyles
+  }, SOCIAL_SHARING_PLATFORMS.map(function (_ref5) {
+    var id = _ref5.id,
+        icon = _ref5.icon,
+        formatShare = _ref5.formatShare,
+        baseUrl = _ref5.baseUrl;
+    return /*#__PURE__*/React.createElement(SocialShareIconLink, {
+      key: id,
+      id: id,
+      sectionId: sectionId,
+      href: createShareLink(formatShare, baseUrl, {
+        url: url,
+        message: message,
+        hashtags: hashtags,
+        mention: mention
+      }),
+      icon: icon,
+      size: size,
+      onClick: function onClick(e) {
+        return action === null || action === void 0 ? void 0 : action(e, "".concat(id, "_share"));
+      }
+    });
+  })));
+};

package/dist/EmbedModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LanguageOption } from '../consts';
+export declare type EmbedCodebyteModalProps = {
+    isModalOpen: boolean;
+    setIsModalOpen: (open: boolean) => void;
+    language: LanguageOption;
+    text: string;
+};
+export declare const EmbedCodebyteModal: React.FC<EmbedCodebyteModalProps>;

package/dist/EmbedModal/index.js

@@ -0,0 +1,177 @@
+import _styled from "@emotion/styled/base";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 { Box, Modal, SelectDropdown, Text, TextButton, ToolTip } from '@codecademy/gamut';
+import { CopyIcon } from '@codecademy/gamut-icons';
+import React, { useState } from 'react';
+import { getCodebyteUrl } from '../helpers';
+
+var CopyIconStyled = /*#__PURE__*/_styled(CopyIcon, {
+  target: "e1ytdktz0",
+  label: "CopyIconStyled"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u7ytkp",
+  styles: "margin-right:0.5rem"
+} : {
+  name: "u7ytkp",
+  styles: "margin-right:0.5rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FbWJlZE1vZGFsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVDIiwiZmlsZSI6Ii4uLy4uL3NyYy9FbWJlZE1vZGFsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgTW9kYWwsXG4gIFNlbGVjdERyb3Bkb3duLFxuICBUZXh0LFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgTGFuZ3VhZ2VPcHRpb24gfSBmcm9tICcuLi9jb25zdHMnO1xuaW1wb3J0IHsgZ2V0Q29kZWJ5dGVVcmwgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgRW1iZWRDb2RlYnl0ZU1vZGFsUHJvcHMgPSB7XG4gIGlzTW9kYWxPcGVuOiBib29sZWFuO1xuICBzZXRJc01vZGFsT3BlbjogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xufTtcblxuY29uc3QgQ29weUljb25TdHlsZWQgPSBzdHlsZWQoQ29weUljb24pYFxuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbmA7XG5cbi8vIFRvRG86IHdvcmsgc29tZSBUeXBlc2NyaXB0IG1hZ2ljXG5jb25zdCBFTUJFRF9PUFRJT05TID0gW1xuICAnSUZyYW1lJyxcbiAgJ1JlYWN0JyxcbiAgJ0Rpc2NvdXJzZScsXG4gICdDb2RlY2FkZW15IERvY3MnLFxuICAnQ29kZWNhZGVteSBBcnRpY2xlcycsXG5dO1xuXG5mdW5jdGlvbiBnZXRJbnN0cnVjdGlvbnNGb3JEZXN0aW5hdGlvbihkZXN0aW5hdGlvbjogc3RyaW5nKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgc3dpdGNoIChkZXN0aW5hdGlvbikge1xuICAgIGNhc2UgJ0lGcmFtZSc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dCBtYj17MTZ9IGRpc3BsYXk9XCJibG9ja1wiIHA9ezh9PlxuICAgICAgICAgIElGcmFtZXMgYXJlIGEgcG9ydGFibGUgd2F5IHRvIGVtYmVkIG9uZSB3ZWJwYWdlIGluc2lkZSBhbm90aGVyLiBUaGlzXG4gICAgICAgICAgbWV0aG9kIHdvcmtzIHdpdGggcmF3IEhUTUwuIEhvd2V2ZXIsIGl0IG1heSBiZSBkaXNhYmxlZCBvbiBzb21lIHNpdGVzLlxuICAgICAgICA8L1RleHQ+XG4gICAgICApO1xuICAgIGNhc2UgJ1JlYWN0JzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0IG1iPXsxNn0gZGlzcGxheT1cImJsb2NrXCIgcD17OH0+XG4gICAgICAgICAgQWRkIHRvIGEgcGFnZSB0aGF0IGFscmVhZHkgdXNlcyBSZWFjdC4gQmUgc3VyZSB0byBhbHNvIGluc3RhbGwgYW5kXG4gICAgICAgICAgaW1wb3J0IHRoZSBAY29kZWNhZGVteS9jb2RlYnl0ZXMgcGFja2FnZSAoZS5nLiB5YXJuIGFkZFxuICAgICAgICAgIEBjb2RlY2FkZW15L2NvZGVieXRlcykuXG4gICAgICAgIDwvVGV4dD5cbiAgICAgICk7XG4gICAgY2FzZSAnRGlzY291cnNlJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0IG1iPXsxNn0gZGlzcGxheT1cImJsb2NrXCIgcD17OH0+XG4gICAgICAgICAgV29ya3Mgb24gYW55IERpc2NvdXJzZSBmb3J1bSB0aGF0IGhhcyB0aGV7JyAnfVxuICAgICAgICAgIDxhIGhyZWY9XCJodHRwczovL2dpdGh1Yi5jb20vY29kZWNhZGVteS9kaXNjb3Vyc2UtY29kZWJ5dGVzLXBsdWdpblwiPlxuICAgICAgICAgICAgQ29kZWJ5dGVzIHBsdWdpblxuICAgICAgICAgIDwvYT57JyAnfVxuICAgICAgICAgIGluc3RhbGxlZCwgc3VjaCBhc3snICd9XG4gICAgICAgICAgPGEgaHJlZj1cImRpc2N1c3MuY29kZWNhZGVteS5jb21cIj5kaXNjdXNzLmNvZGVjYWRlbXkuY29tPC9hPlxuICAgICAgICA8L1RleHQ+XG4gICAgICApO1xuICAgIGNhc2UgJ0NvZGVjYWRlbXkgRG9jcyc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dCBtYj17MTZ9IGRpc3BsYXk9XCJibG9ja1wiIHA9ezh9PlxuICAgICAgICAgIDxhIGhyZWY9XCJodHRwczovL3d3dy5jb2RlY2FkZW15LmNvbS9yZXNvdXJjZXMvZG9jc1wiPlxuICAgICAgICAgICAgQ29kZWNhZGVteSBEb2NzXG4gICAgICAgICAgPC9hPnsnICd9XG4gICAgICAgICAgYXJlIGEgY29tbXVuaXR5LWRyaXZlbiBjb2xsZWN0aW9uIG9mIGNvZGUgZG9jdW1lbnRhdGlvbiBmb3IgcG9wdWxhclxuICAgICAgICAgIHByb2dyYW1taW5nIGxhbmd1YWdlcyBhbmQgZnJhbWV3b3Jrcy4gQW55b25lIGlzIHdlbGNvbWUgdG8gY29udHJpYnV0ZSFcbiAgICAgICAgICBIZWFkIG9uIG92ZXIgdG8gb3VyeycgJ31cbiAgICAgICAgICA8YSBocmVmPVwiaHR0cHM6Ly9naXRodWIuY29tL0NvZGVjYWRlbXkvZG9jcy9ibG9iL21haW4vLmdpdGh1Yi9DT05UUklCVVRJTkcubWRcIj5cbiAgICAgICAgICAgIENvbnRyaWJ1dGlvbiBHdWlkZVxuICAgICAgICAgIDwvYT5cbiAgICAgICAgICAuXG4gICAgICAgIDwvVGV4dD5cbiAgICAgICk7XG4gICAgY2FzZSAnQ29kZWNhZGVteSBBcnRpY2xlcyc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dCBtYj17MTZ9IGRpc3BsYXk9XCJibG9ja1wiIHA9ezh9PlxuICAgICAgICAgIENvbWluZyBzb29uISBVc2VycyB3aWxsIGJlIGFibGUgdG8gd3JpdGUgYW5kIHB1Ymxpc2ggYXJ0aWNsZXMgb25cbiAgICAgICAgICBDb2RlY2FkZW15LiBJbiB0aGUgbWVhbnRpbWUsIHRoaXMgb3B0aW9uIGlzIGZvciBDdXJyaWN1bHVtIERldmVsb3BlcnMuXG4gICAgICAgIDwvVGV4dD5cbiAgICAgICk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0IG1iPXsxNn0gZGlzcGxheT1cImJsb2NrXCIgcD17OH0+XG4gICAgICAgICAgQ2hvb3NlIGZyb20gdGhlIGRyb3Bkb3duXG4gICAgICAgIDwvVGV4dD5cbiAgICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEVtYmVkQ29kZWJ5dGVNb2RhbDogUmVhY3QuRkM8RW1iZWRDb2RlYnl0ZU1vZGFsUHJvcHM+ID0gKHtcbiAgaXNNb2RhbE9wZW4sXG4gIHNldElzTW9kYWxPcGVuLFxuICBsYW5ndWFnZSxcbiAgdGV4dCxcbn0pID0+IHtcbiAgY29uc3QgW2VtYmVkRGVzdGluYXRpb24sIHNldEVtYmVkRGVzdGluYXRpb25dID0gdXNlU3RhdGUoJycpO1xuICBjb25zdCBbaXNFbWJlZENvcGllZCwgc2V0SXNFbWJlZENvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IG9uQ29weUVtYmVkQ2xpY2sgPSAoKSA9PiB7XG4gICAgbmF2aWdhdG9yLmNsaXBib2FyZFxuICAgICAgLndyaXRlVGV4dChnZXRFbWJlZFN5bnRheEZvckRlc3RpbmF0aW9uKGVtYmVkRGVzdGluYXRpb24pKVxuICAgICAgLnRoZW4oKCkgPT4gc2V0SXNFbWJlZENvcGllZCh0cnVlKSlcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAuY2F0Y2goKCkgPT4gY29uc29sZS5lcnJvcignRmFpbGVkIHRvIGNvcHkgZW1iZWQnKSk7XG4gIH07XG5cbiAgY29uc3QgZ2V0RW1iZWRTeW50YXhGb3JEZXN0aW5hdGlvbiA9IChkZXN0aW5hdGlvbjogc3RyaW5nKSA9PiB7XG4gICAgc3dpdGNoIChkZXN0aW5hdGlvbikge1xuICAgICAgY2FzZSAnSUZyYW1lJzpcbiAgICAgICAgcmV0dXJuIGA8aWZyYW1lIHRpdGxlPVwiY29kZWJ5dGVcIiBzcmM9XCIke2dldENvZGVieXRlVXJsKFxuICAgICAgICAgIGxhbmd1YWdlLFxuICAgICAgICAgIHRleHRcbiAgICAgICAgKX1cIi8+YDtcbiAgICAgIGNhc2UgJ1JlYWN0JzpcbiAgICAgICAgcmV0dXJuIGA8Q29kZUJ5dGVFZGl0b3JcbiAgICAgICAgdGV4dD17XFxgJHt0ZXh0fVxcYH1cbiAgICAgICAgbGFuZ3VhZ2U9XCIke2xhbmd1YWdlfVwiXG4gICAgICAgIHNuaXBwZXRzQmFzZVVybD1cInByb3BlbGxlci5jYy1sZS1jZi5jb21cIlxuICAgICAgICBtYXhXaWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9XCI1MHZoXCJcbiAgICAgICAgd2lkdGg9XCI1MHZ3XCJcbiAgICAgIC8+YDtcbiAgICAgIGNhc2UgJ0Rpc2NvdXJzZSc6XG4gICAgICAgIHJldHVybiBgW2NvZGVieXRlIGxhbmd1YWdlPSR7bGFuZ3VhZ2V9XVxcbiR7dGV4dH1cXG5bL2NvZGVieXRlXVxcbmA7XG4gICAgICBjYXNlICdDb2RlY2FkZW15IERvY3MnOlxuICAgICAgICByZXR1cm4gYFxcYFxcYFxcYGNvZGVieXRlLyR7bGFuZ3VhZ2V9XFxuJHt0ZXh0fVxcblxcYFxcYFxcYGA7XG4gICAgICBjYXNlICdDb2RlY2FkZW15IEFydGljbGVzJzpcbiAgICAgICAgcmV0dXJuIGBcXGBcXGBcXGBjb2RlYnl0ZS8ke2xhbmd1YWdlfVxcbiR7dGV4dH1cXG5cXGBcXGBcXGBgO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxNb2RhbFxuICAgICAgaXNPcGVuPXtpc01vZGFsT3Blbn1cbiAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRJc01vZGFsT3BlbihmYWxzZSl9XG4gICAgICB0aXRsZT1cIkVtYmVkIHlvdXIgQ29kZWJ5dGUgb24geW91ciBvd24gcGFnZVwiXG4gICAgPlxuICAgICAgPEJveCBkaXNwbGF5PVwiYmxvY2tcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgcD17OH0+XG4gICAgICAgIDxTZWxlY3REcm9wZG93blxuICAgICAgICAgIG9wdGlvbnM9e0VNQkVEX09QVElPTlN9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJDaG9vc2UgYSBkZXN0aW5hdGlvblwiXG4gICAgICAgICAgb25DaGFuZ2U9eyhvcHRpb24pID0+IHtcbiAgICAgICAgICAgIGlmICghb3B0aW9uKSByZXR1cm47XG4gICAgICAgICAgICBzZXRFbWJlZERlc3RpbmF0aW9uKG9wdGlvbi52YWx1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICAge2dldEluc3RydWN0aW9uc0ZvckRlc3RpbmF0aW9uKGVtYmVkRGVzdGluYXRpb24pfVxuICAgICAgICB7ZW1iZWREZXN0aW5hdGlvbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgICB2YWx1ZT17Z2V0RW1iZWRTeW50YXhGb3JEZXN0aW5hdGlvbihlbWJlZERlc3RpbmF0aW9uKX1cbiAgICAgICAgICAgICAgY29scz17NjB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFRvb2xUaXBcbiAgICAgICAgICAgICAgaWQ9XCJlbWJlZC1jb3BpZWRcIlxuICAgICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgICBtb2RlPVwiZGFya1wiXG4gICAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5RW1iZWRDbGlja31cbiAgICAgICAgICAgICAgICAgIG9uQmx1cj17KCkgPT4gc2V0SXNFbWJlZENvcGllZChmYWxzZSl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPENvcHlJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IENvcHkgRW1iZWRcbiAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzRW1iZWRDb3BpZWQgPyAoXG4gICAgICAgICAgICAgICAgPHNwYW4gcm9sZT1cImFsZXJ0XCI+Q29waWVkITwvc3Bhbj5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8c3BhbiByb2xlPVwiYWxlcnRcIj5DbGljayB0byBjb3B5PC9zcGFuPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Ub29sVGlwPlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+}); // ToDo: work some Typescript magic
+
+
+var EMBED_OPTIONS = ['IFrame', 'React', 'Discourse', 'Codecademy Docs', 'Codecademy Articles'];
+
+function getInstructionsForDestination(destination) {
+  switch (destination) {
+    case 'IFrame':
+      return /*#__PURE__*/React.createElement(Text, {
+        mb: 16,
+        display: "block",
+        p: 8
+      }, "IFrames are a portable way to embed one webpage inside another. This method works with raw HTML. However, it may be disabled on some sites.");
+
+    case 'React':
+      return /*#__PURE__*/React.createElement(Text, {
+        mb: 16,
+        display: "block",
+        p: 8
+      }, "Add to a page that already uses React. Be sure to also install and import the @codecademy/codebytes package (e.g. yarn add @codecademy/codebytes).");
+
+    case 'Discourse':
+      return /*#__PURE__*/React.createElement(Text, {
+        mb: 16,
+        display: "block",
+        p: 8
+      }, "Works on any Discourse forum that has the", ' ', /*#__PURE__*/React.createElement("a", {
+        href: "https://github.com/codecademy/discourse-codebytes-plugin"
+      }, "Codebytes plugin"), ' ', "installed, such as", ' ', /*#__PURE__*/React.createElement("a", {
+        href: "discuss.codecademy.com"
+      }, "discuss.codecademy.com"));
+
+    case 'Codecademy Docs':
+      return /*#__PURE__*/React.createElement(Text, {
+        mb: 16,
+        display: "block",
+        p: 8
+      }, /*#__PURE__*/React.createElement("a", {
+        href: "https://www.codecademy.com/resources/docs"
+      }, "Codecademy Docs"), ' ', "are a community-driven collection of code documentation for popular programming languages and frameworks. Anyone is welcome to contribute! Head on over to our", ' ', /*#__PURE__*/React.createElement("a", {
+        href: "https://github.com/Codecademy/docs/blob/main/.github/CONTRIBUTING.md"
+      }, "Contribution Guide"), ".");
+
+    case 'Codecademy Articles':
+      return /*#__PURE__*/React.createElement(Text, {
+        mb: 16,
+        display: "block",
+        p: 8
+      }, "Coming soon! Users will be able to write and publish articles on Codecademy. In the meantime, this option is for Curriculum Developers.");
+
+    default:
+      return /*#__PURE__*/React.createElement(Text, {
+        mb: 16,
+        display: "block",
+        p: 8
+      }, "Choose from the dropdown");
+  }
+}
+
+export var EmbedCodebyteModal = function EmbedCodebyteModal(_ref) {
+  var isModalOpen = _ref.isModalOpen,
+      setIsModalOpen = _ref.setIsModalOpen,
+      language = _ref.language,
+      text = _ref.text;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      embedDestination = _useState2[0],
+      setEmbedDestination = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isEmbedCopied = _useState4[0],
+      setIsEmbedCopied = _useState4[1];
+
+  var onCopyEmbedClick = function onCopyEmbedClick() {
+    navigator.clipboard.writeText(getEmbedSyntaxForDestination(embedDestination)).then(function () {
+      return setIsEmbedCopied(true);
+    }) // eslint-disable-next-line no-console
+    ["catch"](function () {
+      return console.error('Failed to copy embed');
+    });
+  };
+
+  var getEmbedSyntaxForDestination = function getEmbedSyntaxForDestination(destination) {
+    switch (destination) {
+      case 'IFrame':
+        return "<iframe title=\"codebyte\" src=\"".concat(getCodebyteUrl(language, text), "\"/>");
+
+      case 'React':
+        return "<CodeByteEditor\n        text={`".concat(text, "`}\n        language=\"").concat(language, "\"\n        snippetsBaseUrl=\"propeller.cc-le-cf.com\"\n        maxWidth=\"100%\"\n        height=\"50vh\"\n        width=\"50vw\"\n      />");
+
+      case 'Discourse':
+        return "[codebyte language=".concat(language, "]\n").concat(text, "\n[/codebyte]\n");
+
+      case 'Codecademy Docs':
+        return "```codebyte/".concat(language, "\n").concat(text, "\n```");
+
+      case 'Codecademy Articles':
+        return "```codebyte/".concat(language, "\n").concat(text, "\n```");
+
+      default:
+        return '';
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: isModalOpen,
+    onRequestClose: function onRequestClose() {
+      return setIsModalOpen(false);
+    },
+    title: "Embed your Codebyte on your own page"
+  }, /*#__PURE__*/React.createElement(Box, {
+    display: "block",
+    alignItems: "center",
+    p: 8
+  }, /*#__PURE__*/React.createElement(SelectDropdown, {
+    options: EMBED_OPTIONS,
+    placeholder: "Choose a destination",
+    onChange: function onChange(option) {
+      if (!option) return;
+      setEmbedDestination(option.value);
+    }
+  }), getInstructionsForDestination(embedDestination), embedDestination && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", {
+    value: getEmbedSyntaxForDestination(embedDestination),
+    cols: 60
+  }), /*#__PURE__*/React.createElement(ToolTip, {
+    id: "embed-copied",
+    alignment: "top-right",
+    mode: "dark",
+    target: /*#__PURE__*/React.createElement(TextButton, {
+      variant: "secondary",
+      onClick: onCopyEmbedClick,
+      onBlur: function onBlur() {
+        return setIsEmbedCopied(false);
+      }
+    }, /*#__PURE__*/React.createElement(CopyIconStyled, {
+      "aria-hidden": "true"
+    }), " Copy Embed")
+  }, isEmbedCopied ? /*#__PURE__*/React.createElement("span", {
+    role: "alert"
+  }, "Copied!") : /*#__PURE__*/React.createElement("span", {
+    role: "alert"
+  }, "Click to copy")))));
+};

package/dist/editor.js

@@ -19,25 +19,27 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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 { FillButton, FlexBox, Spinner, TextButton, ToolTip } from '@codecademy/gamut';
-import { CopyIcon } from '@codecademy/gamut-icons';
+import { Box, FillButton, FlexBox, Modal, Spinner, TextButton, ToolTip } from '@codecademy/gamut';
+import { CopyIcon, EditorIcon, ShareIcon } from '@codecademy/gamut-icons';
 import React, { useState } from 'react';
 import { postSnippet } from './api';
+import { BetterSocialMediaSharing } from './BetterSocialSharing/betterSocialSharing';
 import { Drawers } from './drawers';
-import { trackClick } from './helpers';
+import { EmbedCodebyteModal } from './EmbedModal';
+import { getCodebyteUrl, trackClick } from './helpers';
 import { SimpleMonacoEditor } from './MonacoEditor';
 
 var Output = _styled("pre", {
-  target: "e1lzxy8e1",
+  target: "e1lzxy8e3",
   label: "Output"
 })("width:100%;height:100%;margin:0;padding:0 1rem;font-family:Monaco;font-size:0.875rem;overflow:auto;", function (_ref) {
   var hasError = _ref.hasError,
       theme = _ref.theme;
   return "\n  color: ".concat(hasError ? theme.colors.orange : theme.colors.text, ";\n  background-color: ").concat(theme.colors['navy-900'], ";\n");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0QiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFVzZXJDbGlja0RhdGEgfSBmcm9tICdAY29kZWNhZGVteS90cmFja2luZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHBvc3RTbmlwcGV0IH0gZnJvbSAnLi9hcGknO1xuaW1wb3J0IHR5cGUgeyBMYW5ndWFnZU9wdGlvbiB9IGZyb20gJy4vY29uc3RzJztcbmltcG9ydCB7IERyYXdlcnMgfSBmcm9tICcuL2RyYXdlcnMnO1xuaW1wb3J0IHsgdHJhY2tDbGljayB9IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyBTaW1wbGVNb25hY29FZGl0b3IgfSBmcm9tICcuL01vbmFjb0VkaXRvcic7XG5pbXBvcnQgeyBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IE91dHB1dCA9IHN0eWxlZC5wcmU8eyBoYXNFcnJvcjogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwIDFyZW07XG4gIGZvbnQtZmFtaWx5OiBNb25hY287XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIG92ZXJmbG93OiBhdXRvO1xuICAkeyh7IGhhc0Vycm9yLCB0aGVtZSB9KSA9PiBgXG4gIGNvbG9yOiAke2hhc0Vycm9yID8gdGhlbWUuY29sb3JzLm9yYW5nZSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbJ25hdnktOTAwJ119O1xuYH1cbmA7XG5cbmNvbnN0IENvcHlJY29uU3R5bGVkID0gc3R5bGVkKENvcHlJY29uKWBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG5jb25zdCBET0NLRVJfU0lHVEVSTSA9IDE0MztcblxudHlwZSBFZGl0b3JQcm9wcyA9IHtcbiAgaGlkZUNvcHlCdXR0b246IGJvb2xlYW47XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xuICBvbkNoYW5nZTogKHRleHQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc25pcHBldHNCYXNlVXJsPzogc3RyaW5nO1xuICBvbkNvcHk/OiBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIG9uQ29weSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICB0cmFja2luZ0RhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtvdXRwdXQsIHNldE91dHB1dF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZTwncmVhZHknIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJz4oJ3JlYWR5Jyk7XG4gIGNvbnN0IFtpc0NvZGVCeXRlQ29waWVkLCBzZXRJc0NvZGVCeXRlQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NvZGVCeXRlQ29waWVkKSB7XG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkXG4gICAgICAgIC53cml0ZVRleHQodGV4dClcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5JykpO1xuICAgICAgc2V0SXNDb2RlQnl0ZUNvcGllZCh0cnVlKTtcbiAgICAgIG9uQ29weT8uKHRleHQsIGxhbmd1YWdlKTtcbiAgICAgIHRyYWNrQ2xpY2soJ2NvcHknLCB0cmFja2luZ0RhdGEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCA9IChtZXNzYWdlOiBzdHJpbmcpID0+IHtcbiAgICBzZXRPdXRwdXQobWVzc2FnZSk7XG4gICAgc2V0U3RhdHVzKCdlcnJvcicpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVN1Ym1pdCA9IGFzeW5jICgpID0+IHtcbiAgICBpZiAodGV4dC50cmltKCkubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICBsYW5ndWFnZSxcbiAgICAgIGNvZGU6IHRleHQsXG4gICAgfTtcbiAgICBzZXRTdGF0dXMoJ3dhaXRpbmcnKTtcbiAgICBzZXRPdXRwdXQoJycpO1xuICAgIHRyYWNrQ2xpY2soJ3J1bicsIHRyYWNraW5nRGF0YSk7XG5cbiAgICB0cnkge1xuICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBwb3N0U25pcHBldChkYXRhLCBzbmlwcGV0c0Jhc2VVcmwpO1xuICAgICAgaWYgKHJlc3BvbnNlLnN0ZGVyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KHJlc3BvbnNlLnN0ZGVycik7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSA9PT0gRE9DS0VSX1NJR1RFUk0pIHtcbiAgICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoXG4gICAgICAgICAgJ1lvdXIgY29kZSB0b29rIHRvbyBsb25nIHRvIHJldHVybiBhIHJlc3VsdC4gRG91YmxlIGNoZWNrIHlvdXIgY29kZSBmb3IgYW55IGlzc3VlcyBhbmQgdHJ5IGFnYWluISdcbiAgICAgICAgKTtcbiAgICAgIH0gZWxzZSBpZiAocmVzcG9uc2UuZXhpdF9jb2RlICE9PSAwKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KCdBbiB1bmtub3duIGVycm9yIG9jY3VyZWQuJyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBzZXRPdXRwdXQocmVzcG9uc2Uuc3Rkb3V0KTtcbiAgICAgICAgc2V0U3RhdHVzKCdyZWFkeScpO1xuICAgICAgfVxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnRXJyb3I6ICcgKyBlcnJvcik7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxEcmF3ZXJzXG4gICAgICAgIGxlZnRDaGlsZD17XG4gICAgICAgICAgPFNpbXBsZU1vbmFjb0VkaXRvclxuICAgICAgICAgICAgdmFsdWU9e3RleHR9XG4gICAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICByaWdodENoaWxkPXtcbiAgICAgICAgICA8T3V0cHV0IGhhc0Vycm9yPXtzdGF0dXMgPT09ICdlcnJvcid9IGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgICAgICAge291dHB1dH1cbiAgICAgICAgICA8L091dHB1dD5cbiAgICAgICAgfVxuICAgICAgLz5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGp1c3RpZnlDb250ZW50PXtoaWRlQ29weUJ1dHRvbiA/ICdmbGV4LWVuZCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgIHBsPXs4fVxuICAgICAgPlxuICAgICAgICB7IWhpZGVDb3B5QnV0dG9uID8gKFxuICAgICAgICAgIDxUb29sVGlwXG4gICAgICAgICAgICBpZD1cImNvZGVieXRlLWNvcGllZFwiXG4gICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgbW9kZT1cImRhcmtcIlxuICAgICAgICAgICAgdGFyZ2V0PXtcbiAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNvcHlDbGlja31cbiAgICAgICAgICAgICAgICBvbkJsdXI9eygpID0+IHNldElzQ29kZUJ5dGVDb3BpZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY29weS1jb2RlYnl0ZS1idG5cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENvcHlJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IENvcHkgQ29kZWJ5dGVcbiAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpc0NvZGVCeXRlQ29waWVkID8gKFxuICAgICAgICAgICAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImNvcHktY29uZmlybWF0aW9uLXRvb2x0aXBcIiByb2xlPVwiYWxlcnRcIj5cbiAgICAgICAgICAgICAgICBDb3BpZWQhXG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxzcGFuIGRhdGEtdGVzdGlkPVwiY29weS1wcm9tcHQtdG9vbHRpcFwiPlxuICAgICAgICAgICAgICAgIENvcHkgdG8geW91ciBjbGlwYm9hcmRcbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8RmlsbEJ1dHRvbiBvbkNsaWNrPXtoYW5kbGVTdWJtaXR9PlxuICAgICAgICAgIHtzdGF0dXMgPT09ICd3YWl0aW5nJyA/IDxTcGlubmVyIC8+IDogJ1J1bid9XG4gICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCZ0QiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIE1vZGFsLFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiwgRWRpdG9ySWNvbiwgU2hhcmVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgVXNlckNsaWNrRGF0YSB9IGZyb20gJ0Bjb2RlY2FkZW15L3RyYWNraW5nJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgcG9zdFNuaXBwZXQgfSBmcm9tICcuL2FwaSc7XG5pbXBvcnQgeyBCZXR0ZXJTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL0JldHRlclNvY2lhbFNoYXJpbmcvYmV0dGVyU29jaWFsU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IExhbmd1YWdlT3B0aW9uIH0gZnJvbSAnLi9jb25zdHMnO1xuaW1wb3J0IHsgRHJhd2VycyB9IGZyb20gJy4vZHJhd2Vycyc7XG5pbXBvcnQgeyBFbWJlZENvZGVieXRlTW9kYWwgfSBmcm9tICcuL0VtYmVkTW9kYWwnO1xuaW1wb3J0IHsgZ2V0Q29kZWJ5dGVVcmwsIHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgU2ltcGxlTW9uYWNvRWRpdG9yIH0gZnJvbSAnLi9Nb25hY29FZGl0b3InO1xuaW1wb3J0IHsgQ29kZWJ5dGVzQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBPdXRwdXQgPSBzdHlsZWQucHJlPHsgaGFzRXJyb3I6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBmb250LWZhbWlseTogTW9uYWNvO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBvdmVyZmxvdzogYXV0bztcbiAgJHsoeyBoYXNFcnJvciwgdGhlbWUgfSkgPT4gYFxuICBjb2xvcjogJHtoYXNFcnJvciA/IHRoZW1lLmNvbG9ycy5vcmFuZ2UgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWyduYXZ5LTkwMCddfTtcbmB9XG5gO1xuXG5jb25zdCBDb3B5SWNvblN0eWxlZCA9IHN0eWxlZChDb3B5SWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgU2hhcmVJY29uU3R5bGVkID0gc3R5bGVkKFNoYXJlSWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgRWRpdG9ySWNvblN0eWxlZCA9IHN0eWxlZChFZGl0b3JJY29uKWBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG5jb25zdCBET0NLRVJfU0lHVEVSTSA9IDE0MztcblxudHlwZSBFZGl0b3JQcm9wcyA9IHtcbiAgaGlkZUNvcHlCdXR0b246IGJvb2xlYW47XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xuICBvbkNoYW5nZTogKHRleHQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc25pcHBldHNCYXNlVXJsPzogc3RyaW5nO1xuICBvbkNvcHk/OiBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIG9uQ29weSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICB0cmFja2luZ0RhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtvdXRwdXQsIHNldE91dHB1dF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZTwncmVhZHknIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJz4oJ3JlYWR5Jyk7XG4gIGNvbnN0IFtpc0NvZGVCeXRlQ29waWVkLCBzZXRJc0NvZGVCeXRlQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzTGlua0NvcGllZCwgc2V0SXNMaW5rQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBbc2hhcmVNb2RhbE9wZW4sIHNldFNoYXJlTW9kYWxPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2VtYmVkTW9kYWxPcGVuLCBzZXRFbWJlZE1vZGFsT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NvZGVCeXRlQ29waWVkKSB7XG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkXG4gICAgICAgIC53cml0ZVRleHQodGV4dClcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5JykpO1xuICAgICAgc2V0SXNDb2RlQnl0ZUNvcGllZCh0cnVlKTtcbiAgICAgIG9uQ29weT8uKHRleHQsIGxhbmd1YWdlKTtcbiAgICAgIHRyYWNrQ2xpY2soJ2NvcHknLCB0cmFja2luZ0RhdGEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNvcHlMaW5rQ2xpY2sgPSAoKSA9PiB7XG4gICAgbmF2aWdhdG9yLmNsaXBib2FyZFxuICAgICAgLndyaXRlVGV4dChnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCkpXG4gICAgICAudGhlbigoKSA9PiBzZXRJc0xpbmtDb3BpZWQodHJ1ZSkpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5IGxpbmsnKSk7XG4gIH07XG5cbiAgY29uc3Qgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQgPSAobWVzc2FnZTogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3V0cHV0KG1lc3NhZ2UpO1xuICAgIHNldFN0YXR1cygnZXJyb3InKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKHRleHQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge1xuICAgICAgbGFuZ3VhZ2UsXG4gICAgICBjb2RlOiB0ZXh0LFxuICAgIH07XG4gICAgc2V0U3RhdHVzKCd3YWl0aW5nJyk7XG4gICAgc2V0T3V0cHV0KCcnKTtcbiAgICB0cmFja0NsaWNrKCdydW4nLCB0cmFja2luZ0RhdGEpO1xuXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgcG9zdFNuaXBwZXQoZGF0YSwgc25pcHBldHNCYXNlVXJsKTtcbiAgICAgIGlmIChyZXNwb25zZS5zdGRlcnIubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dChyZXNwb25zZS5zdGRlcnIpO1xuICAgICAgfSBlbHNlIGlmIChyZXNwb25zZS5leGl0X2NvZGUgPT09IERPQ0tFUl9TSUdURVJNKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KFxuICAgICAgICAgICdZb3VyIGNvZGUgdG9vayB0b28gbG9uZyB0byByZXR1cm4gYSByZXN1bHQuIERvdWJsZSBjaGVjayB5b3VyIGNvZGUgZm9yIGFueSBpc3N1ZXMgYW5kIHRyeSBhZ2FpbiEnXG4gICAgICAgICk7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSAhPT0gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnQW4gdW5rbm93biBlcnJvciBvY2N1cmVkLicpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0T3V0cHV0KHJlc3BvbnNlLnN0ZG91dCk7XG4gICAgICAgIHNldFN0YXR1cygncmVhZHknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoJ0Vycm9yOiAnICsgZXJyb3IpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RHJhd2Vyc1xuICAgICAgICBsZWZ0Q2hpbGQ9e1xuICAgICAgICAgIDxTaW1wbGVNb25hY29FZGl0b3JcbiAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgcmlnaHRDaGlsZD17XG4gICAgICAgICAgPE91dHB1dCBoYXNFcnJvcj17c3RhdHVzID09PSAnZXJyb3InfSBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICAgICAgICAgIHtvdXRwdXR9XG4gICAgICAgICAgPC9PdXRwdXQ+XG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZUNvcHlCdXR0b24gPyAnZmxleC1lbmQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICBwbD17OH1cbiAgICAgID5cbiAgICAgICAgeyFoaWRlQ29weUJ1dHRvbiA/IChcbiAgICAgICAgICA8VG9vbFRpcFxuICAgICAgICAgICAgaWQ9XCJjb2RlYnl0ZS1jb3BpZWRcIlxuICAgICAgICAgICAgYWxpZ25tZW50PVwidG9wLXJpZ2h0XCJcbiAgICAgICAgICAgIG1vZGU9XCJkYXJrXCJcbiAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5Q2xpY2t9XG4gICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0NvZGVCeXRlQ29waWVkKGZhbHNlKX1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNvcHktY29kZWJ5dGUtYnRuXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5XG4gICAgICAgICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXNDb2RlQnl0ZUNvcGllZCA/IChcbiAgICAgICAgICAgICAgPHNwYW4gZGF0YS10ZXN0aWQ9XCJjb3B5LWNvbmZpcm1hdGlvbi10b29sdGlwXCIgcm9sZT1cImFsZXJ0XCI+XG4gICAgICAgICAgICAgICAgQ29waWVkIVxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImNvcHktcHJvbXB0LXRvb2x0aXBcIj5cbiAgICAgICAgICAgICAgICBDb3B5IHRvIHlvdXIgY2xpcGJvYXJkXG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Ub29sVGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPFRleHRCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG9uQ2xpY2s9eygpID0+IHNldFNoYXJlTW9kYWxPcGVuKHRydWUpfT5cbiAgICAgICAgICA8U2hhcmVJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IFNoYXJlXG4gICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaXNPcGVuPXtzaGFyZU1vZGFsT3Blbn1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hhcmVNb2RhbE9wZW4oZmFsc2UpfVxuICAgICAgICAgIHRpdGxlPVwiU2hhcmUgeW91ciBDb2RlYnl0ZSB3aXRoIHRoZSB3b3JsZCFcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJldHRlclNvY2lhbE1lZGlhU2hhcmluZ1xuICAgICAgICAgICAgdXJsPXtnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCl9XG4gICAgICAgICAgICBtZXNzYWdlPXtgQ2hlY2sgb3V0IHRoaXMgJHtsYW5ndWFnZX0gY29kZSBJIHdyb3RlIWB9XG4gICAgICAgICAgICBoYXNodGFncz17Wydjb2RlYnl0ZXMnLCBsYW5ndWFnZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9XCJibG9ja1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBwPXs4fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIHNpemU9ezMwfVxuICAgICAgICAgICAgICB2YWx1ZT17Z2V0Q29kZWJ5dGVVcmwobGFuZ3VhZ2UsIHRleHQpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUb29sVGlwXG4gICAgICAgICAgICAgIGlkPVwibGluay1jb3BpZWRcIlxuICAgICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgICBtb2RlPVwiZGFya1wiXG4gICAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5TGlua0NsaWNrfVxuICAgICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0xpbmtDb3BpZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5IExpbmtcbiAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzTGlua0NvcGllZCA/IChcbiAgICAgICAgICAgICAgICA8c3BhbiByb2xlPVwiYWxlcnRcIj5Db3BpZWQhPC9zcGFuPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxzcGFuIHJvbGU9XCJhbGVydFwiPkNsaWNrIHRvIGNvcHk8L3NwYW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDxUZXh0QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBvbkNsaWNrPXsoKSA9PiBzZXRFbWJlZE1vZGFsT3Blbih0cnVlKX0+XG4gICAgICAgICAgPEVkaXRvckljb25TdHlsZWQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz4gRW1iZWRcbiAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICA8RW1iZWRDb2RlYnl0ZU1vZGFsXG4gICAgICAgICAgaXNNb2RhbE9wZW49e2VtYmVkTW9kYWxPcGVufVxuICAgICAgICAgIHNldElzTW9kYWxPcGVuPXtzZXRFbWJlZE1vZGFsT3Blbn1cbiAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgLz5cbiAgICAgICAgPEZpbGxCdXR0b24gb25DbGljaz17aGFuZGxlU3VibWl0fT5cbiAgICAgICAgICB7c3RhdHVzID09PSAnd2FpdGluZycgPyA8U3Bpbm5lciAvPiA6ICdSdW4nfVxuICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gICk7XG59O1xuXG4vLyBUb0RvOlxuLy8gLSBNYWtlIGNvZGVieXRlcyB3b3JrIGluIEFydGljbGVzIG1hcmtkb3duIHJlbmRlcmVyXG4vLyAtIEFkZCBRUiBjb2RlIG9wdGlvbiwgaG9vayB1cCB0byBRUiBjb2RlIEFQSVxuLy8gLSBBZGQgU2hvcCBvcHRpb24sIGhvb2sgdXAgdG8gc29tZSBwcmludGlmeSBBUEkgdXNpbmcgdGhlIFFSIGNvZGUgaW1hZ2VcbiJdfQ== */"));
 
 var CopyIconStyled = /*#__PURE__*/_styled(CopyIcon, {
-  target: "e1lzxy8e0",
+  target: "e1lzxy8e2",
   label: "CopyIconStyled"
 })(process.env.NODE_ENV === "production" ? {
   name: "u7ytkp",
@@ -45,7 +47,33 @@ var CopyIconStyled = /*#__PURE__*/_styled(CopyIcon, {
 } : {
   name: "u7ytkp",
   styles: "margin-right:0.5rem",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDdUMiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFVzZXJDbGlja0RhdGEgfSBmcm9tICdAY29kZWNhZGVteS90cmFja2luZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHBvc3RTbmlwcGV0IH0gZnJvbSAnLi9hcGknO1xuaW1wb3J0IHR5cGUgeyBMYW5ndWFnZU9wdGlvbiB9IGZyb20gJy4vY29uc3RzJztcbmltcG9ydCB7IERyYXdlcnMgfSBmcm9tICcuL2RyYXdlcnMnO1xuaW1wb3J0IHsgdHJhY2tDbGljayB9IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyBTaW1wbGVNb25hY29FZGl0b3IgfSBmcm9tICcuL01vbmFjb0VkaXRvcic7XG5pbXBvcnQgeyBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IE91dHB1dCA9IHN0eWxlZC5wcmU8eyBoYXNFcnJvcjogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwIDFyZW07XG4gIGZvbnQtZmFtaWx5OiBNb25hY287XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIG92ZXJmbG93OiBhdXRvO1xuICAkeyh7IGhhc0Vycm9yLCB0aGVtZSB9KSA9PiBgXG4gIGNvbG9yOiAke2hhc0Vycm9yID8gdGhlbWUuY29sb3JzLm9yYW5nZSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbJ25hdnktOTAwJ119O1xuYH1cbmA7XG5cbmNvbnN0IENvcHlJY29uU3R5bGVkID0gc3R5bGVkKENvcHlJY29uKWBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG5jb25zdCBET0NLRVJfU0lHVEVSTSA9IDE0MztcblxudHlwZSBFZGl0b3JQcm9wcyA9IHtcbiAgaGlkZUNvcHlCdXR0b246IGJvb2xlYW47XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xuICBvbkNoYW5nZTogKHRleHQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc25pcHBldHNCYXNlVXJsPzogc3RyaW5nO1xuICBvbkNvcHk/OiBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIG9uQ29weSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICB0cmFja2luZ0RhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtvdXRwdXQsIHNldE91dHB1dF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZTwncmVhZHknIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJz4oJ3JlYWR5Jyk7XG4gIGNvbnN0IFtpc0NvZGVCeXRlQ29waWVkLCBzZXRJc0NvZGVCeXRlQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NvZGVCeXRlQ29waWVkKSB7XG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkXG4gICAgICAgIC53cml0ZVRleHQodGV4dClcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5JykpO1xuICAgICAgc2V0SXNDb2RlQnl0ZUNvcGllZCh0cnVlKTtcbiAgICAgIG9uQ29weT8uKHRleHQsIGxhbmd1YWdlKTtcbiAgICAgIHRyYWNrQ2xpY2soJ2NvcHknLCB0cmFja2luZ0RhdGEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCA9IChtZXNzYWdlOiBzdHJpbmcpID0+IHtcbiAgICBzZXRPdXRwdXQobWVzc2FnZSk7XG4gICAgc2V0U3RhdHVzKCdlcnJvcicpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVN1Ym1pdCA9IGFzeW5jICgpID0+IHtcbiAgICBpZiAodGV4dC50cmltKCkubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICBsYW5ndWFnZSxcbiAgICAgIGNvZGU6IHRleHQsXG4gICAgfTtcbiAgICBzZXRTdGF0dXMoJ3dhaXRpbmcnKTtcbiAgICBzZXRPdXRwdXQoJycpO1xuICAgIHRyYWNrQ2xpY2soJ3J1bicsIHRyYWNraW5nRGF0YSk7XG5cbiAgICB0cnkge1xuICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBwb3N0U25pcHBldChkYXRhLCBzbmlwcGV0c0Jhc2VVcmwpO1xuICAgICAgaWYgKHJlc3BvbnNlLnN0ZGVyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KHJlc3BvbnNlLnN0ZGVycik7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSA9PT0gRE9DS0VSX1NJR1RFUk0pIHtcbiAgICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoXG4gICAgICAgICAgJ1lvdXIgY29kZSB0b29rIHRvbyBsb25nIHRvIHJldHVybiBhIHJlc3VsdC4gRG91YmxlIGNoZWNrIHlvdXIgY29kZSBmb3IgYW55IGlzc3VlcyBhbmQgdHJ5IGFnYWluISdcbiAgICAgICAgKTtcbiAgICAgIH0gZWxzZSBpZiAocmVzcG9uc2UuZXhpdF9jb2RlICE9PSAwKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KCdBbiB1bmtub3duIGVycm9yIG9jY3VyZWQuJyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBzZXRPdXRwdXQocmVzcG9uc2Uuc3Rkb3V0KTtcbiAgICAgICAgc2V0U3RhdHVzKCdyZWFkeScpO1xuICAgICAgfVxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnRXJyb3I6ICcgKyBlcnJvcik7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxEcmF3ZXJzXG4gICAgICAgIGxlZnRDaGlsZD17XG4gICAgICAgICAgPFNpbXBsZU1vbmFjb0VkaXRvclxuICAgICAgICAgICAgdmFsdWU9e3RleHR9XG4gICAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICByaWdodENoaWxkPXtcbiAgICAgICAgICA8T3V0cHV0IGhhc0Vycm9yPXtzdGF0dXMgPT09ICdlcnJvcid9IGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgICAgICAge291dHB1dH1cbiAgICAgICAgICA8L091dHB1dD5cbiAgICAgICAgfVxuICAgICAgLz5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGp1c3RpZnlDb250ZW50PXtoaWRlQ29weUJ1dHRvbiA/ICdmbGV4LWVuZCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgIHBsPXs4fVxuICAgICAgPlxuICAgICAgICB7IWhpZGVDb3B5QnV0dG9uID8gKFxuICAgICAgICAgIDxUb29sVGlwXG4gICAgICAgICAgICBpZD1cImNvZGVieXRlLWNvcGllZFwiXG4gICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgbW9kZT1cImRhcmtcIlxuICAgICAgICAgICAgdGFyZ2V0PXtcbiAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNvcHlDbGlja31cbiAgICAgICAgICAgICAgICBvbkJsdXI9eygpID0+IHNldElzQ29kZUJ5dGVDb3BpZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY29weS1jb2RlYnl0ZS1idG5cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENvcHlJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IENvcHkgQ29kZWJ5dGVcbiAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpc0NvZGVCeXRlQ29waWVkID8gKFxuICAgICAgICAgICAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImNvcHktY29uZmlybWF0aW9uLXRvb2x0aXBcIiByb2xlPVwiYWxlcnRcIj5cbiAgICAgICAgICAgICAgICBDb3BpZWQhXG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxzcGFuIGRhdGEtdGVzdGlkPVwiY29weS1wcm9tcHQtdG9vbHRpcFwiPlxuICAgICAgICAgICAgICAgIENvcHkgdG8geW91ciBjbGlwYm9hcmRcbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8RmlsbEJ1dHRvbiBvbkNsaWNrPXtoYW5kbGVTdWJtaXR9PlxuICAgICAgICAgIHtzdGF0dXMgPT09ICd3YWl0aW5nJyA/IDxTcGlubmVyIC8+IDogJ1J1bid9XG4gICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDdUMiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIE1vZGFsLFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiwgRWRpdG9ySWNvbiwgU2hhcmVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgVXNlckNsaWNrRGF0YSB9IGZyb20gJ0Bjb2RlY2FkZW15L3RyYWNraW5nJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgcG9zdFNuaXBwZXQgfSBmcm9tICcuL2FwaSc7XG5pbXBvcnQgeyBCZXR0ZXJTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL0JldHRlclNvY2lhbFNoYXJpbmcvYmV0dGVyU29jaWFsU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IExhbmd1YWdlT3B0aW9uIH0gZnJvbSAnLi9jb25zdHMnO1xuaW1wb3J0IHsgRHJhd2VycyB9IGZyb20gJy4vZHJhd2Vycyc7XG5pbXBvcnQgeyBFbWJlZENvZGVieXRlTW9kYWwgfSBmcm9tICcuL0VtYmVkTW9kYWwnO1xuaW1wb3J0IHsgZ2V0Q29kZWJ5dGVVcmwsIHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgU2ltcGxlTW9uYWNvRWRpdG9yIH0gZnJvbSAnLi9Nb25hY29FZGl0b3InO1xuaW1wb3J0IHsgQ29kZWJ5dGVzQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBPdXRwdXQgPSBzdHlsZWQucHJlPHsgaGFzRXJyb3I6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBmb250LWZhbWlseTogTW9uYWNvO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBvdmVyZmxvdzogYXV0bztcbiAgJHsoeyBoYXNFcnJvciwgdGhlbWUgfSkgPT4gYFxuICBjb2xvcjogJHtoYXNFcnJvciA/IHRoZW1lLmNvbG9ycy5vcmFuZ2UgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWyduYXZ5LTkwMCddfTtcbmB9XG5gO1xuXG5jb25zdCBDb3B5SWNvblN0eWxlZCA9IHN0eWxlZChDb3B5SWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgU2hhcmVJY29uU3R5bGVkID0gc3R5bGVkKFNoYXJlSWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgRWRpdG9ySWNvblN0eWxlZCA9IHN0eWxlZChFZGl0b3JJY29uKWBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG5jb25zdCBET0NLRVJfU0lHVEVSTSA9IDE0MztcblxudHlwZSBFZGl0b3JQcm9wcyA9IHtcbiAgaGlkZUNvcHlCdXR0b246IGJvb2xlYW47XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xuICBvbkNoYW5nZTogKHRleHQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc25pcHBldHNCYXNlVXJsPzogc3RyaW5nO1xuICBvbkNvcHk/OiBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIG9uQ29weSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICB0cmFja2luZ0RhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtvdXRwdXQsIHNldE91dHB1dF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZTwncmVhZHknIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJz4oJ3JlYWR5Jyk7XG4gIGNvbnN0IFtpc0NvZGVCeXRlQ29waWVkLCBzZXRJc0NvZGVCeXRlQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzTGlua0NvcGllZCwgc2V0SXNMaW5rQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBbc2hhcmVNb2RhbE9wZW4sIHNldFNoYXJlTW9kYWxPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2VtYmVkTW9kYWxPcGVuLCBzZXRFbWJlZE1vZGFsT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NvZGVCeXRlQ29waWVkKSB7XG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkXG4gICAgICAgIC53cml0ZVRleHQodGV4dClcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5JykpO1xuICAgICAgc2V0SXNDb2RlQnl0ZUNvcGllZCh0cnVlKTtcbiAgICAgIG9uQ29weT8uKHRleHQsIGxhbmd1YWdlKTtcbiAgICAgIHRyYWNrQ2xpY2soJ2NvcHknLCB0cmFja2luZ0RhdGEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNvcHlMaW5rQ2xpY2sgPSAoKSA9PiB7XG4gICAgbmF2aWdhdG9yLmNsaXBib2FyZFxuICAgICAgLndyaXRlVGV4dChnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCkpXG4gICAgICAudGhlbigoKSA9PiBzZXRJc0xpbmtDb3BpZWQodHJ1ZSkpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5IGxpbmsnKSk7XG4gIH07XG5cbiAgY29uc3Qgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQgPSAobWVzc2FnZTogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3V0cHV0KG1lc3NhZ2UpO1xuICAgIHNldFN0YXR1cygnZXJyb3InKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKHRleHQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge1xuICAgICAgbGFuZ3VhZ2UsXG4gICAgICBjb2RlOiB0ZXh0LFxuICAgIH07XG4gICAgc2V0U3RhdHVzKCd3YWl0aW5nJyk7XG4gICAgc2V0T3V0cHV0KCcnKTtcbiAgICB0cmFja0NsaWNrKCdydW4nLCB0cmFja2luZ0RhdGEpO1xuXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgcG9zdFNuaXBwZXQoZGF0YSwgc25pcHBldHNCYXNlVXJsKTtcbiAgICAgIGlmIChyZXNwb25zZS5zdGRlcnIubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dChyZXNwb25zZS5zdGRlcnIpO1xuICAgICAgfSBlbHNlIGlmIChyZXNwb25zZS5leGl0X2NvZGUgPT09IERPQ0tFUl9TSUdURVJNKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KFxuICAgICAgICAgICdZb3VyIGNvZGUgdG9vayB0b28gbG9uZyB0byByZXR1cm4gYSByZXN1bHQuIERvdWJsZSBjaGVjayB5b3VyIGNvZGUgZm9yIGFueSBpc3N1ZXMgYW5kIHRyeSBhZ2FpbiEnXG4gICAgICAgICk7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSAhPT0gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnQW4gdW5rbm93biBlcnJvciBvY2N1cmVkLicpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0T3V0cHV0KHJlc3BvbnNlLnN0ZG91dCk7XG4gICAgICAgIHNldFN0YXR1cygncmVhZHknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoJ0Vycm9yOiAnICsgZXJyb3IpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RHJhd2Vyc1xuICAgICAgICBsZWZ0Q2hpbGQ9e1xuICAgICAgICAgIDxTaW1wbGVNb25hY29FZGl0b3JcbiAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgcmlnaHRDaGlsZD17XG4gICAgICAgICAgPE91dHB1dCBoYXNFcnJvcj17c3RhdHVzID09PSAnZXJyb3InfSBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICAgICAgICAgIHtvdXRwdXR9XG4gICAgICAgICAgPC9PdXRwdXQ+XG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZUNvcHlCdXR0b24gPyAnZmxleC1lbmQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICBwbD17OH1cbiAgICAgID5cbiAgICAgICAgeyFoaWRlQ29weUJ1dHRvbiA/IChcbiAgICAgICAgICA8VG9vbFRpcFxuICAgICAgICAgICAgaWQ9XCJjb2RlYnl0ZS1jb3BpZWRcIlxuICAgICAgICAgICAgYWxpZ25tZW50PVwidG9wLXJpZ2h0XCJcbiAgICAgICAgICAgIG1vZGU9XCJkYXJrXCJcbiAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5Q2xpY2t9XG4gICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0NvZGVCeXRlQ29waWVkKGZhbHNlKX1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNvcHktY29kZWJ5dGUtYnRuXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5XG4gICAgICAgICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXNDb2RlQnl0ZUNvcGllZCA/IChcbiAgICAgICAgICAgICAgPHNwYW4gZGF0YS10ZXN0aWQ9XCJjb3B5LWNvbmZpcm1hdGlvbi10b29sdGlwXCIgcm9sZT1cImFsZXJ0XCI+XG4gICAgICAgICAgICAgICAgQ29waWVkIVxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImNvcHktcHJvbXB0LXRvb2x0aXBcIj5cbiAgICAgICAgICAgICAgICBDb3B5IHRvIHlvdXIgY2xpcGJvYXJkXG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Ub29sVGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPFRleHRCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG9uQ2xpY2s9eygpID0+IHNldFNoYXJlTW9kYWxPcGVuKHRydWUpfT5cbiAgICAgICAgICA8U2hhcmVJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IFNoYXJlXG4gICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaXNPcGVuPXtzaGFyZU1vZGFsT3Blbn1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hhcmVNb2RhbE9wZW4oZmFsc2UpfVxuICAgICAgICAgIHRpdGxlPVwiU2hhcmUgeW91ciBDb2RlYnl0ZSB3aXRoIHRoZSB3b3JsZCFcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJldHRlclNvY2lhbE1lZGlhU2hhcmluZ1xuICAgICAgICAgICAgdXJsPXtnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCl9XG4gICAgICAgICAgICBtZXNzYWdlPXtgQ2hlY2sgb3V0IHRoaXMgJHtsYW5ndWFnZX0gY29kZSBJIHdyb3RlIWB9XG4gICAgICAgICAgICBoYXNodGFncz17Wydjb2RlYnl0ZXMnLCBsYW5ndWFnZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9XCJibG9ja1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBwPXs4fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIHNpemU9ezMwfVxuICAgICAgICAgICAgICB2YWx1ZT17Z2V0Q29kZWJ5dGVVcmwobGFuZ3VhZ2UsIHRleHQpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUb29sVGlwXG4gICAgICAgICAgICAgIGlkPVwibGluay1jb3BpZWRcIlxuICAgICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgICBtb2RlPVwiZGFya1wiXG4gICAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5TGlua0NsaWNrfVxuICAgICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0xpbmtDb3BpZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5IExpbmtcbiAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzTGlua0NvcGllZCA/IChcbiAgICAgICAgICAgICAgICA8c3BhbiByb2xlPVwiYWxlcnRcIj5Db3BpZWQhPC9zcGFuPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxzcGFuIHJvbGU9XCJhbGVydFwiPkNsaWNrIHRvIGNvcHk8L3NwYW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDxUZXh0QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBvbkNsaWNrPXsoKSA9PiBzZXRFbWJlZE1vZGFsT3Blbih0cnVlKX0+XG4gICAgICAgICAgPEVkaXRvckljb25TdHlsZWQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz4gRW1iZWRcbiAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICA8RW1iZWRDb2RlYnl0ZU1vZGFsXG4gICAgICAgICAgaXNNb2RhbE9wZW49e2VtYmVkTW9kYWxPcGVufVxuICAgICAgICAgIHNldElzTW9kYWxPcGVuPXtzZXRFbWJlZE1vZGFsT3Blbn1cbiAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgLz5cbiAgICAgICAgPEZpbGxCdXR0b24gb25DbGljaz17aGFuZGxlU3VibWl0fT5cbiAgICAgICAgICB7c3RhdHVzID09PSAnd2FpdGluZycgPyA8U3Bpbm5lciAvPiA6ICdSdW4nfVxuICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gICk7XG59O1xuXG4vLyBUb0RvOlxuLy8gLSBNYWtlIGNvZGVieXRlcyB3b3JrIGluIEFydGljbGVzIG1hcmtkb3duIHJlbmRlcmVyXG4vLyAtIEFkZCBRUiBjb2RlIG9wdGlvbiwgaG9vayB1cCB0byBRUiBjb2RlIEFQSVxuLy8gLSBBZGQgU2hvcCBvcHRpb24sIGhvb2sgdXAgdG8gc29tZSBwcmludGlmeSBBUEkgdXNpbmcgdGhlIFFSIGNvZGUgaW1hZ2VcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var ShareIconStyled = /*#__PURE__*/_styled(ShareIcon, {
+  target: "e1lzxy8e1",
+  label: "ShareIconStyled"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u7ytkp",
+  styles: "margin-right:0.5rem"
+} : {
+  name: "u7ytkp",
+  styles: "margin-right:0.5rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDeUMiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIE1vZGFsLFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiwgRWRpdG9ySWNvbiwgU2hhcmVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgVXNlckNsaWNrRGF0YSB9IGZyb20gJ0Bjb2RlY2FkZW15L3RyYWNraW5nJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgcG9zdFNuaXBwZXQgfSBmcm9tICcuL2FwaSc7XG5pbXBvcnQgeyBCZXR0ZXJTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL0JldHRlclNvY2lhbFNoYXJpbmcvYmV0dGVyU29jaWFsU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IExhbmd1YWdlT3B0aW9uIH0gZnJvbSAnLi9jb25zdHMnO1xuaW1wb3J0IHsgRHJhd2VycyB9IGZyb20gJy4vZHJhd2Vycyc7XG5pbXBvcnQgeyBFbWJlZENvZGVieXRlTW9kYWwgfSBmcm9tICcuL0VtYmVkTW9kYWwnO1xuaW1wb3J0IHsgZ2V0Q29kZWJ5dGVVcmwsIHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgU2ltcGxlTW9uYWNvRWRpdG9yIH0gZnJvbSAnLi9Nb25hY29FZGl0b3InO1xuaW1wb3J0IHsgQ29kZWJ5dGVzQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBPdXRwdXQgPSBzdHlsZWQucHJlPHsgaGFzRXJyb3I6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBmb250LWZhbWlseTogTW9uYWNvO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBvdmVyZmxvdzogYXV0bztcbiAgJHsoeyBoYXNFcnJvciwgdGhlbWUgfSkgPT4gYFxuICBjb2xvcjogJHtoYXNFcnJvciA/IHRoZW1lLmNvbG9ycy5vcmFuZ2UgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWyduYXZ5LTkwMCddfTtcbmB9XG5gO1xuXG5jb25zdCBDb3B5SWNvblN0eWxlZCA9IHN0eWxlZChDb3B5SWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgU2hhcmVJY29uU3R5bGVkID0gc3R5bGVkKFNoYXJlSWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgRWRpdG9ySWNvblN0eWxlZCA9IHN0eWxlZChFZGl0b3JJY29uKWBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG5jb25zdCBET0NLRVJfU0lHVEVSTSA9IDE0MztcblxudHlwZSBFZGl0b3JQcm9wcyA9IHtcbiAgaGlkZUNvcHlCdXR0b246IGJvb2xlYW47XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xuICBvbkNoYW5nZTogKHRleHQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc25pcHBldHNCYXNlVXJsPzogc3RyaW5nO1xuICBvbkNvcHk/OiBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIG9uQ29weSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICB0cmFja2luZ0RhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtvdXRwdXQsIHNldE91dHB1dF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZTwncmVhZHknIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJz4oJ3JlYWR5Jyk7XG4gIGNvbnN0IFtpc0NvZGVCeXRlQ29waWVkLCBzZXRJc0NvZGVCeXRlQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzTGlua0NvcGllZCwgc2V0SXNMaW5rQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBbc2hhcmVNb2RhbE9wZW4sIHNldFNoYXJlTW9kYWxPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2VtYmVkTW9kYWxPcGVuLCBzZXRFbWJlZE1vZGFsT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NvZGVCeXRlQ29waWVkKSB7XG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkXG4gICAgICAgIC53cml0ZVRleHQodGV4dClcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5JykpO1xuICAgICAgc2V0SXNDb2RlQnl0ZUNvcGllZCh0cnVlKTtcbiAgICAgIG9uQ29weT8uKHRleHQsIGxhbmd1YWdlKTtcbiAgICAgIHRyYWNrQ2xpY2soJ2NvcHknLCB0cmFja2luZ0RhdGEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNvcHlMaW5rQ2xpY2sgPSAoKSA9PiB7XG4gICAgbmF2aWdhdG9yLmNsaXBib2FyZFxuICAgICAgLndyaXRlVGV4dChnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCkpXG4gICAgICAudGhlbigoKSA9PiBzZXRJc0xpbmtDb3BpZWQodHJ1ZSkpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5IGxpbmsnKSk7XG4gIH07XG5cbiAgY29uc3Qgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQgPSAobWVzc2FnZTogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3V0cHV0KG1lc3NhZ2UpO1xuICAgIHNldFN0YXR1cygnZXJyb3InKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKHRleHQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge1xuICAgICAgbGFuZ3VhZ2UsXG4gICAgICBjb2RlOiB0ZXh0LFxuICAgIH07XG4gICAgc2V0U3RhdHVzKCd3YWl0aW5nJyk7XG4gICAgc2V0T3V0cHV0KCcnKTtcbiAgICB0cmFja0NsaWNrKCdydW4nLCB0cmFja2luZ0RhdGEpO1xuXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgcG9zdFNuaXBwZXQoZGF0YSwgc25pcHBldHNCYXNlVXJsKTtcbiAgICAgIGlmIChyZXNwb25zZS5zdGRlcnIubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dChyZXNwb25zZS5zdGRlcnIpO1xuICAgICAgfSBlbHNlIGlmIChyZXNwb25zZS5leGl0X2NvZGUgPT09IERPQ0tFUl9TSUdURVJNKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KFxuICAgICAgICAgICdZb3VyIGNvZGUgdG9vayB0b28gbG9uZyB0byByZXR1cm4gYSByZXN1bHQuIERvdWJsZSBjaGVjayB5b3VyIGNvZGUgZm9yIGFueSBpc3N1ZXMgYW5kIHRyeSBhZ2FpbiEnXG4gICAgICAgICk7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSAhPT0gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnQW4gdW5rbm93biBlcnJvciBvY2N1cmVkLicpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0T3V0cHV0KHJlc3BvbnNlLnN0ZG91dCk7XG4gICAgICAgIHNldFN0YXR1cygncmVhZHknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoJ0Vycm9yOiAnICsgZXJyb3IpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RHJhd2Vyc1xuICAgICAgICBsZWZ0Q2hpbGQ9e1xuICAgICAgICAgIDxTaW1wbGVNb25hY29FZGl0b3JcbiAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgcmlnaHRDaGlsZD17XG4gICAgICAgICAgPE91dHB1dCBoYXNFcnJvcj17c3RhdHVzID09PSAnZXJyb3InfSBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICAgICAgICAgIHtvdXRwdXR9XG4gICAgICAgICAgPC9PdXRwdXQ+XG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZUNvcHlCdXR0b24gPyAnZmxleC1lbmQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICBwbD17OH1cbiAgICAgID5cbiAgICAgICAgeyFoaWRlQ29weUJ1dHRvbiA/IChcbiAgICAgICAgICA8VG9vbFRpcFxuICAgICAgICAgICAgaWQ9XCJjb2RlYnl0ZS1jb3BpZWRcIlxuICAgICAgICAgICAgYWxpZ25tZW50PVwidG9wLXJpZ2h0XCJcbiAgICAgICAgICAgIG1vZGU9XCJkYXJrXCJcbiAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5Q2xpY2t9XG4gICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0NvZGVCeXRlQ29waWVkKGZhbHNlKX1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNvcHktY29kZWJ5dGUtYnRuXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5XG4gICAgICAgICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXNDb2RlQnl0ZUNvcGllZCA/IChcbiAgICAgICAgICAgICAgPHNwYW4gZGF0YS10ZXN0aWQ9XCJjb3B5LWNvbmZpcm1hdGlvbi10b29sdGlwXCIgcm9sZT1cImFsZXJ0XCI+XG4gICAgICAgICAgICAgICAgQ29waWVkIVxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImNvcHktcHJvbXB0LXRvb2x0aXBcIj5cbiAgICAgICAgICAgICAgICBDb3B5IHRvIHlvdXIgY2xpcGJvYXJkXG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Ub29sVGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPFRleHRCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG9uQ2xpY2s9eygpID0+IHNldFNoYXJlTW9kYWxPcGVuKHRydWUpfT5cbiAgICAgICAgICA8U2hhcmVJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IFNoYXJlXG4gICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaXNPcGVuPXtzaGFyZU1vZGFsT3Blbn1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hhcmVNb2RhbE9wZW4oZmFsc2UpfVxuICAgICAgICAgIHRpdGxlPVwiU2hhcmUgeW91ciBDb2RlYnl0ZSB3aXRoIHRoZSB3b3JsZCFcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJldHRlclNvY2lhbE1lZGlhU2hhcmluZ1xuICAgICAgICAgICAgdXJsPXtnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCl9XG4gICAgICAgICAgICBtZXNzYWdlPXtgQ2hlY2sgb3V0IHRoaXMgJHtsYW5ndWFnZX0gY29kZSBJIHdyb3RlIWB9XG4gICAgICAgICAgICBoYXNodGFncz17Wydjb2RlYnl0ZXMnLCBsYW5ndWFnZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9XCJibG9ja1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBwPXs4fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIHNpemU9ezMwfVxuICAgICAgICAgICAgICB2YWx1ZT17Z2V0Q29kZWJ5dGVVcmwobGFuZ3VhZ2UsIHRleHQpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUb29sVGlwXG4gICAgICAgICAgICAgIGlkPVwibGluay1jb3BpZWRcIlxuICAgICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgICBtb2RlPVwiZGFya1wiXG4gICAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5TGlua0NsaWNrfVxuICAgICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0xpbmtDb3BpZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5IExpbmtcbiAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzTGlua0NvcGllZCA/IChcbiAgICAgICAgICAgICAgICA8c3BhbiByb2xlPVwiYWxlcnRcIj5Db3BpZWQhPC9zcGFuPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxzcGFuIHJvbGU9XCJhbGVydFwiPkNsaWNrIHRvIGNvcHk8L3NwYW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDxUZXh0QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBvbkNsaWNrPXsoKSA9PiBzZXRFbWJlZE1vZGFsT3Blbih0cnVlKX0+XG4gICAgICAgICAgPEVkaXRvckljb25TdHlsZWQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz4gRW1iZWRcbiAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICA8RW1iZWRDb2RlYnl0ZU1vZGFsXG4gICAgICAgICAgaXNNb2RhbE9wZW49e2VtYmVkTW9kYWxPcGVufVxuICAgICAgICAgIHNldElzTW9kYWxPcGVuPXtzZXRFbWJlZE1vZGFsT3Blbn1cbiAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgLz5cbiAgICAgICAgPEZpbGxCdXR0b24gb25DbGljaz17aGFuZGxlU3VibWl0fT5cbiAgICAgICAgICB7c3RhdHVzID09PSAnd2FpdGluZycgPyA8U3Bpbm5lciAvPiA6ICdSdW4nfVxuICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gICk7XG59O1xuXG4vLyBUb0RvOlxuLy8gLSBNYWtlIGNvZGVieXRlcyB3b3JrIGluIEFydGljbGVzIG1hcmtkb3duIHJlbmRlcmVyXG4vLyAtIEFkZCBRUiBjb2RlIG9wdGlvbiwgaG9vayB1cCB0byBRUiBjb2RlIEFQSVxuLy8gLSBBZGQgU2hvcCBvcHRpb24sIGhvb2sgdXAgdG8gc29tZSBwcmludGlmeSBBUEkgdXNpbmcgdGhlIFFSIGNvZGUgaW1hZ2VcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var EditorIconStyled = /*#__PURE__*/_styled(EditorIcon, {
+  target: "e1lzxy8e0",
+  label: "EditorIconStyled"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u7ytkp",
+  styles: "margin-right:0.5rem"
+} : {
+  name: "u7ytkp",
+  styles: "margin-right:0.5rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMkMiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIE1vZGFsLFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiwgRWRpdG9ySWNvbiwgU2hhcmVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgVXNlckNsaWNrRGF0YSB9IGZyb20gJ0Bjb2RlY2FkZW15L3RyYWNraW5nJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgcG9zdFNuaXBwZXQgfSBmcm9tICcuL2FwaSc7XG5pbXBvcnQgeyBCZXR0ZXJTb2NpYWxNZWRpYVNoYXJpbmcgfSBmcm9tICcuL0JldHRlclNvY2lhbFNoYXJpbmcvYmV0dGVyU29jaWFsU2hhcmluZyc7XG5pbXBvcnQgdHlwZSB7IExhbmd1YWdlT3B0aW9uIH0gZnJvbSAnLi9jb25zdHMnO1xuaW1wb3J0IHsgRHJhd2VycyB9IGZyb20gJy4vZHJhd2Vycyc7XG5pbXBvcnQgeyBFbWJlZENvZGVieXRlTW9kYWwgfSBmcm9tICcuL0VtYmVkTW9kYWwnO1xuaW1wb3J0IHsgZ2V0Q29kZWJ5dGVVcmwsIHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgU2ltcGxlTW9uYWNvRWRpdG9yIH0gZnJvbSAnLi9Nb25hY29FZGl0b3InO1xuaW1wb3J0IHsgQ29kZWJ5dGVzQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBPdXRwdXQgPSBzdHlsZWQucHJlPHsgaGFzRXJyb3I6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBmb250LWZhbWlseTogTW9uYWNvO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBvdmVyZmxvdzogYXV0bztcbiAgJHsoeyBoYXNFcnJvciwgdGhlbWUgfSkgPT4gYFxuICBjb2xvcjogJHtoYXNFcnJvciA/IHRoZW1lLmNvbG9ycy5vcmFuZ2UgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWyduYXZ5LTkwMCddfTtcbmB9XG5gO1xuXG5jb25zdCBDb3B5SWNvblN0eWxlZCA9IHN0eWxlZChDb3B5SWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgU2hhcmVJY29uU3R5bGVkID0gc3R5bGVkKFNoYXJlSWNvbilgXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuYDtcblxuY29uc3QgRWRpdG9ySWNvblN0eWxlZCA9IHN0eWxlZChFZGl0b3JJY29uKWBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG5jb25zdCBET0NLRVJfU0lHVEVSTSA9IDE0MztcblxudHlwZSBFZGl0b3JQcm9wcyA9IHtcbiAgaGlkZUNvcHlCdXR0b246IGJvb2xlYW47XG4gIGxhbmd1YWdlOiBMYW5ndWFnZU9wdGlvbjtcbiAgdGV4dDogc3RyaW5nO1xuICBvbkNoYW5nZTogKHRleHQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc25pcHBldHNCYXNlVXJsPzogc3RyaW5nO1xuICBvbkNvcHk/OiBDb2RlYnl0ZXNDaGFuZ2VIYW5kbGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIG9uQ29weSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICB0cmFja2luZ0RhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtvdXRwdXQsIHNldE91dHB1dF0gPSB1c2VTdGF0ZSgnJyk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZTwncmVhZHknIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJz4oJ3JlYWR5Jyk7XG4gIGNvbnN0IFtpc0NvZGVCeXRlQ29waWVkLCBzZXRJc0NvZGVCeXRlQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzTGlua0NvcGllZCwgc2V0SXNMaW5rQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBbc2hhcmVNb2RhbE9wZW4sIHNldFNoYXJlTW9kYWxPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2VtYmVkTW9kYWxPcGVuLCBzZXRFbWJlZE1vZGFsT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NvZGVCeXRlQ29waWVkKSB7XG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkXG4gICAgICAgIC53cml0ZVRleHQodGV4dClcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5JykpO1xuICAgICAgc2V0SXNDb2RlQnl0ZUNvcGllZCh0cnVlKTtcbiAgICAgIG9uQ29weT8uKHRleHQsIGxhbmd1YWdlKTtcbiAgICAgIHRyYWNrQ2xpY2soJ2NvcHknLCB0cmFja2luZ0RhdGEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNvcHlMaW5rQ2xpY2sgPSAoKSA9PiB7XG4gICAgbmF2aWdhdG9yLmNsaXBib2FyZFxuICAgICAgLndyaXRlVGV4dChnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCkpXG4gICAgICAudGhlbigoKSA9PiBzZXRJc0xpbmtDb3BpZWQodHJ1ZSkpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgLmNhdGNoKCgpID0+IGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjb3B5IGxpbmsnKSk7XG4gIH07XG5cbiAgY29uc3Qgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQgPSAobWVzc2FnZTogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3V0cHV0KG1lc3NhZ2UpO1xuICAgIHNldFN0YXR1cygnZXJyb3InKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKHRleHQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge1xuICAgICAgbGFuZ3VhZ2UsXG4gICAgICBjb2RlOiB0ZXh0LFxuICAgIH07XG4gICAgc2V0U3RhdHVzKCd3YWl0aW5nJyk7XG4gICAgc2V0T3V0cHV0KCcnKTtcbiAgICB0cmFja0NsaWNrKCdydW4nLCB0cmFja2luZ0RhdGEpO1xuXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgcG9zdFNuaXBwZXQoZGF0YSwgc25pcHBldHNCYXNlVXJsKTtcbiAgICAgIGlmIChyZXNwb25zZS5zdGRlcnIubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dChyZXNwb25zZS5zdGRlcnIpO1xuICAgICAgfSBlbHNlIGlmIChyZXNwb25zZS5leGl0X2NvZGUgPT09IERPQ0tFUl9TSUdURVJNKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KFxuICAgICAgICAgICdZb3VyIGNvZGUgdG9vayB0b28gbG9uZyB0byByZXR1cm4gYSByZXN1bHQuIERvdWJsZSBjaGVjayB5b3VyIGNvZGUgZm9yIGFueSBpc3N1ZXMgYW5kIHRyeSBhZ2FpbiEnXG4gICAgICAgICk7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSAhPT0gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnQW4gdW5rbm93biBlcnJvciBvY2N1cmVkLicpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0T3V0cHV0KHJlc3BvbnNlLnN0ZG91dCk7XG4gICAgICAgIHNldFN0YXR1cygncmVhZHknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoJ0Vycm9yOiAnICsgZXJyb3IpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RHJhd2Vyc1xuICAgICAgICBsZWZ0Q2hpbGQ9e1xuICAgICAgICAgIDxTaW1wbGVNb25hY29FZGl0b3JcbiAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgcmlnaHRDaGlsZD17XG4gICAgICAgICAgPE91dHB1dCBoYXNFcnJvcj17c3RhdHVzID09PSAnZXJyb3InfSBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICAgICAgICAgIHtvdXRwdXR9XG4gICAgICAgICAgPC9PdXRwdXQ+XG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZUNvcHlCdXR0b24gPyAnZmxleC1lbmQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICBwbD17OH1cbiAgICAgID5cbiAgICAgICAgeyFoaWRlQ29weUJ1dHRvbiA/IChcbiAgICAgICAgICA8VG9vbFRpcFxuICAgICAgICAgICAgaWQ9XCJjb2RlYnl0ZS1jb3BpZWRcIlxuICAgICAgICAgICAgYWxpZ25tZW50PVwidG9wLXJpZ2h0XCJcbiAgICAgICAgICAgIG1vZGU9XCJkYXJrXCJcbiAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5Q2xpY2t9XG4gICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0NvZGVCeXRlQ29waWVkKGZhbHNlKX1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNvcHktY29kZWJ5dGUtYnRuXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5XG4gICAgICAgICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXNDb2RlQnl0ZUNvcGllZCA/IChcbiAgICAgICAgICAgICAgPHNwYW4gZGF0YS10ZXN0aWQ9XCJjb3B5LWNvbmZpcm1hdGlvbi10b29sdGlwXCIgcm9sZT1cImFsZXJ0XCI+XG4gICAgICAgICAgICAgICAgQ29waWVkIVxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImNvcHktcHJvbXB0LXRvb2x0aXBcIj5cbiAgICAgICAgICAgICAgICBDb3B5IHRvIHlvdXIgY2xpcGJvYXJkXG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Ub29sVGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPFRleHRCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG9uQ2xpY2s9eygpID0+IHNldFNoYXJlTW9kYWxPcGVuKHRydWUpfT5cbiAgICAgICAgICA8U2hhcmVJY29uU3R5bGVkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IFNoYXJlXG4gICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaXNPcGVuPXtzaGFyZU1vZGFsT3Blbn1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hhcmVNb2RhbE9wZW4oZmFsc2UpfVxuICAgICAgICAgIHRpdGxlPVwiU2hhcmUgeW91ciBDb2RlYnl0ZSB3aXRoIHRoZSB3b3JsZCFcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJldHRlclNvY2lhbE1lZGlhU2hhcmluZ1xuICAgICAgICAgICAgdXJsPXtnZXRDb2RlYnl0ZVVybChsYW5ndWFnZSwgdGV4dCl9XG4gICAgICAgICAgICBtZXNzYWdlPXtgQ2hlY2sgb3V0IHRoaXMgJHtsYW5ndWFnZX0gY29kZSBJIHdyb3RlIWB9XG4gICAgICAgICAgICBoYXNodGFncz17Wydjb2RlYnl0ZXMnLCBsYW5ndWFnZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9XCJibG9ja1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBwPXs4fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIHNpemU9ezMwfVxuICAgICAgICAgICAgICB2YWx1ZT17Z2V0Q29kZWJ5dGVVcmwobGFuZ3VhZ2UsIHRleHQpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUb29sVGlwXG4gICAgICAgICAgICAgIGlkPVwibGluay1jb3BpZWRcIlxuICAgICAgICAgICAgICBhbGlnbm1lbnQ9XCJ0b3AtcmlnaHRcIlxuICAgICAgICAgICAgICBtb2RlPVwiZGFya1wiXG4gICAgICAgICAgICAgIHRhcmdldD17XG4gICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5TGlua0NsaWNrfVxuICAgICAgICAgICAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0xpbmtDb3BpZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxDb3B5SWNvblN0eWxlZCBhcmlhLWhpZGRlbj1cInRydWVcIiAvPiBDb3B5IExpbmtcbiAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzTGlua0NvcGllZCA/IChcbiAgICAgICAgICAgICAgICA8c3BhbiByb2xlPVwiYWxlcnRcIj5Db3BpZWQhPC9zcGFuPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxzcGFuIHJvbGU9XCJhbGVydFwiPkNsaWNrIHRvIGNvcHk8L3NwYW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDxUZXh0QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBvbkNsaWNrPXsoKSA9PiBzZXRFbWJlZE1vZGFsT3Blbih0cnVlKX0+XG4gICAgICAgICAgPEVkaXRvckljb25TdHlsZWQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz4gRW1iZWRcbiAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICA8RW1iZWRDb2RlYnl0ZU1vZGFsXG4gICAgICAgICAgaXNNb2RhbE9wZW49e2VtYmVkTW9kYWxPcGVufVxuICAgICAgICAgIHNldElzTW9kYWxPcGVuPXtzZXRFbWJlZE1vZGFsT3Blbn1cbiAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgLz5cbiAgICAgICAgPEZpbGxCdXR0b24gb25DbGljaz17aGFuZGxlU3VibWl0fT5cbiAgICAgICAgICB7c3RhdHVzID09PSAnd2FpdGluZycgPyA8U3Bpbm5lciAvPiA6ICdSdW4nfVxuICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gICk7XG59O1xuXG4vLyBUb0RvOlxuLy8gLSBNYWtlIGNvZGVieXRlcyB3b3JrIGluIEFydGljbGVzIG1hcmtkb3duIHJlbmRlcmVyXG4vLyAtIEFkZCBRUiBjb2RlIG9wdGlvbiwgaG9vayB1cCB0byBRUiBjb2RlIEFQSVxuLy8gLSBBZGQgU2hvcCBvcHRpb24sIGhvb2sgdXAgdG8gc29tZSBwcmludGlmeSBBUEkgdXNpbmcgdGhlIFFSIGNvZGUgaW1hZ2VcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -74,6 +102,21 @@ export var Editor = function Editor(_ref2) {
       isCodeByteCopied = _useState6[0],
       setIsCodeByteCopied = _useState6[1];
 
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isLinkCopied = _useState8[0],
+      setIsLinkCopied = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      shareModalOpen = _useState10[0],
+      setShareModalOpen = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      embedModalOpen = _useState12[0],
+      setEmbedModalOpen = _useState12[1];
+
   var onCopyClick = function onCopyClick() {
     if (!isCodeByteCopied) {
       navigator.clipboard.writeText(text) // eslint-disable-next-line no-console
@@ -86,6 +129,15 @@ export var Editor = function Editor(_ref2) {
     }
   };
 
+  var onCopyLinkClick = function onCopyLinkClick() {
+    navigator.clipboard.writeText(getCodebyteUrl(language, text)).then(function () {
+      return setIsLinkCopied(true);
+    }) // eslint-disable-next-line no-console
+    ["catch"](function () {
+      return console.error('Failed to copy link');
+    });
+  };
+
   var setErrorStatusAndOutput = function setErrorStatusAndOutput(message) {
     setOutput(message);
     setStatus('error');
@@ -178,13 +230,70 @@ export var Editor = function Editor(_ref2) {
       "data-testid": "copy-codebyte-btn"
     }, /*#__PURE__*/React.createElement(CopyIconStyled, {
       "aria-hidden": "true"
-    }), " Copy Codebyte")
+    }), " Copy")
   }, isCodeByteCopied ? /*#__PURE__*/React.createElement("span", {
     "data-testid": "copy-confirmation-tooltip",
     role: "alert"
   }, "Copied!") : /*#__PURE__*/React.createElement("span", {
     "data-testid": "copy-prompt-tooltip"
-  }, "Copy to your clipboard")) : null, /*#__PURE__*/React.createElement(FillButton, {
+  }, "Copy to your clipboard")) : null, /*#__PURE__*/React.createElement(TextButton, {
+    variant: "secondary",
+    onClick: function onClick() {
+      return setShareModalOpen(true);
+    }
+  }, /*#__PURE__*/React.createElement(ShareIconStyled, {
+    "aria-hidden": "true"
+  }), " Share"), /*#__PURE__*/React.createElement(Modal, {
+    isOpen: shareModalOpen,
+    onRequestClose: function onRequestClose() {
+      return setShareModalOpen(false);
+    },
+    title: "Share your Codebyte with the world!"
+  }, /*#__PURE__*/React.createElement(BetterSocialMediaSharing, {
+    url: getCodebyteUrl(language, text),
+    message: "Check out this ".concat(language, " code I wrote!"),
+    hashtags: ['codebytes', language]
+  }), /*#__PURE__*/React.createElement(Box, {
+    display: "block",
+    alignItems: "center",
+    p: 8
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    size: 30,
+    value: getCodebyteUrl(language, text)
+  }), /*#__PURE__*/React.createElement(ToolTip, {
+    id: "link-copied",
+    alignment: "top-right",
+    mode: "dark",
+    target: /*#__PURE__*/React.createElement(TextButton, {
+      variant: "secondary",
+      onClick: onCopyLinkClick,
+      onBlur: function onBlur() {
+        return setIsLinkCopied(false);
+      }
+    }, /*#__PURE__*/React.createElement(CopyIconStyled, {
+      "aria-hidden": "true"
+    }), " Copy Link")
+  }, isLinkCopied ? /*#__PURE__*/React.createElement("span", {
+    role: "alert"
+  }, "Copied!") : /*#__PURE__*/React.createElement("span", {
+    role: "alert"
+  }, "Click to copy")))), /*#__PURE__*/React.createElement(TextButton, {
+    variant: "secondary",
+    onClick: function onClick() {
+      return setEmbedModalOpen(true);
+    }
+  }, /*#__PURE__*/React.createElement(EditorIconStyled, {
+    "aria-hidden": "true"
+  }), " Embed"), /*#__PURE__*/React.createElement(EmbedCodebyteModal, {
+    isModalOpen: embedModalOpen,
+    setIsModalOpen: setEmbedModalOpen,
+    language: language,
+    text: text
+  }), /*#__PURE__*/React.createElement(FillButton, {
     onClick: handleSubmit
   }, status === 'waiting' ? /*#__PURE__*/React.createElement(Spinner, null) : 'Run')));
-};
+}; // ToDo:
+// - Make codebytes work in Articles markdown renderer
+// - Add QR code option, hook up to QR code API
+// - Add Shop option, hook up to some printify API using the QR code image

package/dist/helpers/index.d.ts

@@ -1,2 +1,3 @@
 import { UserClickData } from '@codecademy/tracking';
 export declare const trackClick: (target: string, trackingData?: Omit<UserClickData, "target"> | undefined) => void;
+export declare const getCodebyteUrl: (language: string, text: string) => string;

package/dist/helpers/index.js

@@ -4,9 +4,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+import { encode } from 'js-base64';
 import { trackUserClick } from '../libs/eventTracking';
 export var trackClick = function trackClick(target, trackingData) {
   return trackUserClick(_objectSpread(_objectSpread({}, trackingData), {}, {
     target: target
   }));
+};
+export var getCodebyteUrl = function getCodebyteUrl(language, text) {
+  return "https://codecademy.com/codebyte-editor?lang=".concat(language, "&text=").concat(encode(text));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/codebytes",
   "description": "Codebytes Code Editor",
-  "version": "0.6.13",
+  "version": "0.6.14-alpha.e5f2c6.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "sideEffects": [
     "**/*.css",
@@ -64,5 +64,5 @@
   "files": [
     "dist/**"
   ],
-  "gitHead": "db1b7cddaba64cb5f14ad4a1e067624f852a4a1d"
+  "gitHead": "b795b2fc328f15a00ece5f0f19210559485b4581"
 }