@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/KYCFlow/_styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,148 +12,100 @@ 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; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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({
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Wrapper = exports.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({
+const Header = exports.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({
+const HeaderTitle = exports.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({
+})(["font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;", ""], props => props.withMargin && 'margin-top: 16px;');
+const HeaderButtonWrapper = exports.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({
+})(["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);
+const Body = exports.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({
+})(["padding:21px 24px;height:100%;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;", " ", " ", ""], props => props.noVerticalPadding && "\n    padding-top: 0!important;\n    padding-bottom: 0!important;\n  ", props => props.noHorizontalPadding && "\n    padding-left: 0;\n    padding-right: 0;\n  ", props => props.form && (0, _styledComponents.css)(["padding:21px 48px;justify-content:flex-start;", "{flex-shrink:0;}"], _Grid.Row));
+const BottomWrapper = exports.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({
+})(["", "{display:flex;justify-content:space-between;flex-direction:column;", " + ", "{padding-top:32px;", "}", "{white-space:nowrap;padding-left:28px;}}"], _Form.FormField, _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: inline-block;\n      vertical-align: middle;\n      margin-right: 44px;\n    "]))), _Form.FormField, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding-top: 0;\n      "]))), _Form.FormError);
+const BodyTitle = exports.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({
+})(["text-align:center;margin:0 auto;font-size:11px;font-weight:bold;line-height:1.82;letter-spacing:2px;", ""], props => props.faceScan && "\n    margin-top: 20px;\n  ");
+const ColumnInner = exports.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({
+})(["display:flex;flex-direction:column;align-items:center;height:100%;", " ", " ", " ", " ", " ", " ", ""], props => props.verticalPadding && "\n    padding-top: 40px;\n    padding-bottom: 40px;\n  ", props => props.horizontalPadding && "\n    padding-left: 36px;\n    padding-right: 36px;\n  ", props => props.formInner && "\n    padding-left: 18px;\n    padding-right: 18px;\n    align-items: stretch;\n  ", props => props.withSeparator && "\n    border-bottom: 1px solid ".concat(_colors.default.lightGrey, ";\n  "), props => props.verticalCenter && "\n    justify-content: center;\n  ", props => props.verticalSpaceAround && "\n    justify-content: space-around;\n  ", _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.withSeparator && "\n      border-bottom: 0;\n      border-right: 1px solid ".concat(_colors.default.lightGrey, ";\n    ")));
+const FileInput = exports.FileInput = _styledComponents.default.input.attrs(props => _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({
+const FileInputWrapper = exports.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({
+const FileInputRemove = exports.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({
+const SuccessMark = exports.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({
+})(["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, props => props.isHidden && "\n    opacity: 0;\n  ");
+const FileInputList = exports.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({
+const FileInputItem = exports.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({
+const DocumentScanButtonsStyle = (0, _styledComponents.css)(["width:40px;height:40px;margin-top:20px;margin-bottom:10px;border-radius:50%;background:", ";color:", ";display:flex !important;justify-content:center;align-items:center;font-size:18px;& > svg{fill:", ";stroke:", ";}"], _colors.default.blue, _colors.default.white, _colors.default.white, _colors.default.white);
+const RetakeButton = exports.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({
+const DoneButton = exports.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({
+const Mask = exports.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({
+const FormBottomRow = exports.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({
+const FormBottomButtonWrap = exports.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;
+})(["padding-top:32px;margin:auto;", ""], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    margin-right: 0;\n  "]))));

package/dist/components/KYCFlow/index.js

@@ -5,79 +5,79 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "BasicInfo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _BasicInfo.default;
   }
 });
 Object.defineProperty(exports, "Confirmation", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Confirmation.default;
   }
 });
 Object.defineProperty(exports, "DocumentFileUpload", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentFileUpload.default;
   }
 });
 Object.defineProperty(exports, "DocumentScan", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentScan.default;
   }
 });
 Object.defineProperty(exports, "DocumentScanUpload", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentScanUpload.default;
   }
 });
 Object.defineProperty(exports, "DocumentSelect", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentSelect.default;
   }
 });
 Object.defineProperty(exports, "DocumentSuccess", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentSuccess.default;
   }
 });
 Object.defineProperty(exports, "DocumentUpload", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentUpload.default;
   }
 });
 Object.defineProperty(exports, "DocumentVerificationType", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentVerificationType.default;
   }
 });
 Object.defineProperty(exports, "FaceScan", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FaceScan.default;
   }
 });
 Object.defineProperty(exports, "FaceScanRecognition", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FaceScanRecognition.default;
   }
 });
 Object.defineProperty(exports, "FaceScanSuccess", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FaceScanSuccess.default;
   }
 });
 Object.defineProperty(exports, "Terms", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Terms.default;
   }
 });
@@ -94,4 +94,4 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,24 +10,14 @@ 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({
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const KYCSelectBox = exports.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;
+})(["display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:60px 0;height:100%;svg,", ",", "{opacity:1;transition:0.3s opacity;}", " ", " ", " ", ""], _Button.default, _Text.default, props => props.withSeparator && "\n    border-bottom: 1px solid ".concat(_colors.default.grey, ";\n  "), _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.withSeparator && "\n      border-bottom: 0;\n      border-right: 1px solid ".concat(_colors.default.grey, ";\n    ")), props => props.selectedItem && props.selectedItem !== props.name && (0, _styledComponents.css)(["svg,", ",", "{opacity:0.2;}:hover{svg,", ",", "{opacity:1;}}"], _Button.default, _Text.default, _Button.default, _Text.default), props => props.isGreyedOut && (0, _styledComponents.css)(["svg,", ",", "{opacity:0.2;}"], _Button.default, _Text.default));
 KYCSelectBox.propTypes = {
   name: _propTypes.default.string.isRequired,
   selectedItem: _propTypes.default.string.isRequired,
@@ -37,5 +26,4 @@ KYCSelectBox.propTypes = {
 KYCSelectBox.defaultProps = {
   isGreyedOut: false
 };
-var _default = KYCSelectBox;
-exports.default = _default;
+var _default = exports.default = KYCSelectBox;

package/dist/components/LatestUpdate/LatestUpdate.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LatestUpdate = void 0;
 Object.defineProperty(exports, "LatestUpdateWrapper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LatestUpdate.LatestUpdateWrapper;
   }
 });
@@ -14,14 +14,16 @@ 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;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LatestUpdate = _ref => {
+  let {
+    image,
+    tag,
+    title,
+    text,
+    url,
+    horizontalPadding
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_LatestUpdate.Container, {
     to: url,
     horizontalPadding: horizontalPadding
@@ -47,5 +49,4 @@ LatestUpdate.defaultProps = {
   tag: '',
   horizontalPadding: false
 };
-var _default = LatestUpdate;
-exports.default = _default;
+var _default = exports.default = LatestUpdate;

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

@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _LatestUpdate = _interopRequireDefault(require("./LatestUpdate"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Avatar from '../../static/images/avatar.png'
 // import Shark from '../../static/images/shark.jpg'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Latest Update',
   component: _LatestUpdate.default,
   argTypes: {
@@ -44,15 +44,10 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_LatestUpdate.default, args)));
-};
-var LatestUpdateDefault = Template.bind({});
-exports.LatestUpdateDefault = LatestUpdateDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_LatestUpdate.default, args)));
+const LatestUpdateDefault = exports.LatestUpdateDefault = Template.bind({});
 LatestUpdateDefault.args = {};
-var LatestUpdateFull = Template.bind({});
-exports.LatestUpdateFull = LatestUpdateFull;
+const LatestUpdateFull = exports.LatestUpdateFull = Template.bind({});
 LatestUpdateFull.args = {
   image: 'https://www.cookingclassy.com/wp-content/uploads/2014/06/chocolate-chip-cookie-16.jpg',
   tag: 'a tag',

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

@@ -10,62 +10,49 @@ 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({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const LatestUpdateTitle = exports.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({
+const LatestUpdateHeadline = exports.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({
+const LatestUpdateWrapper = exports.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({
+const Container = exports.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({
+})(["display:block;padding:20px 0;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.horizontalPadding && "\n      padding: 20px 5%;\n    "));
+const ItemLink = exports.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({
+const ImageWrap = exports.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({
+const Image = exports.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({
+const Tag = exports.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({
+const Title = exports.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({
+const Text = exports.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({
+const ReadMore = exports.ReadMore = (0, _styledComponents.default)(_TextLink.default).withConfig({
   displayName: "LatestUpdatestyles__ReadMore",
   componentId: "sc-1tg99hq-10"
-})(["letter-spacing:2px;"]);
-exports.ReadMore = ReadMore;
+})(["letter-spacing:2px;"]);

package/dist/components/Layout/Layout-func-no-work.js

@@ -4,36 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProgressStatusConsumer = exports.Layout = void 0;
-var _styledComponents = require("styled-components");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
 var _global = _interopRequireDefault(require("../../styles/global"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _Header = _interopRequireDefault(require("../Header/Header"));
 var _Footer = _interopRequireDefault(require("../Footer/Footer"));
 var _Grid = require("../Grid/Grid.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 //import updateProgressStatus from 'actions/progress-status'
 
-var ProgressStatusContext = /*#__PURE__*/_react.default.createContext();
-var Layout = function Layout(props) {
-  var title = props.title,
-    progress = props.progress,
-    loginHandler = props.loginHandler,
-    signupHandler = props.signupHandler,
-    signupFlow = props.signupFlow,
-    children = props.children,
-    footerColor = props.footerColor,
-    noFooter = props.noFooter,
-    noLogout = props.noLogout,
-    updateProgressStatusAC = props.updateProgressStatusAC;
-  var handleProgressStatusChange = function handleProgressStatusChange(page, status) {
+const ProgressStatusContext = /*#__PURE__*/_react.default.createContext();
+const Layout = props => {
+  const {
+    title,
+    progress,
+    loginHandler,
+    signupHandler,
+    signupFlow,
+    children,
+    footerColor,
+    noFooter,
+    noLogout,
+    updateProgressStatusAC
+  } = props;
+  const handleProgressStatusChange = (page, status) => {
     updateProgressStatusAC(page, status);
   };
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
@@ -68,11 +69,10 @@ Layout.defaultProps = {
   progress: null,
   signupFlow: false,
   footerColor: 'red',
-  loginHandler: function loginHandler() {},
-  signupHandler: function signupHandler() {}
+  loginHandler: () => {},
+  signupHandler: () => {}
 };
-var ProgressStatusConsumer = ProgressStatusContext.Consumer;
+const ProgressStatusConsumer = exports.ProgressStatusConsumer = ProgressStatusContext.Consumer;
 
 // doublecheck: _ref undefined. no state..
-// doesn't have export deafsult?....
-exports.ProgressStatusConsumer = ProgressStatusConsumer;
+// doesn't have export deafsult?....