@stokr/components-library 2.3.65-beta.1 → 2.3.65-beta.11

package/dist/components/ProfileHeader/ProfileHeader.js

@@ -1,252 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProfileHeader = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactCollapse = require("react-collapse");
-var _reactRouterDom = require("react-router-dom");
-var _ProfileBox = _interopRequireDefault(require("../ProfileBox/ProfileBox"));
-var _ProfileBadge = _interopRequireDefault(require("../ProfileBadge/ProfileBadge"));
-var _ProfileStat = _interopRequireDefault(require("../ProfileStat/ProfileStat"));
-var _ExpandButton = _interopRequireDefault(require("../ExpandButton/ExpandButton"));
-var _NotificationsCarousel = _interopRequireDefault(require("../NotificationsCarousel/NotificationsCarousel"));
-var _ToDoList = _interopRequireWildcard(require("../ToDoList/ToDoList"));
-var _Tabs = _interopRequireWildcard(require("../Tabs/Tabs"));
-var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
-var _SvgIcons = require("../SvgIcons");
-var _rwd = require("../../styles/rwd");
-var _AuthContext = require("context/AuthContext/AuthContext");
-var _EventDBContext = require("context/EventDBContext/EventDBContext");
-var _NotificationContext = require("context/NotificationContext/NotificationContext");
-var _ProfileHeader2 = require("./ProfileHeader.styles");
-var _avatarPlaceholder = _interopRequireDefault(require("../../static/images/avatar-placeholder.png"));
-var _customHooks = require("utils/customHooks");
-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 _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); }
-const UserAvatarComponent = props => {
-  const {
-    avatar,
-    authUser
-  } = props;
-  const [finalAvatar, setFinalAvatar] = (0, _react.useState)(undefined);
-  const prevProps = (0, _customHooks.usePrevious)({
-    avatar
-  });
-  let navigate = (0, _reactRouterDom.useNavigate)();
-  (0, _react.useEffect)(() => {
-    checkUserPhoto(avatar);
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (avatar != (prevProps === null || prevProps === void 0 ? void 0 : prevProps.avatar)) {
-      checkUserPhoto(avatar);
-    }
-    return () => {
-      if (prevProps != null) {
-        prevProps.avatar = avatar;
-      }
-    };
-  }, [avatar]);
-  const checkUserPhoto = avatar => {
-    try {
-      const http = new XMLHttpRequest();
-      http.open('HEAD', avatar, true);
-      http.send();
-      if (http.status !== 404) {
-        setFinalAvatar(avatar);
-      }
-    } catch (error) {
-      console.log('error: ', error);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_ProfileBox.default, {
-    name: authUser.username ? authUser.username : authUser.email,
-    pictureSrc: finalAvatar || _avatarPlaceholder.default,
-    handleEdit: () => {
-      navigate('/settings/profile-and-privacy');
-    }
-  });
-};
-function NotificationTab(_ref) {
-  let {
-    isMobile,
-    notifications,
-    authUser
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_NotificationsCarousel.default, {
-    dots: true,
-    isMobile: isMobile,
-    notifications: notifications,
-    authUser: authUser
-  });
-}
-const PANEL = {
-  NOTIFICATIONS: 'notifications',
-  TODOS: 'todos'
-};
-class ProfileHeader extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "setOptionalTasks", todos => {
-      this.setState({
-        optionalTodoList: todos
-      });
-    });
-    _defineProperty(this, "setAdditionalDocs", todos => {
-      this.setState({
-        additionalDocsTodoList: todos
-      });
-    });
-    _defineProperty(this, "togglePanel", panelId => {
-      const {
-        extendedPanel
-      } = this.state;
-      this.setState({
-        extendedPanel: extendedPanel !== panelId ? panelId : null
-      });
-      const tabsNavOffsetTop = this.tabScroll.current.offsetTop;
-      let scrollToPosition = tabsNavOffsetTop + 1;
-      window.scrollTo({
-        top: scrollToPosition,
-        behavior: 'smooth'
-      });
-    });
-    this.tabScroll = /*#__PURE__*/_react.default.createRef();
-    this.state = {
-      extendedPanel: null,
-      ether: 0,
-      euro: 0,
-      shouldRenderPage: false,
-      additionalDocsTodoList: [],
-      mandatoryTasksCount: 0,
-      walletsTasksCount: 0,
-      isFromAllowedCountry: undefined
-    };
-  }
-  async componentDidMount() {
-    const {
-      isChecklist,
-      user
-    } = this.props;
-    isChecklist && this.togglePanel(PANEL.TODOS);
-    !isChecklist && this.togglePanel(PANEL.NOTIFICATIONS);
-    this.generateTodos(user);
-  }
-  render() {
-    const {
-      extendedPanel,
-      mandatoryTasksCount,
-      walletsTasksCount,
-      isFromAllowedCountry
-    } = this.state;
-    const badge = this.props.user.badge ? this.props.user.badge : 'Early Adopter';
-    return /*#__PURE__*/_react.default.createElement(_AuthContext.AuthConsumer, null, _ref2 => {
-      let {
-        authUser,
-        avatar
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_EventDBContext.EventDBConsumer, null, _ref3 => {
-        let {
-          totalInvestment,
-          dollarInEuro
-        } = _ref3;
-        return /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Container, null, /*#__PURE__*/_react.default.createElement(_NotificationContext.NotificationConsumer, null, _ref4 => {
-          let {
-            notifications,
-            toggleIsRead,
-            unreadNotificationsCount
-          } = _ref4;
-          return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Main, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.AvatarBox, null, /*#__PURE__*/_react.default.createElement(UserAvatarComponent, {
-            authUser: authUser,
-            avatar: avatar
-          })), /*#__PURE__*/_react.default.createElement(_ProfileHeader2.InfoBox, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.InfoInner, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Badges, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Badge, {
-            onClick: () => {
-              this.setState({
-                extendedPanel: PANEL.TODOS
-              });
-              const tabsNavOffsetTop = this.tabScroll.current.offsetTop;
-              let scrollToPosition = tabsNavOffsetTop + 1;
-              if (window.innerWidth < 768) {
-                scrollToPosition = tabsNavOffsetTop;
-              }
-              window.scrollTo({
-                top: scrollToPosition,
-                behavior: 'smooth'
-              });
-            },
-            isClickable: true
-          }, /*#__PURE__*/_react.default.createElement(_ProfileBadge.default, {
-            title: mandatoryTasksCount + walletsTasksCount === 0 && isFromAllowedCountry ? 'READY TO INVEST' : 'NOT READY TO INVEST',
-            icon: mandatoryTasksCount + walletsTasksCount === 0 && /*#__PURE__*/_react.default.createElement(_SvgIcons.VerifiedBadge, null),
-            color: "red"
-          })), /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Badge, {
-            borderBottom: true
-          }, /*#__PURE__*/_react.default.createElement(_ProfileBadge.default, {
-            title: badge,
-            withIcon: true
-          }))), /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Stats, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Stat, null, /*#__PURE__*/_react.default.createElement(_ProfileStat.default, {
-            label: "Total Investment",
-            unit: "\u20AC",
-            value: isFinite(totalInvestment) ? totalInvestment.toFixed(2) : '',
-            eqUnit: "$",
-            eqValue: isFinite(totalInvestment) ? (totalInvestment / dollarInEuro).toFixed(2) : ''
-          })))), /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Togglers, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Toggler, null, /*#__PURE__*/_react.default.createElement(_ExpandButton.default, {
-            greenCounter: true,
-            title: "Notifications",
-            counter: unreadNotificationsCount,
-            isOpened: extendedPanel === PANEL.NOTIFICATIONS,
-            onClick: () => {
-              this.togglePanel(PANEL.NOTIFICATIONS);
-            }
-          }), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
-            down: true,
-            breakpoint: "Medium"
-          }, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-            isOpened: extendedPanel === PANEL.NOTIFICATIONS
-          }, /*#__PURE__*/_react.default.createElement(NotificationTab, {
-            isMobile: true,
-            notifications: notifications,
-            authUser: authUser
-          })))), /*#__PURE__*/_react.default.createElement(_ProfileHeader2.Toggler, {
-            ref: this.tabScroll
-          }, /*#__PURE__*/_react.default.createElement(_ExpandButton.default, {
-            title: "Checklist",
-            counter: mandatoryTasksCount + walletsTasksCount,
-            isOpened: extendedPanel === PANEL.TODOS,
-            onClick: () => {
-              this.togglePanel(PANEL.TODOS);
-            }
-          }), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
-            down: true,
-            breakpoint: "Medium"
-          }, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-            isOpened: extendedPanel === PANEL.TODOS
-          }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null))))))), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
-            up: true,
-            breakpoint: "Medium"
-          }, /*#__PURE__*/_react.default.createElement(_ProfileHeader2.TabsContainer, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-            noPadding: true,
-            borderBottom: true
-          }, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-            isOpened: extendedPanel !== null
-          }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
-            activeTab: extendedPanel
-          }, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-            tabId: PANEL.NOTIFICATIONS
-          }, /*#__PURE__*/_react.default.createElement(NotificationTab, {
-            notifications: notifications,
-            authUser: authUser
-          })), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-            tabId: PANEL.TODOS
-          }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null))))))));
-        }));
-      });
-    });
-  }
-}
-exports.ProfileHeader = ProfileHeader;
-var _default = exports.default = ProfileHeader;

package/dist/components/ProfileHeader/ProfileHeader.styles.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Togglers = exports.Toggler = exports.TabsContainer = exports.Stats = exports.Stat = exports.Main = exports.InfoInner = exports.InfoBox = exports.Container = exports.Badges = exports.Badge = exports.AvatarBox = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _rwd = _interopRequireDefault(require("../../styles/rwd"));
-var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
-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 Container = exports.Container = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Container",
-  componentId: "sc-gnb32a-0"
-})(["position:relative;display:block;"]);
-const Main = exports.Main = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Main",
-  componentId: "sc-gnb32a-1"
-})(["position:relative;z-index:1;display:block;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n  "]))));
-const AvatarBox = exports.AvatarBox = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__AvatarBox",
-  componentId: "sc-gnb32a-2"
-})(["width:100%;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 31%;\n  "]))));
-const InfoBox = exports.InfoBox = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__InfoBox",
-  componentId: "sc-gnb32a-3"
-})(["width:100%;", ""], _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 69%;\n    display: flex;\n    flex-direction: column;\n  "]))));
-const InfoInner = exports.InfoInner = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__InfoInner",
-  componentId: "sc-gnb32a-4"
-})(["", ""], _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    display: flex;\n    flex-direction: row;\n  "]))));
-const Badges = exports.Badges = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Badges",
-  componentId: "sc-gnb32a-5"
-})(["display:flex;flex-direction:row;", " ", ""], _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    flex-direction: column;\n  "]))), _rwd.default.Large(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 27.6%;\n  "]))));
-const Badge = exports.Badge = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Badge",
-  componentId: "sc-gnb32a-6"
-})(["flex-grow:1;display:flex;cursor:", ";", " ", ";", ";"], _ref => {
-  let {
-    isClickable
-  } = _ref;
-  return isClickable && 'pointer';
-}, _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    height: 50%;\n  "]))), props => props.borderTop && "\n    border-top: 1px solid ".concat(_theme.default.cLightGrey, ";\n  "), props => props.borderBottom && "\n    border-bottom: 1px solid ".concat(_theme.default.cLightGrey, ";\n  "));
-const Stats = exports.Stats = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Stats",
-  componentId: "sc-gnb32a-7"
-})(["", ""], _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  "]))));
-const Stat = exports.Stat = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Stat",
-  componentId: "sc-gnb32a-8"
-})(["flex-grow:1;display:flex;", " ", ";", ";"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    height: 50%;\n  "]))), props => props.borderTop && "\n    border-top: 1px solid ".concat(_theme.default.cPrimaryDark, ";\n  "), props => props.borderBottom && "\n    border-bottom: 1px solid ".concat(_theme.default.cPrimaryDark, ";\n  "));
-const Togglers = exports.Togglers = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Togglers",
-  componentId: "sc-gnb32a-9"
-})(["", ""], _rwd.default.Medium(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    border-right: 64px solid ", ";\n  "])), props => _theme.default.cWarning));
-const Toggler = exports.Toggler = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__Toggler",
-  componentId: "sc-gnb32a-10"
-})(["", ""], _rwd.default.Medium(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    border-left: 1px solid ", ";\n  "])), props => _theme.default.cLightGrey));
-const TabsContainer = exports.TabsContainer = _styledComponents.default.div.withConfig({
-  displayName: "ProfileHeaderstyles__TabsContainer",
-  componentId: "sc-gnb32a-11"
-})(["position:relative;z-index:0;margin-top:-1px;"]);

package/dist/components/ProfileStat/ProfileStat.stories.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProfileStatOverview = exports.ProfileStatExample = exports.ProfileStatBorderID = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ProfileStat = require("./ProfileStat");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Profile Stat',
-  component: _ProfileStat.ProfileStat,
-  argTypes: {
-    label: {
-      type: 'string',
-      required: true
-    },
-    value: {
-      type: 'string',
-      required: true
-    },
-    unit: {
-      type: 'string'
-    },
-    eqUnit: {
-      type: 'string',
-      defaultValue: ''
-    },
-    eqValue: {
-      type: 'string',
-      defaultValue: ''
-    },
-    withBorder: {
-      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(_ProfileStat.ProfileStat, args)));
-const ProfileStatExample = exports.ProfileStatExample = Template.bind({});
-ProfileStatExample.args = {
-  label: 'A Label',
-  value: '44',
-  unit: '$',
-  eqUnit: '€',
-  eqValue: '37,50'
-};
-const ProfileStatBorderID = exports.ProfileStatBorderID = Template.bind({});
-ProfileStatBorderID.args = {
-  label: 'A Label',
-  value: '44',
-  unit: '$',
-  eqUnit: '€',
-  eqValue: '37,50',
-  withBorder: true
-};
-const ProfileStatOverview = exports.ProfileStatOverview = Template.bind({});
-ProfileStatOverview.args = {
-  label: 'A Label',
-  value: 'Value',
-  unit: 'Unit',
-  eqUnit: 'eq-Unit',
-  eqValue: 'eq-Value'
-};

package/dist/components/ProofOfAddress/ProofOfAddress.styles.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileInputWrapper = exports.FileInputRemove = exports.FileInputList = exports.FileInputItem = exports.FileInput = exports.CTABox = void 0;
-var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-var _theme = _interopRequireDefault(require("../../styles/theme"));
-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); }
-const CTABox = exports.CTABox = _styledComponents.default.div.withConfig({
-  displayName: "ProofOfAddressstyles__CTABox",
-  componentId: "sc-1a4m108-0"
-})(["display:flex;flex-direction:column;", "{width:240px;}span{font-size:11px;position:relative;top:-2px;}"], _Button.default);
-const FileInput = exports.FileInput = _styledComponents.default.input.attrs(props => _objectSpread({
-  type: 'file'
-}, props)).withConfig({
-  displayName: "ProofOfAddressstyles__FileInput",
-  componentId: "sc-1a4m108-1"
-})(["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: "ProofOfAddressstyles__FileInputWrapper",
-  componentId: "sc-1a4m108-2"
-})(["position:relative;word-break:break-all;margin:0;"]);
-const FileInputRemove = exports.FileInputRemove = (0, _styledComponents.default)(_Icon.default).attrs({
-  icon: _Icon.iconsMap.trash
-}).withConfig({
-  displayName: "ProofOfAddressstyles__FileInputRemove",
-  componentId: "sc-1a4m108-3"
-})(["margin-right:10px;right:0px;font-size:16px;cursor:pointer;transition:0.3s color;color:", ";border-radius:50%;border:1px solid ", ";padding:10px;&:hover{color:", ";}", ""], props => _theme.default.cWarning, props => _theme.default.cLightGrey, props => _theme.default.cPrimary, _ref => {
-  let {
-    disabled
-  } = _ref;
-  return disabled && (0, _styledComponents.css)(["pointer-events:none !important;opacity:0.2;cursor:default;"]);
-});
-const FileInputList = exports.FileInputList = _styledComponents.default.ul.withConfig({
-  displayName: "ProofOfAddressstyles__FileInputList",
-  componentId: "sc-1a4m108-4"
-})(["list-style-type:none;padding:0;font-size:12px;width:100%;"]);
-const FileInputItem = exports.FileInputItem = _styledComponents.default.li.withConfig({
-  displayName: "ProofOfAddressstyles__FileInputItem",
-  componentId: "sc-1a4m108-5"
-})(["padding:0 46px 0 8px;margin-right:8px;position:relative;word-break:break-all;"]);

package/dist/components/QRCode/QRCode.stories.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithShadow = exports.Large = exports.HighErrorCorrection = exports.Default = exports.CustomColors = exports.CustomBackground = exports.ColorfulQR = exports.BlackBackgroundWhiteQR = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _QRCode = _interopRequireDefault(require("./QRCode"));
-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(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); }
-var _default = exports.default = {
-  title: 'Components/QRCode',
-  component: _QRCode.default,
-  argTypes: {
-    size: {
-      control: {
-        type: 'range',
-        min: 64,
-        max: 512,
-        step: 8
-      }
-    },
-    padding: {
-      control: {
-        type: 'range',
-        min: 0,
-        max: 32,
-        step: 2
-      }
-    },
-    fgColor: {
-      control: 'color'
-    },
-    bgColor: {
-      control: 'color'
-    },
-    backgroundColor: {
-      control: 'color'
-    },
-    level: {
-      control: {
-        type: 'select',
-        options: ['L', 'M', 'Q', 'H']
-      }
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_QRCode.default, args);
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  value: 'https://example.com',
-  size: 128,
-  fgColor: '#000000',
-  bgColor: '#ffffff',
-  backgroundColor: '#ffffff',
-  level: 'L',
-  padding: 8,
-  withShadow: false
-};
-const BlackBackgroundWhiteQR = exports.BlackBackgroundWhiteQR = Template.bind({});
-BlackBackgroundWhiteQR.args = {
-  value: 'https://example.com',
-  size: 128,
-  fgColor: '#ffffff',
-  bgColor: '#000000',
-  backgroundColor: '#000000',
-  level: 'H',
-  padding: 16,
-  withShadow: true
-};
-const WithShadow = exports.WithShadow = Template.bind({});
-WithShadow.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  withShadow: true
-});
-const CustomColors = exports.CustomColors = Template.bind({});
-CustomColors.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  fgColor: '#0066cc',
-  bgColor: '#f0f0f0'
-});
-const CustomBackground = exports.CustomBackground = Template.bind({});
-CustomBackground.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  backgroundColor: '#f5f5f5',
-  padding: 16
-});
-const ColorfulQR = exports.ColorfulQR = Template.bind({});
-ColorfulQR.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  fgColor: '#ff6600',
-  bgColor: '#ffffff',
-  backgroundColor: '#e6f7ff',
-  padding: 20,
-  withShadow: true
-});
-const HighErrorCorrection = exports.HighErrorCorrection = Template.bind({});
-HighErrorCorrection.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  level: 'H'
-});
-const Large = exports.Large = Template.bind({});
-Large.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  size: 256
-});

package/dist/components/Radio/Radio.stories.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RadioChecked = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Radio = _interopRequireDefault(require("./Radio"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Radio',
-  component: _Radio.default,
-  argTypes: {
-    id: {
-      type: 'string',
-      required: true
-    },
-    name: {
-      type: 'string',
-      defaultValue: ''
-    },
-    text: {
-      type: 'string or node',
-      defaultValue: ''
-    },
-    label: {
-      type: 'string',
-      defaultValue: ''
-    },
-    value: {
-      type: 'string',
-      defaultValue: ''
-    },
-    checked: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    error: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    touched: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    onChange: {
-      type: 'function',
-      action: 'onChange'
-    },
-    onBlur: {
-      type: 'function',
-      action: 'onBlur'
-    },
-    onFocus: {
-      type: 'function',
-      action: 'onFocus'
-    }
-  }
-};
-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(_Radio.default, args)));
-const RadioChecked = exports.RadioChecked = Template.bind({});
-RadioChecked.args = {
-  value: 'Value',
-  name: 'Name',
-  text: 'Text, or other Element',
-  label: 'Label',
-  checked: true
-};
-
-//doublecheck:
-// actions not working

package/dist/components/RefreshButton/RefreshButton.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RefreshButtonDefault = exports.RefreshButtonChild1 = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _RefreshButton = require("./RefreshButton");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _Number = require("../Number/Number");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { TransactionDetails1 } from '../TransactionDetails/TransactionDetails.stories'
-var _default = exports.default = {
-  title: 'Components Library/Buttons/RefreshButton',
-  component: _RefreshButton.RefreshButton,
-  argTypes: {
-    children: {
-      type: 'node',
-      required: true
-    }
-  }
-};
-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(_RefreshButton.RefreshButton, args)));
-const RefreshButtonDefault = exports.RefreshButtonDefault = Template.bind({});
-RefreshButtonDefault.args = {};
-const RefreshButtonChild1 = exports.RefreshButtonChild1 = Template.bind({});
-RefreshButtonChild1.args = {
-  children: /*#__PURE__*/_react.default.createElement(_Number.Number, null)
-};
-// export const RefreshButtonChild2 = Template.bind({})
-// RefreshButtonChild2.args = {
-//   children: <TransactionDetails1 />,
-// }
-
-// doublecheck:
-//children = node
-//try to get e.g. story of Transactiondetails in here as child - not working cause data not moved?