@arcblock/ux 2.9.91 → 2.10.1

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 (337) hide show
  1. package/lib/ActionButton/index.js +36 -48
  2. package/lib/ActivityIndicator/index.js +122 -75
  3. package/lib/Address/compact-text.js +48 -66
  4. package/lib/Address/did-address.js +114 -87
  5. package/lib/Address/index.js +15 -27
  6. package/lib/Address/responsive-did-address.js +48 -50
  7. package/lib/Alert/index.js +58 -52
  8. package/lib/AnimationWaiter/index.js +123 -69
  9. package/lib/Async/index.js +8 -22
  10. package/lib/Avatar/did-motif.js +38 -52
  11. package/lib/Avatar/etherscan-blockies.js +4 -10
  12. package/lib/Avatar/index.js +71 -77
  13. package/lib/Badge/index.js +49 -56
  14. package/lib/Blocklet/blocklet.js +181 -97
  15. package/lib/Blocklet/index.js +4 -24
  16. package/lib/Blocklet/utils.js +50 -13
  17. package/lib/BlockletContext/index.js +21 -31
  18. package/lib/BlockletNFT/index.js +255 -115
  19. package/lib/Button/index.js +5 -11
  20. package/lib/Button/wrap.js +45 -56
  21. package/lib/ButtonGroup/index.js +3 -9
  22. package/lib/CardSelector/index.js +67 -43
  23. package/lib/Center/index.js +19 -20
  24. package/lib/ClickToCopy/copy-button.js +37 -50
  25. package/lib/ClickToCopy/hook.js +10 -18
  26. package/lib/ClickToCopy/index.js +54 -66
  27. package/lib/CodeBlock/LightBox.js +84 -11
  28. package/lib/CodeBlock/index.js +175 -101
  29. package/lib/Colors/index.js +3 -20
  30. package/lib/Colors/themes/default.js +1 -7
  31. package/lib/Colors/themes/temp.js +1 -7
  32. package/lib/ContactForm/index.js +95 -60
  33. package/lib/CookieConsent/index.js +58 -52
  34. package/lib/CountDown/index.js +90 -59
  35. package/lib/DID/index.js +80 -96
  36. package/lib/Datatable/CustomToolbar.js +188 -137
  37. package/lib/Datatable/DatatableContext.js +14 -21
  38. package/lib/Datatable/TableSearch.js +99 -58
  39. package/lib/Datatable/index.js +312 -139
  40. package/lib/Datatable/utils.js +9 -17
  41. package/lib/Dialog/confirm.js +46 -58
  42. package/lib/Dialog/dialog.js +110 -66
  43. package/lib/Dialog/index.js +4 -27
  44. package/lib/Dialog/use-confirm.js +40 -65
  45. package/lib/DidLogo/index.js +14 -22
  46. package/lib/DriftBot/index.js +34 -19
  47. package/lib/Earth/index.js +214 -110
  48. package/lib/Earth/util.js +6 -19
  49. package/lib/Empty/index.js +33 -38
  50. package/lib/ErrorBoundary/fallback.js +45 -43
  51. package/lib/ErrorBoundary/index.js +1 -16
  52. package/lib/Footer/index.js +96 -48
  53. package/lib/Header/auto-hidden.js +28 -31
  54. package/lib/Header/header.js +151 -69
  55. package/lib/Header/index.js +2 -20
  56. package/lib/Header/responsive-header.js +67 -60
  57. package/lib/Icon/image.js +41 -45
  58. package/lib/Icon/index.js +51 -53
  59. package/lib/Img/index.js +77 -88
  60. package/lib/InfoRow/index.js +66 -48
  61. package/lib/Layout/dashboard/external-link.js +38 -53
  62. package/lib/Layout/dashboard/full-page.js +27 -41
  63. package/lib/Layout/dashboard/index.js +177 -132
  64. package/lib/Layout/dashboard/sidebar.js +164 -61
  65. package/lib/Layout/dashboard-legacy/header.js +119 -66
  66. package/lib/Layout/dashboard-legacy/index.js +90 -79
  67. package/lib/Layout/dashboard-legacy/sidebar.js +95 -62
  68. package/lib/Layout/index.js +200 -106
  69. package/lib/LoadingMask/index.js +31 -38
  70. package/lib/Locale/browser-lang.js +2 -8
  71. package/lib/Locale/context.js +46 -69
  72. package/lib/Locale/languages.js +6 -15
  73. package/lib/Locale/selector.js +116 -92
  74. package/lib/Locale/util.js +7 -16
  75. package/lib/Logo/index.js +54 -57
  76. package/lib/Metric/index.js +103 -40
  77. package/lib/NFTDisplay/aspect-ratio-container.js +33 -40
  78. package/lib/NFTDisplay/broken.js +68 -52
  79. package/lib/NFTDisplay/index.js +140 -129
  80. package/lib/NFTDisplay/loading.js +14 -13
  81. package/lib/NFTDisplay/svg-embedder/img.js +18 -33
  82. package/lib/NFTDisplay/svg-embedder/inline-svg.js +28 -32
  83. package/lib/NavMenu/index.js +2 -13
  84. package/lib/NavMenu/nav-menu.js +133 -148
  85. package/lib/NavMenu/style.js +179 -12
  86. package/lib/PageScroller/index.js +82 -93
  87. package/lib/PageScroller/story/FifthComponent.js +4 -10
  88. package/lib/PageScroller/story/FirstComponent.js +4 -10
  89. package/lib/PageScroller/story/FourthComponent.js +4 -10
  90. package/lib/PageScroller/story/FullPage.js +21 -28
  91. package/lib/PageScroller/story/PageContain.js +23 -30
  92. package/lib/PageScroller/story/SecondComponent.js +4 -10
  93. package/lib/PageScroller/story/ThirdComponent.js +4 -10
  94. package/lib/PageScroller/usePrevValue.js +4 -11
  95. package/lib/Passport/index.js +2 -9
  96. package/lib/Passport/passport.js +38 -51
  97. package/lib/PoweredByArcBlock/index.js +19 -33
  98. package/lib/PricingTable/PricingPlan.js +90 -34
  99. package/lib/PricingTable/index.js +28 -26
  100. package/lib/QRCode/index.js +38 -50
  101. package/lib/RelativeTime/index.js +44 -59
  102. package/lib/Result/common.js +85 -107
  103. package/lib/Result/index.js +22 -34
  104. package/lib/Result/result.js +35 -41
  105. package/lib/Result/translations.js +1 -7
  106. package/lib/Screenshot/BaseScreenshot/index.js +65 -43
  107. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +17 -27
  108. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +14 -25
  109. package/lib/Screenshot/index.js +103 -92
  110. package/lib/SessionBlocklet/index.js +125 -143
  111. package/lib/SessionManager/index.js +2 -9
  112. package/lib/SessionPermission/index.js +13 -23
  113. package/lib/SessionUser/components/logged-in.js +139 -158
  114. package/lib/SessionUser/components/session-user-item.js +44 -58
  115. package/lib/SessionUser/components/session-user-switch.js +133 -152
  116. package/lib/SessionUser/components/un-login.js +27 -35
  117. package/lib/SessionUser/components/user-info.js +62 -74
  118. package/lib/SessionUser/index.js +26 -34
  119. package/lib/SessionUser/libs/translation.js +1 -7
  120. package/lib/SessionUser/libs/utils.js +13 -34
  121. package/lib/Sparkline/index.js +4 -10
  122. package/lib/Spinner/index.js +11 -17
  123. package/lib/SplitButton/index.js +72 -68
  124. package/lib/Success/index.js +28 -34
  125. package/lib/Switch/index.js +64 -75
  126. package/lib/Tabs/index.js +84 -103
  127. package/lib/Tag/index.js +52 -56
  128. package/lib/TextCollapse/index.js +57 -50
  129. package/lib/Theme/index.js +8 -47
  130. package/lib/Theme/theme-provider.js +19 -26
  131. package/lib/Theme/theme.js +49 -62
  132. package/lib/Toast/index.js +41 -73
  133. package/lib/Typography/index.js +44 -55
  134. package/lib/Util/constant.js +16 -22
  135. package/lib/Util/deprecate.js +14 -26
  136. package/lib/Util/federated.js +16 -38
  137. package/lib/Util/index.js +63 -113
  138. package/lib/Util/passport.js +23 -33
  139. package/lib/Util/wallet.js +5 -14
  140. package/lib/Video/index.js +34 -34
  141. package/lib/Wallet/Action.js +72 -49
  142. package/lib/Wallet/Download.js +132 -115
  143. package/lib/Wallet/Open.js +26 -25
  144. package/lib/WalletOSIcon/index.js +33 -42
  145. package/lib/WebWalletSWKeeper/index.js +42 -55
  146. package/lib/WechatPrompt/index.js +53 -33
  147. package/lib/index.js +38 -265
  148. package/lib/withTheme/index.js +53 -33
  149. package/lib/withTracker/error_boundary.js +7 -18
  150. package/lib/withTracker/index.js +25 -34
  151. package/package.json +9 -316
  152. package/src/WalletOSIcon/index.jsx +1 -1
  153. package/es/ActionButton/index.js +0 -99
  154. package/es/ActivityIndicator/index.js +0 -180
  155. package/es/Address/compact-text.js +0 -105
  156. package/es/Address/did-address.js +0 -222
  157. package/es/Address/index.js +0 -23
  158. package/es/Address/responsive-did-address.js +0 -87
  159. package/es/Alert/index.js +0 -134
  160. package/es/AnimationWaiter/default-animation.json +0 -1
  161. package/es/AnimationWaiter/index.js +0 -240
  162. package/es/Async/index.js +0 -38
  163. package/es/Avatar/did-motif.js +0 -68
  164. package/es/Avatar/etherscan-blockies.js +0 -83
  165. package/es/Avatar/index.js +0 -179
  166. package/es/Badge/index.js +0 -98
  167. package/es/Blocklet/blocklet.js +0 -298
  168. package/es/Blocklet/index.js +0 -4
  169. package/es/Blocklet/utils.js +0 -52
  170. package/es/BlockletContext/index.js +0 -65
  171. package/es/BlockletNFT/index.js +0 -412
  172. package/es/Button/index.js +0 -8
  173. package/es/Button/wrap.js +0 -140
  174. package/es/ButtonGroup/index.js +0 -6
  175. package/es/CardSelector/index.js +0 -149
  176. package/es/Center/index.js +0 -41
  177. package/es/ClickToCopy/copy-button.js +0 -72
  178. package/es/ClickToCopy/hook.js +0 -39
  179. package/es/ClickToCopy/index.js +0 -92
  180. package/es/CodeBlock/LightBox.js +0 -85
  181. package/es/CodeBlock/index.js +0 -222
  182. package/es/Colors/index.js +0 -3
  183. package/es/Colors/themes/default.js +0 -77
  184. package/es/Colors/themes/temp.js +0 -41
  185. package/es/ContactForm/index.js +0 -230
  186. package/es/CookieConsent/index.js +0 -113
  187. package/es/CountDown/index.js +0 -178
  188. package/es/DID/index.js +0 -249
  189. package/es/Datatable/CustomToolbar.js +0 -396
  190. package/es/Datatable/DatatableContext.js +0 -34
  191. package/es/Datatable/TableSearch.js +0 -166
  192. package/es/Datatable/index.js +0 -629
  193. package/es/Datatable/utils.js +0 -132
  194. package/es/Dialog/confirm.js +0 -123
  195. package/es/Dialog/dialog.js +0 -201
  196. package/es/Dialog/index.js +0 -4
  197. package/es/Dialog/types.d.ts +0 -17
  198. package/es/Dialog/use-confirm.js +0 -133
  199. package/es/DidLogo/index.js +0 -31
  200. package/es/DriftBot/index.js +0 -70
  201. package/es/Earth/countries.json +0 -8057
  202. package/es/Earth/index.js +0 -521
  203. package/es/Earth/util.js +0 -51
  204. package/es/Empty/index.js +0 -65
  205. package/es/ErrorBoundary/fallback.js +0 -73
  206. package/es/ErrorBoundary/index.js +0 -1
  207. package/es/Footer/index.js +0 -172
  208. package/es/Header/auto-hidden.js +0 -35
  209. package/es/Header/header.js +0 -223
  210. package/es/Header/index.js +0 -2
  211. package/es/Header/responsive-header.js +0 -146
  212. package/es/Icon/image.js +0 -65
  213. package/es/Icon/index.js +0 -84
  214. package/es/Img/index.js +0 -218
  215. package/es/InfoRow/index.js +0 -87
  216. package/es/Layout/dashboard/external-link.js +0 -58
  217. package/es/Layout/dashboard/full-page.js +0 -53
  218. package/es/Layout/dashboard/index.js +0 -282
  219. package/es/Layout/dashboard/sidebar.js +0 -209
  220. package/es/Layout/dashboard-legacy/header.js +0 -174
  221. package/es/Layout/dashboard-legacy/index.js +0 -148
  222. package/es/Layout/dashboard-legacy/sidebar.js +0 -129
  223. package/es/Layout/index.js +0 -335
  224. package/es/LoadingMask/index.js +0 -102
  225. package/es/Locale/browser-lang.js +0 -52
  226. package/es/Locale/context.js +0 -139
  227. package/es/Locale/languages.js +0 -60
  228. package/es/Locale/selector.js +0 -186
  229. package/es/Locale/util.js +0 -21
  230. package/es/Logo/images/logo-dark-text.svg +0 -3
  231. package/es/Logo/images/logo-dark-top.svg +0 -6
  232. package/es/Logo/images/logo-light-text.svg +0 -3
  233. package/es/Logo/images/logo-light-top.svg +0 -6
  234. package/es/Logo/index.js +0 -136
  235. package/es/Metric/index.js +0 -132
  236. package/es/NFTDisplay/NFTBroken.svg +0 -34
  237. package/es/NFTDisplay/README.md +0 -59
  238. package/es/NFTDisplay/aspect-ratio-container.js +0 -39
  239. package/es/NFTDisplay/broken.js +0 -132
  240. package/es/NFTDisplay/demo/data/asset-state-display-url.json +0 -7
  241. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-1-1.json +0 -10
  242. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json +0 -10
  243. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json +0 -20
  244. package/es/NFTDisplay/demo/data/asset-state-svg.json +0 -29
  245. package/es/NFTDisplay/demo/data/asset-state-url.json +0 -10
  246. package/es/NFTDisplay/index.js +0 -328
  247. package/es/NFTDisplay/loading.js +0 -18
  248. package/es/NFTDisplay/svg-embedder/img.js +0 -45
  249. package/es/NFTDisplay/svg-embedder/inline-svg.js +0 -39
  250. package/es/NavMenu/index.js +0 -2
  251. package/es/NavMenu/nav-menu.js +0 -358
  252. package/es/NavMenu/style.js +0 -181
  253. package/es/PageScroller/index.js +0 -286
  254. package/es/PageScroller/story/FifthComponent.js +0 -9
  255. package/es/PageScroller/story/FirstComponent.js +0 -9
  256. package/es/PageScroller/story/FourthComponent.js +0 -12
  257. package/es/PageScroller/story/FullPage.js +0 -47
  258. package/es/PageScroller/story/PageContain.js +0 -59
  259. package/es/PageScroller/story/SecondComponent.js +0 -9
  260. package/es/PageScroller/story/ThirdComponent.js +0 -9
  261. package/es/PageScroller/story/index.css +0 -115
  262. package/es/PageScroller/usePrevValue.js +0 -9
  263. package/es/Passport/index.js +0 -2
  264. package/es/Passport/passport.js +0 -103
  265. package/es/PoweredByArcBlock/index.js +0 -31
  266. package/es/PricingTable/PricingPlan.js +0 -124
  267. package/es/PricingTable/index.js +0 -53
  268. package/es/QRCode/index.js +0 -73
  269. package/es/RelativeTime/index.js +0 -107
  270. package/es/Result/common.js +0 -140
  271. package/es/Result/demo/fixtures/result-image-404.svg +0 -1
  272. package/es/Result/index.js +0 -33
  273. package/es/Result/result.js +0 -59
  274. package/es/Result/translations.js +0 -54
  275. package/es/Screenshot/BaseScreenshot/index.js +0 -91
  276. package/es/Screenshot/BaseScreenshot/shells/Macbook.js +0 -51
  277. package/es/Screenshot/BaseScreenshot/shells/Phone.js +0 -36
  278. package/es/Screenshot/demo/images/bg-00.jpg +0 -0
  279. package/es/Screenshot/demo/images/bg-01.jpg +0 -0
  280. package/es/Screenshot/demo/images/bg-02.jpg +0 -0
  281. package/es/Screenshot/demo/images/bg-03.jpg +0 -0
  282. package/es/Screenshot/demo/images/bg-04.jpg +0 -0
  283. package/es/Screenshot/demo/images/bg-05.jpg +0 -0
  284. package/es/Screenshot/demo/images/bg-06.jpg +0 -0
  285. package/es/Screenshot/demo/images/bg-07.jpg +0 -0
  286. package/es/Screenshot/demo/images/bg-08.jpg +0 -0
  287. package/es/Screenshot/demo/images/bg-09.jpg +0 -0
  288. package/es/Screenshot/devices.css +0 -1366
  289. package/es/Screenshot/index.js +0 -299
  290. package/es/SessionBlocklet/index.js +0 -173
  291. package/es/SessionManager/index.js +0 -2
  292. package/es/SessionPermission/index.js +0 -28
  293. package/es/SessionUser/components/logged-in.js +0 -229
  294. package/es/SessionUser/components/session-user-item.js +0 -102
  295. package/es/SessionUser/components/session-user-switch.js +0 -223
  296. package/es/SessionUser/components/un-login.js +0 -64
  297. package/es/SessionUser/components/user-info.js +0 -167
  298. package/es/SessionUser/index.js +0 -49
  299. package/es/SessionUser/libs/translation.js +0 -19
  300. package/es/SessionUser/libs/utils.js +0 -29
  301. package/es/Sparkline/index.js +0 -193
  302. package/es/Spinner/index.js +0 -28
  303. package/es/SplitButton/index.js +0 -145
  304. package/es/Success/index.js +0 -175
  305. package/es/Switch/index.js +0 -96
  306. package/es/Tabs/index.js +0 -214
  307. package/es/Tag/index.js +0 -108
  308. package/es/TextCollapse/index.js +0 -92
  309. package/es/Theme/index.js +0 -16
  310. package/es/Theme/theme-provider.js +0 -39
  311. package/es/Theme/theme.js +0 -145
  312. package/es/Toast/index.js +0 -97
  313. package/es/Typography/index.js +0 -95
  314. package/es/Util/constant.js +0 -42
  315. package/es/Util/deprecate.js +0 -28
  316. package/es/Util/federated.js +0 -91
  317. package/es/Util/index.js +0 -363
  318. package/es/Util/passport.js +0 -62
  319. package/es/Util/wallet.js +0 -32
  320. package/es/Video/index.js +0 -89
  321. package/es/Wallet/Action.js +0 -119
  322. package/es/Wallet/Download.js +0 -331
  323. package/es/Wallet/Open.js +0 -45
  324. package/es/Wallet/images/abtwallet.png +0 -0
  325. package/es/Wallet/images/android_download.svg +0 -23
  326. package/es/Wallet/images/app-store.svg +0 -20
  327. package/es/Wallet/images/google-play.svg +0 -70
  328. package/es/WalletOSIcon/index.js +0 -82
  329. package/es/WebWalletSWKeeper/index.js +0 -117
  330. package/es/WechatPrompt/images/android.png +0 -0
  331. package/es/WechatPrompt/images/ios.png +0 -0
  332. package/es/WechatPrompt/index.js +0 -88
  333. package/es/index.js +0 -38
  334. package/es/withTheme/index.js +0 -69
  335. package/es/withTracker/README.md +0 -34
  336. package/es/withTracker/error_boundary.js +0 -34
  337. package/es/withTracker/index.js +0 -55
@@ -1,142 +1,127 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = CodeBlock;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
10
- var _core = _interopRequireDefault(require("highlight.js/lib/core"));
11
- var _javascript = _interopRequireDefault(require("highlight.js/lib/languages/javascript"));
12
- var _typescript = _interopRequireDefault(require("highlight.js/lib/languages/typescript"));
13
- var _json = _interopRequireDefault(require("highlight.js/lib/languages/json"));
14
- var _elixir = _interopRequireDefault(require("highlight.js/lib/languages/elixir"));
15
- var _java = _interopRequireDefault(require("highlight.js/lib/languages/java"));
16
- var _swift = _interopRequireDefault(require("highlight.js/lib/languages/swift"));
17
- var _objectivec = _interopRequireDefault(require("highlight.js/lib/languages/objectivec"));
18
- var _kotlin = _interopRequireDefault(require("highlight.js/lib/languages/kotlin"));
19
- var _protobuf = _interopRequireDefault(require("highlight.js/lib/languages/protobuf"));
20
- var _python = _interopRequireDefault(require("highlight.js/lib/languages/python"));
21
- var _yaml = _interopRequireDefault(require("highlight.js/lib/languages/yaml"));
22
- var _shell = _interopRequireDefault(require("highlight.js/lib/languages/shell"));
23
- var _diff = _interopRequireDefault(require("highlight.js/lib/languages/diff"));
24
- var _plaintext = _interopRequireDefault(require("highlight.js/lib/languages/plaintext"));
25
- var _markdown = _interopRequireDefault(require("highlight.js/lib/languages/markdown"));
26
- require("highlight.js/styles/atom-one-dark.css");
27
- var _FileCopy = _interopRequireDefault(require("@mui/icons-material/FileCopy"));
28
- var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
29
- var _Colors = _interopRequireDefault(require("../Colors"));
30
- var _Theme = require("../Theme");
31
- var _LightBox = _interopRequireDefault(require("./LightBox"));
32
- var _jsxRuntime = require("react/jsx-runtime");
33
- var _templateObject;
34
- const _excluded = ["code", "language", "children", "dark"];
35
1
  /* eslint-disable react/no-danger */
36
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
37
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
38
- 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; }
39
- 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; }
40
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
41
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
42
- 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); }
43
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
44
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
45
- _core.default.registerLanguage('javascript', _javascript.default);
46
- _core.default.registerLanguage('js', _javascript.default);
47
- _core.default.registerLanguage('jsx', _javascript.default);
48
- _core.default.registerLanguage('typescript', _typescript.default);
49
- _core.default.registerLanguage('ts', _typescript.default);
50
- _core.default.registerLanguage('tsx', _typescript.default);
51
- _core.default.registerLanguage('json', _json.default);
52
- _core.default.registerLanguage('elixir', _elixir.default);
53
- _core.default.registerLanguage('java', _java.default);
54
- _core.default.registerLanguage('kotlin', _kotlin.default);
55
- _core.default.registerLanguage('kt', _kotlin.default);
56
- _core.default.registerLanguage('protobuf', _protobuf.default);
57
- _core.default.registerLanguage('protobuffer', _protobuf.default);
58
- _core.default.registerLanguage('python', _python.default);
59
- _core.default.registerLanguage('py', _python.default);
60
- _core.default.registerLanguage('yaml', _yaml.default);
61
- _core.default.registerLanguage('yml', _yaml.default);
62
- _core.default.registerLanguage('shell', _shell.default);
63
- _core.default.registerLanguage('sh', _shell.default);
64
- _core.default.registerLanguage('plaintext', _plaintext.default);
65
- _core.default.registerLanguage('text', _plaintext.default);
66
- _core.default.registerLanguage('patch', _diff.default);
67
- _core.default.registerLanguage('diff', _diff.default);
68
- _core.default.registerLanguage('swift', _swift.default);
69
- _core.default.registerLanguage('objectivec', _objectivec.default);
70
- _core.default.registerLanguage('oc', _objectivec.default);
71
- _core.default.registerLanguage('markdown', _markdown.default);
72
- function CodeBlock(_ref) {
73
- let {
74
- code,
75
- language,
76
- children,
77
- dark
78
- } = _ref,
79
- rest = _objectWithoutProperties(_ref, _excluded);
80
- const [copied, setCopied] = (0, _react.useState)(false);
2
+ import { useState } from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import Copy from 'copy-to-clipboard';
5
+ import hljs from 'highlight.js/lib/core';
6
+ import javascript from 'highlight.js/lib/languages/javascript';
7
+ import typescript from 'highlight.js/lib/languages/typescript';
8
+ import json from 'highlight.js/lib/languages/json';
9
+ import elixir from 'highlight.js/lib/languages/elixir';
10
+ import java from 'highlight.js/lib/languages/java';
11
+ import swift from 'highlight.js/lib/languages/swift';
12
+ import objectivec from 'highlight.js/lib/languages/objectivec';
13
+ import kotlin from 'highlight.js/lib/languages/kotlin';
14
+ import protobuf from 'highlight.js/lib/languages/protobuf';
15
+ import python from 'highlight.js/lib/languages/python';
16
+ import yaml from 'highlight.js/lib/languages/yaml';
17
+ import shell from 'highlight.js/lib/languages/shell';
18
+ import diff from 'highlight.js/lib/languages/diff';
19
+ import plaintext from 'highlight.js/lib/languages/plaintext';
20
+ import markdown from 'highlight.js/lib/languages/markdown';
21
+ import 'highlight.js/styles/atom-one-dark.css';
22
+ import CopyIcon from '@mui/icons-material/FileCopy';
23
+ import CheckIcon from '@mui/icons-material/Check';
24
+ import colors from '../Colors';
25
+ import { styled } from '../Theme';
26
+ import LightBox from './LightBox';
27
+ import { jsx as _jsx } from "react/jsx-runtime";
28
+ import { Fragment as _Fragment } from "react/jsx-runtime";
29
+ import { jsxs as _jsxs } from "react/jsx-runtime";
30
+ hljs.registerLanguage('javascript', javascript);
31
+ hljs.registerLanguage('js', javascript);
32
+ hljs.registerLanguage('jsx', javascript);
33
+ hljs.registerLanguage('typescript', typescript);
34
+ hljs.registerLanguage('ts', typescript);
35
+ hljs.registerLanguage('tsx', typescript);
36
+ hljs.registerLanguage('json', json);
37
+ hljs.registerLanguage('elixir', elixir);
38
+ hljs.registerLanguage('java', java);
39
+ hljs.registerLanguage('kotlin', kotlin);
40
+ hljs.registerLanguage('kt', kotlin);
41
+ hljs.registerLanguage('protobuf', protobuf);
42
+ hljs.registerLanguage('protobuffer', protobuf);
43
+ hljs.registerLanguage('python', python);
44
+ hljs.registerLanguage('py', python);
45
+ hljs.registerLanguage('yaml', yaml);
46
+ hljs.registerLanguage('yml', yaml);
47
+ hljs.registerLanguage('shell', shell);
48
+ hljs.registerLanguage('sh', shell);
49
+ hljs.registerLanguage('plaintext', plaintext);
50
+ hljs.registerLanguage('text', plaintext);
51
+ hljs.registerLanguage('patch', diff);
52
+ hljs.registerLanguage('diff', diff);
53
+ hljs.registerLanguage('swift', swift);
54
+ hljs.registerLanguage('objectivec', objectivec);
55
+ hljs.registerLanguage('oc', objectivec);
56
+ hljs.registerLanguage('markdown', markdown);
57
+ export default function CodeBlock({
58
+ code,
59
+ language,
60
+ children,
61
+ dark,
62
+ ...rest
63
+ }) {
64
+ const [copied, setCopied] = useState(false);
81
65
  const source = code || children;
82
66
  const onCopy = () => {
83
67
  if (copied) {
84
68
  return;
85
69
  }
86
- (0, _copyToClipboard.default)(source);
70
+ Copy(source);
87
71
  setCopied(true);
88
72
  // 恢复 copied 状态
89
73
  setTimeout(() => {
90
74
  setCopied(false);
91
75
  }, 1500);
92
76
  };
93
- const originEl = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Pre, _objectSpread(_objectSpread({}, rest), {}, {
94
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
77
+ const originEl = /*#__PURE__*/_jsxs(Pre, {
78
+ ...rest,
79
+ children: [/*#__PURE__*/_jsx("span", {
95
80
  className: "codeblock__inner",
96
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
97
- className: "hljs ".concat(language),
81
+ children: /*#__PURE__*/_jsx("code", {
82
+ className: `hljs ${language}`,
98
83
  dangerouslySetInnerHTML: {
99
- __html: _core.default.highlightAuto(source, [language]).value
84
+ __html: hljs.highlightAuto(source, [language]).value
100
85
  }
101
86
  })
102
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
87
+ }), /*#__PURE__*/_jsxs("div", {
103
88
  className: "copy-button",
104
89
  onClick: onCopy,
105
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
90
+ children: [/*#__PURE__*/_jsx("span", {
106
91
  className: "default-text",
107
92
  children: language
108
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
93
+ }), /*#__PURE__*/_jsx("span", {
109
94
  className: "hover-text",
110
- children: !copied ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
111
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FileCopy.default, {
95
+ children: !copied ? /*#__PURE__*/_jsxs(_Fragment, {
96
+ children: [/*#__PURE__*/_jsx(CopyIcon, {
112
97
  className: "copy-icon"
113
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
98
+ }), /*#__PURE__*/_jsx("span", {
114
99
  className: "button-lang-text",
115
100
  children: "copy"
116
101
  })]
117
- }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
118
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
102
+ }) : /*#__PURE__*/_jsxs(_Fragment, {
103
+ children: [/*#__PURE__*/_jsx(CheckIcon, {
119
104
  className: "copy-icon"
120
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
105
+ }), /*#__PURE__*/_jsx("span", {
121
106
  className: "button-lang-text",
122
107
  children: "copied"
123
108
  })]
124
109
  })
125
110
  })]
126
111
  })]
127
- }));
112
+ });
128
113
  if (!dark) {
129
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LightBox.default, {
114
+ return /*#__PURE__*/_jsx(LightBox, {
130
115
  children: originEl
131
116
  });
132
117
  }
133
118
  return originEl;
134
119
  }
135
120
  CodeBlock.propTypes = {
136
- code: _propTypes.default.string,
137
- language: _propTypes.default.string,
138
- children: _propTypes.default.any,
139
- dark: _propTypes.default.bool
121
+ code: PropTypes.string,
122
+ language: PropTypes.string,
123
+ children: PropTypes.any,
124
+ dark: PropTypes.bool
140
125
  };
141
126
  CodeBlock.defaultProps = {
142
127
  code: '',
@@ -145,4 +130,93 @@ CodeBlock.defaultProps = {
145
130
  dark: true
146
131
  };
147
132
  const fontFamily = 'source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important';
148
- const Pre = (0, _Theme.styled)('pre')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-family: ", ";\n display: block;\n font-size: 14px;\n line-height: 1.42857143;\n margin: 0 0 32px;\n word-break: break-word;\n word-wrap: break-word;\n text-align: left;\n border-radius: 5px;\n border: 1px solid #dedede;\n background: #222;\n color: ", ";\n position: relative;\n\n .codeblock__inner {\n display: block;\n width: 100%;\n max-height: 46.25rem;\n overflow: scroll;\n }\n\n .copy-button {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 8px;\n right: 24px;\n padding: 4px;\n min-width: 72px;\n height: 24px;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n transition: all ease 0.2s;\n\n .copy-icon {\n font-size: 16px;\n color: ", ";\n }\n\n .hover-text {\n display: none;\n }\n .default-text {\n font-size: 12px;\n color: ", ";\n }\n }\n\n &:hover {\n .copy-button {\n display: flex;\n background: ", ";\n\n .hover-text {\n display: flex;\n justify-content: center;\n align-items: center;\n color: ", ";\n }\n .default-text {\n display: none;\n font-size: 12px;\n }\n }\n }\n\n .button-lang-text {\n margin-left: 4px;\n font-size: 12px;\n color: ", ";\n }\n\n code {\n counter-reset: line;\n counter-increment: line;\n padding: 16px;\n font-family: ", ";\n color: ", ";\n * {\n font-family: ", ";\n }\n }\n\n .hljs * {\n white-space: normal; // autowrap\n }\n"])), fontFamily, _Colors.default.common.white, _Colors.default.common.white, _Colors.default.common.white, _Colors.default.primary.main, _Colors.default.common.white, _Colors.default.common.white, fontFamily, _Colors.default.common.white, fontFamily);
133
+ const Pre = styled('pre')`
134
+ font-family: ${fontFamily};
135
+ display: block;
136
+ font-size: 14px;
137
+ line-height: 1.42857143;
138
+ margin: 0 0 32px;
139
+ word-break: break-word;
140
+ word-wrap: break-word;
141
+ text-align: left;
142
+ border-radius: 5px;
143
+ border: 1px solid #dedede;
144
+ background: #222;
145
+ color: ${colors.common.white};
146
+ position: relative;
147
+
148
+ .codeblock__inner {
149
+ display: block;
150
+ width: 100%;
151
+ max-height: 46.25rem;
152
+ overflow: scroll;
153
+ }
154
+
155
+ .copy-button {
156
+ display: flex;
157
+ justify-content: center;
158
+ align-items: center;
159
+ position: absolute;
160
+ top: 8px;
161
+ right: 24px;
162
+ padding: 4px;
163
+ min-width: 72px;
164
+ height: 24px;
165
+ border-radius: 4px;
166
+ background: transparent;
167
+ cursor: pointer;
168
+ transition: all ease 0.2s;
169
+
170
+ .copy-icon {
171
+ font-size: 16px;
172
+ color: ${colors.common.white};
173
+ }
174
+
175
+ .hover-text {
176
+ display: none;
177
+ }
178
+ .default-text {
179
+ font-size: 12px;
180
+ color: ${colors.common.white};
181
+ }
182
+ }
183
+
184
+ &:hover {
185
+ .copy-button {
186
+ display: flex;
187
+ background: ${colors.primary.main};
188
+
189
+ .hover-text {
190
+ display: flex;
191
+ justify-content: center;
192
+ align-items: center;
193
+ color: ${colors.common.white};
194
+ }
195
+ .default-text {
196
+ display: none;
197
+ font-size: 12px;
198
+ }
199
+ }
200
+ }
201
+
202
+ .button-lang-text {
203
+ margin-left: 4px;
204
+ font-size: 12px;
205
+ color: ${colors.common.white};
206
+ }
207
+
208
+ code {
209
+ counter-reset: line;
210
+ counter-increment: line;
211
+ padding: 16px;
212
+ font-family: ${fontFamily};
213
+ color: ${colors.common.white};
214
+ * {
215
+ font-family: ${fontFamily};
216
+ }
217
+ }
218
+
219
+ .hljs * {
220
+ white-space: normal; // autowrap
221
+ }
222
+ `;
@@ -1,20 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "default", {
7
- enumerable: true,
8
- get: function get() {
9
- return _default.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "temp", {
13
- enumerable: true,
14
- get: function get() {
15
- return _temp.default;
16
- }
17
- });
18
- var _default = _interopRequireDefault(require("./themes/default"));
19
- var _temp = _interopRequireDefault(require("./themes/temp"));
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ // eslint-disable-next-line no-restricted-exports
2
+ export { default } from './themes/default';
3
+ export { default as temp } from './themes/temp';
@@ -1,9 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
1
  /**
8
2
  * 默认 colors, ABT 系列
9
3
  *
@@ -80,4 +74,4 @@ const colors = {
80
74
  }
81
75
  // TODO: 等设计规范稳定后, 考虑扩展 trade 相关的常用颜色 (send/receive/exchange/transfer)
82
76
  };
83
- var _default = exports.default = colors;
77
+ export default colors;
@@ -1,9 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
1
  const colors = {
8
2
  textMuted: 'rgba(18, 22, 24, 0.36)',
9
3
  textSubtitle: 'rgba(18, 22, 24, 0.6)',
@@ -44,4 +38,4 @@ const colors = {
44
38
  buttonsButtonDanger: 'rgba(225, 29, 72, 1)',
45
39
  red: '#FF6369'
46
40
  };
47
- var _default = exports.default = colors;
41
+ export default colors;
@@ -1,33 +1,25 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- exports.submitContactForm = submitContactForm;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _axios = _interopRequireDefault(require("axios"));
11
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
12
- var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
13
- var _Util = require("../Util");
14
- var _deprecate = require("../Util/deprecate");
15
- var _Button = _interopRequireDefault(require("../Button"));
16
- var _Theme = require("../Theme");
17
- var _jsxRuntime = require("react/jsx-runtime");
18
- var _templateObject;
19
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
1
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
2
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
23
- 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); } /* eslint-disable react/no-unused-prop-types */ /* eslint-disable react/static-property-placement */
24
- function submitContactForm(_ref, fields, context) {
25
- let {
26
- formId,
27
- portalId
28
- } = _ref;
29
- const url = "https://api.hsforms.com/submissions/v3/integration/submit/".concat(portalId, "/").concat(formId);
30
- return _axios.default.post(url, {
3
+ 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); }
4
+ /* eslint-disable react/no-unused-prop-types */
5
+ /* eslint-disable react/static-property-placement */
6
+ import React from 'react';
7
+ import PropTypes from 'prop-types';
8
+ import axios from 'axios';
9
+ import Typography from '@mui/material/Typography';
10
+ import CircularProgress from '@mui/material/CircularProgress';
11
+ import { mergeProps } from '../Util';
12
+ import { warn as deprecatedWarn } from '../Util/deprecate';
13
+ import Button from '../Button';
14
+ import { styled } from '../Theme';
15
+ import { jsx as _jsx } from "react/jsx-runtime";
16
+ import { jsxs as _jsxs } from "react/jsx-runtime";
17
+ export function submitContactForm({
18
+ formId,
19
+ portalId
20
+ }, fields, context) {
21
+ const url = `https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formId}`;
22
+ return axios.post(url, {
31
23
  submittedAt: Date.now(),
32
24
  fields: Object.keys(fields).map(x => ({
33
25
  name: x.replace(/\s+/, '').toLowerCase(),
@@ -37,11 +29,9 @@ function submitContactForm(_ref, fields, context) {
37
29
  skipValidation: false
38
30
  }).then(res => res.data.inlineMessage).catch(res => res.data ? res.data.message : 'Form Submit Failed');
39
31
  }
40
- class ContactForm extends _react.default.Component {
32
+ export default class ContactForm extends React.Component {
41
33
  constructor(props) {
42
- var _this;
43
34
  super(props);
44
- _this = this;
45
35
  _defineProperty(this, "onSubmit", async e => {
46
36
  e.preventDefault();
47
37
  this.setState({
@@ -69,13 +59,10 @@ class ContactForm extends _react.default.Component {
69
59
  });
70
60
  }
71
61
  });
72
- _defineProperty(this, "getInputHandler", function (name) {
73
- let state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
74
- return e => {
75
- _this.setState(Object.assign(state, {
76
- [name]: e.target.value
77
- }));
78
- };
62
+ _defineProperty(this, "getInputHandler", (name, state = {}) => e => {
63
+ this.setState(Object.assign(state, {
64
+ [name]: e.target.value
65
+ }));
79
66
  });
80
67
  if (typeof props.fields === 'string') {
81
68
  this.fields = props.fields.split(',').map(x => x.trim());
@@ -90,10 +77,10 @@ class ContactForm extends _react.default.Component {
90
77
  this.fields.forEach(x => {
91
78
  this.state[x] = '';
92
79
  });
93
- (0, _deprecate.warn)('ContactForm');
80
+ deprecatedWarn('ContactForm');
94
81
  }
95
82
  deriveProps() {
96
- const newProps = (0, _Util.mergeProps)(this.props, ContactForm);
83
+ const newProps = mergeProps(this.props, ContactForm);
97
84
  if (typeof newProps.title === 'undefined') {
98
85
  newProps.title = 'Signup for our news letter';
99
86
  }
@@ -115,38 +102,38 @@ class ContactForm extends _react.default.Component {
115
102
  errorMessage,
116
103
  successMessage
117
104
  } = this.state;
118
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Form, {
105
+ return /*#__PURE__*/_jsxs(Form, {
119
106
  onSubmit: this.onSubmit,
120
107
  className: className,
121
108
  style: style,
122
109
  layout: layout,
123
110
  fieldCount: this.fields.length,
124
111
  name: "subscribe",
125
- children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
112
+ children: [!!title && /*#__PURE__*/_jsx(Typography, {
126
113
  component: "p",
127
114
  className: "title",
128
115
  children: title
129
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
116
+ }), /*#__PURE__*/_jsxs("div", {
130
117
  className: "form-controls",
131
- children: [this.fields.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
118
+ children: [this.fields.map(x => /*#__PURE__*/_jsx("input", {
132
119
  required: true,
133
120
  type: "text",
134
121
  value: this.state[x],
135
122
  onChange: this.getInputHandler(x),
136
123
  className: "input",
137
124
  placeholder: x
138
- }, x)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
125
+ }, x)), /*#__PURE__*/_jsx(Button, {
139
126
  variant: "outlined",
140
127
  type: "submit",
141
128
  color: "inherit",
142
129
  size: "large",
143
130
  disabled: loading,
144
131
  className: "subscribe-btn-empty",
145
- children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
132
+ children: loading ? /*#__PURE__*/_jsx(CircularProgress, {
146
133
  size: 28
147
134
  }) : button
148
135
  })]
149
- }), !!errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
136
+ }), !!errorMessage && /*#__PURE__*/_jsx(Typography, {
150
137
  component: "p",
151
138
  variant: "body1",
152
139
  className: "error",
@@ -154,7 +141,7 @@ class ContactForm extends _react.default.Component {
154
141
  dangerouslySetInnerHTML: {
155
142
  __html: errorMessage
156
143
  }
157
- }), !!successMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
144
+ }), !!successMessage && /*#__PURE__*/_jsx(Typography, {
158
145
  component: "p",
159
146
  variant: "body1",
160
147
  className: "success",
@@ -168,17 +155,16 @@ class ContactForm extends _react.default.Component {
168
155
  }
169
156
 
170
157
  // prettier-ignore
171
- exports.default = ContactForm;
172
158
  _defineProperty(ContactForm, "propTypes", {
173
- style: _propTypes.default.object,
174
- className: _propTypes.default.string,
175
- portalId: _propTypes.default.string,
176
- formId: _propTypes.default.string,
177
- title: _propTypes.default.string,
178
- button: _propTypes.default.string,
179
- successMessage: _propTypes.default.string,
180
- layout: _propTypes.default.oneOf(['horizontal', 'vertical']),
181
- fields: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array])
159
+ style: PropTypes.object,
160
+ className: PropTypes.string,
161
+ portalId: PropTypes.string,
162
+ formId: PropTypes.string,
163
+ title: PropTypes.string,
164
+ button: PropTypes.string,
165
+ successMessage: PropTypes.string,
166
+ layout: PropTypes.oneOf(['horizontal', 'vertical']),
167
+ fields: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
182
168
  });
183
169
  _defineProperty(ContactForm, "defaultProps", {
184
170
  style: {},
@@ -191,5 +177,54 @@ _defineProperty(ContactForm, "defaultProps", {
191
177
  successMessage: 'Form Submit Success',
192
178
  fields: ['Email', 'First Name', 'Last Name']
193
179
  });
194
- const getInputWidth = props => props.layout === 'vertical' ? '100%' : "".concat(Math.max(95 / (props.fieldCount + 1), 20), "%");
195
- const Form = (0, _Theme.styled)('form')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n max-width: 800px;\n margin: 0px auto;\n\n .title {\n font-size: 30px;\n text-align: center;\n color: ", ";\n }\n\n .form-controls {\n width: 100%;\n flex-direction: ", ";\n justify-content: space-between;\n align-items: center;\n\n .input {\n width: ", ";\n height: 50px;\n border: none;\n border-bottom: 1px solid ", ";\n font-size: 16px;\n letter-spacing: 1.8px;\n outline: none;\n margin: ", ";\n background: transparent;\n\n &:first-of-type {\n margin-top: 40px;\n }\n }\n\n .subscribe-btn-empty {\n margin-top: ", ";\n width: ", ";\n }\n }\n\n .error,\n .success {\n margin-top: 20px;\n }\n"])), props => props.theme.breakpoints.values.sm, props => props.theme.typography.color.main, props => props.layout === 'vertical' ? 'column' : 'row', props => getInputWidth(props), props => props.theme.typography.color.main, props => props.layout === 'vertical' ? '12px 0' : '12px', props => props.layout === 'vertical' ? '40px' : '0', props => props.layout === 'vertical' ? '100%' : 'auto');
180
+ const getInputWidth = props => props.layout === 'vertical' ? '100%' : `${Math.max(95 / (props.fieldCount + 1), 20)}%`;
181
+ const Form = styled('form')`
182
+ display: flex;
183
+ flex-direction: column;
184
+ justify-content: center;
185
+ align-items: center;
186
+ @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
187
+ width: 100% !important;
188
+ }
189
+ max-width: 800px;
190
+ margin: 0px auto;
191
+
192
+ .title {
193
+ font-size: 30px;
194
+ text-align: center;
195
+ color: ${props => props.theme.typography.color.main};
196
+ }
197
+
198
+ .form-controls {
199
+ width: 100%;
200
+ flex-direction: ${props => props.layout === 'vertical' ? 'column' : 'row'};
201
+ justify-content: space-between;
202
+ align-items: center;
203
+
204
+ .input {
205
+ width: ${props => getInputWidth(props)};
206
+ height: 50px;
207
+ border: none;
208
+ border-bottom: 1px solid ${props => props.theme.typography.color.main};
209
+ font-size: 16px;
210
+ letter-spacing: 1.8px;
211
+ outline: none;
212
+ margin: ${props => props.layout === 'vertical' ? '12px 0' : '12px'};
213
+ background: transparent;
214
+
215
+ &:first-of-type {
216
+ margin-top: 40px;
217
+ }
218
+ }
219
+
220
+ .subscribe-btn-empty {
221
+ margin-top: ${props => props.layout === 'vertical' ? '40px' : '0'};
222
+ width: ${props => props.layout === 'vertical' ? '100%' : 'auto'};
223
+ }
224
+ }
225
+
226
+ .error,
227
+ .success {
228
+ margin-top: 20px;
229
+ }
230
+ `;