@stokr/components-library 2.3.28 → 2.3.33

package/dist/components/Number/Number.stories.js

@@ -3,39 +3,108 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.number = exports.default = exports.NumberTwo = exports.NumberThree = exports.NumberOne = exports.NumberFour = void 0;
+exports.default = exports.Zero = exports.Two = exports.Three = exports.Six = exports.Seven = exports.One = exports.NumberRow = exports.Nine = exports.InvalidNumber = exports.Four = exports.Five = exports.Eight = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _SvgIcons = require("../SvgIcons");
 var _Number = require("./Number");
-var _Number2 = require("./Number.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/Number',
-  component: _Number.Number
+  component: _Number.Number,
+  parameters: {
+    docs: {
+      description: {
+        component: 'A component that displays numbers using SVG icons.'
+      }
+    }
+  },
+  argTypes: {
+    number: {
+      control: {
+        type: 'number',
+        min: 0,
+        max: 9,
+        step: 1
+      },
+      description: 'Number to display (0-9)'
+    }
+  }
 };
 exports.default = _default;
-var number = function number() {
-  return /*#__PURE__*/_react.default.createElement(_Number.Number, null);
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_Number.Number, args);
 };
-exports.number = number;
-var NumberOne = function NumberOne() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.OneSvg, null));
+
+// Individual numbers
+var Zero = Template.bind({});
+exports.Zero = Zero;
+Zero.args = {
+  number: 0
+};
+var One = Template.bind({});
+exports.One = One;
+One.args = {
+  number: 1
+};
+var Two = Template.bind({});
+exports.Two = Two;
+Two.args = {
+  number: 2
+};
+var Three = Template.bind({});
+exports.Three = Three;
+Three.args = {
+  number: 3
+};
+var Four = Template.bind({});
+exports.Four = Four;
+Four.args = {
+  number: 4
 };
-exports.NumberOne = NumberOne;
-var NumberTwo = function NumberTwo() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null));
+var Five = Template.bind({});
+exports.Five = Five;
+Five.args = {
+  number: 5
 };
-exports.NumberTwo = NumberTwo;
-var NumberThree = function NumberThree() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.ThreeSvg, null));
+var Six = Template.bind({});
+exports.Six = Six;
+Six.args = {
+  number: 6
 };
-exports.NumberThree = NumberThree;
-var NumberFour = function NumberFour() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.FourSvg, null));
+var Seven = Template.bind({});
+exports.Seven = Seven;
+Seven.args = {
+  number: 7
+};
+var Eight = Template.bind({});
+exports.Eight = Eight;
+Eight.args = {
+  number: 8
+};
+var Nine = Template.bind({});
+exports.Nine = Nine;
+Nine.args = {
+  number: 9
 };
 
-// doublecheck:
+// Example of invalid number
+var InvalidNumber = Template.bind({});
+exports.InvalidNumber = InvalidNumber;
+InvalidNumber.args = {
+  number: 10
+};
 
-//what about blue option?
-//could write this with argType cases/number
-exports.NumberFour = NumberFour;
+// Row of multiple numbers
+var NumberRow = function NumberRow() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '8px'
+    }
+  }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(function (num) {
+    return /*#__PURE__*/_react.default.createElement(_Number.Number, {
+      key: num,
+      number: num
+    });
+  }));
+};
+exports.NumberRow = NumberRow;

package/dist/components/Pagination/Pagination.js

@@ -26,8 +26,8 @@ var Pagination = function Pagination(props) {
     pageSize: pageSize
   });
 
-  // If there are less than 2 times in pagination range we shall not render the component
-  if (currentPage === 0 || paginationRange.length < 2) {
+  // If current page is 0, set it to 1
+  if (currentPage === 0) {
     onPageChange(1);
     return null;
   }
@@ -37,16 +37,19 @@ var Pagination = function Pagination(props) {
   var onPrevious = function onPrevious() {
     onPageChange(currentPage - 1);
   };
-  var lastPage = paginationRange[paginationRange.length - 1];
+
+  // Always show at least page 1, even if there's only one page
+  var displayRange = paginationRange.length < 2 ? [1] : paginationRange;
+  var lastPage = displayRange[displayRange.length - 1];
   return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList, {
     listStyle: props.listStyle
   }, /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
-    disabled: currentPage === 1,
+    disabled: currentPage === 1 || displayRange.length === 1,
     onClick: onPrevious,
     arrow: true
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Icon.iconsMap.arrowLeft
-  })), paginationRange.map(function (pageNumber) {
+  })), displayRange.map(function (pageNumber) {
     // If the pageItem is a DOT, render the DOTS unicode character
     if (pageNumber === _usePagination.DOTS) {
       return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
@@ -61,10 +64,11 @@ var Pagination = function Pagination(props) {
       selected: pageNumber === currentPage,
       onClick: function onClick() {
         return onPageChange(pageNumber);
-      }
+      },
+      disabled: displayRange.length === 1
     }, pageNumber);
   }), /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
-    disabled: currentPage === lastPage,
+    disabled: currentPage === lastPage || displayRange.length === 1,
     onClick: onNext,
     arrow: true
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {

package/dist/components/Pagination/PaginationControls.js

@@ -51,6 +51,7 @@ var PaginationControls = function PaginationControls(_ref) {
       });
     }
   };
+  var isValidPageSize = Number(inputPageSize) > 0;
   return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true,
     flex: true,
@@ -77,8 +78,8 @@ var PaginationControls = function PaginationControls(_ref) {
     type: "number",
     placeholder: "Page size",
     onChange: function onChange(e) {
-      // Ensure the input is a positive number
-      var value = Math.max(1, Number(e.target.value) || 1);
+      // Allow empty value or any non-negative number up to total count
+      var value = e.target.value === '' ? '' : Math.min(totalCount, Math.max(0, Number(e.target.value)));
       setInputPageSize(value);
     }
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -91,6 +92,10 @@ var PaginationControls = function PaginationControls(_ref) {
       if (currentPage > maxPage && maxPage > 0) {
         handlePageChange(maxPage);
       }
+    },
+    disabled: !isValidPageSize,
+    style: {
+      opacity: 1
     }
   }, applyButtonText))));
 };

package/dist/components/Pagination/PaginationControls.stories.js

@@ -0,0 +1,141 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithoutPageSizeControl = exports.SmallDataSet = exports.LargeDataSet = exports.Default = exports.CustomStyle = exports.CustomPageSizeLabel = exports.CustomListStyle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _PaginationControls = _interopRequireDefault(require("./PaginationControls"));
+var _global = _interopRequireDefault(require("../../styles/global"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// Create mock data array
+var mockItems = Array.from({
+  length: 15
+}, function (_, index) {
+  return {
+    id: index + 1,
+    name: "Item ".concat(index + 1)
+  };
+});
+var _default = {
+  title: 'Components Library/Pagination',
+  component: _PaginationControls.default,
+  parameters: {
+    docs: {
+      description: {
+        component: 'Pagination controls component with customizable page size and navigation.'
+      }
+    }
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  var _useState3 = (0, _react.useState)(10),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageSize = _useState4[0],
+    setPageSize = _useState4[1];
+  var _useState5 = (0, _react.useState)(10),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputPageSize = _useState6[0],
+    setInputPageSize = _useState6[1];
+
+  // Get current items
+  var indexOfLastItem = currentPage * pageSize;
+  var indexOfFirstItem = indexOfLastItem - pageSize;
+  var currentItems = mockItems.slice(indexOfFirstItem, indexOfLastItem);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, "Showing items ", (currentPage - 1) * pageSize + 1, " to", ' ', Math.min(currentPage * pageSize, mockItems.length), " of", ' ', mockItems.length), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, currentItems.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.id,
+      style: {
+        padding: '8px',
+        borderBottom: '1px solid #eee'
+      }
+    }, item.name);
+  })), /*#__PURE__*/_react.default.createElement(_PaginationControls.default, _extends({}, args, {
+    currentPage: currentPage,
+    totalCount: mockItems.length,
+    pageSize: pageSize,
+    inputPageSize: inputPageSize,
+    onPageChange: setCurrentPage,
+    setPageSize: setPageSize,
+    setInputPageSize: setInputPageSize
+  })));
+};
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  scrollOffset: -100,
+  showPageSizeControl: true,
+  pageSizeLabel: 'Page Size:',
+  applyButtonText: 'Apply'
+};
+var WithoutPageSizeControl = Template.bind({});
+exports.WithoutPageSizeControl = WithoutPageSizeControl;
+WithoutPageSizeControl.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  showPageSizeControl: false
+});
+var CustomPageSizeLabel = Template.bind({});
+exports.CustomPageSizeLabel = CustomPageSizeLabel;
+CustomPageSizeLabel.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  pageSizeLabel: 'Items per page:',
+  applyButtonText: 'Set'
+});
+var CustomStyle = Template.bind({});
+exports.CustomStyle = CustomStyle;
+CustomStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  containerStyle: {
+    backgroundColor: '#f5f5f5',
+    padding: '20px',
+    borderRadius: '8px'
+  }
+});
+var SmallDataSet = Template.bind({});
+exports.SmallDataSet = SmallDataSet;
+SmallDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  totalCount: 20
+});
+
+// Example showing how the component handles a large dataset
+var LargeDataSet = Template.bind({});
+exports.LargeDataSet = LargeDataSet;
+LargeDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  totalCount: 1000
+});
+
+// Example with custom list style
+var CustomListStyle = Template.bind({});
+exports.CustomListStyle = CustomListStyle;
+CustomListStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  listStyle: {
+    backgroundColor: '#e6f7ff',
+    borderRadius: '4px',
+    padding: '8px'
+  }
+});

package/dist/components/Pagination/usePagination.js

@@ -15,9 +15,9 @@ var DOTS = '...';
 exports.DOTS = DOTS;
 var range = function range(start, end) {
   var length = end - start + 1;
-  /*
-  	Create an array of certain length and set the elements within it from
-    start value to end value.
+  /*
+  	Create an array of certain length and set the elements within it from
+    start value to end value.
   */
   return Array.from({
     length: length
@@ -38,31 +38,31 @@ var usePagination = function usePagination(_ref) {
     // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS
     var totalPageNumbers = siblingCount + 5;
 
-    /*
-      Case 1:
-      If the number of pages is less than the page numbers we want to show in our
-      paginationComponent, we return the range [1..totalPageCount]
+    /*
+      Case 1:
+      If the number of pages is less than the page numbers we want to show in our
+      paginationComponent, we return the range [1..totalPageCount]
     */
     if (totalPageNumbers >= totalPageCount) {
       return range(1, totalPageCount);
     }
 
-    /*
-    	Calculate left and right sibling index and make sure they are within range 1 and totalPageCount
+    /*
+    	Calculate left and right sibling index and make sure they are within range 1 and totalPageCount
     */
     var leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
     var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
 
-    /*
-      We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2
+    /*
+      We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2
     */
     var shouldShowLeftDots = leftSiblingIndex > 2;
     var shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
     var firstPageIndex = 1;
     var lastPageIndex = totalPageCount;
 
-    /*
-    	Case 2: No left dots to show, but rights dots to be shown
+    /*
+    	Case 2: No left dots to show, but rights dots to be shown
     */
     if (!shouldShowLeftDots && shouldShowRightDots) {
       var leftItemCount = 3 + 2 * siblingCount;
@@ -70,8 +70,8 @@ var usePagination = function usePagination(_ref) {
       return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
     }
 
-    /*
-    	Case 3: No right dots to show, but left dots to be shown
+    /*
+    	Case 3: No right dots to show, but left dots to be shown
     */
     if (shouldShowLeftDots && !shouldShowRightDots) {
       var rightItemCount = 3 + 2 * siblingCount;
@@ -79,8 +79,8 @@ var usePagination = function usePagination(_ref) {
       return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
     }
 
-    /*
-    	Case 4: Both left and right dots to be shown
+    /*
+    	Case 4: Both left and right dots to be shown
     */
     if (shouldShowLeftDots && shouldShowRightDots) {
       var middleRange = range(leftSiblingIndex, rightSiblingIndex);

package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var scrollToElement = _interopRequireWildcard(require("scroll-to-element"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _RegisterLiquidSteps = require("./RegisterLiquidSteps.styles");
-var _nav_green = _interopRequireDefault(require("./assets/nav_green.svg"));
+var _nav_green = _interopRequireDefault(require("../../static/images/nav_green.svg"));
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/RegisterLiquidSteps/assets/nav_green.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
+    <title>nav_green</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0 0.29172973 16.8441568 0.29172973 16.8441568 18.9774541 0 18.9774541"></polygon>
+        <polygon id="path-3" points="0.134854054 0.0508918919 16.978973 0.0508918919 16.978973 21.9459459 0.134854054 21.9459459"></polygon>
+    </defs>
+    <g id="nav_green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-10">
+            <circle id="Oval" fill="#0B7B47" fill-rule="nonzero" cx="23" cy="23" r="23"></circle>
+            <g id="Green" transform="translate(12.000000, 11.000000)">
+                <g id="Group-3" transform="translate(0.000000, 0.086724)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-2"></g>
+                    <path d="M2.5581027,15.1705892 L2.5581027,2.85361622 L16.8441568,2.85361622 L16.8441568,0.291616216 L-0.000113513514,0.291616216 L-0.000113513514,12.6407514 C-0.000113513514,15.1202649 1.74799459,17.1317243 4.02091351,18.9774541 C3.12112973,17.8268054 2.5581027,16.5766432 2.5581027,15.1705892" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
+                </g>
+                <g id="Group-6" transform="translate(4.918919, 5.384022)">
+                    <mask id="mask-4" fill="white">
+                        <use xlink:href="#path-3"></use>
+                    </mask>
+                    <g id="Clip-5"></g>
+                    <path d="M14.4587459,12.4004054 C14.4587459,14.6082432 11.5331243,16.7646216 8.56361081,18.8547838 C5.59447568,16.7646216 2.66847568,14.6082432 2.66847568,12.4004054 L2.66847568,2.5777027 L14.4587459,2.5777027 L14.4587459,12.4004054 Z M8.62339459,0.0508918919 L0.134854054,0.0508918919 L0.134854054,12.4004054 C0.134854054,16.3680811 4.61296216,19.1381892 8.5568,21.9461351 C12.5044216,19.1381892 16.9791243,16.3680811 16.9791243,12.4004054 L16.9791243,0.0508918919 L8.62339459,0.0508918919 Z" id="Fill-4" fill="#FFFFFF" mask="url(#mask-4)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/components/ShareButton/ShareButton.js

@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _Facebook_Logo = _interopRequireDefault(require("../icons/Facebook_Logo.png"));
-var _LIInBug = _interopRequireDefault(require("../icons/LI-In-Bug.png"));
-var _XLogoBlack = _interopRequireDefault(require("../icons/X-logo-black.png"));
-var _TelegramLogo = _interopRequireDefault(require("../icons/Telegram-Logo.png"));
+var _Facebook_Logo = _interopRequireDefault(require("../../static/images/social/Facebook_Logo.png"));
+var _LIInBug = _interopRequireDefault(require("../../static/images/social/LI-In-Bug.png"));
+var _XLogoBlack = _interopRequireDefault(require("../../static/images/social/X-logo-black.png"));
+var _TelegramLogo = _interopRequireDefault(require("../../static/images/social/Telegram-Logo.png"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon2"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/icons/LinkIcon.js

@@ -24,9 +24,9 @@ var LinkIcon = function LinkIcon() {
     // style="enable-background:new 0 0 512.092 512.092;"
     // xml:space="preserve"
   }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\r c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\r c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\r c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\r c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\r c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\r c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
+    d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859 c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318 c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6 c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581 c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0 c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0 c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
   }))), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\r c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\r l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\r l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\r c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\r c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\r c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\r c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\r l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
+    d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387 c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877 l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768 l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0 c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893 c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365 c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597 c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403 l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
   }))), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null));
 };
 exports.LinkIcon = LinkIcon;

package/dist/components/video/Video.js

@@ -142,7 +142,7 @@ var Video = function Video(props) {
     isInvestingExpanded: isInvestingExpanded
   }, /*#__PURE__*/_react.default.createElement("img", {
     alt: "Play video",
-    src: require('./img/play-btn.svg')
+    src: require('../../static/images/play-btn.svg')
   })), /*#__PURE__*/_react.default.createElement(_renderToBody.RenderToBody, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
     in: isPlaying,
     timeout: animationLen,

package/dist/components/video/img/play-btn.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60"><defs><path id="ftiva" d="M392 327c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z"/><path id="ftivd" d="M417.5 323l6.5 8h-13z"/><mask id="ftivc" width="2" height="2" x="-1" y="-1"><path fill="#fff" d="M392 303h48v48h-48z"/><use xlink:href="#ftiva"/></mask><filter id="ftivb" width="82" height="84" x="375" y="286" filterUnits="userSpaceOnUse"><feOffset dy="2" in="SourceGraphic" result="FeOffset1029Out"/><feGaussianBlur in="FeOffset1029Out" result="FeGaussianBlur1030Out" stdDeviation="2.8 2.8"/></filter></defs><g><g transform="translate(-386 -299)"><g><g><g><g filter="url(#ftivb)"><use fill="none" stroke-opacity=".16" stroke-width="0" mask="url(&quot;#ftivc&quot;)" xlink:href="#ftiva"/><use fill-opacity=".16" xlink:href="#ftiva"/></g><use fill="#ee220d" xlink:href="#ftiva"/></g><g transform="rotate(90 417.5 327)"><use fill="#fff" xlink:href="#ftivd"/></g></g></g></g></g></svg>

package/dist/context/Auth.js

@@ -334,9 +334,9 @@ var Auth = /*#__PURE__*/function () {
       }());
     }
 
-    /**
-     * Upload Photo
-     * @param data
+    /**
+     * Upload Photo
+     * @param data
      */
   }, {
     key: "uploadPhoto",
@@ -354,9 +354,9 @@ var Auth = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Delete Photo
-     * @param data
+    /**
+     * Delete Photo
+     * @param data
      */
   }, {
     key: "deletePhoto",