@stokr/components-library 2.3.65-beta.9 → 2.3.66

package/dist/components/KYCFlow/Terms.js

@@ -1,119 +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 _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(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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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); }
-class KYCTerms extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      popupOpen: false
-    });
-    _defineProperty(this, "handlePopup", isOpen => {
-      const {
-        formik
-      } = this.props;
-      const {
-        validateField,
-        values
-      } = formik;
-      validateField('notUsResident');
-      validateField('termsAccepted');
-      const buttonDisabled = !values.termsAccepted || !values.notUsResident;
-      this.setState({
-        popupOpen: buttonDisabled ? isOpen : false
-      });
-    });
-  }
-  render() {
-    const {
-      changeStep,
-      formik
-    } = this.props;
-    const {
-      values,
-      errors
-    } = formik;
-    const {
-      popupOpen
-    } = this.state;
-    const 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: () => this.handlePopup(true),
-      onMouseLeave: () => this.handlePopup(false)
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: () => 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: () => (0, _Form.validate)('termsAccepted', formik)
-    }, _ref => {
-      let {
-        field
-      } = _ref;
-      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: () => (0, _Form.validate)('notUsResident', formik)
-    }, _ref2 => {
-      let {
-        field
-      } = _ref2;
-      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]));
-    }))))));
-  }
-}
-KYCTerms.propTypes = {
-  changeStep: _propTypes.default.func.isRequired,
-  formik: _propTypes.default.instanceOf(Object).isRequired
-};
-var _default = exports.default = (0, _formik.connect)(KYCTerms);

package/dist/components/KYCFlow/_styles.js

@@ -1,111 +0,0 @@
-"use strict";
-
-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;
-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(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      "]))));
-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  "]))));
-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;", ""], 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);
-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;", " ", " ", ""], 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(_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;", ""], 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%;", " ", " ", " ", " ", " ", " ", ""], 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;"]);
-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;"]);
-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);
-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, 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%;"]);
-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;"]);
-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);
-const DoneButton = exports.DoneButton = _styledComponents.default.button.attrs({
-  className: 'ion ion-md-checkmark'
-}).withConfig({
-  displayName: "_styles__DoneButton",
-  componentId: "sc-xz1pa8-15"
-})(["", ";"], DocumentScanButtonsStyle);
-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;"]);
-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;"]);
-const FormBottomButtonWrap = exports.FormBottomButtonWrap = _styledComponents.default.div.withConfig({
-  displayName: "_styles__FormBottomButtonWrap",
-  componentId: "sc-xz1pa8-18"
-})(["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

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

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

@@ -1,29 +0,0 @@
-"use strict";
-
-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;
-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: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,
-  isGreyedOut: _propTypes.default.bool
-};
-KYCSelectBox.defaultProps = {
-  isGreyedOut: false
-};
-var _default = exports.default = KYCSelectBox;

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

@@ -1,58 +0,0 @@
-"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");
-var _global = _interopRequireDefault(require("../../styles/global"));
-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 = exports.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
-    }
-  }
-};
-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 = {};
-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',
-  title: 'A Title',
-  text: 'Some Text',
-  url: 'www.somelink.com',
-  horizontalPadding: true
-};

package/dist/components/Layout/Layout.stories.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LayoutDefault = exports.LatestUpdateFull = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Layout = require("./Layout");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Layout',
-  component: _Layout.Layout,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: ''
-    },
-    progress: {
-      type: 'boolean',
-      defaultValue: null
-    },
-    signupFlow: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    loginHandler: {
-      type: 'function',
-      action: 'loginHandler'
-      //   defaultValue: () => {},
-    },
-    signupHandler: {
-      type: 'function',
-      action: 'signupHandler'
-      //   defaultValue: () => {},
-    },
-    children: {
-      type: 'node',
-      defaultValue: [],
-      required: true
-    },
-    footerColor: {
-      type: 'string',
-      defaultValue: 'red'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Layout.Layout, args));
-const LayoutDefault = exports.LayoutDefault = Template.bind({});
-LayoutDefault.args = {};
-const LatestUpdateFull = exports.LatestUpdateFull = Template.bind({});
-LatestUpdateFull.args = {
-  title: 'A Title',
-  //   progress: true,
-  signupFlow: true,
-  footerColor: 'blue'
-};
-
-// doublecheck:
-// ref to header not found...

package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LearnMoreCarousel4VD = exports.LearnMoreCarousel3 = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _LearnMoreCarousel = require("./LearnMoreCarousel");
-var _Number = require("../Number/Number");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { OneSvg, TwoSvg, ThreeSvg, FourSvg } from '../SvgIcons'
-var _default = exports.default = {
-  title: 'Components Library/LearnMoreCarousel',
-  component: _LearnMoreCarousel.LearnMoreCarousel,
-  argTypes: {
-    children: {
-      type: 'node',
-      defaultValue: [],
-      required: true
-    },
-    autoplay: {
-      type: 'number',
-      defaultValue: 600
-    },
-    dots: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    arrows: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    infinite: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    isMobile: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    settings: [{}]
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LearnMoreCarousel.LearnMoreCarousel, args));
-const LearnMoreCarousel3 = exports.LearnMoreCarousel3 = Template.bind({});
-LearnMoreCarousel3.args = {
-  children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
-  autoplay: 600,
-  dots: true,
-  arrows: true,
-  infinite: true
-};
-const LearnMoreCarousel4VD = exports.LearnMoreCarousel4VD = Template.bind({});
-LearnMoreCarousel4VD.args = {
-  children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
-  autoplay: 800,
-  dots: true,
-  arrows: true,
-  styleVD: true,
-  infinite: true
-};
-
-//doublecheck:
-// autoplay is autoplayspeed
-// why is autoplay stopping in SB?

package/dist/components/LearnMorePage/LearnMore.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LearnMoreDefault = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _LearnMore = require("./LearnMore");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles'
-var _default = exports.default = {
-  title: 'Components Library/LearnMorePage/LearnMore',
-  component: _LearnMore.LearnMore,
-  argTypes: {
-    items: {
-      type: 'array of shape',
-      defaultValue: [],
-      required: true
-    },
-    categories: {
-      type: 'array of shape',
-      defaultValue: [],
-      required: true
-    },
-    subcategories: {
-      type: 'array of shape',
-      defaultValue: [],
-      required: true
-    },
-    onMarkComplete: {
-      type: 'function'
-    },
-    activeCategory: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    activeItem: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LearnMore.LearnMore, args));
-const LearnMoreDefault = exports.LearnMoreDefault = Template.bind({});
-LearnMoreDefault.args = {};