@stokr/components-library 0.6.6 → 0.6.8

package/dist/components/AccountBalance/AccountBalance.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.AccountBalance = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _InfoIcon = _interopRequireDefault(require("components/InfoIcon/InfoIcon"));
+var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
 var _AccountBalance = require("./AccountBalance.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var AccountBalance = function AccountBalance(_ref) {

package/dist/components/AdminDashboard/Table/Table.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ComponentScroll = _interopRequireDefault(require("components/ComponentScroll/ComponentScroll"));
+var _ComponentScroll = _interopRequireDefault(require("../../ComponentScroll/ComponentScroll"));
 var _Table = require("./Table.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/dist/components/AgreementItem/AgreementItem.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.AgreementItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _InfoIcon = _interopRequireDefault(require("components/InfoIcon/InfoIcon"));
-var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
-var _Checkbox = _interopRequireWildcard(require("components/Checkbox/Checkbox"));
-var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
+var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Checkbox = _interopRequireWildcard(require("../Checkbox/Checkbox"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _AgreementItem = require("./AgreementItem.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/dist/components/AgreementItem/AgreementItem.stories.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _AgreementItem = _interopRequireDefault(require("./AgreementItem"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import Checkbox, { CheckboxPropTypes } from 'components/Checkbox/Checkbox'
+// import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
 var _default = {
   title: 'Components Library/Agreement Item',
   component: _AgreementItem.default,

package/dist/components/AnalyticGraphs/Analytic.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Analytic = void 0;
-var _Matomo = _interopRequireDefault(require("components/MatomoConnect/Matomo"));
+var _Matomo = _interopRequireDefault(require("../MatomoConnect/Matomo"));
 var Moment = _interopRequireWildcard(require("moment"));
 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; }

package/dist/components/AnalyticGraphs/Analytic.styles.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ChartContainer = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var colorTheme = function colorTheme(props) {
   return {

package/dist/components/BackButton/BackButton.styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledWindowBackButton = exports.StyledBackButtonExternal = exports.StyledBackButtonClick = exports.StyledBackButton = exports.ForwardButtonIcon = exports.BackButtonIcon = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactRouterDom = require("react-router-dom");
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var BackButtonIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-back'

package/dist/components/Background/Background.js

@@ -14,7 +14,8 @@ var Background = function Background(props) {
     mobileRatio = props.mobileRatio,
     investmentOpportunities = props.investmentOpportunities,
     withPadding = props.withPadding,
-    contain = props.contain;
+    contain = props.contain,
+    caption = props.caption;
   return /*#__PURE__*/_react.default.createElement(_Background.Container, {
     mobileRatio: mobileRatio,
     investmentOpportunities: investmentOpportunities
@@ -24,14 +25,17 @@ var Background = function Background(props) {
     contain: contain,
     withPadding: withPadding,
     investmentOpportunities: investmentOpportunities
-  })), /*#__PURE__*/_react.default.createElement(_Background.Content, null, children));
+  })), caption && /*#__PURE__*/_react.default.createElement(_Background.Caption, {
+    withPadding: withPadding
+  }, caption), /*#__PURE__*/_react.default.createElement(_Background.Content, null, children));
 };
 exports.Background = Background;
 Background.propTypes = {
   src: _propTypes.default.string.isRequired,
   mobileRatio: _propTypes.default.string,
   // example: '16:9'
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+  caption: _propTypes.default.string
 };
 Background.defaultProps = {
   mobileRatio: '',

package/dist/components/Background/Background.stories.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BackgroundMobile = exports.BackgroundDefault = void 0;
+exports.default = exports.BackgroundMobile2 = exports.BackgroundMobile = exports.BackgroundDefault = void 0;
 var _addonViewport = require("@storybook/addon-viewport");
 var _react = _interopRequireDefault(require("react"));
 var _Background = require("./Background");
-var _SvgIcons = require("components/SvgIcons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/Background',
@@ -28,6 +27,10 @@ var _default = {
     },
     investmentOpportunities: {
       type: 'node'
+    },
+    caption: {
+      type: 'string',
+      defaultValue: ''
     }
   },
   parameters: {
@@ -39,7 +42,7 @@ var _default = {
 };
 exports.default = _default;
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Background.Background, args, /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null));
+  return /*#__PURE__*/_react.default.createElement(_Background.Background, args, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
 var BackgroundDefault = Template.bind({});
 exports.BackgroundDefault = BackgroundDefault;
@@ -59,4 +62,17 @@ BackgroundMobile.parameters = {
   viewport: {
     defaultViewport: 'iphonex'
   }
+};
+var BackgroundMobile2 = Template.bind({});
+exports.BackgroundMobile2 = BackgroundMobile2;
+BackgroundMobile2.args = {
+  mobileRatio: '16:9',
+  contain: true,
+  withPadding: true,
+  caption: 'AMP ID at the top right of your SideSwap wallet.'
+};
+BackgroundMobile2.parameters = {
+  viewport: {
+    defaultViewport: 'iphonex'
+  }
 };

package/dist/components/Background/Background.styles.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrap = exports.Video = exports.Img = exports.Image = exports.Content = exports.Container = void 0;
+exports.Wrap = exports.Video = exports.Img = exports.Image = exports.Content = exports.Container = exports.Caption = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _rwd = _interopRequireDefault(require("styles/rwd"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject;
 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) } })); }
@@ -41,9 +41,16 @@ var Wrap = _styledComponents.default.div.withConfig({
 //   object-fit: cover;
 //   object-position: center center;
 exports.Wrap = Wrap;
+var Caption = _styledComponents.default.div.withConfig({
+  displayName: "Backgroundstyles__Caption",
+  componentId: "sc-1pfq4ec-2"
+})(["font-size:11px;position:absolute;bottom:-25px;", ""], function (props) {
+  return props.withPadding && "\n    bottom: -12px;\n  ";
+});
+exports.Caption = Caption;
 var Img = _styledComponents.default.img.withConfig({
   displayName: "Backgroundstyles__Img",
-  componentId: "sc-1pfq4ec-2"
+  componentId: "sc-1pfq4ec-3"
 })(["position:absolute;width:100%;object-fit:cover;object-position:center center;top:0;left:0;height:100%;", " ", " ", ""], function (props) {
   return props.investmentOpportunities && "\n    height: 100%;\n  ";
 }, function (props) {
@@ -54,16 +61,16 @@ var Img = _styledComponents.default.img.withConfig({
 exports.Img = Img;
 var Video = _styledComponents.default.video.withConfig({
   displayName: "Backgroundstyles__Video",
-  componentId: "sc-1pfq4ec-3"
+  componentId: "sc-1pfq4ec-4"
 })(["object-fit:cover;width:100%;height:100%;"]);
 exports.Video = Video;
 var Image = _styledComponents.default.img.withConfig({
   displayName: "Backgroundstyles__Image",
-  componentId: "sc-1pfq4ec-4"
+  componentId: "sc-1pfq4ec-5"
 })(["min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);
 exports.Image = Image;
 var Content = _styledComponents.default.div.withConfig({
   displayName: "Backgroundstyles__Content",
-  componentId: "sc-1pfq4ec-5"
+  componentId: "sc-1pfq4ec-6"
 })(["z-index:2;position:relative;display:inline-block;vertical-align:top;width:100%;font-size:10px;"]);
 exports.Content = Content;

package/dist/components/BarChart/BarChart.styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TooltipWrapper = exports.ChartTitle = exports.Chart = exports.BarChartTooltip = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Chart = _styledComponents.default.div.withConfig({
   displayName: "BarChartstyles__Chart",

package/dist/components/BarChartLegend/BarChartLegend.styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Label = exports.Container = exports.Bar = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Container = _styledComponents.default.div.withConfig({
   displayName: "BarChartLegendstyles__Container",

package/dist/components/BasicTable/BasicTable.styles.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Value = exports.Table = exports.Row = exports.LabelWarning = exports.Label = exports.Caption = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _rwd = _interopRequireDefault(require("styles/rwd"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject;
 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) } })); }

package/dist/components/Button/Button.stories.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ButtonSecondary = exports.ButtonNegative = exports.ButtonLong = exports.ButtonDisabled = exports.ButtonDefault = exports.ButtonCenter = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _Button = _interopRequireDefault(require("./Button.styles"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _ButtonContainer = require("../ButtonContainer/ButtonContainer.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Button/Button.styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Button = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 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); }

package/dist/components/ButtonContainer/ButtonContainer.styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ButtonContainer = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var ButtonContainer = _styledComponents.default.div.withConfig({
   displayName: "ButtonContainerstyles__ButtonContainer",

package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _CaptialRaisedSummary = _interopRequireDefault(require("./CaptialRaisedSummary"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import Checkbox, { CheckboxPropTypes } from 'components/Checkbox/Checkbox'
+// import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
 var _default = {
   title: 'Components Library/Capital Raised Summary',
   component: _CaptialRaisedSummary.default,

package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.js

@@ -8,7 +8,7 @@ exports.default = exports.CaptialRaisedSummary = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactCountup = _interopRequireDefault(require("react-countup"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _MultiProgressBar = _interopRequireWildcard(require("components/MultiProgressBar/MultiProgressBar"));
+var _MultiProgressBar = _interopRequireWildcard(require("../MultiProgressBar/MultiProgressBar"));
 var _CaptialRaisedSummary = require("./CaptialRaisedSummary.styles");
 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; }

package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Wrapper = exports.Title = exports.Amount = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
-var _rwd = _interopRequireDefault(require("styles/rwd"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 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) } })); }

package/dist/components/ChartBox/ChartBox.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ChartBox = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
-var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _ChartBox = require("./ChartBox.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // import Select from "components/Input/Select";

package/dist/components/ChartBox/ChartBox.styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SelectWrapper = exports.Legend = exports.Container = exports.Chart = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _rwd = _interopRequireDefault(require("styles/rwd"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject, _templateObject2, _templateObject3;
 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) } })); }

package/dist/components/ChartBox/ChartBoxDistribution.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ChartBoxDistribution = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
-var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _ChartBox = require("./ChartBox.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import Select from 'components/Input/Select';
-// import DonutChart from 'components/DonutChart/DonutChart';
+// import Select from '../Input/Select';
+// import DonutChart from '../DonutChart/DonutChart';
 // import {
 //   DonutChartLabel, DonutChartValue,
-// } from 'components/DonutChart/DonutChart.styles';
-// import ChartLegend from 'components/ChartLegend/ChartLegend';
+// } from '../DonutChart/DonutChart.styles';
+// import ChartLegend from '../ChartLegend/ChartLegend';
 
 // import {
 //   Container, Chart, Legend, SelectWrapper,

package/dist/components/ChartLegend/ChartLegend.stories.js

@@ -7,7 +7,7 @@ exports.default = exports.ChartLegendFull = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ChartLegend = require("./ChartLegend");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _BasicTable = _interopRequireDefault(require("components/BasicTable/BasicTable"));
+var _BasicTable = _interopRequireDefault(require("../BasicTable/BasicTable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/Chart Legend',

package/dist/components/Checkbox/Checkbox.styles.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Wrapper = exports.Label = exports.Input = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Input = require("components/Input/Input.styles");
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _Input = require("../Input/Input.styles");
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Checkboxstyles__Wrapper",

package/dist/components/Checklist/UserChecklist.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.UserChecklist = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ToDoList = _interopRequireWildcard(require("components/ToDoList/ToDoList"));
+var _ToDoList = _interopRequireWildcard(require("../ToDoList/ToDoList"));
+var _globalVariables = require("../../constants/globalVariables");
 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; }
@@ -103,7 +104,7 @@ var UserChecklist = function UserChecklist(props) {
       kyc_status = user.kyc_status,
       KYCDocuments = user.KYCDocuments,
       lemonwayWallet = user.lemonwayWallet;
-    var platformURL = useRelativePath === true ? '' : 'https://signup.stokr.info';
+    var platformURL = useRelativePath === true ? '' : "https://signup.".concat(_globalVariables.platformDomain);
     if (entity_name) {
       setmandatoryTasks([{
         title: 'Verify Identity',
@@ -126,7 +127,8 @@ var UserChecklist = function UserChecklist(props) {
         message: investor_eth_addresses ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
         state: investor_eth_addresses ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
         //link: '', //`${platformURL}/register-ethereum`,
-        disabled: true
+        disabled: true,
+        tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
       }, {
         title: 'Algorand Address',
         message: investor_algo_addresses ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
@@ -134,6 +136,13 @@ var UserChecklist = function UserChecklist(props) {
         //: '',
         openModal: _ToDoList.ToDoModal.ALGO
       }]);
+      setoptionalTasks([{
+        title: 'Tax ID',
+        message: !userData.taxId ? 'To invest in certain offerings, you need to provide your tax ID' : userData.taxId && 'You tax ID is submitted',
+        state: !userData.taxId ? _ToDoList.ToDoTaskState.SKIPPED : userData.taxId && _ToDoList.ToDoTaskState.APPROVED,
+        openModal: _ToDoList.ToDoModal.TAX_ID,
+        tooltip: "Some offers require you to provide your Tax ID before being able to invest.\n\nYour tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation."
+      }]);
     } else {
       setmandatoryTasks([{
         title: 'Country of Residence',
@@ -160,7 +169,8 @@ var UserChecklist = function UserChecklist(props) {
         title: 'Ethereum Address',
         message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : investor_eth_addresses ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
         state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : investor_eth_addresses ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
-        disabled: true
+        disabled: true,
+        tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
       }, {
         title: 'Algorand Address',
         message: investor_algo_addresses ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
@@ -179,7 +189,7 @@ var UserChecklist = function UserChecklist(props) {
         message: !userData.taxId ? 'To invest in certain offerings, you need to provide your tax ID' : userData.taxId && 'You tax ID is submitted',
         state: !userData.taxId ? _ToDoList.ToDoTaskState.SKIPPED : userData.taxId && _ToDoList.ToDoTaskState.APPROVED,
         openModal: _ToDoList.ToDoModal.TAX_ID,
-        tooltip: "STOKR is an entity regulated by the Luxembourg regulator CSSF and has implemented the Common Reporting Standard (the \u201CCRS\u201D) through the law of 18 December 2015 ( the \u201CCRS Act\u201D) and some Luxembourg based entities are likely to be treated as a Luxembourg Reporting Financial Institution. \nSome of our offerings fall under this regulation. Before your invest in these offerings, we will ask you to provide your tax ID. This information is not mandatory for all our offerings.\nYour tax ID information will never be sold, and never shown publicly. We just use it to make sure you're legally allowed to invest through the STOKR interface."
+        tooltip: "Some offers require you to provide your Tax ID before being able to invest.\n\nYour tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation."
       }]);
     }
   };

package/dist/components/Checklist/UserChecklist.stories.js

@@ -3,11 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.UserChecklist_user_dev = void 0;
+exports.default = exports.UserChecklist_user_dev_entity = exports.UserChecklist_user_dev = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _UserChecklist = _interopRequireDefault(require("./UserChecklist"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   title: 'Components Library/Checklist',
   component: _UserChecklist.default,
@@ -123,4 +129,15 @@ UserChecklist_user_dev.args = {
   getTasksCount: function getTasksCount(data) {
     console.log(data);
   }
+};
+var UserChecklist_user_dev_entity = Template.bind({});
+exports.UserChecklist_user_dev_entity = UserChecklist_user_dev_entity;
+UserChecklist_user_dev_entity.args = {
+  user: _objectSpread(_objectSpread({}, userDev), {}, {
+    entity_name: 'test'
+  }),
+  useRelativePath: true,
+  getTasksCount: function getTasksCount(data) {
+    console.log(data);
+  }
 };

package/dist/components/ComponentScroll/ComponentScroll.js

@@ -12,12 +12,6 @@ var _ComponentScroll = require("./ComponentScroll.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ComponentScroll = function ComponentScroll(props) {
   var children = props.children,
     noMobileScroll = props.noMobileScroll,
@@ -29,45 +23,19 @@ var ComponentScroll = function ComponentScroll(props) {
     topPadding = props.topPadding,
     className = props.className,
     handleScroll = props.handleScroll;
+  var scrollRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    return function () {
-      clearTimeout(timer);
-    };
+    if (scrollRef.current) {
+      //set scroll ref on initial render
+      handleScroll && handleScroll({}, scrollRef.current);
+    }
   }, []);
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    scroll = _useState2[0],
-    setScroll = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    debounce = _useState4[0],
-    setDebounce = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    timer = _useState6[0],
-    setTimer = _useState6[1];
-  var setRef = function setRef(el) {
-    if (scroll) return;
-    setScroll(el);
-  };
-  var _onMouseMove = function onMouseMove() {
-    if (!debounce) {
-      setDebounce(true);
-      refreshScrollBar();
+  var onMouseMove = function onMouseMove() {};
+  var handleScrollFrame = function handleScrollFrame(values) {
+    if (values) {
+      //if we need scroll ref and scroll values, you can use handleScroll function to handle it
+      handleScroll && handleScroll(values, scrollRef.current);
     }
-    clearTimeout(timer);
-    setTimer(setTimeout(onDebounce, 300));
-  };
-  var onDebounce = function onDebounce() {
-    setDebounce(false);
-    refreshScrollBar();
-  };
-  var refreshScrollBar = function refreshScrollBar() {
-    if (!scroll) return;
-    scroll.handleScroll();
-  };
-  var _onScroll = function onScroll(e) {
-    handleScroll && handleScroll(e);
   };
   return /*#__PURE__*/_react.default.createElement(_ComponentScroll.Container, {
     className: className,
@@ -77,9 +45,7 @@ var ComponentScroll = function ComponentScroll(props) {
     barPadding: barPadding,
     topPadding: topPadding
   }, /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.Scrollbars, {
-    ref: function ref() {
-      return setRef();
-    },
+    ref: scrollRef,
     style: {
       height: '100%'
     },
@@ -96,12 +62,8 @@ var ComponentScroll = function ComponentScroll(props) {
       return /*#__PURE__*/_react.default.createElement(_ComponentScroll.ThumbV, props);
     },
     hideTracksWhenNotNeeded: true,
-    onMouseMove: function onMouseMove() {
-      return _onMouseMove();
-    },
-    onScroll: function onScroll(e) {
-      return _onScroll(e.target.value);
-    },
+    onMouseMove: onMouseMove,
+    onScrollFrame: handleScrollFrame,
     autoHeight: autoHeight,
     autoHeightMax: autoHeightMax,
     autoHeightMin: autoHeightMin,

package/dist/components/ComponentScroll/ComponentScroll.stories.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ScrollAutoHeight2000 = exports.ScrollAutoHeight1000 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ComponentScroll = require("./ComponentScroll");
-var _SvgIcons = require("components/SvgIcons");
+var _SvgIcons = require("../SvgIcons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/ComponentScroll',

package/dist/components/ComponentScroll/ComponentScroll.styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TrackV = exports.TrackH = exports.ThumbV = exports.ThumbH = exports.Outer = exports.Inner = exports.Container = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _rwd = _interopRequireDefault(require("styles/rwd"));
-var _theme = _interopRequireDefault(require("styles/theme"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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); }