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

package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ForgotPasswordModalOverview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ForgotPasswordModal = _interopRequireDefault(require("./ForgotPasswordModal"));
-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/Forgot Password Modal',
-  component: _ForgotPasswordModal.default,
-  argTypes: {
-    isModalOpen: {
-      type: 'boolean',
-      defaultValue: true
-    },
-    onModalClose: {
-      type: 'function',
-      action: 'onModalClose',
-      required: true
-    },
-    onFormSend: {
-      type: 'function',
-      action: 'onFormSend',
-      required: true
-    },
-    onModalSwitch: {
-      type: 'function',
-      action: 'onModalSwitch',
-      required: true
-    },
-    isActionLoading: {
-      control: {
-        type: 'select',
-        options: [false, 'forgot']
-      },
-      description: 'Loading state for the form submission'
-    },
-    background: {
-      control: 'text',
-      description: 'Background style for the modal'
-    },
-    isResettingExpiredToken: {
-      control: 'boolean',
-      description: 'Changes modal content for expired token reset'
-    },
-    popupError: {
-      control: 'object',
-      description: 'Error object to display form errors'
-    },
-    popupSuccess: {
-      control: 'object',
-      description: 'Success object to display success messages'
-    }
-  }
-};
-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(_ForgotPasswordModal.default, args)));
-const ForgotPasswordModalOverview = exports.ForgotPasswordModalOverview = Template.bind({});
-ForgotPasswordModalOverview.args = {
-  isModalOpen: true,
-  popupError: {},
-  popupSuccess: {},
-  isActionLoading: false,
-  background: '',
-  isResettingExpiredToken: false
-};

package/dist/components/Form/Form.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FormOverview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Form = _interopRequireDefault(require("./Form"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _formik = require("formik");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { FormField, FormInfo, FormError } from './Form'
-var _default = exports.default = {
-  title: 'Components Library/Form',
-  component: _Form.default,
-  argTypes: {
-    children: {
-      type: 'node',
-      defaultValue: [],
-      required: true
-    }
-  }
-};
-_Form.default.decorators = [_formik.withFormik];
-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(_Form.default, args)));
-const FormOverview = exports.FormOverview = Template.bind({});
-FormOverview.args = {};
-
-//doublecheck:
-//not working - formik..
-//_useFormikContext is undefined

package/dist/components/FullscreenCard/FullscreenCard.styles.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullscreenCardContent = exports.FullscreenCardContainer = exports.FullscreenCard = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _semanticUiReact = require("semantic-ui-react");
-var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _rwd = _interopRequireDefault(require("../../styles/rwd"));
-var _templateObject, _templateObject2, _templateObject3;
-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 FullscreenCardContainer = exports.FullscreenCardContainer = _styledComponents.default.div.withConfig({
-  displayName: "FullscreenCardstyles__FullscreenCardContainer",
-  componentId: "sc-cdmqth-0"
-})(["display:flex;min-height:100vh;padding:0;background:", ";", ""], props => _theme.default.cGrey, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 120px 0;\n  "]))));
-const FullscreenCard = exports.FullscreenCard = (0, _styledComponents.default)(_semanticUiReact.Card).withConfig({
-  displayName: "FullscreenCardstyles__FullscreenCard",
-  componentId: "sc-cdmqth-1"
-})(["&&&{box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);width:100%;", "}"], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: 480px;\n      padding: 0;\n      margin: auto;\n    "]))));
-const FullscreenCardContent = exports.FullscreenCardContent = (0, _styledComponents.default)(_semanticUiReact.Card.Content).withConfig({
-  displayName: "FullscreenCardstyles__FullscreenCardContent",
-  componentId: "sc-cdmqth-2"
-})(["&&&{padding:48px 32px 55px;", "}"], _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      padding: 66px 60px 56px;\n    "]))));
-
-// unused component

package/dist/components/Header/Header.stories.js

@@ -1,192 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.HeaderWitouthUser = exports.HeaderWithoutLoginAndSignup = exports.HeaderWithUser = exports.HeaderWithSidebar = exports.HeaderWithProgressSignup = exports.HeaderWithProgress = exports.HeaderWithAdminUser = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _reactRouterDom = require("react-router-dom");
-var _global = _interopRequireDefault(require("../../styles/global"));
-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); }
-// import Avatar from '../../static/images/avatar.png'
-var _default = exports.default = {
-  title: 'Components Library/Header',
-  component: _Header.default,
-  argTypes: {
-    user: {
-      name: '',
-      country: '',
-      kyc_status: '',
-      KYCDocuments: '',
-      entity_name: '',
-      investor_eth_addresses: []
-    },
-    progress: {
-      type: 'object',
-      defaultValue: null
-    },
-    signupFlow: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    withSidebar: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    isSidebarExpanded: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    loginHandler: {
-      type: 'function',
-      action: 'loginHandler'
-    },
-    signupHandler: {
-      type: 'function',
-      action: 'signupHandler'
-    },
-    withoutLoginSignupButton: {
-      type: 'boolean',
-      defaultValue: false
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Header.default, args)));
-const userDev = {
-  _id: '61851acd5b9a890013297b12',
-  email: 'user-dev@email.com',
-  user_type: 'investor',
-  name: 'bilal',
-  lastname: 'dev',
-  username: 'user-dev',
-  entity_name: '',
-  active: true,
-  country: 'Germany',
-  kyc_status: 'Accepted',
-  wallets: [{
-    _id: '641dd681b08b7543f433af1e',
-    userId: '61851acd5b9a890013297b12',
-    type: 'liquid',
-    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    createdAt: '2021-11-19T16:19:33.390Z',
-    isPrimary: true
-  }, {
-    _id: '641dd681b08b7543f433af1f',
-    userId: '61851acd5b9a890013297b12',
-    type: 'liquid',
-    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    assetIds: ['2812e39a-ad94-4368-9db4-9d98c1c00f38'],
-    liquidAccount: 'infinite-fleet',
-    registered_user: 6020,
-    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    createdAt: '2021-11-19T16:19:33.390Z',
-    isPrimary: true
-  }, {
-    _id: '641dd681b08b7543f433af20',
-    userId: '61851acd5b9a890013297b12',
-    type: 'liquid',
-    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    assetIds: ['35c3c8ed-59a3-4a87-9612-b48236aeab3b'],
-    liquidAccount: 'blockstream',
-    registered_user: 273,
-    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    createdAt: '2021-11-19T16:19:33.390Z',
-    isPrimary: true
-  }],
-  liquid_network: {
-    GAID: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    dt: '2021-11-19T16:19:33.390Z',
-    '2812e39a-ad94-4368-9db4-9d98c1c00f38': {
-      id: 6020,
-      GAID: 'GA2wpGUWe8uDz9VEdNXJ5v17UwD25f',
-      is_company: false,
-      name: '61851acd5b9a890013297b12',
-      categories: [3],
-      creator: 22,
-      whitelisted_gaids: ['GA2wpGUWe8uDz9VEdNXJ5v17UwD25f']
-    },
-    whitelisted_gaids: ['GA2wpGUWe8uDz9VEdNXJ5v17UwD25f', 'GA2skwb5v5nKaaAKNd61knuRJC47Jr', 'GA2skwb5v5nKaaAKNd61knuRJC47Jr'],
-    '35c3c8ed-59a3-4a87-9612-b48236aeab3b': {
-      id: 273,
-      GAID: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-      is_company: false,
-      name: '61851acd5b9a890013297b12',
-      categories: [24],
-      creator: 62,
-      whitelisted_gaids: ['GA2skwb5v5nKaaAKNd61knuRJC47Jr']
-    }
-  },
-  pass_reset: '',
-  taxId: '4355',
-  countryObj: {
-    _id: '630e0361b8d1fb0007929bc4',
-    name: 'Germany',
-    ISO2: 'DE',
-    ISO3: 'DEU',
-    isAllowed: true,
-    SEPA: true,
-    'infinite-fleet': true,
-    'la-boulangerie': true
-  }
-};
-const HeaderWithUser = exports.HeaderWithUser = Template.bind({});
-HeaderWithUser.args = {
-  user: userDev
-};
-const HeaderWithAdminUser = exports.HeaderWithAdminUser = Template.bind({});
-HeaderWithAdminUser.args = {
-  user: _objectSpread(_objectSpread({}, userDev), {}, {
-    user_type: 'company_sa'
-  })
-};
-const HeaderWitouthUser = exports.HeaderWitouthUser = Template.bind({});
-HeaderWitouthUser.args = {
-  user: {}
-};
-const HeaderWithProgress = exports.HeaderWithProgress = Template.bind({});
-HeaderWithProgress.args = {
-  user: userDev,
-  progress: {
-    items: [{
-      id: 'select-address',
-      handleClick: () => {}
-    }, {
-      id: 'order-tokens',
-      handleClick: () => {}
-    }, {
-      id: 'confirm',
-      handleClick: () => {}
-    }],
-    doneIndex: 1,
-    activeIndex: 2
-  }
-};
-const HeaderWithProgressSignup = exports.HeaderWithProgressSignup = Template.bind({});
-HeaderWithProgressSignup.args = {
-  user: _objectSpread(_objectSpread({}, userDev), {}, {
-    kyc_status: 'Rejected'
-  }),
-  progress: {},
-  signupFlow: true
-};
-const HeaderWithSidebar = exports.HeaderWithSidebar = Template.bind({});
-HeaderWithSidebar.args = {
-  user: _objectSpread(_objectSpread({}, userDev), {}, {
-    user_type: 'company_sa'
-  }),
-  // progress: {},
-  withSidebar: true,
-  isSidebarExpanded: true
-};
-const HeaderWithoutLoginAndSignup = exports.HeaderWithoutLoginAndSignup = Template.bind({});
-HeaderWithoutLoginAndSignup.args = {
-  user: {},
-  withoutLoginSignupButton: true
-};

package/dist/components/Icon/Icon.stories.js

@@ -1,108 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AllSvgIcons = exports.AllIcons = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Icon = require("./Icon.style");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-var _transferIcon = require("../../static/images/transfer-icon.svg");
-var _plusIcon = require("../../static/images/plus-icon.svg");
-var _documentIcon = require("../../static/images/document-icon.svg");
-var _sentIcon = require("../../static/images/sent-icon.svg");
-var _searchIcon = require("../../static/images/search-icon.svg");
-var _checkIcon = require("../../static/images/check-icon.svg");
-var _crossIcon = require("../../static/images/cross-icon.svg");
-var _copy_icon = require("../../static/images/copy_icon.svg");
-var _usdcLogo = require("../../static/images/usdc-logo.svg");
-var _warningFilled = require("../../static/images/warning-filled.svg");
-var _download_icon = require("../../static/images/download_icon.svg");
-var _profInv = require("../../static/images/prof-inv.svg");
-var _upload = require("../../static/images/upload.svg");
-var _refresh = require("../../static/images/refresh.svg");
-var _logo = require("../../static/images/logo.svg");
-var _earlyAdopter = require("../../static/images/early-adopter.svg");
-var _eth = require("../../static/images/eth.svg");
-var _eur = require("../../static/images/eur.svg");
-var _faceScanIcon = require("../../static/images/face-scan-icon.svg");
-var _adminBadge = require("../../static/images/admin-badge.svg");
-var _arrowDownBlack = require("../../static/images/arrow-down-black.svg");
-var _capsLock = require("../../static/images/caps-lock.svg");
-var _Glassess = require("../../static/images/Glassess.svg");
-var _VerifiedBadge = require("../../static/images/VerifiedBadge.svg");
-var _playBtn = require("../../static/images/play-btn.svg");
-var _mangopay = require("../../static/images/mangopay.svg");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// SVG Icons from static/images
-
-// Map of all SVG icons for easy iteration
-const svgIcons = {
-  'transfer-icon': _transferIcon.ReactComponent,
-  'plus-icon': _plusIcon.ReactComponent,
-  'document-icon': _documentIcon.ReactComponent,
-  'sent-icon': _sentIcon.ReactComponent,
-  'search-icon': _searchIcon.ReactComponent,
-  'check-icon': _checkIcon.ReactComponent,
-  'cross-icon': _crossIcon.ReactComponent,
-  'copy-icon': _copy_icon.ReactComponent,
-  'usdc-logo': _usdcLogo.ReactComponent,
-  'warning-filled': _warningFilled.ReactComponent,
-  'download-icon': _download_icon.ReactComponent,
-  'prof-inv': _profInv.ReactComponent,
-  upload: _upload.ReactComponent,
-  refresh: _refresh.ReactComponent,
-  logo: _logo.ReactComponent,
-  'early-adopter': _earlyAdopter.ReactComponent,
-  eth: _eth.ReactComponent,
-  eur: _eur.ReactComponent,
-  'face-scan-icon': _faceScanIcon.ReactComponent,
-  'admin-badge': _adminBadge.ReactComponent,
-  'arrow-down-black': _arrowDownBlack.ReactComponent,
-  'caps-lock': _capsLock.ReactComponent,
-  glasses: _Glassess.ReactComponent,
-  'verified-badge': _VerifiedBadge.ReactComponent,
-  'play-btn': _playBtn.ReactComponent,
-  mangopay: _mangopay.ReactComponent
-};
-const IconsGrid = _styledComponents.default.div.withConfig({
-  displayName: "Iconstories__IconsGrid",
-  componentId: "sc-ue519l-0"
-})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:24px;padding:24px;"]);
-const IconBox = _styledComponents.default.div.withConfig({
-  displayName: "Iconstories__IconBox",
-  componentId: "sc-ue519l-1"
-})(["display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1px solid ", ";border-radius:4px;background:", ";&:hover{background:", ";}"], _colors.default.lightGrey, _colors.default.white, _colors.default.lightGrey);
-const IconName = _styledComponents.default.span.withConfig({
-  displayName: "Iconstories__IconName",
-  componentId: "sc-ue519l-2"
-})(["font-family:'Open Sans',sans-serif;font-size:11px;color:", ";text-align:center;word-break:break-word;"], _colors.default.grey2);
-var _default = exports.default = {
-  title: 'Components Library/Icon',
-  component: _Icon.Icon,
-  decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(Story, null))]
-};
-const AllIcons = () => /*#__PURE__*/_react.default.createElement(IconsGrid, null, Object.entries(_Icon.iconsMap).map(_ref => {
-  let [name, iconCode] = _ref;
-  return /*#__PURE__*/_react.default.createElement(IconBox, {
-    key: name
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: iconCode,
-    size: 24,
-    color: _colors.default.dark
-  }), /*#__PURE__*/_react.default.createElement(IconName, null, name));
-}));
-exports.AllIcons = AllIcons;
-const SvgIconWrapper = _styledComponents.default.div.withConfig({
-  displayName: "Iconstories__SvgIconWrapper",
-  componentId: "sc-ue519l-3"
-})(["width:32px;height:32px;display:flex;align-items:center;justify-content:center;svg{max-width:100%;max-height:100%;}"]);
-const AllSvgIcons = () => /*#__PURE__*/_react.default.createElement(IconsGrid, null, Object.entries(svgIcons).map(_ref2 => {
-  let [name, SvgComponent] = _ref2;
-  return /*#__PURE__*/_react.default.createElement(IconBox, {
-    key: name
-  }, /*#__PURE__*/_react.default.createElement(SvgIconWrapper, null, /*#__PURE__*/_react.default.createElement(SvgComponent, null)), /*#__PURE__*/_react.default.createElement(IconName, null, name));
-}));
-exports.AllSvgIcons = AllSvgIcons;