@bigbinary/neeto-molecules 1.0.93 → 1.0.95

package/dist/NeetoWidget.js

@@ -1,13 +1,13 @@
 import { values, last, identity, assoc, pluck, any, prop, fromPairs, isEmpty } from 'ramda';
 import * as React from 'react';
 import React__default, { useEffect, useState, useRef } from 'react';
-import { Check, Copy, Info } from '@bigbinary/neeto-icons';
+import { Info } from '@bigbinary/neeto-icons';
 import { Typography, Select, Button, Pane, Toastr, Switch, Label, Callout } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
 import { useMutation, useQuery, useQueryClient, QueryClient, QueryClientProvider } from 'react-query';
 import { capitalize, noop, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import { usePrevious } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import { Formik, Form } from 'formik';
 import { MultiEmailInput, Input } from '@bigbinary/neetoui/formik';
 import i18next from 'i18next';
@@ -2345,24 +2345,11 @@ var CodeBlock = function CodeBlock(_ref) {
     sendViaEmail = _ref$sendViaEmail === void 0 ? undefined : _ref$sendViaEmail,
     _ref$frameworkProps = _ref.frameworkProps,
     frameworkProps = _ref$frameworkProps === void 0 ? {} : _ref$frameworkProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isCopied = _useState2[0],
-    setIsCopied = _useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _ref2 = frameworkProps !== null && frameworkProps !== void 0 ? frameworkProps : {},
     selectedFramework = _ref2.selectedFramework,
     setSelectedFramework = _ref2.setSelectedFramework;
-  useEffect(function () {
-    if (!isCopied) return undefined;
-    var timer = setTimeout(function () {
-      return setIsCopied(false);
-    }, 1000);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [isCopied]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(["relative", className])
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -2383,13 +2370,10 @@ var CodeBlock = function CodeBlock(_ref) {
     style: "text",
     label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
     onClick: sendViaEmail
-  }) : null, showCopyButton && /*#__PURE__*/React__default.createElement(Button, {
-    icon: isCopied ? Check : Copy,
+  }) : null, showCopyButton && /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
+    label: t("neetoMolecules.widget.installation.snippet.copy"),
     style: "primary",
-    label: isCopied ? t("neetoMolecules.widget.installation.snippet.copied") : t("neetoMolecules.widget.installation.snippet.copy"),
-    onClick: function onClick() {
-      return copyToClipboard(codeString);
-    }
+    value: codeString
   }))), /*#__PURE__*/React__default.createElement(SyntaxHighlighter$1, {
     className: "neeto-ui-bg-gray-800 neeto-ui-rounded-lg m-0 rounded-t-none",
     code: codeString,