@stokr/components-library 0.6.7 → 0.6.8

package/dist/components/KYCFlow/Terms.js

@@ -0,0 +1,142 @@
+"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 _reactTippy = require("react-tippy");
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox/Checkbox"));
+var _Form = require("../Form/Form");
+var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _styles = require("./_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(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 KYCTerms = /*#__PURE__*/function (_PureComponent) {
+  _inherits(KYCTerms, _PureComponent);
+  var _super = _createSuper(KYCTerms);
+  function KYCTerms() {
+    var _this;
+    _classCallCheck(this, KYCTerms);
+    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), "state", {
+      popupOpen: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePopup", function (isOpen) {
+      var formik = _this.props.formik;
+      var validateField = formik.validateField,
+        values = formik.values;
+      validateField('notUsResident');
+      validateField('termsAccepted');
+      var buttonDisabled = !values.termsAccepted || !values.notUsResident;
+      _this.setState({
+        popupOpen: buttonDisabled ? isOpen : false
+      });
+    });
+    return _this;
+  }
+  _createClass(KYCTerms, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        changeStep = _this$props.changeStep,
+        formik = _this$props.formik;
+      var values = formik.values,
+        errors = formik.errors;
+      var popupOpen = this.state.popupOpen;
+      var buttonDisabled = !values.termsAccepted || !values.notUsResident;
+      return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, null, "Terms and conditions"), /*#__PURE__*/_react.default.createElement(_styles.HeaderButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
+        open: popupOpen,
+        position: "bottom",
+        title: "Please correct all the required fields",
+        theme: "light",
+        arrow: true,
+        duration: 200
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        onMouseEnter: function onMouseEnter() {
+          return _this2.handlePopup(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.handlePopup(false);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        onClick: function onClick() {
+          return changeStep('kycDocumentUpload', 1, 0);
+        },
+        disabled: buttonDisabled
+      }, "Next"))))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
+        noHorizontalPadding: true
+      }, /*#__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("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.")))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingBottom: true
+      }, /*#__PURE__*/_react.default.createElement(_styles.BottomWrapper, null, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+        name: "termsAccepted",
+        validate: function validate() {
+          return (0, _Form.validate)('termsAccepted', formik);
+        }
+      }, function (_ref) {
+        var field = _ref.field;
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
+          id: "terms-accepted",
+          text: "I accept the full Terms and Conditions",
+          checked: field.value,
+          error: !!errors[field.name]
+        }, field, {
+          value: "yes"
+        })), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+          show: errors[field.name]
+        }, errors[field.name]));
+      })), /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+        name: "notUsResident",
+        validate: function validate() {
+          return (0, _Form.validate)('notUsResident', formik);
+        }
+      }, function (_ref2) {
+        var field = _ref2.field;
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
+          id: "not-us-resident",
+          text: "I am not a US resident",
+          checked: field.value,
+          error: !!errors[field.name]
+        }, field, {
+          value: "yes"
+        })), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+          show: errors[field.name]
+        }, errors[field.name]));
+      }))))));
+    }
+  }]);
+  return KYCTerms;
+}(_react.PureComponent);
+KYCTerms.propTypes = {
+  changeStep: _propTypes.default.func.isRequired,
+  formik: _propTypes.default.instanceOf(Object).isRequired
+};
+var _default = (0, _formik.connect)(KYCTerms);
+exports.default = _default;

package/dist/components/KYCFlow/_styles.js

@@ -0,0 +1,160 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.SuccessMark = exports.RetakeButton = exports.Mask = exports.HeaderTitle = exports.HeaderButtonWrapper = exports.Header = exports.FormBottomRow = exports.FormBottomButtonWrap = exports.FileInputWrapper = exports.FileInputRemove = exports.FileInputList = exports.FileInputItem = exports.FileInput = exports.DoneButton = exports.ColumnInner = exports.BottomWrapper = exports.BodyTitle = exports.Body = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _Form = require("../Form/Form");
+var _Grid = require("../Grid/Grid.styles");
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
+var _colors = _interopRequireDefault(require("../../styles/colors"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "_styles__Wrapper",
+  componentId: "sc-xz1pa8-0"
+})(["height:100%;display:flex;flex-direction:column;padding:33px 0;", "{p{", "}}"], _Text.default, _rwd.default.XLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 16px;\n      "]))));
+exports.Wrapper = Wrapper;
+var Header = _styledComponents.default.div.withConfig({
+  displayName: "_styles__Header",
+  componentId: "sc-xz1pa8-1"
+})(["min-height:82px;display:flex;flex-wrap:wrap;padding:12px 24px;flex-shrink:0;", ""], _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 21px 64px;\n  "]))));
+exports.Header = Header;
+var HeaderTitle = _styledComponents.default.div.withConfig({
+  displayName: "_styles__HeaderTitle",
+  componentId: "sc-xz1pa8-2"
+})(["font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;", ""], function (props) {
+  return props.withMargin && 'margin-top: 16px;';
+});
+exports.HeaderTitle = HeaderTitle;
+var HeaderButtonWrapper = _styledComponents.default.div.withConfig({
+  displayName: "_styles__HeaderButtonWrapper",
+  componentId: "sc-xz1pa8-3"
+})(["margin:0 auto;padding:8px 0;& > *{display:inline-block!important;}", " ", "", "", "{margin-right:16px;&:last-child{margin-right:0;}}"], _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-right: 0;\n  "]))), _Button.default, _Button.default, _Button.default);
+exports.HeaderButtonWrapper = HeaderButtonWrapper;
+var Body = _styledComponents.default.div.withConfig({
+  displayName: "_styles__Body",
+  componentId: "sc-xz1pa8-4"
+})(["padding:21px 24px;height:100%;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;", " ", " ", ""], function (props) {
+  return props.noVerticalPadding && "\n    padding-top: 0!important;\n    padding-bottom: 0!important;\n  ";
+}, function (props) {
+  return props.noHorizontalPadding && "\n    padding-left: 0;\n    padding-right: 0;\n  ";
+}, function (props) {
+  return props.form && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      padding: 21px 48px;\n      justify-content: flex-start;\n\n      ", " {\n        flex-shrink: 0;\n      }\n    "])), _Grid.Row);
+});
+exports.Body = Body;
+var BottomWrapper = _styledComponents.default.div.withConfig({
+  displayName: "_styles__BottomWrapper",
+  componentId: "sc-xz1pa8-5"
+})(["", "{display:flex;justify-content:space-between;flex-direction:column;", " + ", "{padding-top:32px;", "}", "{white-space:nowrap;padding-left:28px;}}"], _Form.FormField, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: inline-block;\n      vertical-align: middle;\n      margin-right: 44px;\n    "]))), _Form.FormField, _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        padding-top: 0;\n      "]))), _Form.FormError);
+exports.BottomWrapper = BottomWrapper;
+var BodyTitle = _styledComponents.default.div.withConfig({
+  displayName: "_styles__BodyTitle",
+  componentId: "sc-xz1pa8-6"
+})(["text-align:center;margin:0 auto;font-size:11px;font-weight:bold;line-height:1.82;letter-spacing:2px;", ""], function (props) {
+  return props.faceScan && "\n    margin-top: 20px;\n  ";
+});
+exports.BodyTitle = BodyTitle;
+var ColumnInner = _styledComponents.default.div.withConfig({
+  displayName: "_styles__ColumnInner",
+  componentId: "sc-xz1pa8-7"
+})(["display:flex;flex-direction:column;align-items:center;height:100%;", " ", " ", " ", " ", " ", " ", ""], function (props) {
+  return props.verticalPadding && "\n    padding-top: 40px;\n    padding-bottom: 40px;\n  ";
+}, function (props) {
+  return props.horizontalPadding && "\n    padding-left: 36px;\n    padding-right: 36px;\n  ";
+}, function (props) {
+  return props.formInner && "\n    padding-left: 18px;\n    padding-right: 18px;\n    align-items: stretch;\n  ";
+}, function (props) {
+  return props.withSeparator && "\n    border-bottom: 1px solid ".concat(_colors.default.lightGrey, ";\n  ");
+}, function (props) {
+  return props.verticalCenter && "\n    justify-content: center;\n  ";
+}, function (props) {
+  return props.verticalSpaceAround && "\n    justify-content: space-around;\n  ";
+}, _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
+  return props.withSeparator && "\n      border-bottom: 0;\n      border-right: 1px solid ".concat(_colors.default.lightGrey, ";\n    ");
+}));
+exports.ColumnInner = ColumnInner;
+var FileInput = _styledComponents.default.input.attrs(function (props) {
+  return _objectSpread({
+    type: 'file'
+  }, props);
+}).withConfig({
+  displayName: "_styles__FileInput",
+  componentId: "sc-xz1pa8-8"
+})(["visibility:hidden;position:absolute;width:0.1px;height:0.1px;z-index:-1;"]);
+exports.FileInput = FileInput;
+var FileInputWrapper = (0, _styledComponents.default)(_Button.default).attrs({
+  as: 'label',
+  type: undefined
+}).withConfig({
+  displayName: "_styles__FileInputWrapper",
+  componentId: "sc-xz1pa8-9"
+})(["position:relative;word-break:break-all;"]);
+exports.FileInputWrapper = FileInputWrapper;
+var FileInputRemove = (0, _styledComponents.default)(_Icon.default).attrs({
+  icon: _Icon.iconsMap.trash
+}).withConfig({
+  displayName: "_styles__FileInputRemove",
+  componentId: "sc-xz1pa8-10"
+})(["position:absolute;top:50%;right:0px;transform:translateY(-50%);font-size:16px;cursor:pointer;transition:0.3s color;color:", ";border-radius:50%;border:1px solid ", ";padding:10px;&:hover{color:", ";}"], _colors.default.orangishRed, _colors.default.lightGrey, _colors.default.blue);
+exports.FileInputRemove = FileInputRemove;
+var SuccessMark = (0, _styledComponents.default)(_Icon.default).attrs({
+  icon: _Icon.iconsMap.check
+}).withConfig({
+  displayName: "_styles__SuccessMark",
+  componentId: "sc-xz1pa8-11"
+})(["width:40px;height:40px;border-radius:50%;display:flex !important;justify-content:center;align-items:center;color:", ";margin:auto;font-size:18px;", ""], _colors.default.freshGreen, function (props) {
+  return props.isHidden && "\n    opacity: 0;\n  ";
+});
+exports.SuccessMark = SuccessMark;
+var FileInputList = _styledComponents.default.ul.withConfig({
+  displayName: "_styles__FileInputList",
+  componentId: "sc-xz1pa8-12"
+})(["list-style-type:none;padding:0;font-size:12px;width:100%;"]);
+exports.FileInputList = FileInputList;
+var FileInputItem = _styledComponents.default.li.withConfig({
+  displayName: "_styles__FileInputItem",
+  componentId: "sc-xz1pa8-13"
+})(["padding:0 46px 0 8px;margin-right:8px;position:relative;word-break:break-all;"]);
+exports.FileInputItem = FileInputItem;
+var DocumentScanButtonsStyle = (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 40px;\n  height: 40px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  border-radius: 50%;\n  background: ", ";\n  color: ", ";\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n  font-size: 18px;\n\n  & > svg {\n    fill: ", ";\n    stroke: ", ";\n  }\n"])), _colors.default.blue, _colors.default.white, _colors.default.white, _colors.default.white);
+var RetakeButton = _styledComponents.default.button.withConfig({
+  displayName: "_styles__RetakeButton",
+  componentId: "sc-xz1pa8-14"
+})(["", ";& > svg{width:22px !important;height:23px !important;}"], DocumentScanButtonsStyle);
+exports.RetakeButton = RetakeButton;
+var DoneButton = _styledComponents.default.button.attrs({
+  className: 'ion ion-md-checkmark'
+}).withConfig({
+  displayName: "_styles__DoneButton",
+  componentId: "sc-xz1pa8-15"
+})(["", ";"], DocumentScanButtonsStyle);
+exports.DoneButton = DoneButton;
+var Mask = _styledComponents.default.div.withConfig({
+  displayName: "_styles__Mask",
+  componentId: "sc-xz1pa8-16"
+})(["width:100%;height:100%;background:rgba(201,255,233,0.6);position:relative;"]);
+exports.Mask = Mask;
+var FormBottomRow = (0, _styledComponents.default)(_Grid.Row).withConfig({
+  displayName: "_styles__FormBottomRow",
+  componentId: "sc-xz1pa8-17"
+})(["padding-left:18px;padding-right:18px;padding-top:64px;"]);
+exports.FormBottomRow = FormBottomRow;
+var FormBottomButtonWrap = _styledComponents.default.div.withConfig({
+  displayName: "_styles__FormBottomButtonWrap",
+  componentId: "sc-xz1pa8-18"
+})(["padding-top:32px;margin:auto;", ""], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    margin-right: 0;\n  "]))));
+exports.FormBottomButtonWrap = FormBottomButtonWrap;

package/dist/components/KYCFlow/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BasicInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BasicInfo.default;
+  }
+});
+Object.defineProperty(exports, "Confirmation", {
+  enumerable: true,
+  get: function get() {
+    return _Confirmation.default;
+  }
+});
+Object.defineProperty(exports, "DocumentFileUpload", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentFileUpload.default;
+  }
+});
+Object.defineProperty(exports, "DocumentScan", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentScan.default;
+  }
+});
+Object.defineProperty(exports, "DocumentScanUpload", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentScanUpload.default;
+  }
+});
+Object.defineProperty(exports, "DocumentSelect", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentSelect.default;
+  }
+});
+Object.defineProperty(exports, "DocumentSuccess", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentSuccess.default;
+  }
+});
+Object.defineProperty(exports, "DocumentUpload", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentUpload.default;
+  }
+});
+Object.defineProperty(exports, "DocumentVerificationType", {
+  enumerable: true,
+  get: function get() {
+    return _DocumentVerificationType.default;
+  }
+});
+Object.defineProperty(exports, "FaceScan", {
+  enumerable: true,
+  get: function get() {
+    return _FaceScan.default;
+  }
+});
+Object.defineProperty(exports, "FaceScanRecognition", {
+  enumerable: true,
+  get: function get() {
+    return _FaceScanRecognition.default;
+  }
+});
+Object.defineProperty(exports, "FaceScanSuccess", {
+  enumerable: true,
+  get: function get() {
+    return _FaceScanSuccess.default;
+  }
+});
+Object.defineProperty(exports, "Terms", {
+  enumerable: true,
+  get: function get() {
+    return _Terms.default;
+  }
+});
+var _Terms = _interopRequireDefault(require("./Terms"));
+var _DocumentUpload = _interopRequireDefault(require("./DocumentUpload"));
+var _DocumentSelect = _interopRequireDefault(require("./DocumentSelect"));
+var _DocumentVerificationType = _interopRequireDefault(require("./DocumentVerificationType"));
+var _DocumentFileUpload = _interopRequireDefault(require("./DocumentFileUpload"));
+var _DocumentScan = _interopRequireDefault(require("./DocumentScan"));
+var _DocumentScanUpload = _interopRequireDefault(require("./DocumentScanUpload"));
+var _DocumentSuccess = _interopRequireDefault(require("./DocumentSuccess"));
+var _FaceScan = _interopRequireDefault(require("./FaceScan"));
+var _FaceScanRecognition = _interopRequireDefault(require("./FaceScanRecognition"));
+var _FaceScanSuccess = _interopRequireDefault(require("./FaceScanSuccess"));
+var _BasicInfo = _interopRequireDefault(require("./BasicInfo"));
+var _Confirmation = _interopRequireDefault(require("./Confirmation"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/KYCSelectBox/KYCSelectBox.styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.KYCSelectBox = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _colors = _interopRequireDefault(require("../../styles/colors"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _templateObject, _templateObject2, _templateObject3;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var KYCSelectBox = _styledComponents.default.div.withConfig({
+  displayName: "KYCSelectBoxstyles__KYCSelectBox",
+  componentId: "sc-12wzu1f-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:60px 0;height:100%;svg,", ",", "{opacity:1;transition:.3s opacity;}", " ", " ", " ", ""], _Button.default, _Text.default, function (props) {
+  return props.withSeparator && "\n    border-bottom: 1px solid ".concat(_colors.default.grey, ";\n  ");
+}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
+  return props.withSeparator && "\n      border-bottom: 0;\n      border-right: 1px solid ".concat(_colors.default.grey, ";\n    ");
+}), function (props) {
+  return props.selectedItem && props.selectedItem !== props.name && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      svg,\n      ", ", ", " {\n        opacity: 0.2;\n      }\n\n      :hover {\n        svg,\n        ", ", ", " {\n          opacity: 1;\n        }\n      }\n    "])), _Button.default, _Text.default, _Button.default, _Text.default);
+}, function (props) {
+  return props.isGreyedOut && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      svg,\n      ", ", ", " {\n        opacity: 0.2;\n      }\n    "])), _Button.default, _Text.default);
+});
+exports.KYCSelectBox = KYCSelectBox;
+KYCSelectBox.propTypes = {
+  name: _propTypes.default.string.isRequired,
+  selectedItem: _propTypes.default.string.isRequired,
+  isGreyedOut: _propTypes.default.bool
+};
+KYCSelectBox.defaultProps = {
+  isGreyedOut: false
+};
+var _default = KYCSelectBox;
+exports.default = _default;

package/dist/components/LatestUpdate/LatestUpdate.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LatestUpdate = void 0;
+Object.defineProperty(exports, "LatestUpdateWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _LatestUpdate.LatestUpdateWrapper;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _LatestUpdate = require("./LatestUpdate.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var LatestUpdate = function LatestUpdate(_ref) {
+  var image = _ref.image,
+    tag = _ref.tag,
+    title = _ref.title,
+    text = _ref.text,
+    url = _ref.url,
+    horizontalPadding = _ref.horizontalPadding;
+  return /*#__PURE__*/_react.default.createElement(_LatestUpdate.Container, {
+    to: url,
+    horizontalPadding: horizontalPadding
+  }, /*#__PURE__*/_react.default.createElement(_LatestUpdate.ItemLink, {
+    to: url
+  }, image && /*#__PURE__*/_react.default.createElement(_LatestUpdate.ImageWrap, null, /*#__PURE__*/_react.default.createElement(_LatestUpdate.Image, {
+    src: image
+  })), tag && /*#__PURE__*/_react.default.createElement(_LatestUpdate.Tag, null, tag), /*#__PURE__*/_react.default.createElement(_LatestUpdate.Title, null, title), /*#__PURE__*/_react.default.createElement(_LatestUpdate.Text, null, text), /*#__PURE__*/_react.default.createElement(_LatestUpdate.ReadMore, {
+    as: "span"
+  }, "read more")));
+};
+exports.LatestUpdate = LatestUpdate;
+LatestUpdate.propTypes = {
+  image: _propTypes.default.string,
+  tag: _propTypes.default.string,
+  title: _propTypes.default.string.isRequired,
+  text: _propTypes.default.string.isRequired,
+  url: _propTypes.default.string.isRequired,
+  horizontalPadding: _propTypes.default.bool
+};
+LatestUpdate.defaultProps = {
+  image: '',
+  tag: '',
+  horizontalPadding: false
+};
+var _default = LatestUpdate;
+exports.default = _default;

package/dist/components/LatestUpdate/LatestUpdate.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LatestUpdateFull = exports.LatestUpdateDefault = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LatestUpdate = _interopRequireDefault(require("./LatestUpdate"));
+var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import Avatar from '../../static/images/avatar.png'
+// import Shark from '../../static/images/shark.jpg'
+var _default = {
+  title: 'Components Library/Latest Update',
+  component: _LatestUpdate.default,
+  argTypes: {
+    image: {
+      type: 'node',
+      defaultValue: {}
+    },
+    tag: {
+      type: 'string',
+      defaultValue: ''
+    },
+    title: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    text: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    url: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    horizontalPadding: {
+      type: 'boolean',
+      defaultValue: false
+    }
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_LatestUpdate.default, args));
+};
+var LatestUpdateDefault = Template.bind({});
+exports.LatestUpdateDefault = LatestUpdateDefault;
+LatestUpdateDefault.args = {};
+var LatestUpdateFull = Template.bind({});
+exports.LatestUpdateFull = LatestUpdateFull;
+LatestUpdateFull.args = {
+  image: 'https://www.cookingclassy.com/wp-content/uploads/2014/06/chocolate-chip-cookie-16.jpg',
+  tag: 'a tag',
+  title: 'A Title',
+  text: 'Some Text',
+  url: 'www.somelink.com',
+  horizontalPadding: true
+};

package/dist/components/LatestUpdate/LatestUpdate.styles.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = exports.Text = exports.Tag = exports.ReadMore = exports.LatestUpdateWrapper = exports.LatestUpdateTitle = exports.LatestUpdateHeadline = exports.ItemLink = exports.ImageWrap = exports.Image = exports.Container = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactRouterDom = require("react-router-dom");
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _TextLink = _interopRequireDefault(require("../TextLink/TextLink.styles"));
+var _templateObject, _templateObject2;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var LatestUpdateTitle = _styledComponents.default.div.withConfig({
+  displayName: "LatestUpdatestyles__LatestUpdateTitle",
+  componentId: "sc-1tg99hq-0"
+})(["font-size:11px;line-height:24px;letter-spacing:2.06px;text-transform:uppercase;margin-bottom:9px;"]);
+exports.LatestUpdateTitle = LatestUpdateTitle;
+var LatestUpdateHeadline = _styledComponents.default.div.withConfig({
+  displayName: "LatestUpdatestyles__LatestUpdateHeadline",
+  componentId: "sc-1tg99hq-1"
+})(["font-size:22px;font-weight:900;letter-spacing:0.8px;line-height:28px;text-transform:uppercase;"]);
+exports.LatestUpdateHeadline = LatestUpdateHeadline;
+var LatestUpdateWrapper = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+  displayName: "LatestUpdatestyles__LatestUpdateWrapper",
+  componentId: "sc-1tg99hq-2"
+})(["padding:80px 32px;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 128px 64px;\n  "]))));
+exports.LatestUpdateWrapper = LatestUpdateWrapper;
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "LatestUpdatestyles__Container",
+  componentId: "sc-1tg99hq-3"
+})(["display:block;padding:20px 0;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
+  return props.horizontalPadding && "\n      padding: 20px 5%;\n    ";
+}));
+exports.Container = Container;
+var ItemLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
+  displayName: "LatestUpdatestyles__ItemLink",
+  componentId: "sc-1tg99hq-4"
+})(["display:block;"]);
+exports.ItemLink = ItemLink;
+var ImageWrap = _styledComponents.default.div.withConfig({
+  displayName: "LatestUpdatestyles__ImageWrap",
+  componentId: "sc-1tg99hq-5"
+})(["display:block;height:42px;margin-bottom:12px;"]);
+exports.ImageWrap = ImageWrap;
+var Image = _styledComponents.default.img.withConfig({
+  displayName: "LatestUpdatestyles__Image",
+  componentId: "sc-1tg99hq-6"
+})(["display:inline-block;max-width:100%;max-height:100%;margin-bottom:12px;object-fit:contain;object-position:0 100%;"]);
+exports.Image = Image;
+var Tag = _styledComponents.default.span.withConfig({
+  displayName: "LatestUpdatestyles__Tag",
+  componentId: "sc-1tg99hq-7"
+})(["display:block;font-size:11px;line-height:24px;margin-bottom:12px;text-transform:uppercase;"]);
+exports.Tag = Tag;
+var Title = _styledComponents.default.h3.withConfig({
+  displayName: "LatestUpdatestyles__Title",
+  componentId: "sc-1tg99hq-8"
+})(["display:block;font-family:'Open Sans';font-weight:600;font-size:16px;line-height:24px;margin:0;margin-bottom:20px;"]);
+exports.Title = Title;
+var Text = _styledComponents.default.span.withConfig({
+  displayName: "LatestUpdatestyles__Text",
+  componentId: "sc-1tg99hq-9"
+})(["display:block;font-size:16px;font-weight:300;line-height:24px;margin-bottom:20px;"]);
+exports.Text = Text;
+var ReadMore = (0, _styledComponents.default)(_TextLink.default).withConfig({
+  displayName: "LatestUpdatestyles__ReadMore",
+  componentId: "sc-1tg99hq-10"
+})(["letter-spacing:2px;"]);
+exports.ReadMore = ReadMore;