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

package/dist/components/Timeline/Timeline.stories.js

@@ -1,393 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutTooltips = exports.SimpleTimeline = exports.PendingState = exports.PayoutDeclined = exports.PayoutConfirmed = exports.LongCaptions = exports.InitiatedState = exports.DeclinedState = exports.CustomWidth = exports.CustomStyling = exports.CancelledState = exports.AllStates = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Timeline = require("./Timeline");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _moment = require("../../utils/moment");
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Timeline',
-  component: _Timeline.Timeline,
-  argTypes: {
-    steps: {
-      control: 'object',
-      description: 'Array of step objects with state, date, title, tooltip, and caption'
-    },
-    maxWidth: {
-      control: 'text',
-      description: 'Maximum width of the timeline container'
-    },
-    showInfoIcons: {
-      control: 'boolean',
-      description: 'Show/hide info icons for tooltips',
-      defaultValue: true
-    },
-    infoIconPosition: {
-      control: 'select',
-      options: ['top', 'bottom', 'left', 'right'],
-      description: 'Position of tooltip relative to info icon'
-    },
-    containerStyle: {
-      control: 'object',
-      description: 'Style object for the timeline container'
-    }
-  },
-  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(_Timeline.Timeline, args);
-
-// Pending state (first step active)
-const PendingState = exports.PendingState = Template.bind({});
-PendingState.args = {
-  steps: [{
-    id: 'pending',
-    date: '2025-08-10T11:57:00',
-    title: 'Pending',
-    tooltip: 'Payout is pending your confirmation',
-    caption: 'Payout is pending your confirmation.'
-  }, {
-    id: 'initiated',
-    state: 'inactive',
-    title: 'Initiated',
-    tooltip: 'Payout initiation information'
-  }, {
-    id: 'payout-confirmed',
-    state: 'inactive',
-    title: 'Payout Confirmed',
-    tooltip: 'Payout confirmation information'
-  }, {
-    id: 'paid-out',
-    state: 'inactive',
-    title: 'Paid out',
-    tooltip: 'Payout completion information'
-  }]
-};
-
-// Initiated state (first two steps completed/active)
-const InitiatedState = exports.InitiatedState = Template.bind({});
-InitiatedState.args = {
-  steps: [{
-    id: 'pending',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Pending',
-    tooltip: 'Payout was pending'
-  }, {
-    id: 'initiated',
-    date: '2025-08-12T11:57:00',
-    title: 'Initiated',
-    tooltip: 'Awaiting your confirmation',
-    caption: 'Awaiting your confirmation.'
-  }, {
-    id: 'transferee-notified',
-    state: 'inactive',
-    title: 'Transferee notified',
-    tooltip: 'Transferee notification information'
-  }, {
-    id: 'payout-confirmed',
-    state: 'inactive',
-    title: 'Payout Confirmed',
-    tooltip: 'Payout confirmation information'
-  }, {
-    id: 'paid-out',
-    state: 'inactive',
-    title: 'Paid out',
-    tooltip: 'Payout completion information'
-  }]
-};
-
-// Payout Declined (failed state)
-const PayoutDeclined = exports.PayoutDeclined = Template.bind({});
-PayoutDeclined.args = {
-  steps: [{
-    id: 'pending',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Pending',
-    tooltip: 'Payout was pending'
-  }, {
-    id: 'initiated',
-    state: 'completed',
-    date: '2025-08-12T11:57:00',
-    title: 'Initiated',
-    tooltip: 'Payout was initiated'
-  }, {
-    id: 'transferee-notified',
-    state: 'completed',
-    date: '2025-08-14T07:12:00',
-    title: 'Transferee notified',
-    tooltip: 'Transferee was notified',
-    caption: 'Change text'
-  }, {
-    id: 'payout-declined',
-    state: 'failed',
-    date: '2025-08-16T21:39:00',
-    title: 'Payout Declined',
-    tooltip: 'Payout was declined',
-    caption: 'Transferee declined the payout.'
-  }, {
-    id: 'paid-out',
-    state: 'inactive',
-    title: 'Paid out',
-    tooltip: 'Payout completion information'
-  }]
-};
-
-// Payout Confirmed (successful flow)
-const PayoutConfirmed = exports.PayoutConfirmed = Template.bind({});
-PayoutConfirmed.args = {
-  steps: [{
-    id: 'pending',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Pending',
-    tooltip: 'Payout was pending'
-  }, {
-    id: 'initiated',
-    state: 'completed',
-    date: '2025-08-12T11:57:00',
-    title: 'Initiated',
-    tooltip: 'Payout was initiated'
-  }, {
-    id: 'transferee-notified',
-    state: 'completed',
-    date: '2025-08-14T07:12:00',
-    title: 'Transferee notified',
-    tooltip: 'Transferee was notified',
-    caption: 'Change text'
-  }, {
-    id: 'payout-confirmed',
-    state: 'completed',
-    date: '2025-08-16T21:39:00',
-    title: 'Payout Confirmed',
-    tooltip: 'Payout was confirmed',
-    caption: 'Transferee has confirmed the payout.'
-  }, {
-    id: 'paid-out',
-    state: 'inactive',
-    title: 'Paid out',
-    tooltip: 'Payout completion information'
-  }]
-};
-
-// All states example
-const AllStates = exports.AllStates = Template.bind({});
-AllStates.args = {
-  steps: [{
-    id: 'completed',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Completed Step',
-    tooltip: 'This step is completed',
-    caption: 'This step has been successfully completed.'
-  }, {
-    id: 'active',
-    date: '2025-08-12T11:57:00',
-    title: 'Active Step',
-    tooltip: 'This step is currently active',
-    caption: 'This step is currently in progress.'
-  }, {
-    id: 'pending',
-    state: 'pending',
-    date: '2025-08-14T07:12:00',
-    title: 'Pending Step',
-    tooltip: 'This step is pending',
-    caption: 'This step is waiting to be processed.'
-  }, {
-    id: 'failed',
-    state: 'failed',
-    date: '2025-08-16T21:39:00',
-    title: 'Failed Step',
-    tooltip: 'This step has failed',
-    caption: 'This step encountered an error.'
-  }, {
-    id: 'inactive',
-    state: 'inactive',
-    title: 'Inactive Step',
-    tooltip: 'This step is not yet started'
-  }]
-};
-
-// Simple timeline without dates
-const SimpleTimeline = exports.SimpleTimeline = Template.bind({});
-SimpleTimeline.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    title: 'Step 1',
-    tooltip: 'First step completed'
-  }, {
-    id: 'step2',
-    title: 'Step 2',
-    tooltip: 'Second step in progress',
-    caption: 'Currently working on this step.'
-  }, {
-    id: 'step3',
-    state: 'inactive',
-    title: 'Step 3',
-    tooltip: 'Third step not started'
-  }]
-};
-
-// Without tooltips
-const WithoutTooltips = exports.WithoutTooltips = Template.bind({});
-WithoutTooltips.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Completed',
-    caption: 'This step is done.'
-  }, {
-    id: 'step2',
-    date: '2025-08-12T11:57:00',
-    title: 'Active',
-    caption: 'This step is in progress.'
-  }, {
-    id: 'step3',
-    state: 'inactive',
-    title: 'Upcoming'
-  }],
-  showInfoIcons: false
-};
-
-// Custom width
-const CustomWidth = exports.CustomWidth = Template.bind({});
-CustomWidth.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Step 1',
-    tooltip: 'First step'
-  }, {
-    id: 'step2',
-    date: '2025-08-12T11:57:00',
-    title: 'Step 2',
-    tooltip: 'Second step'
-  }, {
-    id: 'step3',
-    state: 'inactive',
-    title: 'Step 3',
-    tooltip: 'Third step'
-  }],
-  maxWidth: '600px'
-};
-
-// Long captions
-const LongCaptions = exports.LongCaptions = Template.bind({});
-LongCaptions.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Document Upload',
-    tooltip: 'Document upload information',
-    caption: 'All required documents have been successfully uploaded and verified by our team. The verification process took approximately 2 business days.'
-  }, {
-    id: 'step2',
-    date: '2025-08-12T11:57:00',
-    title: 'Review Process',
-    tooltip: 'Review process information',
-    caption: 'Your application is currently under review. Our compliance team is examining all submitted documents to ensure they meet our requirements. This typically takes 3-5 business days.'
-  }, {
-    id: 'step3',
-    state: 'inactive',
-    title: 'Approval',
-    tooltip: 'Approval information',
-    caption: 'Once the review is complete, you will receive a notification about the approval status of your application.'
-  }]
-};
-
-// Custom styling
-const CustomStyling = exports.CustomStyling = Template.bind({});
-CustomStyling.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Step 1',
-    tooltip: 'First step'
-  }, {
-    id: 'step2',
-    date: '2025-08-12T11:57:00',
-    title: 'Step 2',
-    tooltip: 'Second step'
-  }, {
-    id: 'step3',
-    state: 'inactive',
-    title: 'Step 3',
-    tooltip: 'Third step'
-  }],
-  containerStyle: {
-    padding: '20px',
-    backgroundColor: _colors.default.grey3,
-    borderRadius: '8px'
-  }
-};
-
-// Cancelled state
-const CancelledState = exports.CancelledState = Template.bind({});
-CancelledState.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Started',
-    tooltip: 'Process started'
-  }, {
-    id: 'step2',
-    state: 'completed',
-    date: '2025-08-12T11:57:00',
-    title: 'In Progress',
-    tooltip: 'Process in progress'
-  }, {
-    id: 'step3',
-    state: 'cancelled',
-    date: '2025-08-14T07:12:00',
-    title: 'Cancelled',
-    tooltip: 'Process was cancelled',
-    caption: 'The process was cancelled by the user.'
-  }, {
-    id: 'step4',
-    state: 'inactive',
-    title: 'Completed',
-    tooltip: 'Completion information'
-  }]
-};
-
-// Declined state
-const DeclinedState = exports.DeclinedState = Template.bind({});
-DeclinedState.args = {
-  steps: [{
-    id: 'step1',
-    state: 'completed',
-    date: '2025-08-10T11:57:00',
-    title: 'Submitted',
-    tooltip: 'Application submitted'
-  }, {
-    id: 'step2',
-    state: 'completed',
-    date: '2025-08-12T11:57:00',
-    title: 'Under Review',
-    tooltip: 'Application under review'
-  }, {
-    id: 'step3',
-    state: 'declined',
-    date: '2025-08-14T07:12:00',
-    title: 'Declined',
-    tooltip: 'Application declined',
-    caption: 'Your application was declined due to incomplete information.'
-  }, {
-    id: 'step4',
-    state: 'inactive',
-    title: 'Approved',
-    tooltip: 'Approval information'
-  }]
-};

package/dist/components/ToDoList/ToDoList.stories.js

@@ -1,133 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToDoListSkipped2 = exports.ToDoListRejected = exports.ToDoListMixedOverview = exports.ToDoListApproved = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ToDoList = _interopRequireDefault(require("./ToDoList"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _AuthContext = require("../../context/AuthContext");
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/ToDoList/ToDoList',
-  component: _ToDoList.default,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: 'To do List'
-    },
-    subtitle: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    mandatoryTasks: {
-      type: 'array',
-      defaultValue: [{
-        title: ''
-      }, {
-        state: ''
-      }, {
-        link: ''
-      }, {
-        tooltip: ''
-      }]
-    },
-    optionalTasks: {
-      type: 'array',
-      defaultValue: [{
-        title: ''
-      }, {
-        state: ''
-      }, {
-        link: ''
-      }, {
-        tooltip: ''
-      }]
-    },
-    successText: {
-      type: 'string',
-      defaultValue: ''
-    }
-  }
-};
-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(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ToDoList.default, args)))));
-const ToDoListMixedOverview = exports.ToDoListMixedOverview = Template.bind({});
-ToDoListMixedOverview.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - In Progress',
-    state: 'in_progress',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Rejected',
-    state: 'rejected',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Approved',
-    state: 'approved',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Skipped',
-    state: 'skipped',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Reapply',
-    state: 'reapply',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Not Available',
-    state: 'not_available',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }],
-  optionalTasks: [{
-    title: 'Title of an Optional Task - Draft',
-    state: 'draft',
-    link: 'www.optionallink.com',
-    tooltip: 'a tooltip for Optional Task'
-  }]
-};
-const ToDoListApproved = exports.ToDoListApproved = Template.bind({});
-ToDoListApproved.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - Approved',
-    state: 'approved',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }]
-};
-const ToDoListRejected = exports.ToDoListRejected = Template.bind({});
-ToDoListRejected.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - Rejected',
-    state: 'rejected',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }]
-};
-const ToDoListSkipped2 = exports.ToDoListSkipped2 = Template.bind({});
-ToDoListSkipped2.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - Skipped',
-    state: 'skipped',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Skipped 2',
-    state: 'skipped',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }]
-};

package/dist/components/ToDoList/ToDoListTask.stories.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToDoListTaskReal = exports.ToDoListTaskOverview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ToDoListTask = _interopRequireDefault(require("./ToDoListTask"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _reactRouterDom = require("react-router-dom");
-var _AuthContext = require("../../context/AuthContext");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/ToDoList/ToDoListTask',
-  component: _ToDoListTask.default,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    message: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    state: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    icon: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    link: {
-      type: 'any',
-      defaultValue: undefined
-    },
-    tooltip: {
-      type: 'string',
-      defaultValue: ''
-    },
-    notificationCount: {
-      type: 'string',
-      defaultValue: ''
-    }
-  }
-};
-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(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, args)))));
-const ToDoListTaskReal = exports.ToDoListTaskReal = Template.bind({});
-ToDoListTaskReal.args = {
-  title: 'Risk Questionaire',
-  message: 'You have read and understood the risks',
-  link: 'www.link.com',
-  state: 'approved',
-  tooltip: 'a tool tip for you',
-  notificationCount: '5'
-};
-const ToDoListTaskOverview = exports.ToDoListTaskOverview = Template.bind({});
-ToDoListTaskOverview.args = {
-  title: 'Task Title',
-  message: 'Task Message',
-  icon: 'Icon',
-  link: 'www.link.com',
-  tooltip: 'a tool-tip for you',
-  notificationCount: '5'
-};

package/dist/components/TransactionDetails/TransactionDetails.stories.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TransactionDetails4 = exports.TransactionDetails1 = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TransactionDetails = require("./TransactionDetails");
-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/TransactionDetails',
-  component: _TransactionDetails.TransactionDetails,
-  argTypes: {
-    data: [{
-      label: {
-        type: 'string'
-      }
-    }, {
-      value: {
-        type: 'string',
-        required: true
-      }
-    }],
-    required: true
-  }
-};
-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(_TransactionDetails.TransactionDetails, args)));
-const TransactionDetails1 = exports.TransactionDetails1 = Template.bind({});
-TransactionDetails1.args = {
-  data: [{
-    label: 'This is a Label',
-    value: 'This is a value'
-  }]
-};
-const TransactionDetails4 = exports.TransactionDetails4 = Template.bind({});
-TransactionDetails4.args = {
-  data: [{
-    label: 'This is a Label',
-    value: 'This is a value'
-  }, {
-    label: 'This is a Label too',
-    value: 'This is a value too'
-  }, {
-    label: 'This is Label three',
-    value: 'This is value three'
-  }, {
-    label: 'This is Label four',
-    value: 'This is value four'
-  }]
-};
-
-//doublecheck:
-// state?