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

package/dist/components/Payment/PaymentDisplay.stories.js

@@ -1,302 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutQRCode = exports.WithoutCopyIcons = exports.WithCallbacks = exports.USDQPayment = exports.USDCPayment = exports.SmallQRCode = exports.Minimal = exports.LongAddress = exports.LargeQRCode = exports.LargeAmount = exports.CustomWidth = exports.CustomTitles = exports.CustomStyling = exports.CompleteExample = exports.BitcoinPayment = exports.AmountOnly = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PaymentDisplay = _interopRequireDefault(require("./PaymentDisplay"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Payment/PaymentDisplay',
-  component: _PaymentDisplay.default,
-  argTypes: {
-    amount: {
-      control: 'text',
-      description: 'The payment amount to display'
-    },
-    currency: {
-      control: 'text',
-      description: 'Currency code (BTC, USDC, USDQ, etc.)'
-    },
-    address: {
-      control: 'text',
-      description: 'Cryptocurrency address to display'
-    },
-    showQRCode: {
-      control: 'boolean',
-      description: 'Show QR code section',
-      defaultValue: true
-    },
-    showCopyIcons: {
-      control: 'boolean',
-      description: 'Show copy to clipboard icons',
-      defaultValue: true
-    },
-    showAddress: {
-      control: 'boolean',
-      description: 'Show address section',
-      defaultValue: true
-    },
-    qrCodeValue: {
-      control: 'text',
-      description: 'Value to encode in QR code'
-    },
-    amountTitle: {
-      control: 'text',
-      description: 'Title for the amount section'
-    },
-    addressTitle: {
-      control: 'text',
-      description: 'Title for the address section'
-    },
-    addressDescription: {
-      control: 'text',
-      description: 'Description text below the address'
-    },
-    qrCodeSize: {
-      control: 'number',
-      description: 'Size of the QR code in pixels'
-    },
-    maxWidth: {
-      control: 'text',
-      description: 'Maximum width of the code wrapper'
-    },
-    containerStyle: {
-      control: 'object',
-      description: 'Style object for the container'
-    },
-    codeWrapperStyle: {
-      control: 'object',
-      description: 'Style object for the code wrapper'
-    },
-    qrCodeStyle: {
-      control: 'object',
-      description: 'Style object for the QR code'
-    },
-    customCurrencyIcon: {
-      control: false,
-      description: 'Custom currency icon (image source)'
-    },
-    onAmountCopy: {
-      action: 'amountCopied',
-      description: 'Callback when amount is copied'
-    },
-    onAddressCopy: {
-      action: 'addressCopied',
-      description: 'Callback when address is copied'
-    }
-  },
-  decorators: [Story => /*#__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(Story, null)))]
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_PaymentDisplay.default, args));
-
-// Basic BTC payment
-const BitcoinPayment = exports.BitcoinPayment = Template.bind({});
-BitcoinPayment.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address',
-  addressDescription: 'Send exactly this amount to the address above.'
-};
-
-// USDC payment
-const USDCPayment = exports.USDCPayment = Template.bind({});
-USDCPayment.args = {
-  amount: '1,000.00',
-  currency: 'USDC',
-  address: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  qrCodeValue: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'USDC address',
-  addressDescription: 'Send USDC to this Ethereum address.'
-};
-
-// USDQ payment
-const USDQPayment = exports.USDQPayment = Template.bind({});
-USDQPayment.args = {
-  amount: '500.00',
-  currency: 'USDQ',
-  address: '0x8ba1f109551bD432803012645Hac136c22C1779',
-  qrCodeValue: '0x8ba1f109551bD432803012645Hac136c22C1779',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'USDQ address',
-  addressDescription: 'Send USDQ to this address.'
-};
-
-// Without QR code
-const WithoutQRCode = exports.WithoutQRCode = Template.bind({});
-WithoutQRCode.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  showQRCode: false,
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address'
-};
-
-// Without copy icons
-const WithoutCopyIcons = exports.WithoutCopyIcons = Template.bind({});
-WithoutCopyIcons.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  showCopyIcons: false,
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address'
-};
-
-// Without address section
-const AmountOnly = exports.AmountOnly = Template.bind({});
-AmountOnly.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  showAddress: false,
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  amountTitle: 'Transfer amount'
-};
-
-// Long address
-const LongAddress = exports.LongAddress = Template.bind({});
-LongAddress.args = {
-  amount: '1,000.00',
-  currency: 'USDC',
-  address: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  qrCodeValue: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Ethereum address',
-  addressDescription: 'This is a very long address that should wrap properly. Make sure to send the exact amount.'
-};
-
-// Large amount
-const LargeAmount = exports.LargeAmount = Template.bind({});
-LargeAmount.args = {
-  amount: '1,000,000.00',
-  currency: 'USDC',
-  address: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  qrCodeValue: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'USDC address'
-};
-
-// Custom width
-const CustomWidth = exports.CustomWidth = Template.bind({});
-CustomWidth.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  maxWidth: '800px',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address'
-};
-
-// Custom styling
-const CustomStyling = exports.CustomStyling = Template.bind({});
-CustomStyling.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address',
-  addressDescription: 'Send exactly this amount to the address above.',
-  codeWrapperStyle: {
-    backgroundColor: _colors.default.veryLightGreen,
-    borderColor: _colors.default.freshGreen
-  },
-  qrCodeStyle: {
-    backgroundColor: '#ffffff',
-    padding: 20,
-    borderRadius: 12
-  }
-};
-
-// Small QR code
-const SmallQRCode = exports.SmallQRCode = Template.bind({});
-SmallQRCode.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeSize: 150,
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address'
-};
-
-// Large QR code
-const LargeQRCode = exports.LargeQRCode = Template.bind({});
-LargeQRCode.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeSize: 300,
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address'
-};
-
-// Custom titles
-const CustomTitles = exports.CustomTitles = Template.bind({});
-CustomTitles.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  amountTitle: 'Payment Amount',
-  addressTitle: 'Recipient Address',
-  addressDescription: 'Please send the exact amount shown above to this address.'
-};
-
-// Minimal (no description, no QR)
-const Minimal = exports.Minimal = Template.bind({});
-Minimal.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  showQRCode: false,
-  addressDescription: '',
-  amountTitle: 'Amount',
-  addressTitle: 'Address'
-};
-
-// Complete example with all features
-const CompleteExample = exports.CompleteExample = Template.bind({});
-CompleteExample.args = {
-  amount: '1,500.00',
-  currency: 'USDC',
-  address: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  qrCodeValue: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb',
-  amountTitle: 'Transfer Amount',
-  addressTitle: 'USDC Address',
-  addressDescription: 'Send exactly 1,500.00 USDC to the address above. The transaction will be processed automatically once confirmed on the blockchain.',
-  qrCodeSize: 250,
-  maxWidth: '600px',
-  showQRCode: true,
-  showCopyIcons: true,
-  showAddress: true
-};
-
-// With callbacks
-const WithCallbacks = exports.WithCallbacks = Template.bind({});
-WithCallbacks.args = {
-  amount: '0.5',
-  currency: 'BTC',
-  address: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  qrCodeValue: 'bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh',
-  amountTitle: 'Transfer amount',
-  addressTitle: 'Bitcoin address',
-  onAmountCopy: value => {
-    console.log('Amount copied:', value);
-  },
-  onAddressCopy: value => {
-    console.log('Address copied:', value);
-  }
-};

package/dist/components/Payment/TimerComponent.stories.js

@@ -1,236 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutIcon = exports.WithCallback = exports.WarningState = exports.VeryShortTimer = exports.ShortTimer = exports.LongTimer = exports.Default = exports.CustomWidth = exports.CustomWarningThreshold = exports.CustomTitle = exports.CustomStyling = exports.CustomDescription = exports.CompleteCustom = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _TimerComponent = _interopRequireDefault(require("./TimerComponent"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _TimerService = _interopRequireDefault(require("../../services/TimerService"));
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-const _excluded = ["timerId", "duration", "children"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var _default = exports.default = {
-  title: 'Components Library/Payment/TimerComponent',
-  component: _TimerComponent.default,
-  argTypes: {
-    timerId: {
-      control: 'text',
-      description: 'Unique identifier for the timer'
-    },
-    onTimerExpired: {
-      action: 'timerExpired',
-      description: 'Callback function called when timer expires'
-    },
-    warningThreshold: {
-      control: 'number',
-      description: 'Seconds remaining before warning state (default: 300 = 5 minutes)',
-      defaultValue: 300
-    },
-    title: {
-      control: 'text',
-      description: 'Title text displayed in the timer component'
-    },
-    description: {
-      control: 'text',
-      description: 'Description text displayed before the timer'
-    },
-    maxWidth: {
-      control: 'text',
-      description: 'Maximum width of the timer block'
-    },
-    containerStyle: {
-      control: 'object',
-      description: 'Style object for the inner container'
-    },
-    timerBlockStyle: {
-      control: 'object',
-      description: 'Style object for the timer block'
-    },
-    className: {
-      control: 'text',
-      description: 'CSS class name for the timer block'
-    },
-    icon: {
-      control: false,
-      description: 'Icon identifier from iconsMap'
-    },
-    iconSize: {
-      control: 'number',
-      description: 'Size of the icon in pixels'
-    },
-    showIcon: {
-      control: 'boolean',
-      description: 'Show/hide the icon',
-      defaultValue: true
-    }
-  },
-  decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(Story, null)))]
-}; // Helper component to start timer for stories
-const TimerWrapper = _ref => {
-  let {
-      timerId,
-      duration,
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  (0, _react.useEffect)(() => {
-    // Start timer when component mounts
-    _TimerService.default.startTimer(timerId, duration, () => {},
-    // onTick callback
-    () => {} // onExpired callback
-    );
-
-    // Cleanup: stop timer when component unmounts
-    return () => {
-      _TimerService.default.stopTimer(timerId);
-    };
-  }, [timerId, duration]);
-  return /*#__PURE__*/_react.default.cloneElement(children, props);
-};
-const Template = args => {
-  const timerId = args.timerId || 'storybook-timer-1';
-  const duration = args.duration || 600; // 10 minutes default
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(TimerWrapper, _extends({
-    timerId: timerId,
-    duration: duration
-  }, args), /*#__PURE__*/_react.default.createElement(_TimerComponent.default, _extends({
-    timerId: timerId
-  }, args))));
-};
-
-// Default timer (10 minutes)
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  timerId: 'storybook-timer-default',
-  duration: 600 // 10 minutes
-};
-
-// Short timer (1 minute) - will show warning immediately
-const ShortTimer = exports.ShortTimer = Template.bind({});
-ShortTimer.args = {
-  timerId: 'storybook-timer-short',
-  duration: 60,
-  // 1 minute
-  warningThreshold: 60
-};
-
-// Warning state (less than 5 minutes)
-const WarningState = exports.WarningState = Template.bind({});
-WarningState.args = {
-  timerId: 'storybook-timer-warning',
-  duration: 240,
-  // 4 minutes - will be in warning state
-  warningThreshold: 300
-};
-
-// Very short timer (30 seconds)
-const VeryShortTimer = exports.VeryShortTimer = Template.bind({});
-VeryShortTimer.args = {
-  timerId: 'storybook-timer-very-short',
-  duration: 30,
-  // 30 seconds
-  warningThreshold: 60
-};
-
-// Custom title
-const CustomTitle = exports.CustomTitle = Template.bind({});
-CustomTitle.args = {
-  timerId: 'storybook-timer-custom-title',
-  duration: 600,
-  title: 'Limited Time Offer',
-  description: 'Hurry up! This special offer expires in'
-};
-
-// Custom description
-const CustomDescription = exports.CustomDescription = Template.bind({});
-CustomDescription.args = {
-  timerId: 'storybook-timer-custom-desc',
-  duration: 600,
-  description: 'Complete your purchase within'
-};
-
-// Without icon
-const WithoutIcon = exports.WithoutIcon = Template.bind({});
-WithoutIcon.args = {
-  timerId: 'storybook-timer-no-icon',
-  duration: 600,
-  showIcon: false
-};
-
-// Custom width
-const CustomWidth = exports.CustomWidth = Template.bind({});
-CustomWidth.args = {
-  timerId: 'storybook-timer-custom-width',
-  duration: 600,
-  maxWidth: '800px'
-};
-
-// Custom styling
-const CustomStyling = exports.CustomStyling = Template.bind({});
-CustomStyling.args = {
-  timerId: 'storybook-timer-custom-style',
-  duration: 600,
-  timerBlockStyle: {
-    backgroundColor: _colors.default.veryLightGreen,
-    border: "1px solid ".concat(_colors.default.freshGreen),
-    borderRadius: '8px'
-  },
-  containerStyle: {
-    padding: '8px'
-  }
-};
-
-// Long timer (1 hour)
-const LongTimer = exports.LongTimer = Template.bind({});
-LongTimer.args = {
-  timerId: 'storybook-timer-long',
-  duration: 3600,
-  // 1 hour
-  warningThreshold: 300
-};
-
-// Custom warning threshold
-const CustomWarningThreshold = exports.CustomWarningThreshold = Template.bind({});
-CustomWarningThreshold.args = {
-  timerId: 'storybook-timer-custom-threshold',
-  duration: 600,
-  warningThreshold: 120 // 2 minutes warning threshold
-};
-
-// Complete custom example
-const CompleteCustom = exports.CompleteCustom = Template.bind({});
-CompleteCustom.args = {
-  timerId: 'storybook-timer-complete',
-  duration: 900,
-  // 15 minutes
-  title: 'Special Promotion Ending Soon',
-  description: "Don't miss out! This exclusive deal will expire in",
-  warningThreshold: 300,
-  maxWidth: '700px',
-  iconSize: 20,
-  timerBlockStyle: {
-    backgroundColor: _colors.default.grey3,
-    borderRadius: '12px',
-    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)'
-  }
-};
-
-// With callback
-const WithCallback = exports.WithCallback = Template.bind({});
-WithCallback.args = {
-  timerId: 'storybook-timer-callback',
-  duration: 60,
-  // 1 minute for quick testing
-  onTimerExpired: () => {
-    console.log('Timer expired!');
-    alert('Timer has expired!');
-  }
-};

package/dist/components/Process/Process.stories.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProcessWaiting = exports.ProcessSuccess = exports.ProcessFailed = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Process = _interopRequireDefault(require("./Process.styles"));
-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/Process',
-  component: _Process.default,
-  argTypes: {
-    waiting: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    success: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    failed: {
-      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(_Process.default, args)));
-const ProcessWaiting = exports.ProcessWaiting = Template.bind({});
-ProcessWaiting.args = {
-  waiting: true
-};
-const ProcessSuccess = exports.ProcessSuccess = Template.bind({});
-ProcessSuccess.args = {
-  success: true
-};
-const ProcessFailed = exports.ProcessFailed = Template.bind({});
-ProcessFailed.args = {
-  failed: true
-};

package/dist/components/ProfileBadge/ProfileBadge.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProfileBadgeWithIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _viewport = require("storybook/viewport");
-var _ProfileBadge = require("./ProfileBadge");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Profile Badge',
-  component: _ProfileBadge.ProfileBadge,
-  argTypes: {
-    title: {
-      type: 'string',
-      required: true
-    },
-    icon: {
-      type: 'node',
-      defaultValue: undefined
-    },
-    color: {
-      type: 'string',
-      defaultValue: 'white'
-    },
-    withIcon: {
-      type: 'boolean',
-      defaultValue: undefined
-    }
-  },
-  parameters: {
-    backgrounds: {
-      default: 'grey'
-    }
-  }
-};
-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(_ProfileBadge.ProfileBadge, args)));
-const ProfileBadgeWithIcon = exports.ProfileBadgeWithIcon = Template.bind({});
-ProfileBadgeWithIcon.args = {
-  title: 'A Title',
-  withIcon: true
-};

package/dist/components/ProfileBox/ProfileBox.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProfileBoxDefault = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ProfileBox = require("./ProfileBox");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Profile Box',
-  component: _ProfileBox.ProfileBox,
-  argTypes: {
-    pictureSrc: {
-      type: 'string',
-      required: true
-    },
-    name: {
-      type: 'string',
-      defaultValue: ''
-    },
-    handleEdit: {
-      type: 'function',
-      action: 'handleEdit',
-      defaultValue: () => {}
-    }
-  }
-};
-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(_ProfileBox.ProfileBox, args)));
-const ProfileBoxDefault = exports.ProfileBoxDefault = Template.bind({});
-ProfileBoxDefault.args = {
-  pictureSrc: '../../static/images/avatar.png'
-};