@openfort/react 0.3.2 → 1.0.0

package/build/components/Common/Chain/styles.js

@@ -0,0 +1,94 @@
+import { motion } from 'framer-motion';
+import { css, keyframes } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+
+const ChainContainer = styled.div `
+  --bg: transparent;
+  --color: #333;
+  ${(props) => typeof props.size === 'string'
+    ? css `
+          --width: ${props.size};
+          --height: ${props.size};
+        `
+    : css `
+          --width: ${props.size && props.size >= 0 ? `${props.size}px` : '24px'};
+          --height: ${props.size && props.size >= 0 ? `${props.size}px` : '24px'};
+        `};
+  ${(props) => typeof props.radius === 'string'
+    ? css `
+          --radius: ${props.radius};
+        `
+    : css `
+          --radius: ${props.radius && props.radius >= 0 ? `${props.radius}px` : '24px'};
+        `};
+  display: block;
+  position: relative;
+  width: var(--width);
+  height: var(--height);
+  min-width: var(--width);
+  min-height: var(--height);
+  border-radius: var(--radius);
+  background: var(--ck-body-background-secondary);
+  pointer-events: none;
+  user-select: none;
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+  > div {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+`;
+const LogoContainer = styled(motion.div) `
+  display: block;
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  border-radius: inherit;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+`;
+const Spin = keyframes `
+  0%{ transform: rotate(0deg); }
+  100%{ transform: rotate(360deg); }
+`;
+const LoadingContainer = styled(motion.div) `
+  position: absolute;
+  inset: 0;
+  animation: ${Spin} 1s linear infinite;
+  svg {
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
+`;
+const Unsupported = styled(motion.div) `
+  z-index: 2;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40%;
+  height: 40%;
+  min-width: 13px;
+  min-height: 13px;
+  color: var(--ck-body-color-danger, red);
+  svg {
+    display: block;
+    position: relative;
+    top: -30%;
+    right: -30%;
+  }
+`;
+
+export { ChainContainer, LoadingContainer, LogoContainer, Unsupported };
+//# sourceMappingURL=styles.js.map

package/build/components/Common/Chain/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/Common/ConnectorList/index.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { embeddedWalletId } from '../../../constants/openfort.js';
+import { useEthereumBridge } from '../../../ethereum/OpenfortEthereumBridgeContext.js';
+import { useFamilyConnector, useFamilyAccountsConnector } from '../../../hooks/useConnectors.js';
+import useIsMobile from '../../../hooks/useIsMobile.js';
+import { useLastConnector } from '../../../hooks/useLastConnector.js';
+import { isFamily } from '../../../utils/wallets.js';
+import { useExternalConnectors } from '../../../wallets/useExternalConnectors.js';
+import { routes } from '../../Openfort/types.js';
+import { useOpenfort } from '../../Openfort/useOpenfort.js';
+import Alert from '../Alert/index.js';
+import { ScrollArea } from '../ScrollArea/index.js';
+import { ConnectorsContainer, ConnectorButton, ConnectorIcon, ConnectorLabel, RecentlyUsedTag } from './styles.js';
+
+const ConnectorList = () => {
+    const context = useOpenfort();
+    const isMobile = useIsMobile();
+    const wallets = useExternalConnectors();
+    const { lastConnectorId } = useLastConnector();
+    const familyConnector = useFamilyConnector();
+    const familyAccountsConnector = useFamilyAccountsConnector();
+    let filteredWallets = wallets.filter((wallet) => wallet.id !== (familyAccountsConnector === null || familyAccountsConnector === void 0 ? void 0 : familyAccountsConnector.id) && wallet.id !== embeddedWalletId);
+    if (familyConnector && isFamily()) {
+        filteredWallets = filteredWallets.filter((wallet) => wallet.id !== (familyConnector === null || familyConnector === void 0 ? void 0 : familyConnector.id));
+    }
+    const walletsToDisplay = context.uiConfig.hideRecentBadge || lastConnectorId === 'walletConnect' // do not hoist walletconnect to top of list
+        ? wallets
+        : [
+            // move last used wallet to top of list
+            // using .filter and spread to avoid mutating original array order with .sort
+            ...wallets.filter((wallet) => lastConnectorId === wallet.connector.id && wallet.id !== embeddedWalletId),
+            ...wallets.filter((wallet) => lastConnectorId !== wallet.connector.id && wallet.id !== embeddedWalletId),
+        ];
+    return (jsxs(ScrollArea, { mobileDirection: 'horizontal', children: [filteredWallets.length === 0 && jsx(Alert, { error: true, children: "No connectors found in Openfort config." }), filteredWallets.length > 0 && (jsx(ConnectorsContainer, { "$mobile": isMobile, "$totalResults": walletsToDisplay.length, children: filteredWallets.map((wallet) => (jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id))) }))] }));
+};
+const ConnectorItem = ({ wallet, isRecent }) => {
+    var _a;
+    const isMobile = useIsMobile();
+    const context = useOpenfort();
+    const bridge = useEthereumBridge();
+    const connector = (_a = bridge === null || bridge === void 0 ? void 0 : bridge.account) === null || _a === void 0 ? void 0 : _a.connector;
+    const content = () => {
+        var _a, _b;
+        return (jsxs(Fragment, { children: [jsx(ConnectorIcon, { "data-small": wallet.iconShouldShrink, "data-shape": wallet.iconShape, children: (_a = wallet.iconConnector) !== null && _a !== void 0 ? _a : wallet.icon }), jsxs(ConnectorLabel, { children: [isMobile ? ((_b = wallet.shortName) !== null && _b !== void 0 ? _b : wallet.name) : wallet.name, !context.uiConfig.hideRecentBadge && isRecent && (jsx(RecentlyUsedTag, { children: jsx("span", { children: "Recent" }) }))] })] }));
+    };
+    return (jsx(ConnectorButton, { type: "button", onClick: async () => {
+            // Disconnect if the same connector is selected, otherwise wagmi won't trigger the connection flow
+            // Disconnect for wallet connect to work
+            if (bridge && (wallet.id === 'walletConnect' || wallet.id === (connector === null || connector === void 0 ? void 0 : connector.id))) {
+                await bridge.disconnect();
+            }
+            context.setRoute({ route: routes.CONNECT, connectType: 'linkIfUserConnectIfNoUser' });
+            context.setConnector({ id: wallet.id });
+        }, children: content() }));
+};
+
+export { ConnectorList as default };
+//# sourceMappingURL=index.js.map

package/build/components/Common/ConnectorList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/Common/ConnectorList/styles.js

@@ -0,0 +1,324 @@
+import { motion } from 'framer-motion';
+import { keyframes, css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+
+const Shimmer = keyframes `
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+const ConnectorButton = styled(motion.button) `
+  display: block;
+  text-decoration: none;
+`;
+styled(motion.a) `
+  display: block;
+  text-decoration: none;
+`;
+const ConnectorLabel = styled(motion.span) ``;
+const ConnectorIcon = styled(motion.div) ``;
+// This is a bit of a hack to not share styles between mobile and desktop
+const styles = {
+    desktop: {
+        ConnectorButton: css `
+      cursor: pointer;
+      user-select: none;
+      position: relative;
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      width: 100%;
+      height: 64px;
+      font-size: 17px;
+      font-weight: var(--ck-primary-button-font-weight, 500);
+      line-height: 20px;
+      text-align: var(--ck-body-button-text-align, left);
+      transition: 180ms ease;
+      transition-property: background, color, box-shadow, transform, opacity;
+      will-change: transform, box-shadow, background-color, color, opacity;
+
+      --fallback-color: var(--ck-primary-button-color);
+      --fallback-background: var(--ck-primary-button-background);
+      --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+      --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+      --color: var(--ck-primary-button-color, var(--fallback-color));
+      --background: var(
+        --ck-primary-button-background,
+        var(--fallback-background)
+      );
+      --box-shadow: var(
+        --ck-primary-button-box-shadow,
+        var(--fallback-box-shadow)
+      );
+      --border-radius: var(
+        --ck-primary-button-border-radius,
+        var(--fallback-border-radius)
+      );
+
+      --hover-color: var(--ck-primary-button-hover-color, var(--color));
+      --hover-background: var(
+        --ck-primary-button-hover-background,
+        var(--background)
+      );
+      --hover-box-shadow: var(
+        --ck-primary-button-hover-box-shadow,
+        var(--box-shadow)
+      );
+      --hover-border-radius: var(
+        --ck-primary-button-hover-border-radius,
+        var(--border-radius)
+      );
+
+      --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+      --active-background: var(
+        --ck-primary-button-active-background,
+        var(--hover-background)
+      );
+      --active-box-shadow: var(
+        --ck-primary-button-active-box-shadow,
+        var(--hover-box-shadow)
+      );
+      --active-border-radius: var(
+        --ck-primary-button-active-border-radius,
+        var(--hover-border-radius)
+      );
+
+      color: var(--color);
+      background: var(--background);
+      box-shadow: var(--box-shadow);
+      border-radius: var(--border-radius);
+
+      &:disabled {
+        transition: 180ms ease;
+        opacity: 0.4;
+      }
+
+      --bg: var(--background);
+      &:not(:disabled) {
+        &:hover {
+          color: var(--hover-color);
+          background: var(--hover-background);
+          box-shadow: var(--hover-box-shadow);
+          border-radius: var(--hover-border-radius);
+          --bg: var(--hover-background, var(--background));
+        }
+        &:focus-visible {
+          transition-duration: 100ms;
+          color: var(--hover-color);
+          background: var(--hover-background);
+          box-shadow: var(--hover-box-shadow);
+          border-radius: var(--hover-border-radius);
+          --bg: var(--hover-background, var(--background));
+        }
+        &:active {
+          color: var(--active-color);
+          background: var(--active-background);
+          box-shadow: var(--active-box-shadow);
+          border-radius: var(--active-border-radius);
+          --bg: var(--active-background, var(--background));
+        }
+      }
+    `,
+        ConnectorLabel: css `
+      display: flex;
+      align-items: center;
+      gap: 9px;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      padding: 2px 0;
+      padding-right: 38px;
+    `,
+        ConnectorIcon: css `
+      position: absolute;
+      right: 20px;
+      width: 32px;
+      height: 32px;
+      overflow: hidden;
+      svg,
+      img {
+        display: block;
+        position: relative;
+        pointer-events: none;
+        overflow: hidden;
+        width: 100%;
+        height: 100%;
+      }
+
+      &[data-shape='squircle'] {
+        border-radius: 22.5%;
+      }
+      &[data-shape='circle'] {
+        border-radius: 100%;
+      }
+      &[data-shape='square'] {
+        border-radius: 0;
+      }
+    `,
+    },
+    mobile: {
+        ConnectorButton: css `
+      text-align: center;
+      background: none;
+      max-width: 100%;
+      overflow: hidden;
+    `,
+        ConnectorLabel: css `
+      display: block;
+      text-overflow: ellipsis;
+      max-width: 100%;
+      overflow: hidden;
+      padding: 10px 0 0;
+      color: var(--ck-body-color);
+      font-size: 13px;
+      line-height: 15px;
+      font-weight: 500;
+      opacity: 0.75;
+    `,
+        ConnectorIcon: css `
+      position: relative;
+      margin: 0 auto;
+      width: 60px;
+      height: 60px;
+      overflow: hidden;
+      svg,
+      img {
+        display: block;
+        position: relative;
+        width: 100%;
+        height: auto;
+      }
+      &[data-small='true'] {
+        svg,
+        img {
+          transform: scale(0.8);
+        }
+      }
+
+      &[data-shape='squircle'] {
+        border-radius: 22.5%;
+        &:before {
+          content: '';
+          z-index: -1;
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);
+        }
+      }
+      &[data-shape='circle'] {
+        border-radius: 100%;
+      }
+      &[data-shape='square'] {
+        border-radius: 0;
+      }
+
+      &[data-background='true'] {
+        border-radius: 22.5%;
+        background: var(--ck-body-background-tertiary);
+        padding: 8%;
+      }
+    `,
+    },
+};
+const RecentlyUsedTag = styled(motion.span) `
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: '';
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: '';
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+const ConnectorsContainer = styled.div `
+  transition: opacity 300ms ease;
+  min-width: fit-content;
+
+  ${(props) => props.$disabled &&
+    css `
+      pointer-events: none;
+      opacity: 0.4;
+    `}
+
+  ${(props) => !props.$mobile
+    ? css `
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+
+          ${ConnectorButton} {
+            ${styles.desktop.ConnectorButton}
+            ${ConnectorLabel} {
+              ${styles.desktop.ConnectorLabel}
+            }
+            ${ConnectorIcon} {
+              ${styles.desktop.ConnectorIcon}
+            }
+          }
+        `
+    : css `
+          display: flex;
+          align-items: flex-start;
+          justify-content: space-around;
+          gap: 22px 6px;
+          //margin: 0px -10px -20px;
+          padding: 14px 0px 28px;
+
+          ${ConnectorButton} {
+            flex-shrink: 0;
+            width: 80px;
+            ${styles.mobile.ConnectorButton}
+            ${ConnectorLabel} {
+              ${styles.mobile.ConnectorLabel}
+              ${RecentlyUsedTag} {
+                display: none;
+                width: fit-content;
+                margin: 0 auto;
+              }
+            }
+            ${ConnectorIcon} {
+              ${styles.mobile.ConnectorIcon}
+            }
+          }
+        `}
+`;
+
+export { ConnectorButton, ConnectorIcon, ConnectorLabel, ConnectorsContainer, RecentlyUsedTag };
+//# sourceMappingURL=styles.js.map

package/build/components/Common/ConnectorList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/Common/CopyToClipboard/CopyButton.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCopyToClipboard } from '../../../hooks/useCopyToClipboard.js';
+import Button from '../Button/index.js';
+import { CopyIcon } from './CopyIcon.js';
+
+const CopyButton = ({ value, children }) => {
+    const { copied, copy } = useCopyToClipboard();
+    return (jsx(Button, { disabled: !value, onClick: () => copy(value), icon: jsx(CopyIcon, { copied: copied }), children: children }));
+};
+
+export { CopyButton };
+//# sourceMappingURL=CopyButton.js.map

package/build/components/Common/CopyToClipboard/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/build/components/Common/CopyToClipboard/CopyIcon.js

@@ -0,0 +1,76 @@
+import { jsx } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { css } from 'styled-components';
+import { CopyToClipboardIcon } from '../../../assets/icons.js';
+import styled from '../../../styles/styled/index.js';
+
+const IconWrapper = styled(motion.div) `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  transition: all 220ms ease;
+
+  svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  svg path:first-child {
+    transition: all 220ms ease;
+    fill: var(--bg, var(--ck-body-background));
+    stroke: var(--color, var(--ck-copytoclipboard-stroke));
+    transform-origin: 50% 50%;
+  }
+
+  svg rect {
+    transition: all 220ms ease;
+    fill: var(--bg, var(--ck-body-background));
+    stroke: var(--color, var(--ck-copytoclipboard-stroke));
+    transform-origin: 53% 63%;
+  }
+
+  svg path:last-child {
+    transition: all 220ms ease;
+    opacity: ${(props) => (props.$copied ? 1 : 0)};
+    stroke: var(--ck-body-background);
+    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
+  }
+
+  ${(props) => props.$copied
+    ? css `
+          --color: var(--ck-focus-color) !important;
+          --bg: var(--ck-body-background);
+          svg {
+            transition-delay: 0ms;
+            path:first-child {
+              opacity: 0;
+              transform: rotate(-90deg) scale(0.2);
+            }
+            rect {
+              rx: 10px;
+              fill: var(--color);
+              transform: rotate(-90deg) scale(1.45);
+            }
+            path:last-child {
+              transition-delay: 100ms;
+              opacity: 1;
+              transform: translate(7.75px, 9.5px);
+            }
+          }
+        `
+    : css `
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `}
+`;
+const CopyIcon = ({ copied, size = '1rem', className }) => {
+    return (jsx(IconWrapper, { "$copied": copied, className: className, style: { width: size, height: size }, children: jsx(CopyToClipboardIcon, {}) }));
+};
+
+export { CopyIcon };
+//# sourceMappingURL=CopyIcon.js.map

package/build/components/Common/CopyToClipboard/CopyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/Common/CopyToClipboard/CopyIconButton.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCopyToClipboard } from '../../../hooks/useCopyToClipboard.js';
+import styled from '../../../styles/styled/index.js';
+import { CopyIcon } from './CopyIcon.js';
+
+const StyledButton = styled.button `
+  width: 48px;
+  height: 48px;
+  padding: 0;
+  border: none;
+  border-radius: var(--ck-secondary-button-border-radius);
+  background: var(--ck-accent-color, rgba(26, 136, 248, 0.1));
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  --color: var(--ck-accent-text-color, #1a88f8);
+  --bg: var(--ck-accent-color, rgba(26, 136, 248, 0.1));
+
+  &:hover:not(:disabled) {
+    background: var(--ck-accent-color, rgba(26, 136, 248, 0.2));
+    --bg: var(--ck-accent-color, rgba(26, 136, 248, 0.2));
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+const CopyIconButton = ({ value }) => {
+    const { copied, copy } = useCopyToClipboard();
+    return (jsx(StyledButton, { onClick: () => copy(value), disabled: !value, type: "button", children: jsx(CopyIcon, { copied: copied, size: 24 }) }));
+};
+
+export { CopyIconButton };
+//# sourceMappingURL=CopyIconButton.js.map

package/build/components/Common/CopyToClipboard/CopyIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyIconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/Common/CopyToClipboard/CopyText.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCopyToClipboard } from '../../../hooks/useCopyToClipboard.js';
+import styled from '../../../styles/styled/index.js';
+import { CopyIcon } from './CopyIcon.js';
+
+const Container = styled.div `
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  cursor: ${(props) => (props.$disabled ? 'not-allowed' : 'pointer')};
+  opacity: ${(props) => (props.$disabled ? 0.4 : 1)};
+  transition: all 220ms ease;
+
+  --color: var(--ck-copytoclipboard-stroke);
+
+  &:hover:not([disabled]) {
+    --color: var(--ck-body-color-muted);
+  }
+`;
+const CopyText = ({ value, children, size = '1.5rem' }) => {
+    const { copied, copy } = useCopyToClipboard();
+    return (jsxs(Container, { onClick: () => copy(value), "$disabled": !value, children: [children, jsx(CopyIcon, { copied: copied, size: size })] }));
+};
+
+export { CopyText };
+//# sourceMappingURL=CopyText.js.map

package/build/components/Common/CopyToClipboard/CopyText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyText.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}