@bigbinary/neeto-molecules 1.0.93 → 1.0.95

package/dist/NeetoWidget.cjs.js

@@ -8,7 +8,7 @@ var reactI18next = require('react-i18next');
 var reactQuery = require('react-query');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 var formik = require('formik');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var i18next = require('i18next');
@@ -36,6 +36,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
@@ -2371,24 +2372,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 = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isCopied = _useState2[0],
-    setIsCopied = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _ref2 = frameworkProps !== null && frameworkProps !== void 0 ? frameworkProps : {},
     selectedFramework = _ref2.selectedFramework,
     setSelectedFramework = _ref2.setSelectedFramework;
-  React.useEffect(function () {
-    if (!isCopied) return undefined;
-    var timer = setTimeout(function () {
-      return setIsCopied(false);
-    }, 1000);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [isCopied]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames(["relative", className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2409,13 +2397,10 @@ var CodeBlock = function CodeBlock(_ref) {
     style: "text",
     label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
     onClick: sendViaEmail
-  }) : null, showCopyButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    icon: isCopied ? neetoIcons.Check : neetoIcons.Copy,
+  }) : null, showCopyButton && /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
+    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 utils.copyToClipboard(codeString);
-    }
+    value: codeString
   }))), /*#__PURE__*/React__default["default"].createElement(SyntaxHighlighter$1, {
     className: "neeto-ui-bg-gray-800 neeto-ui-rounded-lg m-0 rounded-t-none",
     code: codeString,