@stokr/components-library 3.0.16 → 3.0.17

package/dist/components/StepController/StepControllerContext.js

@@ -0,0 +1,65 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { Component } from "react";
+import PropTypes from "prop-types";
+const StepControllerContext = React__default.createContext();
+class StepControllerProvider extends Component {
+  state = {
+    currentStep: "",
+    prevStep: "",
+    prevStepIndex: null,
+    activeStepIndex: 0,
+    doneStepsIndexes: [],
+    touchedStepsIndexes: []
+  };
+  changeStep = (stepName, activeStep = null, doneStep = null) => {
+    const { activeStepIndex, doneStepsIndexes, touchedStepsIndexes } = this.state;
+    const nextActiveStep = activeStep === null ? activeStepIndex : activeStep;
+    const nextDoneStepIndexes = doneStepsIndexes.slice();
+    const nextTouchedStepsIndexes = touchedStepsIndexes.slice();
+    let emptyDoneStep;
+    if (doneStep !== null && !nextDoneStepIndexes.includes(doneStep)) {
+      nextDoneStepIndexes.push(doneStep);
+    }
+    if (!nextTouchedStepsIndexes.includes(nextActiveStep)) {
+      nextTouchedStepsIndexes.push(nextActiveStep);
+    }
+    if (Array.isArray(doneStep) && doneStep.length === 0) {
+      emptyDoneStep = [];
+    }
+    this.setState(() => ({
+      currentStep: stepName,
+      activeStepIndex: nextActiveStep,
+      doneStepsIndexes: emptyDoneStep || nextDoneStepIndexes,
+      touchedStepsIndexes: nextTouchedStepsIndexes
+    }));
+  };
+  setPrevStep = (prevStep, prevStepIndex = null) => {
+    this.setState({
+      prevStep,
+      prevStepIndex
+    });
+  };
+  render() {
+    const { children } = this.props;
+    return /* @__PURE__ */ jsx(
+      StepControllerContext.Provider,
+      {
+        value: {
+          ...this.state,
+          changeStep: this.changeStep,
+          setPrevStep: this.setPrevStep
+        },
+        children
+      }
+    );
+  }
+}
+StepControllerProvider.propTypes = {
+  children: PropTypes.node.isRequired
+};
+const StepControllerConsumer = StepControllerContext.Consumer;
+export {
+  StepControllerConsumer,
+  StepControllerContext,
+  StepControllerProvider
+};

package/dist/components/StepController/StepControllerProgress.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import { Container, Wrap, Items, Item } from "../StepsProgress/StepsProgress.styles.js";
+const StepControllerProgress = ({
+  touchedStepsIndexes,
+  doneStepsIndexes,
+  activeStepIndex,
+  stepsProgressList
+}) => {
+  const handleItemClick = (item, key) => {
+    if (touchedStepsIndexes.includes(key)) {
+      item.handleClick(item.id);
+    }
+  };
+  const timestamp = (/* @__PURE__ */ new Date()).getTime();
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Wrap, { children: /* @__PURE__ */ jsx(Items, { children: stepsProgressList.map((item, key) => /* @__PURE__ */ jsx(
+    Item,
+    {
+      isDone: doneStepsIndexes.includes(key),
+      isActive: key === activeStepIndex,
+      onClick: () => handleItemClick(item, key)
+    },
+    `${timestamp}-${key.toString()}`
+  )) }) }) });
+};
+StepControllerProgress.propTypes = {
+  touchedStepsIndexes: PropTypes.arrayOf(PropTypes.number).isRequired,
+  doneStepsIndexes: PropTypes.arrayOf(PropTypes.number).isRequired,
+  activeStepIndex: PropTypes.number.isRequired,
+  stepsProgressList: PropTypes.instanceOf(Array).isRequired
+};
+var stdin_default = StepControllerProgress;
+export {
+  StepControllerProgress,
+  stdin_default as default
+};

package/dist/components/StepsProgress/StepIndicator.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import PropTypes from "prop-types";
+import { StepIndicatorContainer, StepItem, StepCircle, StepLabel, StepConnector } from "./StepIndicator.styles.js";
+import SvgCheckIcon from "../../static/images/check-icon.svg.js";
+const StepIndicator = ({ steps, currentStep, onStepClick = null, showLabels = true, marginBottom = "32px" }) => {
+  return /* @__PURE__ */ jsx(StepIndicatorContainer, { marginBottom, children: steps.map((step, index) => {
+    const isCompleted = index < currentStep;
+    const isActive = index === currentStep;
+    return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        StepItem,
+        {
+          onClick: () => onStepClick && onStepClick(index),
+          style: { cursor: onStepClick ? "pointer" : "default" },
+          children: [
+            /* @__PURE__ */ jsx(StepCircle, { isCompleted, isActive, children: isCompleted ? /* @__PURE__ */ jsx(SvgCheckIcon, { width: 14, height: 11 }) : index + 1 }),
+            showLabels && /* @__PURE__ */ jsx(StepLabel, { children: step.label })
+          ]
+        }
+      ),
+      index < steps.length - 1 && /* @__PURE__ */ jsx(StepConnector, { isCompleted })
+    ] }, step.id);
+  }) });
+};
+StepIndicator.propTypes = {
+  steps: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.string.isRequired,
+      label: PropTypes.string.isRequired
+    })
+  ).isRequired,
+  currentStep: PropTypes.number.isRequired,
+  onStepClick: PropTypes.func,
+  showLabels: PropTypes.bool,
+  marginBottom: PropTypes.string
+};
+export {
+  StepIndicator
+};

package/dist/components/StepsProgress/StepIndicator.styles.js

@@ -0,0 +1,69 @@
+import styled, { css } from "styled-components";
+import { colors } from "../../styles/colors.js";
+const StepIndicatorContainer = styled.div.withConfig({
+  shouldForwardProp: (props) => !["marginBottom"].includes(props)
+})`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: ${(props) => props.marginBottom || "32px"};
+`;
+const StepItem = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`;
+const StepCircle = styled.div.withConfig({
+  shouldForwardProp: (props) => !["isCompleted", "isActive"].includes(props)
+})`
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-weight: 600;
+  transition: all 0.2s ease;
+
+  ${(props) => props.isCompleted && css`
+      background-color: ${colors.progressGreen};
+      color: ${colors.white};
+
+      svg path {
+        stroke: ${colors.white};
+      }
+    `}
+
+  ${(props) => props.isActive && !props.isCompleted && css`
+      background-color: ${colors.black};
+      color: ${colors.white};
+    `}
+
+  ${(props) => !props.isActive && !props.isCompleted && css`
+      background-color: ${colors.grey};
+      color: ${colors.black};
+    `}
+`;
+const StepLabel = styled.span`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.6px;
+  word-wrap: break-word;
+`;
+const StepConnector = styled.div.withConfig({
+  shouldForwardProp: (props) => !["isCompleted"].includes(props)
+})`
+  flex: 1;
+  height: 2px;
+  max-width: 80px;
+  background-color: ${(props) => props.isCompleted ? colors.progressGreen : colors.grey};
+`;
+export {
+  StepCircle,
+  StepConnector,
+  StepIndicatorContainer,
+  StepItem,
+  StepLabel
+};

package/dist/components/StepsProgress/StepsProgress.js

@@ -0,0 +1,67 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useNavigate } from "react-router-dom";
+import { Container, Wrap, Items, Item } from "./StepsProgress.styles.js";
+import { walletTypes } from "../../constants/globalVariables.js";
+const StepsProgressSignup = (props) => {
+  let navigate = useNavigate();
+  const { user = {} } = props;
+  const { country, kyc_status, taxId, wallets = [] } = user;
+  const KYCNotDone = !kyc_status || kyc_status === "Reaply" || kyc_status === "Cancelled" || kyc_status === "Draft";
+  const hasLiquidWallet = wallets?.filter((wallet) => wallet.type === walletTypes.LIQUID).length > 0;
+  const isActiveStep = (path) => window.location.pathname.includes(path);
+  const items = [
+    {
+      id: "country",
+      handleClick: () => navigate("/country-of-residence"),
+      isDone: !!country,
+      isActive: isActiveStep("/country-of-residence")
+    },
+    {
+      id: "verify",
+      handleClick: () => navigate("/verify-identity"),
+      isDone: !KYCNotDone,
+      isActive: isActiveStep("/verify-identity")
+    },
+    {
+      id: "taxId",
+      handleClick: () => navigate("/taxid"),
+      isDone: !!taxId,
+      isActive: isActiveStep("/taxid")
+    },
+    {
+      id: "ampID",
+      handleClick: () => navigate("/register-liquid-securities"),
+      isDone: hasLiquidWallet,
+      isActive: isActiveStep("/register-liquid-securities")
+    }
+  ];
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Wrap, { children: /* @__PURE__ */ jsx(Items, { children: items.map((item) => /* @__PURE__ */ jsx(
+    Item,
+    {
+      isDone: item.isDone,
+      isActive: item.isActive,
+      onClick: () => {
+        if (item.handleClick) {
+          item.handleClick(item.id);
+        }
+      }
+    },
+    item.id
+  )) }) }) });
+};
+const StepsProgressHeader = ({ items, doneIndex, activeIndex }) => /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Wrap, { children: /* @__PURE__ */ jsx(Items, { children: items?.map((item, key) => /* @__PURE__ */ jsx(
+  Item,
+  {
+    isDone: key <= doneIndex,
+    isActive: key === activeIndex,
+    onClick: () => {
+      item.handleClick?.(item.id);
+    }
+  },
+  item.id
+)) }) }) });
+export {
+  StepsProgressHeader,
+  StepsProgressSignup
+};

package/dist/components/StepsProgress/StepsProgress.styles.js

@@ -0,0 +1,105 @@
+import styled from "styled-components";
+import rwd from "../../styles/rwd.js";
+import { colors } from "../../styles/colors.js";
+const Container = styled.div`
+  display: block;
+  width: 100%;
+  height: 100%;
+`;
+const Wrap = styled.div`
+  display: block;
+  margin: 0 auto;
+`;
+const Items = styled.div`
+  display: flex;
+  height: 100%;
+  font-size: 0;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  margin: 0 -6px;
+  text-align: center;
+
+  ${rwd.Medium`
+    display: block;
+  `}
+`;
+const Item = styled.div.withConfig({
+  shouldForwardProp: (props) => !["isDone", "isActive"].includes(props)
+})`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0;
+  flex: 1;
+  margin: 0 4px;
+  height: 32px;
+  max-width: 32px;
+  cursor: pointer;
+
+  &:before {
+    z-index: 0;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 4px;
+    position: absolute;
+    top: 14px;
+    left: 0;
+    border-radius: 3px;
+    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05);
+    background-color: ${colors.lightGrey};
+  }
+
+  &:after {
+    z-index: 1;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 4px;
+    position: absolute;
+    top: 14px;
+    left: 0;
+    border-radius: 3px;
+    background-color: transparent;
+    transition: background-color 0.2s;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:hover:after {
+    background-color: ${colors.black};
+  }
+
+  ${(props) => props.isDone && `
+    &:after {
+      background-color: ${colors.progressGreen};
+    }
+
+    &:hover:after {
+      background-color: ${colors.black};
+    }
+  `}
+
+  ${(props) => props.isActive && `
+    &:after {
+      background-color: ${colors.grey2};
+    }
+
+    &:hover:after {
+      background-color: ${colors.black};
+    }
+  `}
+
+  ${rwd.Medium`
+    width: 32px;
+  `}
+`;
+export {
+  Container,
+  Item,
+  Items,
+  Wrap
+};

package/dist/components/StokrLoader/StokrLoader.js

@@ -0,0 +1,111 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import styled, { keyframes } from "styled-components";
+import media from "./media.js";
+const loaderGif = `https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=${Math.random()}`;
+const CenterFullWidth = styled.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const fadeIn = keyframes`
+  0% {
+    opacity: 0;
+  }
+
+  60% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`;
+const StyledStokrLoader = styled.div.withConfig({
+  shouldForwardProp: (props) => !["noFullscreen"].includes(props)
+})`
+  align-items: center;
+  animation: ${fadeIn} 1.8s ease-in-out forwards;
+  background: rgb(254, 254, 254);
+  display: flex;
+  height: 100vh;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  z-index: 1000;
+
+  ${({ noFullscreen }) => noFullscreen && `
+    height: calc(100vh - 97px);
+    bottom: 0;
+    top: unset;
+  `}
+
+  ${media.mobileS`
+  img {
+    height: 15rem;
+    width: 15rem;
+  }
+`};
+
+  ${media.mobile`
+  img {
+    height: 18rem;
+    width: 18rem;
+  }
+`};
+
+  ${media.tablet`
+  img {
+    height: 30rem;
+    width: 30rem;
+  }
+`};
+`;
+function StokrLoader() {
+  return /* @__PURE__ */ jsx(StyledStokrLoader, { children: /* @__PURE__ */ jsx("img", { src: loaderGif, alt: " " }) });
+}
+const StokrLoaderBox = ({ noFullscreen }) => {
+  return /* @__PURE__ */ jsx(CenterFullWidth, { noFullscreen, children: /* @__PURE__ */ jsx("img", { src: loaderGif, alt: " " }) });
+};
+const fadeInOut = keyframes`
+  50% {
+    color: transparent;
+  }
+`;
+const AnimatedSpan = styled.div.withConfig({
+  shouldForwardProp: (props) => !["fontSize"].includes(props)
+})`
+  margin: 0;
+  display: inline-block;
+
+  span {
+    animation: ${fadeInOut} 1s infinite;
+    font-size: ${(props) => props.fontSize || 20}px;
+  }
+
+  span[data-order='1'] {
+    animation-delay: 250ms;
+  }
+
+  span[data-order='2'] {
+    animation-delay: 500ms;
+  }
+`;
+const LoadingDots = (props) => {
+  return /* @__PURE__ */ jsxs(AnimatedSpan, { ...props, children: [
+    /* @__PURE__ */ jsx("span", { "data-order": "0", children: "." }),
+    /* @__PURE__ */ jsx("span", { "data-order": "1", children: "." }),
+    /* @__PURE__ */ jsx("span", { "data-order": "2", children: "." })
+  ] });
+};
+export {
+  AnimatedSpan,
+  LoadingDots,
+  StokrLoader,
+  StokrLoaderBox,
+  loaderGif
+};

package/dist/components/StokrLoader/media.js

@@ -0,0 +1,23 @@
+import { css } from "styled-components";
+const sizes = {
+  widescreen: 1920,
+  default: 1440,
+  large: 1200,
+  desktop: 992,
+  tablet: 768,
+  mobile: 375,
+  mobileS: 320
+};
+const media = Object.keys(sizes).reduce((accumulator, label) => {
+  const emSize = sizes[label] / 16;
+  accumulator[label] = (...args) => css`
+    @media (min-width: ${emSize}em) {
+      ${css(...args)};
+    }
+  `;
+  return accumulator;
+}, {});
+export {
+  media as default,
+  sizes
+};

package/dist/components/SvgIcons/AdminBadgeSvg.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const AdminBadgeSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 15.475 19.243",
+    width: "15.475",
+    height: "19.243",
+    style: {
+      width: "16px",
+      height: "20px"
+    },
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        transform: "translate(-27 -21.8)",
+        d: "M34.737,21.8A12.061,12.061,0,0,1,27,24.895V35.021a10.318,10.318,0,0,0,6.627,5.719l1.11.3,1.11-.336a10.139,10.139,0,0,0,6.627-5.719V24.895A12.242,12.242,0,0,1,34.737,21.8Zm2.489,13.288-2.489-1.312-2.489,1.312.471-2.792L30.7,30.311l2.792-.4,1.245-2.523,1.245,2.523,2.792.4L36.756,32.3Z"
+      }
+    )
+  }
+);
+var stdin_default = AdminBadgeSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/CameraSvg.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const CameraSvg = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "52", height: "52", children: /* @__PURE__ */ jsxs("g", { "data-name": "Group 5", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 1",
+      d: "M50 26A24 24 0 1 1 26 2a24 24 0 0 1 24 24z",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "4"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 3",
+      d: "M35 26a9 9 0 1 1-9-9 9 9 0 0 1 9 9z",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "4"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M14 12h12v13H14z" })
+] }) });
+var stdin_default = CameraSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/CapsLockSvg.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const CapsLockSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "6.843",
+    height: "8.904",
+    viewBox: "0 0 6.843 8.904",
+    style: {
+      width: "7px",
+      height: "9px"
+    },
+    children: /* @__PURE__ */ jsxs("g", { transform: "translate(-.081 -.087)", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          transform: "translate(1.778 7.699)",
+          d: "M3.159,0H.286A.288.288,0,0,0,0,.276v.74a.289.289,0,0,0,.286.276H3.159a.288.288,0,0,0,.286-.276V.276A.288.288,0,0,0,3.159,0Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          transform: "translate(.081 .087)",
+          d: "M6.79,3.549,3.649.1a.315.315,0,0,0-.461,0L.048,3.549a.221.221,0,0,0,.175.356H1.7V6.222a.289.289,0,0,0,.286.276H4.855a.288.288,0,0,0,.286-.276V3.905H6.615A.216.216,0,0,0,6.79,3.549Z"
+        }
+      )
+    ] })
+  }
+);
+var stdin_default = CapsLockSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/DocumentBackSvg.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+const DocumentBackSvg = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "102.307", height: "62.607", children: [
+  /* @__PURE__ */ jsxs("g", { "data-name": "Card Illustration", fill: "none", stroke: "#9b9b9b", strokeMiterlimit: "10", strokeWidth: "3", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 7",
+        d: "M89.346 61.107H12.074A10.547 10.547 0 0 1 1.5 50.589V12.018A10.547 10.547 0 0 1 12.074 1.5h77.272a10.547 10.547 0 0 1 10.575 10.518v38.571a10.547 10.547 0 0 1-10.575 10.518z"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 13", d: "M10.51 42.74h77.628" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 15", d: "M10.51 49.671h77.628" })
+  ] }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M96.762 13.976h5.545v13.169h-5.545z" })
+] });
+var stdin_default = DocumentBackSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/DocumentSmallSvg.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+const DocumentSmallSvg = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "102.307", height: "62.607", children: [
+  /* @__PURE__ */ jsxs("g", { "data-name": "Card Illustration", stroke: "#9b9b9b", strokeMiterlimit: "10", strokeWidth: "3", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 7",
+        d: "M89.346 61.107H12.074A10.547 10.547 0 0 1 1.5 50.589V12.018A10.547 10.547 0 0 1 12.074 1.5h77.272a10.547 10.547 0 0 1 10.575 10.518v38.571a10.547 10.547 0 0 1-10.575 10.518z",
+        fill: "#fff"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 1",
+        d: "M14.669 31.997a8.821 8.821 0 0 1 7.97-4.852 8.822 8.822 0 0 1 7.971 4.852",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 3",
+        d: "M34.076 23.333a11.613 11.613 0 0 1-11.784 11.436A11.613 11.613 0 0 1 10.51 23.333a11.613 11.613 0 0 1 11.782-11.436 11.613 11.613 0 0 1 11.784 11.436z",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 5", d: "M25.759 20.214a3.466 3.466 0 1 1-3.465-3.466", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 9", d: "M47.245 12.244h40.893", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 11", d: "M47.245 28.185h40.893", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 13", d: "M10.51 42.74h77.628", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 15", d: "M10.51 49.671h77.628", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 17", d: "M47.245 35.116h40.893", fill: "none" })
+  ] }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M96.762 13.976h5.545v13.169h-5.545z" })
+] });
+var stdin_default = DocumentSmallSvg;
+export {
+  stdin_default as default
+};