@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,100 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.TwoFactorModal = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _formik = require("formik");
10
- var Yup = _interopRequireWildcard(require("yup"));
11
- var _Modal = require("../Modal/Modal");
12
- var _Form = _interopRequireWildcard(require("../Form/Form"));
13
- var _Text = _interopRequireDefault(require("../Text/Text.styles"));
14
- var _Input = _interopRequireDefault(require("../Input/Input"));
15
- var _Button = _interopRequireDefault(require("../Button/Button.styles"));
16
- var _Grid = require("../Grid/Grid.styles");
17
- var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
18
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
19
- 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); }
20
- 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; }
21
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
22
- 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); }
23
- class TwoFactorModal extends _react.PureComponent {
24
- constructor() {
25
- super(...arguments);
26
- _defineProperty(this, "initialValues", {
27
- fa2code: ''
28
- });
29
- _defineProperty(this, "validationSchema", Yup.object().shape({
30
- fa2code: Yup.string().required('Token is required')
31
- }));
32
- }
33
- render() {
34
- const {
35
- isModalOpen,
36
- onModalClose,
37
- onFormSend
38
- } = this.props;
39
- return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
40
- isOpen: isModalOpen,
41
- onClose: onModalClose
42
- }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
43
- part: 8
44
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
45
- modalTop: true
46
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Two Factor Authentication"), /*#__PURE__*/_react.default.createElement("p", null, 'Please log in to engage in our community & invest in exciting opportunities.'))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
47
- modalBot: true
48
- })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
49
- part: 8
50
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
51
- initialValues: this.initialValues,
52
- validationSchema: this.validationSchema,
53
- onSubmit: onFormSend
54
- }, _ref => {
55
- let {
56
- values,
57
- errors,
58
- touched,
59
- handleBlur,
60
- setFieldValue,
61
- setFieldTouched
62
- } = _ref;
63
- const onChangeWithTouch = e => {
64
- const field = e.target;
65
- setFieldValue(field.name, field.value, false);
66
- setFieldTouched(field.name);
67
- };
68
- const submitDisabled = !touched.fa2code || !!errors.fa2code;
69
- return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
70
- noPadding: true
71
- }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
72
- id: "two-factor",
73
- name: "fa2code",
74
- type: "text",
75
- label: "Token",
76
- value: values.fa2code,
77
- onChange: onChangeWithTouch,
78
- onBlur: handleBlur,
79
- error: !!errors.fa2code,
80
- touched: !!touched.fa2code
81
- }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
82
- show: errors.fa2code && touched.fa2code
83
- }, errors.fa2code))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
84
- noPaddingBottom: true,
85
- noPaddingHorizontal: true
86
- }, /*#__PURE__*/_react.default.createElement(_Button.default, {
87
- type: "submit",
88
- fluid: true,
89
- disabled: submitDisabled
90
- }, "Login")));
91
- })))));
92
- }
93
- }
94
- exports.TwoFactorModal = TwoFactorModal;
95
- TwoFactorModal.propTypes = {
96
- isModalOpen: _propTypes.default.bool.isRequired,
97
- onModalClose: _propTypes.default.func.isRequired,
98
- onFormSend: _propTypes.default.func.isRequired
99
- };
100
- var _default = exports.default = TwoFactorModal;
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.VerifyEmailSuccess = exports.VerifyEmailError = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _VerifyEmailModal = require("./VerifyEmailModal");
9
- var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
10
- var _global = _interopRequireDefault(require("../../styles/global"));
11
- var _reactRouterDom = require("react-router-dom");
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- var _default = exports.default = {
14
- title: 'Components Library/Verify Email Modal',
15
- component: _VerifyEmailModal.VerifyEmailModal,
16
- argTypes: {
17
- isModalOpen: {
18
- type: 'boolean',
19
- defaultValue: true,
20
- required: true
21
- },
22
- onModalClose: {
23
- type: 'function',
24
- action: 'onModalClose',
25
- required: true
26
- },
27
- popupError: {
28
- type: 'object',
29
- defaultValue: {}
30
- },
31
- isSuccess: {
32
- type: 'boolean',
33
- defaultValue: true,
34
- required: true
35
- }
36
- }
37
- };
38
- 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(_VerifyEmailModal.VerifyEmailModal, args))));
39
- const VerifyEmailError = exports.VerifyEmailError = Template.bind({});
40
- VerifyEmailError.args = {
41
- popupError: {},
42
- isModalOpen: true,
43
- popupSuccess: {},
44
- error: {
45
- message: 'This link has expired. Please try verifying email again.'
46
- },
47
- isSuccess: false,
48
- onResend: data => {
49
- console.log(data);
50
- }
51
- };
52
- const VerifyEmailSuccess = exports.VerifyEmailSuccess = Template.bind({});
53
- VerifyEmailSuccess.args = {
54
- popupError: {},
55
- isModalOpen: true,
56
- popupSuccess: {},
57
- isSuccess: true,
58
- continueUrl: 'https://www.stokr.info'
59
- };
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.HeaderHoOverview = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _HeaderHo = _interopRequireDefault(require("./HeaderHo"));
9
- var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
10
- var _global = _interopRequireDefault(require("../../styles/global"));
11
- var _AuthContext = require("../../context/AuthContext");
12
- var _reactRouterDom = require("react-router-dom");
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- var _default = exports.default = {
15
- title: 'Components Library/Header Ho',
16
- component: _HeaderHo.default,
17
- argTypes: {
18
- // isModalOpen: { type: 'boolean', defaultValue: true },
19
- // onModalClose: { type: 'function', action: 'onModalClose', required: true },
20
- // onFormSend: { type: 'function', action: 'onFormSend', required: true },
21
- // onModalSwitch: {
22
- // type: 'function',
23
- // action: 'onModalSwitch',
24
- // required: true,
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(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_HeaderHo.default, args), /*#__PURE__*/_react.default.createElement("div", {
29
- style: {
30
- height: '1700px',
31
- background: 'orange'
32
- }
33
- }))));
34
- const HeaderHoOverview = exports.HeaderHoOverview = Template.bind({});
35
- HeaderHoOverview.args = {};
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ArrowTop = exports.ArrowRight = exports.ArrowLeft = exports.ArrowBottom = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Arrow = require("./Arrow");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Icons/Arrow',
12
- component: _Arrow.Arrow,
13
- argTypes: {
14
- direction: {
15
- type: 'string',
16
- defaultValue: 'bottom'
17
- }
18
- },
19
- parameters: {
20
- backgrounds: {
21
- default: 'grey'
22
- }
23
- }
24
- }; //making default background grey in story as the element is white
25
- const Template = args => /*#__PURE__*/_react.default.createElement(_Arrow.Arrow, args);
26
- const ArrowBottom = exports.ArrowBottom = Template.bind({});
27
- ArrowBottom.args = {};
28
- const ArrowRight = exports.ArrowRight = Template.bind({});
29
- ArrowRight.args = {
30
- direction: 'right'
31
- };
32
- const ArrowLeft = exports.ArrowLeft = Template.bind({});
33
- ArrowLeft.args = {
34
- direction: 'left'
35
- };
36
- const ArrowTop = exports.ArrowTop = Template.bind({});
37
- ArrowTop.args = {
38
- direction: 'top'
39
- };
40
-
41
- //doublecheck:
42
- //make variants from directions?
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ArrowSimpleTop = exports.ArrowSimpleRight = exports.ArrowSimpleLeft = exports.ArrowSimpleBottom = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ArrowSimple = require("./ArrowSimple");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Icons/ArrowSimple',
12
- component: _ArrowSimple.ArrowSimple
13
- };
14
- const Template = args => /*#__PURE__*/_react.default.createElement(_ArrowSimple.ArrowSimple, args);
15
- const ArrowSimpleBottom = exports.ArrowSimpleBottom = Template.bind({});
16
- ArrowSimpleBottom.args = {
17
- direction: 'bottom',
18
- children: 'ArrowSimpleBottom'
19
- };
20
- const ArrowSimpleRight = exports.ArrowSimpleRight = Template.bind({});
21
- ArrowSimpleRight.args = {
22
- direction: 'right',
23
- children: 'ArrowSimpleRight'
24
- };
25
- const ArrowSimpleLeft = exports.ArrowSimpleLeft = Template.bind({});
26
- ArrowSimpleLeft.args = {
27
- direction: 'left',
28
- children: 'ArrowSimpleLeft'
29
- };
30
- const ArrowSimpleTop = exports.ArrowSimpleTop = Template.bind({});
31
- ArrowSimpleTop.args = {
32
- direction: 'top',
33
- children: 'ArrowSimpleTop'
34
- };
35
-
36
- //before
37
- // export const arrowsimple = () => <ArrowSimple />
38
-
39
- // export const ArrowSimpleBottom = () => (
40
- // <ArrowSimple direction="bottom"></ArrowSimple>
41
- // )
42
- // export const ArrowSimpleRight = () => (
43
- // <ArrowSimple direction="right"></ArrowSimple>
44
- // )
45
- // export const ArrowSimpleLeft = () => (
46
- // <ArrowSimple direction="left"></ArrowSimple>
47
- // )
48
- // export const ArrowSimpleTop = () => <ArrowSimple direction="top"></ArrowSimple>
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.check = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Check = require("./Check");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Icons/Check',
12
- component: _Check.Check,
13
- parameters: {
14
- backgrounds: {
15
- default: 'grey'
16
- }
17
- }
18
- };
19
- const check = () => /*#__PURE__*/_react.default.createElement(_Check.Check, null);
20
-
21
- //making default background grey in story as the element is white
22
- exports.check = check;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.facebook = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Facebook = require("./Facebook");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Facebook',
13
- component: _Facebook.Facebook,
14
- parameters: {
15
- backgrounds: {
16
- default: 'grey'
17
- }
18
- }
19
- }; //making default background grey in story as the element is white
20
- const facebook = () => /*#__PURE__*/_react.default.createElement(_Facebook.Facebook, null);
21
- exports.facebook = facebook;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.info = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Info = require("./Info");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Info',
13
- component: _Info.Info
14
- };
15
- const info = () => /*#__PURE__*/_react.default.createElement(_Info.Info, null);
16
- exports.info = info;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.instagram = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Instagram = require("./Instagram");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Instagram',
13
- component: _Instagram.Instagram,
14
- parameters: {
15
- backgrounds: {
16
- default: 'grey'
17
- }
18
- }
19
- }; //making default background grey in story as the element is white
20
- const instagram = () => /*#__PURE__*/_react.default.createElement(_Instagram.Instagram, null);
21
- exports.instagram = instagram;
Binary file
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.linkicon = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _LinkIcon = require("./LinkIcon");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/LinkIcon',
13
- component: _LinkIcon.LinkIcon,
14
- parameters: {
15
- backgrounds: {
16
- default: 'grey'
17
- }
18
- }
19
- }; //making default background grey in story as the element is white
20
- const linkicon = () => /*#__PURE__*/_react.default.createElement(_LinkIcon.LinkIcon, null);
21
- exports.linkicon = linkicon;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.linkedin = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _LinkedIn = require("./LinkedIn");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/LinkedIn',
13
- component: _LinkedIn.LinkedIn
14
- };
15
- const linkedin = () => /*#__PURE__*/_react.default.createElement(_LinkedIn.LinkedIn, null);
16
- exports.linkedin = linkedin;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.medium = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Medium = require("./Medium");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Medium',
13
- component: _Medium.Medium
14
- };
15
- const medium = () => /*#__PURE__*/_react.default.createElement(_Medium.Medium, null);
16
- exports.medium = medium;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.reddit = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Reddit = require("./Reddit");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Reddit',
13
- component: _Reddit.Reddit,
14
- parameters: {
15
- backgrounds: {
16
- default: 'grey'
17
- }
18
- }
19
- }; //making default background grey in story as the element is white
20
- const reddit = () => /*#__PURE__*/_react.default.createElement(_Reddit.Reddit, null);
21
- exports.reddit = reddit;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.share = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Share = require("./Share");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Share',
13
- component: _Share.Share
14
- };
15
- const share = () => /*#__PURE__*/_react.default.createElement(_Share.Share, null);
16
- exports.share = share;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.telegram = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Telegram = require("./Telegram");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Telegram',
13
- component: _Telegram.Telegram
14
- };
15
- const telegram = () => /*#__PURE__*/_react.default.createElement(_Telegram.Telegram, null);
16
- exports.telegram = telegram;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.twitter = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Twitter = require("./Twitter");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Twitter',
13
- component: _Twitter.Twitter,
14
- parameters: {
15
- backgrounds: {
16
- default: 'grey'
17
- }
18
- }
19
- }; //making default background grey in story as the element is white
20
- const twitter = () => /*#__PURE__*/_react.default.createElement(_Twitter.Twitter, null);
21
- exports.twitter = twitter;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.x = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _X = require("./X");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/X',
13
- component: _X.X
14
- };
15
- const x = () => /*#__PURE__*/_react.default.createElement(_X.X, null);
16
- exports.x = x;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.youtube = exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Youtube = require("./Youtube");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
11
- var _default = exports.default = {
12
- title: 'Components Library/Icons/Youtube',
13
- component: _Youtube.Youtube,
14
- parameters: {
15
- backgrounds: {
16
- default: 'grey'
17
- }
18
- }
19
- }; //making default background grey in story as the element is white
20
- const youtube = () => /*#__PURE__*/_react.default.createElement(_Youtube.Youtube, null);
21
- exports.youtube = youtube;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.TaxIdModalFlow = exports.TaxIdFlowWithBackButton = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _flow = _interopRequireDefault(require("./flow"));
9
- var _global = _interopRequireDefault(require("../../styles/global"));
10
- var _reactRouterDom = require("react-router-dom");
11
- var _AuthContext = require("../../context/AuthContext");
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- var _default = exports.default = {
14
- title: 'Components Library/Tax Id',
15
- component: _flow.default,
16
- argTypes: {
17
- showFlow: {
18
- type: 'boolean',
19
- defaultValue: true
20
- },
21
- setShowFlow: {},
22
- showBackButton: {
23
- type: 'boolean',
24
- defaultValue: false
25
- },
26
- showSkipButton: {
27
- type: 'boolean',
28
- defaultValue: false
29
- },
30
- redirectUrl: {
31
- type: 'string',
32
- defaultValue: ''
33
- }
34
- }
35
- };
36
- const Template = args => /*#__PURE__*/_react.default.createElement("div", {
37
- style: {
38
- background: 'lightblue',
39
- height: 600
40
- }
41
- }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flow.default, args))));
42
- const TaxIdModalFlow = exports.TaxIdModalFlow = Template.bind({});
43
- TaxIdModalFlow.args = {
44
- setShowFlow: () => {}
45
- };
46
- const TaxIdFlowWithBackButton = exports.TaxIdFlowWithBackButton = Template.bind({});
47
- TaxIdFlowWithBackButton.args = {
48
- showBackButton: true,
49
- showSkipButton: true
50
- };