@stokr/components-library 2.3.40 → 2.3.41-beta.1

package/package.json

@@ -1,142 +1,142 @@
-{
-  "name": "@stokr/components-library",
-  "version": "2.3.40",
-  "description": "STOKR - Components Library",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "http://46.101.229.186:3000/stokr/components-library"
-  },
-  "author": "Bilal Hodzic <bilal@stokr.io>",
-  "license": "MIT",
-  "scripts": {
-    "build": "react-app-rewired build",
-    "build-storybook": "storybook build",
-    "build-storybook-docs": "storybook build -s public --docs",
-    "build:dist": "cross-env BABEL_ENV=production babel src -d dist",
-    "test": "react-app-rewired test",
-    "prepare": "npm run build",
-    "storybook": "storybook dev -p 6006",
-    "start": "npm run storybook",
-    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
-    "release": "auto shipit",
-    "pub": "rm -rf ./dist && npm publish --access public",
-    "start:script": "react-scripts start",
-    "serve": "npx http-server ./storybook-static -p 9009"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.3.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "axios": "^0.27.2",
-    "bignumber.js": "^9.1.1",
-    "cross-env": "^7.0.3",
-    "d3": "^7.8.3",
-    "date-fns": "^2.29.3",
-    "firebase": "^10.5.0",
-    "formik": "^2.2.9",
-    "formik-persist": "^1.1.0",
-    "html-react-parser": "^5.0.6",
-    "http-server": "^14.1.1",
-    "js-cookie": "^3.0.5",
-    "mobile-detect": "^1.4.5",
-    "moment": "^2.30.1",
-    "moment-timezone": "^0.5.45",
-    "prop-types": "^15.8.1",
-    "qrcode.react": "^3.1.0",
-    "react": "^18.2.0",
-    "react-app-rewired": "^2.2.1",
-    "react-collapse": "^5.1.1",
-    "react-copy-to-clipboard": "^5.1.0",
-    "react-countup": "^6.4.1",
-    "react-custom-scrollbars-2": "^4.5.0",
-    "react-day-picker": "^8.5.1",
-    "react-device-detect": "^2.2.3",
-    "react-dom": "^18.2.0",
-    "react-ga4": "^2.1.0",
-    "react-helmet": "^6.1.0",
-    "react-otp-input": "^3.1.0",
-    "react-portal": "^4.2.2",
-    "react-qr-code": "^2.0.12",
-    "react-range": "^1.8.14",
-    "react-router-dom": "^6.8.1",
-    "react-scripts": "5.0.1",
-    "react-select": "^5.7.0",
-    "react-slick": "^0.29.0",
-    "react-table": "^7.8.0",
-    "react-tippy": "^1.4.0",
-    "react-transition-group": "^4.4.5",
-    "react-visibility-sensor": "^5.1.1",
-    "scroll-to-element": "^2.0.3",
-    "semantic-ui-react": "^2.1.4",
-    "slick-carousel": "^1.8.1",
-    "styled-components": "^6.0.7",
-    "yup": "^1.0.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.20.7",
-    "@babel/core": "^7.20.12",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@chromatic-com/storybook": "^3.2.6",
-    "@storybook/addon-actions": "^8.6.7",
-    "@storybook/addon-essentials": "^8.6.7",
-    "@storybook/addon-interactions": "^8.6.7",
-    "@storybook/addon-links": "^8.6.7",
-    "@storybook/addon-viewport": "^8.6.7",
-    "@storybook/preset-create-react-app": "^8.6.7",
-    "@storybook/react": "^8.6.7",
-    "@storybook/react-webpack5": "^8.6.7",
-    "@storybook/test": "^8.6.7",
-    "babel-plugin-styled-components": "^2.1.4",
-    "prettier": "^3.0.3",
-    "storybook": "^8.6.7",
-    "styled-components.macro": "^1.0.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "browser": {
-    "[module-name]": false
-  },
-  "bugs": {
-    "url": "https://github.com/stokr-io/components-library/issues"
-  },
-  "homepage": "https://github.com/stokr-io/components-library#readme",
-  "keywords": [
-    "stokr",
-    "components-library",
-    "story-book"
-  ]
-}
+{
+  "name": "@stokr/components-library",
+  "version": "2.3.41-beta.1",
+  "description": "STOKR - Components Library",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "http://46.101.229.186:3000/stokr/components-library"
+  },
+  "author": "Bilal Hodzic <bilal@stokr.io>",
+  "license": "MIT",
+  "scripts": {
+    "build": "react-app-rewired build",
+    "build-storybook": "storybook build",
+    "build-storybook-docs": "storybook build -s public --docs",
+    "build:dist": "cross-env BABEL_ENV=production babel src -d dist",
+    "test": "react-app-rewired test",
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "start": "npm run storybook",
+    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
+    "release": "auto shipit",
+    "pub": "rm -rf ./dist && npm publish --access public",
+    "start:script": "react-scripts start",
+    "serve": "npx http-server ./storybook-static -p 9009"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
+    "@fortawesome/free-solid-svg-icons": "^6.3.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "axios": "^0.27.2",
+    "bignumber.js": "^9.1.1",
+    "cross-env": "^7.0.3",
+    "d3": "^7.8.3",
+    "date-fns": "^2.29.3",
+    "firebase": "^10.5.0",
+    "formik": "^2.2.9",
+    "formik-persist": "^1.1.0",
+    "html-react-parser": "^5.0.6",
+    "http-server": "^14.1.1",
+    "js-cookie": "^3.0.5",
+    "mobile-detect": "^1.4.5",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.5.45",
+    "prop-types": "^15.8.1",
+    "qrcode.react": "^3.1.0",
+    "react": "^18.2.0",
+    "react-app-rewired": "^2.2.1",
+    "react-collapse": "^5.1.1",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-countup": "^6.4.1",
+    "react-custom-scrollbars-2": "^4.5.0",
+    "react-day-picker": "^8.5.1",
+    "react-device-detect": "^2.2.3",
+    "react-dom": "^18.2.0",
+    "react-ga4": "^2.1.0",
+    "react-helmet": "^6.1.0",
+    "react-otp-input": "^3.1.0",
+    "react-portal": "^4.2.2",
+    "react-qr-code": "^2.0.12",
+    "react-range": "^1.8.14",
+    "react-router-dom": "^6.8.1",
+    "react-scripts": "5.0.1",
+    "react-select": "^5.7.0",
+    "react-slick": "^0.29.0",
+    "react-table": "^7.8.0",
+    "react-tippy": "^1.4.0",
+    "react-transition-group": "^4.4.5",
+    "react-visibility-sensor": "^5.1.1",
+    "scroll-to-element": "^2.0.3",
+    "semantic-ui-react": "^2.1.4",
+    "slick-carousel": "^1.8.1",
+    "styled-components": "^6.0.7",
+    "yup": "^1.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@chromatic-com/storybook": "^3.2.6",
+    "@storybook/addon-actions": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-interactions": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
+    "@storybook/addon-viewport": "^8.6.7",
+    "@storybook/preset-create-react-app": "^8.6.7",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-webpack5": "^8.6.7",
+    "@storybook/test": "^8.6.7",
+    "babel-plugin-styled-components": "^2.1.4",
+    "prettier": "^3.0.3",
+    "storybook": "^8.6.7",
+    "styled-components.macro": "^1.0.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "browser": {
+    "[module-name]": false
+  },
+  "bugs": {
+    "url": "https://github.com/stokr-io/components-library/issues"
+  },
+  "homepage": "https://github.com/stokr-io/components-library#readme",
+  "keywords": [
+    "stokr",
+    "components-library",
+    "story-book"
+  ]
+}

package/dist/components/RegisterAlgorand/AlgoAddressName.js

@@ -1,138 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _formik = require("formik");
-var Yup = _interopRequireWildcard(require("yup"));
-var _Text = _interopRequireDefault(require("../Text/Text.styles"));
-var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-var _Form = _interopRequireWildcard(require("../Form/Form"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
-var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
-var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
-var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
-var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
-var _Modal = require("../Modal/Modal.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var AlgoAdressName = /*#__PURE__*/function (_PureComponent) {
-  _inherits(AlgoAdressName, _PureComponent);
-  var _super = _createSuper(AlgoAdressName);
-  function AlgoAdressName() {
-    var _this;
-    _classCallCheck(this, AlgoAdressName);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "initialValues", {
-      name: ''
-    });
-    _defineProperty(_assertThisInitialized(_this), "validationSchema", Yup.object().shape({
-      name: Yup.string().required('Address name is required')
-    }));
-    _defineProperty(_assertThisInitialized(_this), "onSubmit", function () {
-      var changeStep = _this.props.changeStep;
-      changeStep();
-    });
-    return _this;
-  }
-  _createClass(AlgoAdressName, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-        registeredAddress = _this$props.registeredAddress,
-        changeStep = _this$props.changeStep;
-      if (registeredAddress) {
-        changeStep();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        error = _this$props2.error,
-        isUpdatingUser = _this$props2.isUpdatingUser;
-      return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-        noPaddingVertical: true
-      }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Name your Algorand address"), /*#__PURE__*/_react.default.createElement("p", null, "Give your address a name that reflects what it will store. Remember Satoshi's recommendation to spread your crypto investments over different addresses. "))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
-        initialValues: this.initialValues,
-        validationSchema: this.validationSchema,
-        onSubmit: this.onSubmit
-      }, function (_ref) {
-        var values = _ref.values,
-          errors = _ref.errors,
-          touched = _ref.touched,
-          handleBlur = _ref.handleBlur,
-          setFieldValue = _ref.setFieldValue,
-          setFieldTouched = _ref.setFieldTouched;
-        var onChangeWithTouch = function onChangeWithTouch(e) {
-          var setNameToRegister = _this2.props.setNameToRegister;
-          var field = e.target;
-          setFieldValue(field.name, field.value, false);
-          setFieldTouched(field.name);
-          setNameToRegister(field.value);
-        };
-        var submitDisabled = !touched.name || !!errors.name || isUpdatingUser;
-        return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPadding: true
-        }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
-          id: "register-algo-name",
-          name: "name",
-          label: "Address name",
-          value: values.name,
-          onChange: onChangeWithTouch,
-          onBlur: handleBlur,
-          error: !!errors.name,
-          touched: !!touched.name
-        }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          show: errors.name && touched.name
-        }, errors.name))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingHorizontal: true,
-          noPaddingBottom: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          type: "submit",
-          minWidth: "240px",
-          disabled: submitDisabled
-        }, "Use this name"), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          withTopSpacing: true,
-          show: error
-        }, error)));
-      })), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-        noPaddingBottom: true
-      }, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
-        items: [{
-          title: 'Why should I name my Algorand address?',
-          content: "If you're following best practice and spreading your crypto investments over different addresses, a name makes it easier to manage your portfolio."
-        }]
-      }))));
-    }
-  }]);
-  return AlgoAdressName;
-}(_react.PureComponent);
-AlgoAdressName.propTypes = {
-  changeStep: _propTypes.default.func.isRequired
-};
-var _default = AlgoAdressName;
-exports.default = _default;