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

package/dist/static/images/checkmark-circle-icon.svg

@@ -0,0 +1,4 @@
+<svg width="800" height="800" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.8086 9.70558C18.1983 9.31421 18.1969 8.68105 17.8056 8.29137C17.4142 7.90169 16.781 7.90305 16.3913 8.29442L10.6215 14.0892L7.30211 10.816C6.90886 10.4283 6.27571 10.4327 5.88793 10.8259C5.50015 11.2192 5.50459 11.8524 5.89784 12.2401L9.92581 16.212C10.3177 16.5985 10.9482 16.5956 11.3366 16.2056L17.8086 9.70558Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z" fill="currentColor"/>
+</svg>

package/dist/static/images/close-circle-icon.svg

@@ -0,0 +1,3 @@
+<svg width="800" height="800" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 9L11.9999 11.9999M11.9999 11.9999L14.9999 14.9999M11.9999 11.9999L9 14.9999M11.9999 11.9999L14.9999 9M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/static/images/doc-icon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1C4.34314 1 3 2.34315 3 4V20C3 21.6569 4.34315 23 6 23H19C20.6569 23 22 21.6569 22 20V10C22 9.73478 21.8946 9.48043 21.7071 9.29289L13.7071 1.29292C13.6114 1.19722 13.4983 1.1229 13.3753 1.07308C13.2572 1.02527 13.1299 1 13 1H6ZM12 3H6C5.44771 3 5 3.44771 5 4V20C5 20.5523 5.44772 21 6 21H19C19.5523 21 20 20.5523 20 20V11H13C12.4477 11 12 10.5523 12 10V3ZM18.5858 9.00003L14 4.41424V9.00003H18.5858Z" fill="#000000"/>
+</svg>

package/dist/static/images/filter-icon.svg

@@ -0,0 +1,6 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M1.75 3.5H12.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M3.5 7H10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M5.25 10.5H8.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
+

package/dist/styles/colors.js

@@ -53,6 +53,7 @@ const colors = exports.colors = {
   midRed: '#e3210d',
   warningYellow: '#facc33',
   darkRed: '#D2200D',
-  warningOrange: '#EB8003'
+  warningOrange: '#EB8003',
+  futureBlack: '#021128'
 };
 var _default = exports.default = colors;

package/dist/styles/global.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = require("styled-components");
 require("react-tippy/dist/tippy.css");
-require("react-day-picker/dist/style.css");
+require("react-day-picker/style.css");
 var _colors = _interopRequireDefault(require("./colors"));
 var _fonts = _interopRequireDefault(require("./fonts"));
 var _semanticUi = _interopRequireDefault(require("./semanticUi"));

package/dist/utils/customHooks.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMobileView = exports.useCooldown = exports.useContainerSize = exports.cooldownHOC = void 0;
+exports.cooldownHOC = void 0;
+exports.useComponentVisible = useComponentVisible;
+exports.useMobileView = exports.useCooldown = exports.useContainerSize = void 0;
 exports.usePrevious = usePrevious;
 var _react = _interopRequireWildcard(require("react"));
 var _rwd = _interopRequireWildcard(require("../styles/rwd"));
@@ -117,4 +119,24 @@ const cooldownHOC = function (Component) {
   };
   return Wrapper;
 };
-exports.cooldownHOC = cooldownHOC;
+exports.cooldownHOC = cooldownHOC;
+function useComponentVisible(initialIsVisible) {
+  const [isComponentVisible, setIsComponentVisible] = (0, _react.useState)(initialIsVisible);
+  const ref = (0, _react.useRef)(null);
+  const handleClickOutside = event => {
+    if (ref.current && !ref.current.contains(event.target)) {
+      setIsComponentVisible(false);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    document.addEventListener('click', handleClickOutside, true);
+    return () => {
+      document.removeEventListener('click', handleClickOutside, true);
+    };
+  }, []);
+  return {
+    ref,
+    isComponentVisible,
+    setIsComponentVisible
+  };
+}

package/dist/utils/formatCurrencyValue.js

@@ -32,9 +32,11 @@ const formatCurrencyValue = function (currency, value) {
     'bitcoin-private': ['EUR', 2],
     'lbtc-private': ['BTC', 8],
     bmn1: ['BMN1', 2],
+    bmn2: ['BMN2', 4],
     'btc-fb': ['BTC', 8],
     'usdc-fb': ['USDC', 2],
-    'usdq-fb': ['USDQ', 2]
+    'usdq-fb': ['USDQ', 2],
+    "xaut": ["XAUt", 6]
   }[currency] || [currency, tokenDecimals];
   const formattedValue = parseFloat(Math.abs(value)).toFixed(decimals);
   return valueFirst ? "".concat(formattedValue, " ").concat(symbol) : "".concat(symbol, " ").concat(formattedValue);
@@ -53,9 +55,11 @@ const getCurrencySymbol = currencySelected => ({
   'lbtc-bfx': 'LBTC',
   'btc-bfx': 'BTC',
   bmn1: 'BMN1',
+  bmn2: 'BMN2',
   'btc-fb': 'BTC',
   'usdc-fb': 'USDC',
-  'usdq-fb': 'USDQ'
+  'usdq-fb': 'USDQ',
+  'xaut': 'XAUt'
 })[currencySelected] || currencySelected;
 exports.getCurrencySymbol = getCurrencySymbol;
 const getProjectCurrencySign = tokenCurrency => {
@@ -68,10 +72,13 @@ const getCurrencyIcon = (currency, customIcon) => {
   switch (currency.toLowerCase()) {
     case 'btc':
     case 'bitcoin':
+    case 'btc-fb':
       return _bitcoinLogo.default;
     case 'usdc':
+    case 'usdc-fb':
       return _usdcLogo.default;
     case 'usdq':
+    case 'usdq-fb':
       return _usdqLogo.default;
     case 'bmn2':
       return _bmn2Logo.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.65-beta.9",
+  "version": "2.3.66",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -18,7 +18,8 @@
     "build": "react-scripts build",
     "build-storybook": "storybook build",
     "build-storybook-docs": "storybook build -s public --docs",
-    "build:dist": "cross-env BABEL_ENV=production babel src -d dist",
+    "copy:static": "node -e \"require('fs').cpSync('src/static', 'dist/static', {recursive: true})\"",
+    "build:dist": "cross-env BABEL_ENV=production babel src -d dist && npm run copy:static",
     "test": "react-scripts test",
     "prepare": "npm run build",
     "storybook": "storybook dev -p 6006",
@@ -30,6 +31,7 @@
     "serve": "npx http-server ./storybook-static -p 9009"
   },
   "dependencies": {
+    "@lottiefiles/dotlottie-react": "^0.17.13",
     "ajv": "^8.17.1",
     "axios": "^0.30.2",
     "bignumber.js": "^9.1.1",
@@ -42,6 +44,7 @@
     "html-react-parser": "^5.0.6",
     "http-server": "^14.1.1",
     "js-cookie": "^3.0.5",
+    "mixpanel-browser": "^2.74.0",
     "mobile-detect": "^1.4.5",
     "moment": "^2.30.1",
     "moment-timezone": "^0.6.0",

package/dist/components/2FA/EnterCode.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.EnterCodeSimple = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _EnterCode = require("./EnterCode");
-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/2FA',
-  component: _EnterCode.EnterCode,
-  argTypes: {
-    isModal: {
-      type: 'boolean',
-      defaultValue: true
-    }
-    // inputType: { type: 'string' },
-    // placeholder: { type: 'string', defaultValue: '' },
-    // value: { type: 'string', defaultValue: '' },
-    // numInputs: { type: 'number', defaultValue: 4 },
-    // shouldAutoFocus: { type: 'boolean', defaultValue: false },
-    // onChange: { action: 'change', type: 'function' },
-    // onPaste: { type: 'function' },
-    // renderSeparator: { type: 'component' },
-  }
-};
-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(_EnterCode.EnterCode, args)));
-const EnterCodeSimple = exports.EnterCodeSimple = Template.bind({});
-EnterCodeSimple.args = {
-  isModalOpen: true,
-  popupError: {}
-};

package/dist/components/2FA/disable-2fa-flow.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Disable2FA = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _disable2faFlow = _interopRequireDefault(require("./disable-2fa-flow"));
-var _AuthContext = require("../../context/AuthContext");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/2FA',
-  component: _disable2faFlow.default,
-  argTypes: {
-    showFlow: {
-      type: 'boolean',
-      defaultValue: true
-    },
-    setShowFlow: {},
-    setShowPending: {},
-    withSuccessPage: {
-      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(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_disable2faFlow.default, args))));
-const Disable2FA = exports.Disable2FA = Template.bind({});
-Disable2FA.args = {};

package/dist/components/2FA/enable-2fa-flow.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Enable2FA = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _enable2faFlow = _interopRequireDefault(require("./enable-2fa-flow"));
-var _AuthContext = require("../../context/AuthContext");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/2FA',
-  component: _enable2faFlow.default,
-  argTypes: {
-    showFlow: {
-      type: 'boolean',
-      defaultValue: true
-    },
-    setShowFlow: {},
-    setShowPending: {},
-    withSuccessPage: {
-      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(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_enable2faFlow.default, args))));
-const Enable2FA = exports.Enable2FA = Template.bind({});
-Enable2FA.args = {};

package/dist/components/2FA/login-with-otp-flow.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LoginWithOTPFlow = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _loginWithOtpFlow = _interopRequireDefault(require("./login-with-otp-flow"));
-var _AuthContext = require("../../context/AuthContext");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/2FA',
-  component: _loginWithOtpFlow.default,
-  argTypes: {
-    showFlow: {
-      type: 'boolean',
-      defaultValue: true
-    },
-    setShowFlow: {},
-    setShowPending: {},
-    withSuccessPage: {
-      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(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_loginWithOtpFlow.default, args))));
-const LoginWithOTPFlow = exports.LoginWithOTPFlow = Template.bind({});
-LoginWithOTPFlow.args = {};

package/dist/components/2FA/main-flow.stories.js

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutSwitch = exports.WithCustomComponentFunction = exports.WithCustomComponent = exports.PreOpenedEnableFlow = exports.PreOpenedDisableFlow = exports.Default = exports.CustomTitles = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _mainFlow = _interopRequireDefault(require("./main-flow"));
-var _AuthContext = require("../../context/AuthContext");
-var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-var _default = exports.default = {
-  title: 'Components Library/2FA/Main2FAFlow',
-  component: _mainFlow.default,
-  argTypes: {
-    title: {
-      control: 'text',
-      description: 'Title text for the 2FA section'
-    },
-    subtitle: {
-      control: 'text',
-      description: 'Subtitle text for the 2FA section'
-    },
-    showSwitch: {
-      control: 'boolean',
-      description: 'Show/hide the toggle switch',
-      defaultValue: true
-    },
-    open2faflow: {
-      control: 'boolean',
-      description: 'Open enable 2FA flow on mount'
-    },
-    openDisable2faflow: {
-      control: 'boolean',
-      description: 'Open disable 2FA flow on mount'
-    },
-    onRequiresRecentLoginError: {
-      action: 'requiresRecentLogin',
-      description: 'Callback when recent login is required'
-    },
-    onLoginAgainClick: {
-      action: 'loginAgain',
-      description: 'Callback when user clicks login again'
-    }
-  },
-  decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(Story, null))))]
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_mainFlow.default, args));
-
-// Default example
-const Default = exports.Default = Template.bind({});
-Default.args = {};
-
-// With custom component as React element
-const WithCustomComponent = () => {
-  const CustomButtonGroup = _ref => {
-    var _flowActions$isFlowOp, _flowActions$isFlowOp2;
-    let {
-      flowActions
-    } = _ref;
-    if (!flowActions) return null;
-    return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, {
-      noPaddingHorizontal: true,
-      style: {
-        marginTop: '16px'
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '12px',
-        flexWrap: 'wrap'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: flowActions.openEnable2FA,
-      disabled: flowActions.is2FAEnabled
-    }, "Enable 2FA"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: flowActions.openDisable2FA,
-      disabled: !flowActions.is2FAEnabled,
-      secondary: true
-    }, "Disable 2FA"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: flowActions.closeFlows,
-      outline: true
-    }, "Close All Flows")), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginTop: '12px',
-        fontSize: '12px',
-        color: '#666'
-      }
-    }, /*#__PURE__*/_react.default.createElement("p", null, "Status: ", flowActions.is2FAEnabled ? 'Enabled' : 'Disabled', /*#__PURE__*/_react.default.createElement("br", null), "Enable Flow Open: ", (_flowActions$isFlowOp = flowActions.isFlowOpen) !== null && _flowActions$isFlowOp !== void 0 && _flowActions$isFlowOp.enable2fa ? 'Yes' : 'No', /*#__PURE__*/_react.default.createElement("br", null), "Disable Flow Open:", ' ', (_flowActions$isFlowOp2 = flowActions.isFlowOpen) !== null && _flowActions$isFlowOp2 !== void 0 && _flowActions$isFlowOp2.disable2fa ? 'Yes' : 'No')));
-  };
-  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_mainFlow.default, {
-    customComponent: /*#__PURE__*/_react.default.createElement(CustomButtonGroup, null)
-  }));
-};
-
-// With custom component as render function
-exports.WithCustomComponent = WithCustomComponent;
-const WithCustomComponentFunction = () => {
-  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_mainFlow.default, {
-    customComponent: flowActions => {
-      if (!flowActions) return null;
-      return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, {
-        noPaddingHorizontal: true,
-        style: {
-          marginTop: '16px'
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          display: 'flex',
-          gap: '12px',
-          flexWrap: 'wrap'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        onClick: flowActions.openEnable2FA,
-        disabled: flowActions.is2FAEnabled
-      }, "Enable 2FA"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        onClick: flowActions.openDisable2FA,
-        disabled: !flowActions.is2FAEnabled,
-        secondary: true
-      }, "Disable 2FA"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        onClick: flowActions.closeFlows,
-        outline: true
-      }, "Close All Flows")), /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          marginTop: '12px',
-          fontSize: '12px',
-          color: '#666'
-        }
-      }, /*#__PURE__*/_react.default.createElement("p", null, "Status: ", flowActions.is2FAEnabled ? 'Enabled' : 'Disabled')));
-    }
-  }));
-};
-
-// Without switch
-exports.WithCustomComponentFunction = WithCustomComponentFunction;
-const WithoutSwitch = exports.WithoutSwitch = Template.bind({});
-WithoutSwitch.args = {
-  showSwitch: false
-};
-
-// Custom titles
-const CustomTitles = exports.CustomTitles = Template.bind({});
-CustomTitles.args = {
-  title: 'Two-Factor Authentication',
-  subtitle: 'Add an extra layer of security to your account'
-};
-
-// Pre-opened enable flow
-const PreOpenedEnableFlow = exports.PreOpenedEnableFlow = Template.bind({});
-PreOpenedEnableFlow.args = {
-  open2faflow: true
-};
-
-// Pre-opened disable flow
-const PreOpenedDisableFlow = exports.PreOpenedDisableFlow = Template.bind({});
-PreOpenedDisableFlow.args = {
-  openDisable2faflow: true
-};

package/dist/components/AccountBalance/AccountBalance.stories.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AccountBalanceRight = exports.AccountBalanceOverview = exports.AccountBalanceExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AccountBalance = _interopRequireDefault(require("./AccountBalance"));
-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/Account Balance',
-  component: _AccountBalance.default,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    value: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    unit: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    eqValue: {
-      type: 'string'
-    },
-    eqUnit: {
-      type: 'string'
-    },
-    info: {
-      type: 'string',
-      defaultValue: ''
-    },
-    half: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    right: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    border: {
-      type: 'boolean',
-      defaultValue: false
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_AccountBalance.default, args)));
-const AccountBalanceOverview = exports.AccountBalanceOverview = Template.bind({});
-AccountBalanceOverview.args = {
-  title: 'Account Balance Title',
-  value: ' some Value ',
-  unit: ' A Unit ',
-  info: 'Info Tooltip',
-  eqValue: ' eqValue ',
-  eqUnit: ' eqUnit '
-};
-const AccountBalanceExample = exports.AccountBalanceExample = Template.bind({});
-AccountBalanceExample.args = {
-  title: 'Account Balance Title',
-  value: '42',
-  unit: '€',
-  info: 'Information',
-  eqValue: '47,34',
-  eqUnit: '$'
-};
-const AccountBalanceRight = exports.AccountBalanceRight = Template.bind({});
-AccountBalanceRight.args = {
-  title: 'Account Balance Title',
-  value: '42',
-  unit: '€',
-  info: 'Information',
-  eqValue: '47,34',
-  eqUnit: '$',
-  right: true
-};