@bigbinary/neeto-molecules 1.0.94 → 1.0.95

package/dist/IntegrationWalkthroughModal.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationWalkthroughModal.cjs.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst IntegrationWalkthroughModal = ({\n  isOpen,\n  onClose,\n  videoUrl,\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <Modal isOpen={isOpen} size=\"large\" onClose={onClose}>\n      <Modal.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <div className=\"w-full py-10\">\n          <video\n            autoPlay\n            controls\n            muted\n            className=\"cursor-pointer\"\n            id=\"walkthrough-video\"\n          >\n            <source src={videoUrl} />\n          </video>\n          {children}\n        </div>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button\n          label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n          onClick={onClose}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nIntegrationWalkthroughModal.propTypes = {\n  /**\n   * To specify video URL of integration walkthrough that will be embedded.\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the continue or close button is clicked.\n   */\n  onClose: PropTypes.func,\n};\n\nexport default IntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","isOpen","onClose","videoUrl","children","_useTranslation","useTranslation","t","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;;;;;;AAMA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAK3B;AAAA,EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,aAAK,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAC,OAAO;AAACT,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eACnDM,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,yBAAA,CAAAC,aAAA,CAACI,kBAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfC,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,yBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEnB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbI,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACa,MAAM,EAAA,IAAA,eACXf,yBAAA,CAAAC,aAAA,CAACe,cAAM,EAAA;AACLC,IAAAA,KAAK,EAAElB,CAAC,CAAC,qDAAqD,CAAE;AAChEmB,IAAAA,OAAO,EAAExB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAEZ;;;;"}
+{"version":3,"file":"IntegrationWalkthroughModal.cjs.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst IntegrationWalkthroughModal = ({\n  t,\n  isOpen = false,\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => (\n  <Modal {...{ isOpen, onClose }} size=\"large\">\n    <Modal.Header>\n      <Typography style=\"h2\" weight=\"semibold\">\n        {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n      </Typography>\n    </Modal.Header>\n    <Modal.Body>\n      <div className=\"w-full py-10\">\n        <video\n          autoPlay\n          controls\n          muted\n          className=\"cursor-pointer\"\n          id=\"walkthrough-video\"\n        >\n          <source src={videoUrl} />\n        </video>\n        {children}\n      </div>\n    </Modal.Body>\n    <Modal.Footer>\n      <Button\n        label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n        onClick={onClose}\n      />\n    </Modal.Footer>\n  </Modal>\n);\n\nIntegrationWalkthroughModal.propTypes = {\n  /**\n   * To specify video URL of integration walkthrough that will be embedded.\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the continue or close button is clicked.\n   */\n  onClose: PropTypes.func,\n};\n\nconst WrappedIntegrationWalkthroughModal = withT(IntegrationWalkthroughModal);\nWrappedIntegrationWalkthroughModal.displayName = \"IntegrationWalkthroughModal\";\n\nexport { IntegrationWalkthroughModal };\nexport default WrappedIntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick","WrappedIntegrationWalkthroughModal","withT","displayName"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC/BC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CACdK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,SAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CACdQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IACbE,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CAAA;AAAA,EAAA,oBAERC,yBAAA,CAAAC,aAAA,CAACC,aAAK,EAAA;AAAOT,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIQ,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,eAC1CH,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,yBAAA,CAAAC,aAAA,CAACI,kBAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrChB,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfS,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,yBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEhB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbC,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACa,MAAM,EAAA,IAAA,eACXf,yBAAA,CAAAC,aAAA,CAACe,cAAM,EAAA;AACLC,IAAAA,KAAK,EAAE1B,CAAC,CAAC,qDAAqD,CAAE;AAChE2B,IAAAA,OAAO,EAAEvB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAAA,EACT;AAiBD,IAAMwB,kCAAkC,GAAGC,gBAAK,CAAC/B,2BAA2B,EAAC;AAC7E8B,kCAAkC,CAACE,WAAW,GAAG,6BAA6B;;;;;"}

package/dist/IntegrationWalkthroughModal.js

@@ -1,18 +1,21 @@
 import React from 'react';
+import { noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Modal, Typography, Button } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
 
 var IntegrationWalkthroughModal = function IntegrationWalkthroughModal(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    videoUrl = _ref.videoUrl,
+  var t = _ref.t,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$videoUrl = _ref.videoUrl,
+    videoUrl = _ref$videoUrl === void 0 ? "" : _ref$videoUrl,
     children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   return /*#__PURE__*/React.createElement(Modal, {
     isOpen: isOpen,
-    size: "large",
-    onClose: onClose
+    onClose: onClose,
+    size: "large"
   }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2",
     weight: "semibold"
@@ -31,6 +34,8 @@ var IntegrationWalkthroughModal = function IntegrationWalkthroughModal(_ref) {
     onClick: onClose
   })));
 };
+var WrappedIntegrationWalkthroughModal = withT(IntegrationWalkthroughModal);
+WrappedIntegrationWalkthroughModal.displayName = "IntegrationWalkthroughModal";
 
-export { IntegrationWalkthroughModal as default };
+export { IntegrationWalkthroughModal, WrappedIntegrationWalkthroughModal as default };
 //# sourceMappingURL=IntegrationWalkthroughModal.js.map

package/dist/IntegrationWalkthroughModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationWalkthroughModal.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst IntegrationWalkthroughModal = ({\n  isOpen,\n  onClose,\n  videoUrl,\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <Modal isOpen={isOpen} size=\"large\" onClose={onClose}>\n      <Modal.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <div className=\"w-full py-10\">\n          <video\n            autoPlay\n            controls\n            muted\n            className=\"cursor-pointer\"\n            id=\"walkthrough-video\"\n          >\n            <source src={videoUrl} />\n          </video>\n          {children}\n        </div>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button\n          label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n          onClick={onClose}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nIntegrationWalkthroughModal.propTypes = {\n  /**\n   * To specify video URL of integration walkthrough that will be embedded.\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the continue or close button is clicked.\n   */\n  onClose: PropTypes.func,\n};\n\nexport default IntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","isOpen","onClose","videoUrl","children","_useTranslation","useTranslation","t","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;AAMA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAK3B;AAAA,EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAC,OAAO;AAACT,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eACnDM,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,KAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfC,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEnB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbI,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACa,MAAM,EAAA,IAAA,eACXf,KAAA,CAAAC,aAAA,CAACe,MAAM,EAAA;AACLC,IAAAA,KAAK,EAAElB,CAAC,CAAC,qDAAqD,CAAE;AAChEmB,IAAAA,OAAO,EAAExB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAEZ;;;;"}
+{"version":3,"file":"IntegrationWalkthroughModal.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst IntegrationWalkthroughModal = ({\n  t,\n  isOpen = false,\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => (\n  <Modal {...{ isOpen, onClose }} size=\"large\">\n    <Modal.Header>\n      <Typography style=\"h2\" weight=\"semibold\">\n        {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n      </Typography>\n    </Modal.Header>\n    <Modal.Body>\n      <div className=\"w-full py-10\">\n        <video\n          autoPlay\n          controls\n          muted\n          className=\"cursor-pointer\"\n          id=\"walkthrough-video\"\n        >\n          <source src={videoUrl} />\n        </video>\n        {children}\n      </div>\n    </Modal.Body>\n    <Modal.Footer>\n      <Button\n        label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n        onClick={onClose}\n      />\n    </Modal.Footer>\n  </Modal>\n);\n\nIntegrationWalkthroughModal.propTypes = {\n  /**\n   * To specify video URL of integration walkthrough that will be embedded.\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the continue or close button is clicked.\n   */\n  onClose: PropTypes.func,\n};\n\nconst WrappedIntegrationWalkthroughModal = withT(IntegrationWalkthroughModal);\nWrappedIntegrationWalkthroughModal.displayName = \"IntegrationWalkthroughModal\";\n\nexport { IntegrationWalkthroughModal };\nexport default WrappedIntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick","WrappedIntegrationWalkthroughModal","withT","displayName"],"mappings":";;;;;AAOA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC/BC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CACdK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CACdQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IACbE,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CAAA;AAAA,EAAA,oBAERC,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAOT,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIQ,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,eAC1CH,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,KAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrChB,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfS,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEhB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbC,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACa,MAAM,EAAA,IAAA,eACXf,KAAA,CAAAC,aAAA,CAACe,MAAM,EAAA;AACLC,IAAAA,KAAK,EAAE1B,CAAC,CAAC,qDAAqD,CAAE;AAChE2B,IAAAA,OAAO,EAAEvB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAAA,EACT;AAiBD,IAAMwB,kCAAkC,GAAGC,KAAK,CAAC/B,2BAA2B,EAAC;AAC7E8B,kCAAkC,CAACE,WAAW,GAAG,6BAA6B;;;;"}

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,