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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (222) hide show
  1. package/dist/components/2FA/main-flow.js +28 -7
  2. package/dist/components/AdminDashboard/Table/ReactTable.js +123 -7
  3. package/dist/components/Chips/Chip.js +1 -2
  4. package/dist/components/Chips/Chip.styles.js +3 -2
  5. package/dist/components/Input/Input.js +33 -33
  6. package/dist/components/Input/MultiSelect.js +319 -0
  7. package/dist/components/Input/SearchInput.js +78 -0
  8. package/dist/components/Input/SearchInput.styles.js +25 -0
  9. package/dist/components/Input/Select.js +51 -28
  10. package/dist/components/Modal/SideModal.js +82 -0
  11. package/dist/components/Modal/SideModal.styles.js +21 -0
  12. package/dist/components/Payment/PaymentDetailsCard.js +189 -0
  13. package/dist/components/Payment/PaymentDisplay.js +2 -12
  14. package/dist/components/ProfileBox/ProfileBox.js +2 -1
  15. package/dist/components/Snackbar/Snackbar.js +193 -0
  16. package/dist/components/Snackbar/Snackbar.styles.js +97 -0
  17. package/dist/components/Snackbar/SnackbarProvider.js +81 -0
  18. package/dist/components/Snackbar/index.js +32 -0
  19. package/dist/components/Snackbar/useSnackbar.js +43 -0
  20. package/dist/components/StatusTag/StatusTag.js +175 -0
  21. package/dist/components/StatusTag/StatusTag.styles.js +37 -0
  22. package/dist/components/StepsProgress/StepIndicator.js +59 -0
  23. package/dist/components/StepsProgress/StepIndicator.styles.js +30 -0
  24. package/dist/components/TextLink/TextLink.styles.js +1 -1
  25. package/dist/components/Timeline/TimelineStep.js +2 -2
  26. package/dist/constants/globalVariables.js +41 -2
  27. package/dist/context/Checkbox/CheckboxContext.js +0 -1
  28. package/dist/index.js +66 -0
  29. package/dist/static/images/bmn2-logo.svg +9 -0
  30. package/dist/static/images/document-icon.svg +3 -0
  31. package/dist/static/images/plus-icon.svg +4 -0
  32. package/dist/static/images/search-icon.svg +3 -0
  33. package/dist/static/images/sent-icon.svg +10 -0
  34. package/dist/static/images/transfer-icon.svg +10 -0
  35. package/dist/utils/formatCurrencyValue.js +43 -3
  36. package/package.json +3 -2
  37. package/dist/components/2FA/EnterCode.stories.js +0 -35
  38. package/dist/components/2FA/disable-2fa-flow.stories.js +0 -31
  39. package/dist/components/2FA/enable-2fa-flow.stories.js +0 -31
  40. package/dist/components/2FA/login-with-otp-flow.stories.js +0 -31
  41. package/dist/components/2FA/main-flow.stories.js +0 -33
  42. package/dist/components/AccountBalance/AccountBalance.stories.js +0 -83
  43. package/dist/components/AdminDashboard/Table/ReactTable.stories.js +0 -406
  44. package/dist/components/AgreementItem/AgreementItem.stories.js +0 -105
  45. package/dist/components/AnalyticGraphs/Analytic.js +0 -541
  46. package/dist/components/AnalyticGraphs/Analytic.styles.js +0 -25
  47. package/dist/components/BackButton/BackButton.stories.js +0 -32
  48. package/dist/components/Background/Background.stories.js +0 -75
  49. package/dist/components/BarChart/BarChart.js +0 -263
  50. package/dist/components/BarChart/BarChart.stories.js +0 -66
  51. package/dist/components/BarChart/BarChart.styles.js +0 -26
  52. package/dist/components/BarChartLegend/BarChartLegend.js +0 -79
  53. package/dist/components/BarChartLegend/BarChartLegend.styles.js +0 -21
  54. package/dist/components/BasicTable/BasicTable.stories.js +0 -59
  55. package/dist/components/BlogPost/BlogPost.stories.js +0 -160
  56. package/dist/components/Button/Button.stories.js +0 -146
  57. package/dist/components/Button/GlareButton.stories.js +0 -132
  58. package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +0 -42
  59. package/dist/components/ChartBox/ChartBox.js +0 -41
  60. package/dist/components/ChartBox/ChartBox.stories.js +0 -17
  61. package/dist/components/ChartBox/ChartBox.styles.js +0 -27
  62. package/dist/components/ChartBox/ChartBoxDistribution.js +0 -27
  63. package/dist/components/ChartBox/ChartBoxDistribution.stories.js +0 -18
  64. package/dist/components/ChartLegend/ChartLegend.stories.js +0 -90
  65. package/dist/components/Checkbox/Checkbox.stories.js +0 -88
  66. package/dist/components/Checklist/ChecklistCard.stories.js +0 -102
  67. package/dist/components/Checklist/UserChecklist.js +0 -184
  68. package/dist/components/Checklist/UserChecklist.stories.js +0 -317
  69. package/dist/components/Chips/Chip.stories.js +0 -36
  70. package/dist/components/Chips/ChipsWrapper.stories.js +0 -47
  71. package/dist/components/ComponentScroll/ComponentScroll.stories.js +0 -111
  72. package/dist/components/CryptoAddress/CryptoAddress.stories.js +0 -205
  73. package/dist/components/CryptoAddressDetails/CryptoAddressDetails.stories.js +0 -70
  74. package/dist/components/DonutChart/DonutChart.stories.js +0 -54
  75. package/dist/components/FAQ/FAQ.stories.js +0 -76
  76. package/dist/components/Footer/Footer.stories.js +0 -49
  77. package/dist/components/Footer/FooterLayout.stories.js +0 -26
  78. package/dist/components/Footer/FooterMenu.stories.js +0 -113
  79. package/dist/components/Footer/mangopay.png +0 -0
  80. package/dist/components/Footer/mangopay.svg +0 -20
  81. package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js +0 -69
  82. package/dist/components/Form/Form.stories.js +0 -32
  83. package/dist/components/FullscreenCard/FullscreenCard.styles.js +0 -27
  84. package/dist/components/Header/Header.stories.js +0 -192
  85. package/dist/components/InfoIcon/InfoIcon.stories.js +0 -299
  86. package/dist/components/InfoPanel/InfoPanel.js +0 -124
  87. package/dist/components/Input/DatePickerInput.stories.js +0 -87
  88. package/dist/components/Input/Input.stories.js +0 -142
  89. package/dist/components/Input/InputPassword.stories.js +0 -80
  90. package/dist/components/Input/InputWithButton.stories.js +0 -75
  91. package/dist/components/Input/OtpInput.stories.js +0 -57
  92. package/dist/components/Input/RangeInput.stories.js +0 -58
  93. package/dist/components/Input/Select.stories.js +0 -139
  94. package/dist/components/InvestCalculator/InvestCalculator.stories.js +0 -135
  95. package/dist/components/InvestmentStat/InvestmentStat.stories.js +0 -52
  96. package/dist/components/KYCFlow/BasicInfo.js +0 -448
  97. package/dist/components/KYCFlow/Confirmation.js +0 -46
  98. package/dist/components/KYCFlow/DocumentFileUpload.js +0 -263
  99. package/dist/components/KYCFlow/DocumentScan.js +0 -75
  100. package/dist/components/KYCFlow/DocumentScanUpload.js +0 -251
  101. package/dist/components/KYCFlow/DocumentSelect.js +0 -118
  102. package/dist/components/KYCFlow/DocumentSuccess.js +0 -63
  103. package/dist/components/KYCFlow/DocumentUpload.js +0 -53
  104. package/dist/components/KYCFlow/DocumentVerificationType.js +0 -131
  105. package/dist/components/KYCFlow/FaceScan.js +0 -54
  106. package/dist/components/KYCFlow/FaceScanRecognition.js +0 -61
  107. package/dist/components/KYCFlow/FaceScanSuccess.js +0 -56
  108. package/dist/components/KYCFlow/Terms.js +0 -119
  109. package/dist/components/KYCFlow/_styles.js +0 -111
  110. package/dist/components/KYCFlow/index.js +0 -97
  111. package/dist/components/KYCSelectBox/KYCSelectBox.styles.js +0 -29
  112. package/dist/components/LatestUpdate/LatestUpdate.stories.js +0 -58
  113. package/dist/components/Layout/Layout.stories.js +0 -60
  114. package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js +0 -66
  115. package/dist/components/LearnMorePage/LearnMore.stories.js +0 -48
  116. package/dist/components/LearnMorePage/LearnMoreItem.stories.js +0 -62
  117. package/dist/components/LearnMoreSection/LearnMore.stories.js +0 -30
  118. package/dist/components/LearnMoreSection/LearnMoreItem.stories.js +0 -59
  119. package/dist/components/LoginModal/LoginModal.stories.js +0 -74
  120. package/dist/components/MatomoConnect/Matomo.js +0 -228
  121. package/dist/components/MatomoConnect/Matomo_fuckup.js +0 -387
  122. package/dist/components/Modal/Modal.stories.js +0 -75
  123. package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js +0 -150
  124. package/dist/components/Modal/PaymentModal.stories.js +0 -57
  125. package/dist/components/MultiProgressBar/MultiProgressBar.stories.js +0 -67
  126. package/dist/components/Newsletter/Newsletter.stories.js +0 -16
  127. package/dist/components/NotificationContext/NotificationContext.js +0 -141
  128. package/dist/components/Number/Number.stories.js +0 -92
  129. package/dist/components/Pagination/Pagination.stories.js +0 -83
  130. package/dist/components/Pagination/PaginationControls.stories.js +0 -112
  131. package/dist/components/Payment/PaymentDisplay.stories.js +0 -302
  132. package/dist/components/Payment/TimerComponent.stories.js +0 -236
  133. package/dist/components/Process/Process.stories.js +0 -42
  134. package/dist/components/ProfileBadge/ProfileBadge.stories.js +0 -45
  135. package/dist/components/ProfileBox/ProfileBox.stories.js +0 -35
  136. package/dist/components/ProfileHeader/ProfileHeader.js +0 -252
  137. package/dist/components/ProfileHeader/ProfileHeader.styles.js +0 -65
  138. package/dist/components/ProfileStat/ProfileStat.stories.js +0 -66
  139. package/dist/components/ProofOfAddress/ProofOfAddress.styles.js +0 -53
  140. package/dist/components/QRCode/QRCode.stories.js +0 -104
  141. package/dist/components/Radio/Radio.stories.js +0 -73
  142. package/dist/components/RefreshButton/RefreshButton.stories.js +0 -38
  143. package/dist/components/RegisterAlgorand/AlgoAddressName.js +0 -138
  144. package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +0 -443
  145. package/dist/components/RegisterAlgorand/AlgoConnectWallet.js +0 -47
  146. package/dist/components/RegisterAlgorand/AlgoSuccess.js +0 -38
  147. package/dist/components/RegisterAlgorand/Algorand.stories.js +0 -80
  148. package/dist/components/RegisterAlgorand/ChooseWallet.js +0 -97
  149. package/dist/components/RegisterAlgorand/SelectProject.js +0 -89
  150. package/dist/components/RegisterAlgorand/_styles.js +0 -28
  151. package/dist/components/RegisterAlgorand/flow.js +0 -409
  152. package/dist/components/RegisterAlgorand/flowWithMemo.js +0 -410
  153. package/dist/components/RegisterAlgorand/index.js +0 -48
  154. package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js +0 -41
  155. package/dist/components/RegisterEthereum/EthAddressLedger.js +0 -226
  156. package/dist/components/RegisterEthereum/EthAddressMetamask.js +0 -204
  157. package/dist/components/RegisterEthereum/EthAddressName.js +0 -135
  158. package/dist/components/RegisterEthereum/EthConnectLedger.js +0 -194
  159. package/dist/components/RegisterEthereum/EthConnectMetamask.js +0 -35
  160. package/dist/components/RegisterEthereum/EthFinish.js +0 -41
  161. package/dist/components/RegisterEthereum/EthIntro.js +0 -95
  162. package/dist/components/RegisterEthereum/_styles.js +0 -28
  163. package/dist/components/RegisterEthereum/index.js +0 -68
  164. package/dist/components/RegisterModal/RegisterModal.stories.js +0 -49
  165. package/dist/components/RequestDataBox/RequestDataBox.stories.js +0 -37
  166. package/dist/components/RiskQuestionnaire/RiskQuestionnaireContext.js +0 -185
  167. package/dist/components/RiskQuestionnaire/_styles.js +0 -15
  168. package/dist/components/SEO/SEO.stories.js +0 -60
  169. package/dist/components/SideLine/SideLine.stories.js +0 -28
  170. package/dist/components/SigningSubflow/SignSubAddressMetamask.js +0 -137
  171. package/dist/components/SigningSubflow/SignSubConnectLedger.js +0 -150
  172. package/dist/components/SigningSubflow/SignSubConnectMetamask.js +0 -137
  173. package/dist/components/SigningSubflow/SignSubIntro.js +0 -55
  174. package/dist/components/SigningSubflow/SignSubSendLedger.js +0 -150
  175. package/dist/components/SigningSubflow/SignSubSendMetamask.js +0 -62
  176. package/dist/components/SigningSubflow/SignSubTransactionLedger.js +0 -161
  177. package/dist/components/SigningSubflow/SignSubTransactionMetamask.js +0 -166
  178. package/dist/components/SigningSubflow/_styles.js +0 -34
  179. package/dist/components/SigningSubflow/index.js +0 -32
  180. package/dist/components/Slider/Slider.stories.js +0 -68
  181. package/dist/components/StepController/StepController.stories.js +0 -60
  182. package/dist/components/StepController/StepControllerProgress.stories.js +0 -49
  183. package/dist/components/StepsProgress/StepsProgress.stories.js +0 -49
  184. package/dist/components/Switch/Switch.stories.js +0 -81
  185. package/dist/components/Tabs/Tabs.stories.js +0 -36
  186. package/dist/components/TabsNav/TabNav.stories.js +0 -40
  187. package/dist/components/TabsNav/TabsNav.stories.js +0 -37
  188. package/dist/components/TeamOverview/TeamOverview.stories.js +0 -76
  189. package/dist/components/TermsModal/TermsModal.stories.js +0 -31
  190. package/dist/components/Text/Headline.stories.js +0 -48
  191. package/dist/components/Text/Text.stories.js +0 -70
  192. package/dist/components/Timeline/Timeline.stories.js +0 -393
  193. package/dist/components/ToDoList/ToDoList.stories.js +0 -133
  194. package/dist/components/ToDoList/ToDoListTask.stories.js +0 -70
  195. package/dist/components/TransactionDetails/TransactionDetails.stories.js +0 -55
  196. package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js +0 -305
  197. package/dist/components/TransactionInfo/TransactionInfo.stories.js +0 -61
  198. package/dist/components/TwoFactorModal/TwoFactorModal.js +0 -100
  199. package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js +0 -59
  200. package/dist/components/headerHo/HeaderHo.stories.js +0 -35
  201. package/dist/components/icons/Arrow.stories.js +0 -42
  202. package/dist/components/icons/ArrowSimple.stories.js +0 -48
  203. package/dist/components/icons/Check.stories.js +0 -22
  204. package/dist/components/icons/Facebook.stories.js +0 -21
  205. package/dist/components/icons/Facebook_Logo.png +0 -0
  206. package/dist/components/icons/Info.stories.js +0 -16
  207. package/dist/components/icons/Instagram.stories.js +0 -21
  208. package/dist/components/icons/LI-In-Bug.png +0 -0
  209. package/dist/components/icons/LinkIcon.stories.js +0 -21
  210. package/dist/components/icons/LinkedIn.stories.js +0 -16
  211. package/dist/components/icons/Medium.stories.js +0 -16
  212. package/dist/components/icons/Reddit.stories.js +0 -21
  213. package/dist/components/icons/Share.stories.js +0 -16
  214. package/dist/components/icons/Telegram-Logo.png +0 -0
  215. package/dist/components/icons/Telegram.stories.js +0 -16
  216. package/dist/components/icons/Twitter.stories.js +0 -21
  217. package/dist/components/icons/X-logo-black.png +0 -0
  218. package/dist/components/icons/X.stories.js +0 -16
  219. package/dist/components/icons/Youtube.stories.js +0 -21
  220. package/dist/components/icons/youtube_social_circle_red.png +0 -0
  221. package/dist/components/taxId/TaxId.stories.js +0 -50
  222. package/dist/components/video/Video.stories.js +0 -52
@@ -1,160 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ImageRight = exports.ImageLeft = exports.ImageCover = exports.GridExample = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _BlogPost = _interopRequireDefault(require("./BlogPost"));
9
- var _global = _interopRequireDefault(require("../../styles/global"));
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _rwd = _interopRequireDefault(require("../../styles/rwd"));
12
- var _templateObject, _templateObject2;
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- 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); }
15
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
16
- 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; }
17
- 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; }
18
- 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; }
19
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
20
- 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); }
21
- var _default = exports.default = {
22
- title: 'Components Library/BlogPost',
23
- component: _BlogPost.default,
24
- argTypes: {
25
- layout: {
26
- control: 'select',
27
- options: ['image-left', 'image-right', 'image-cover'],
28
- defaultValue: 'image-left'
29
- },
30
- category: {
31
- control: 'text'
32
- },
33
- title: {
34
- control: 'text'
35
- },
36
- description: {
37
- control: 'text'
38
- },
39
- image: {
40
- control: 'text'
41
- },
42
- date: {
43
- control: 'text'
44
- },
45
- link: {
46
- control: 'text'
47
- },
48
- withHoverBg: {
49
- control: 'boolean'
50
- }
51
- }
52
- };
53
- const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
54
- style: {
55
- maxWidth: '1200px',
56
- margin: '0 auto',
57
- padding: '20px'
58
- }
59
- }, /*#__PURE__*/_react.default.createElement(_BlogPost.default, args)));
60
- const ImageLeft = exports.ImageLeft = Template.bind({});
61
- ImageLeft.args = {
62
- layout: 'image-left',
63
- category: 'BITCOIN MINING',
64
- title: 'Bitcoin Mining: A Series - Part 1: The Ups, Downs and Rebounds',
65
- description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.",
66
- image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
67
- date: '01 MAR 2022',
68
- link: '/blog/bitcoin-mining-series-part-1',
69
- withHoverBg: true
70
- };
71
-
72
- //https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg
73
- //https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg
74
-
75
- const ImageRight = exports.ImageRight = Template.bind({});
76
- ImageRight.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
77
- layout: 'image-right'
78
- });
79
- const ImageCover = exports.ImageCover = Template.bind({});
80
- ImageCover.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
81
- layout: 'image-cover'
82
- });
83
- const GridLayout = _styledComponents.default.div.withConfig({
84
- displayName: "BlogPoststories__GridLayout",
85
- componentId: "sc-1hqbvxb-0"
86
- })(["display:grid;grid-template-columns:1fr;gap:3rem;", ";", ";"], _rwd.default.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n gap: 6rem;\n "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n gap: 10rem 4rem;\n grid-template-columns: repeat(2, 50%);\n "]))));
87
- const LAYOUTS = [['image-cover', 'image-right', 'image-left', 'image-cover', 'image-cover', 'image-right', 'image-fullscreen'], ['image-cover', 'image-left', 'image-right', 'image-cover', 'image-cover', 'image-left', 'image-fullscreen']];
88
- const getLayoutPattern = index => LAYOUTS[Math.floor(index / 7) % 2][index % 7];
89
-
90
- // Sample blog posts data
91
- const samplePosts = [{
92
- layout: 'image-cover',
93
- category: 'BITCOIN MINING',
94
- title: 'STOKR RECEIVES BaFin APPROVAL FOR THE FIRST BITCOIN-BASED STO IN GERMANY',
95
- description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live.",
96
- image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
97
- date: '01 MAR 2022',
98
- link: '/blog/post-1'
99
- }, {
100
- layout: 'image-left',
101
- category: 'PODCAST',
102
- title: 'What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like? What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like?What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like?',
103
- description: 'Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.',
104
- image: 'https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg',
105
- date: '02 MAR 2022',
106
- link: '/blog/post-2'
107
- }, {
108
- layout: 'image-right',
109
- category: 'BITCOIN MINING',
110
- title: "T8 REASONS TO USE BTCPAY SERVER FOR YOUR WEBSITE'S BITCOIN PAYMENTS",
111
- // description:
112
- // 'Learn about the journey of Bitcoin mining and its various phases.',
113
- image: 'https://res.cloudinary.com/stokr/image/upload/v1627569252/STOKE_POST/version1_yb4tck.png',
114
- date: '03 MAR 2022',
115
- link: '/blog/post-3'
116
- }, {
117
- layout: 'image-cover',
118
- category: 'BITCOIN MINING',
119
- title: 'Future of Mining',
120
- description: 'Exploring what lies ahead for Bitcoin mining technology.',
121
- image: 'https://res.cloudinary.com/stokr/image/upload/v1626798409/STOKE_POST/IMG_0324_rbvypv.png',
122
- date: '04 MAR 2022',
123
- link: '/blog/post-4'
124
- }, {
125
- layout: 'image-left',
126
- category: 'BITCOIN MINING',
127
- title: 'BMN Now Open for Trade',
128
- description: 'Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.',
129
- image: 'https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg',
130
- date: '02 MAR 2022',
131
- link: '/blog/post-2'
132
- }, {
133
- layout: 'image-right',
134
- category: 'BITCOIN MINING',
135
- title: 'The Ups, Downs and Rebounds',
136
- description: 'Learn about the journey of Bitcoin mining and its various phases.',
137
- image: 'https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg',
138
- date: '03 MAR 2022',
139
- link: '/blog/post-3'
140
- }, {
141
- layout: 'image-cover',
142
- category: 'BITCOIN MINING',
143
- title: 'Bitcoin Mining: A Series - Part 1',
144
- description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live.",
145
- image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
146
- date: '01 MAR 2022',
147
- link: '/blog/post-1'
148
- }];
149
- const GridExample = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
150
- style: {
151
- maxWidth: '1700px',
152
- margin: '0 auto'
153
- }
154
- }, /*#__PURE__*/_react.default.createElement(GridLayout, null, samplePosts.map((post, index) => /*#__PURE__*/_react.default.createElement(_BlogPost.default, _extends({
155
- key: index
156
- }, post, {
157
- withHoverBg: true,
158
- layout: getLayoutPattern(index)
159
- }))))));
160
- exports.GridExample = GridExample;
@@ -1,146 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.WithMinWidth = exports.WithMargin = exports.WithBottomMargin = exports.Secondary = exports.Primary = exports.OutlineBlack = exports.Outline = exports.OnlyText = exports.Negative = exports.Fluid = exports.Disabled = exports.Centered = exports.ButtonGroup = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Button = _interopRequireDefault(require("./Button.styles"));
9
- var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
10
- var _ButtonContainer = require("../ButtonContainer/ButtonContainer.styles");
11
- var _global = _interopRequireDefault(require("../../styles/global"));
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- // import { DoubleButtons } from '../DoubleButton/DoubleButton.styles'
14
- var _default = exports.default = {
15
- title: 'Components Library/Buttons/Button',
16
- component: _Button.default,
17
- argTypes: {
18
- children: {
19
- control: 'text'
20
- },
21
- onClick: {
22
- action: 'clicked'
23
- },
24
- secondary: {
25
- control: 'boolean'
26
- },
27
- disabled: {
28
- control: 'boolean'
29
- },
30
- negative: {
31
- control: 'boolean'
32
- },
33
- center: {
34
- control: 'boolean'
35
- },
36
- fluid: {
37
- control: 'boolean'
38
- },
39
- outline: {
40
- control: 'boolean'
41
- },
42
- outlineBlack: {
43
- control: 'boolean'
44
- },
45
- onlyText: {
46
- control: 'boolean'
47
- },
48
- minWidth: {
49
- control: 'text'
50
- },
51
- marginTop: {
52
- control: 'text'
53
- },
54
- marginRight: {
55
- control: 'text'
56
- },
57
- withMarginBottom: {
58
- control: 'boolean'
59
- }
60
- }
61
- };
62
- 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(_ButtonContainer.ButtonContainer, null, /*#__PURE__*/_react.default.createElement(_Button.default, args, "Button"))));
63
- const Primary = exports.Primary = Template.bind({});
64
- Primary.args = {
65
- children: 'Primary Button'
66
- };
67
- const Secondary = exports.Secondary = Template.bind({});
68
- Secondary.args = {
69
- children: 'Secondary Button',
70
- secondary: true
71
- };
72
- const Disabled = exports.Disabled = Template.bind({});
73
- Disabled.args = {
74
- children: 'Disabled Button',
75
- disabled: true
76
- };
77
- const Negative = exports.Negative = Template.bind({});
78
- Negative.args = {
79
- children: 'Negative Button',
80
- negative: true
81
- };
82
- const Outline = exports.Outline = Template.bind({});
83
- Outline.args = {
84
- children: 'Outline Button',
85
- outline: true
86
- };
87
- const OutlineBlack = exports.OutlineBlack = Template.bind({});
88
- OutlineBlack.args = {
89
- children: 'Outline Black Button',
90
- outlineBlack: true
91
- };
92
- const OnlyText = exports.OnlyText = Template.bind({});
93
- OnlyText.args = {
94
- children: 'Text Only Button',
95
- onlyText: true
96
- };
97
- const Fluid = exports.Fluid = Template.bind({});
98
- Fluid.args = {
99
- children: 'Fluid Width Button',
100
- fluid: true
101
- };
102
- const WithMinWidth = exports.WithMinWidth = Template.bind({});
103
- WithMinWidth.args = {
104
- children: 'Min Width Button',
105
- minWidth: '200px'
106
- };
107
- const Centered = exports.Centered = Template.bind({});
108
- Centered.args = {
109
- children: 'Centered Button',
110
- center: true
111
- };
112
- const WithMargin = exports.WithMargin = Template.bind({});
113
- WithMargin.args = {
114
- children: 'Button with Margin',
115
- marginTop: '20px',
116
- marginRight: '20px'
117
- };
118
- const WithBottomMargin = exports.WithBottomMargin = Template.bind({});
119
- WithBottomMargin.args = {
120
- children: 'Button with Bottom Margin',
121
- withMarginBottom: true
122
- };
123
- const ButtonGroup = () => /*#__PURE__*/_react.default.createElement("div", {
124
- style: {
125
- display: 'flex',
126
- gap: '10px'
127
- }
128
- }, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Primary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
129
- secondary: true
130
- }, "Secondary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
131
- outlineBlack: true
132
- }, "Outline Black"), /*#__PURE__*/_react.default.createElement(_Button.default, {
133
- negative: true
134
- }, "Negative"));
135
-
136
- // export const DoubleButton = args => (
137
- // <ComponentWrapper>
138
- // <DoubleButtons />
139
- // </ComponentWrapper>
140
- // )
141
-
142
- // doublecheck:
143
- //other props mentioned in Button.styles that are not in propTypes:
144
- //type, minWidth, fluid, onlyText, outLine, marginTop, isUpdates, isDone..
145
- // Doublebuttons not showing, cannot find use
146
- exports.ButtonGroup = ButtonGroup;
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.SlowAnimation = exports.FullWidth = exports.FastAnimation = exports.Disabled = exports.Default = exports.CustomColors = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _GlareButton = _interopRequireDefault(require("./GlareButton"));
9
- var _actions = require("storybook/actions");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- 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; }
12
- 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; }
13
- 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; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
15
- 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); }
16
- var _default = exports.default = {
17
- title: 'Components Library/Buttons/GlareButton',
18
- component: _GlareButton.default,
19
- parameters: {
20
- docs: {
21
- description: {
22
- component: 'A button with animated glare effect that adds visual interest to important actions.'
23
- }
24
- }
25
- },
26
- argTypes: {
27
- children: {
28
- control: 'text',
29
- description: 'Button content'
30
- },
31
- onClick: {
32
- action: 'clicked',
33
- description: 'Function called when button is clicked'
34
- },
35
- disabled: {
36
- control: 'boolean',
37
- description: 'Disables the button when true'
38
- },
39
- nowrap: {
40
- control: 'boolean',
41
- description: 'When true, button is displayed inline instead of block'
42
- },
43
- fullWidth: {
44
- control: 'boolean',
45
- description: 'Makes the button take full width of its container'
46
- },
47
- disabledColor: {
48
- control: 'color',
49
- description: 'Custom color for disabled state'
50
- },
51
- buttonId: {
52
- control: 'text',
53
- description: 'Custom ID for the button element'
54
- },
55
- className: {
56
- control: 'text',
57
- description: 'Additional CSS classes'
58
- },
59
- backgroundColor: {
60
- control: 'color',
61
- description: 'Custom background color'
62
- },
63
- textColor: {
64
- control: 'color',
65
- description: 'Custom text color'
66
- },
67
- borderColor: {
68
- control: 'color',
69
- description: 'Custom border color'
70
- },
71
- glareColorDark: {
72
- control: 'color',
73
- description: 'The darker, primary color of the animated glare.'
74
- },
75
- glareColorLight: {
76
- control: 'color',
77
- description: 'The lighter, secondary color of the animated glare.'
78
- },
79
- animationDuration: {
80
- control: {
81
- type: 'range',
82
- min: 1,
83
- max: 10,
84
- step: 0.5
85
- },
86
- description: 'Duration of the glare animation in seconds'
87
- }
88
- }
89
- };
90
- const Template = args => /*#__PURE__*/_react.default.createElement("div", {
91
- style: {
92
- margin: '50px',
93
- position: 'relative'
94
- }
95
- }, /*#__PURE__*/_react.default.createElement(_GlareButton.default, args));
96
- const Default = exports.Default = Template.bind({});
97
- Default.args = {
98
- children: 'Default Glare Button',
99
- onClick: (0, _actions.action)('button-clicked'),
100
- disabled: false,
101
- nowrap: false,
102
- fullWidth: false
103
- };
104
- const Disabled = exports.Disabled = Template.bind({});
105
- Disabled.args = _objectSpread(_objectSpread({}, Default.args), {}, {
106
- children: 'Disabled Glare Button',
107
- disabled: true
108
- });
109
- const FullWidth = exports.FullWidth = Template.bind({});
110
- FullWidth.args = _objectSpread(_objectSpread({}, Default.args), {}, {
111
- children: 'Full Width Glare Button',
112
- fullWidth: true
113
- });
114
- const CustomColors = exports.CustomColors = Template.bind({});
115
- CustomColors.args = _objectSpread(_objectSpread({}, Default.args), {}, {
116
- children: 'Custom Colors',
117
- backgroundColor: '#6200ee',
118
- textColor: '#ffffff',
119
- borderColor: '#9d4edd',
120
- glareColorDark: '#e0aaff',
121
- glareColorLight: '#ffffff'
122
- });
123
- const SlowAnimation = exports.SlowAnimation = Template.bind({});
124
- SlowAnimation.args = _objectSpread(_objectSpread({}, Default.args), {}, {
125
- children: 'Slow Glare Effect',
126
- animationDuration: 8
127
- });
128
- const FastAnimation = exports.FastAnimation = Template.bind({});
129
- FastAnimation.args = _objectSpread(_objectSpread({}, Default.args), {}, {
130
- children: 'Fast Glare Effect',
131
- animationDuration: 2
132
- });
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.CapitalRaisedSum = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _CaptialRaisedSummary = _interopRequireDefault(require("./CaptialRaisedSummary"));
9
- var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
10
- var _global = _interopRequireDefault(require("../../styles/global"));
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- // import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
13
- var _default = exports.default = {
14
- title: 'Components Library/Capital Raised Summary',
15
- component: _CaptialRaisedSummary.default,
16
- argTypes: {
17
- capital: {
18
- type: 'number',
19
- defaultValue: 0,
20
- required: true
21
- },
22
- multiProgressBar: {
23
- type: 'shape',
24
- defaultValue: {}
25
- }
26
- }
27
- };
28
- 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(_CaptialRaisedSummary.default, args)));
29
- const CapitalRaisedSum = exports.CapitalRaisedSum = Template.bind({});
30
- CapitalRaisedSum.args = {
31
- capital: 150,
32
- multiProgressBar: {
33
- backParts: [{
34
- value: 7,
35
- label: 'backparts - minumum fill'
36
- }],
37
- fillParts: [{
38
- value: 60,
39
- label: 'fillparts - maximum fill'
40
- }]
41
- }
42
- };
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ChartBox = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
9
- var _Text = _interopRequireDefault(require("../Text/Text.styles"));
10
- var _ChartBox = require("./ChartBox.styles");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- // import Select from "components/Input/Select";
13
- // import DonutChart from "components/DonutChart/DonutChart";
14
- // import {
15
- // DonutChartLabel,
16
- // DonutChartValue,
17
- // DonutChartInfo,
18
- // DonutChartTrend
19
- // } from "components/DonutChart/DonutChart.styles";
20
- // import ChartLegend from "components/ChartLegend/ChartLegend";
21
- // import from "components//";
22
-
23
- // import { Container, Chart, Legend, SelectWrapper } from "./ChartBox.styles";
24
-
25
- // const example = (
26
- // <
27
- // data={[
28
- // { label: "Token balance", value: "TYK 300" },
29
- // { label: "Token price", value: "€ 2.50" },
30
- // { label: "Token value", value: "€ 750" },
31
- // { label: "Distributions", value: "€ 150" },
32
- // { label: "ROI", value: "20.0%" }
33
- // ]}
34
- // />
35
- // );
36
-
37
- const ChartBox = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
38
- center: true
39
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Investments yet..."))));
40
- exports.ChartBox = ChartBox;
41
- var _default = exports.default = ChartBox;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.chartBoxEmpty = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ChartBox = require("./ChartBox");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Chart Box/Chart Box',
12
- component: _ChartBox.ChartBox
13
- };
14
- const chartBoxEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBox.ChartBox, null);
15
-
16
- //ChartBox the component is pretty much commented out
17
- exports.chartBoxEmpty = chartBoxEmpty;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SelectWrapper = exports.Legend = exports.Container = exports.Chart = void 0;
7
- var _styledComponents = _interopRequireDefault(require("styled-components"));
8
- var _rwd = _interopRequireDefault(require("../../styles/rwd"));
9
- var _templateObject, _templateObject2, _templateObject3;
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
12
- const Container = exports.Container = _styledComponents.default.div.withConfig({
13
- displayName: "ChartBoxstyles__Container",
14
- componentId: "sc-1h5ta2j-0"
15
- })(["position:relative;font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:left;width:100%;", " @media screen and (max-width:767px){width:100%;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: start;\n padding: 64px 0;\n flex-direction: row;\n "]))));
16
- const Chart = exports.Chart = _styledComponents.default.div.withConfig({
17
- displayName: "ChartBoxstyles__Chart",
18
- componentId: "sc-1h5ta2j-1"
19
- })(["display:block;"]);
20
- const Legend = exports.Legend = _styledComponents.default.div.withConfig({
21
- displayName: "ChartBoxstyles__Legend",
22
- componentId: "sc-1h5ta2j-2"
23
- })(["display:block;width:100%;padding-top:64px;", " ", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: auto;\n flex-grow: 1;\n padding-top: 0;\n padding-left: 64px;\n\n ", "\n "])), props => props.spaceTop && "\n padding-top: 104px;\n "), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n max-width: 768px;\n "]))));
24
- const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
25
- displayName: "ChartBoxstyles__SelectWrapper",
26
- componentId: "sc-1h5ta2j-3"
27
- })(["padding-bottom:64px;"]);
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ChartBoxDistribution = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
9
- var _Text = _interopRequireDefault(require("../Text/Text.styles"));
10
- var _ChartBox = require("./ChartBox.styles");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- // import Select from '../Input/Select';
13
- // import DonutChart from '../DonutChart/DonutChart';
14
- // import {
15
- // DonutChartLabel, DonutChartValue,
16
- // } from '../DonutChart/DonutChart.styles';
17
- // import ChartLegend from '../ChartLegend/ChartLegend';
18
-
19
- // import {
20
- // Container, Chart, Legend, SelectWrapper,
21
- // } from './ChartBox.styles';
22
-
23
- const ChartBoxDistribution = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
24
- center: true
25
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Distributions yet..."))));
26
- exports.ChartBoxDistribution = ChartBoxDistribution;
27
- var _default = exports.default = ChartBoxDistribution;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.chartBoxDistributionEmpty = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ChartBoxDistribution = require("./ChartBoxDistribution");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Chart Box/Chart Box Distribution',
12
- component: _ChartBoxDistribution.ChartBoxDistribution
13
- };
14
- const chartBoxDistributionEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBoxDistribution.ChartBoxDistribution, null);
15
-
16
- //ChartBox the component is pretty much commented out
17
- //Legend
18
- exports.chartBoxDistributionEmpty = chartBoxDistributionEmpty;