@rozoai/intent-pay 0.0.7 → 0.0.9

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 (564) hide show
  1. package/README.md +36 -44
  2. package/build/assets/MobileWithLogos.d.ts +2 -0
  3. package/build/assets/ScanIconWithLogos.d.ts +6 -0
  4. package/build/assets/browsers.d.ts +10 -0
  5. package/build/assets/chains.d.ts +28 -0
  6. package/build/assets/coins.d.ts +2 -0
  7. package/build/assets/crepe.d.ts +3 -0
  8. package/build/assets/icons.d.ts +35 -0
  9. package/build/assets/logos.d.ts +211 -0
  10. package/build/assets/wallet.d.ts +3 -0
  11. package/build/assets/wave.d.ts +2 -0
  12. package/build/components/Common/Alert/index.d.ts +6 -0
  13. package/build/components/Common/Alert/styles.d.ts +2 -0
  14. package/build/components/Common/Alert/types.d.ts +5 -0
  15. package/build/components/Common/AmountInput/AmountInputField.d.ts +8 -0
  16. package/build/components/Common/AmountInput/index.d.ts +9 -0
  17. package/build/components/Common/Avatar/index.d.ts +17 -0
  18. package/build/components/Common/Avatar/styles.d.ts +2 -0
  19. package/build/components/Common/BrowserIcon/index.d.ts +4 -0
  20. package/build/components/Common/BrowserIcon/styles.d.ts +1 -0
  21. package/build/components/Common/BrowserIcon/types.d.ts +3 -0
  22. package/build/components/Common/Button/index.d.ts +4 -0
  23. package/build/components/Common/Button/styles.d.ts +10 -0
  24. package/build/components/Common/Button/types.d.ts +15 -0
  25. package/build/components/Common/Chain/index.d.ts +9 -0
  26. package/build/components/Common/Chain/styles.d.ts +4 -0
  27. package/build/components/Common/ChainSelectList/index.d.ts +4 -0
  28. package/build/components/Common/ChainSelectList/styles.d.ts +9 -0
  29. package/build/components/Common/CircleTimer.d.ts +17 -0
  30. package/build/components/Common/ConnectorList/index.d.ts +2 -0
  31. package/build/components/Common/ConnectorList/styles.d.ts +8 -0
  32. package/build/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts +6 -0
  33. package/build/components/Common/CopyToClipboard/index.d.ts +7 -0
  34. package/build/components/Common/CustomQRCode/QRCode.d.ts +12 -0
  35. package/build/components/Common/CustomQRCode/index.d.ts +6 -0
  36. package/build/components/Common/CustomQRCode/styles.d.ts +6 -0
  37. package/build/components/Common/CustomQRCode/types.d.ts +11 -0
  38. package/build/components/Common/DynamicContainer/index.d.ts +7 -0
  39. package/build/components/Common/FitText/index.d.ts +8 -0
  40. package/build/components/Common/LazyImage/index.d.ts +8 -0
  41. package/build/components/Common/Logo/index.d.ts +8 -0
  42. package/build/components/Common/Logo/styles.d.ts +3 -0
  43. package/build/components/Common/Modal/index.d.ts +25 -0
  44. package/build/components/Common/Modal/styles.d.ts +25 -0
  45. package/build/components/Common/OptionsList/index.d.ts +17 -0
  46. package/build/components/Common/OptionsList/styles.d.ts +5 -0
  47. package/build/components/Common/OrderHeader/index.d.ts +7 -0
  48. package/build/components/Common/PaymentBreakdown/index.d.ts +6 -0
  49. package/build/components/Common/Portal/index.d.ts +2 -0
  50. package/build/components/Common/PoweredByFooter/index.d.ts +4 -0
  51. package/build/components/Common/ScrollArea/index.d.ts +9 -0
  52. package/build/components/Common/ScrollArea/styles.d.ts +3 -0
  53. package/build/components/Common/SelectAnotherMethodButton/index.d.ts +1 -0
  54. package/build/components/Common/Spinner/index.d.ts +1 -0
  55. package/build/components/Common/Spinner/styles.d.ts +1 -0
  56. package/build/components/Common/SquareTimer.d.ts +19 -0
  57. package/build/components/Common/SwitchButton/index.d.ts +6 -0
  58. package/build/components/Common/ThemedButton/index.d.ts +15 -0
  59. package/build/components/Common/ThemedButton/styles.d.ts +2 -0
  60. package/build/components/Common/TokenChainLogo/index.d.ts +7 -0
  61. package/build/components/Common/Tooltip/index.d.ts +4 -0
  62. package/build/components/Common/Tooltip/styles.d.ts +3 -0
  63. package/build/components/Common/Tooltip/types.d.ts +9 -0
  64. package/build/components/Common/WalletChainLogo/index.d.ts +6 -0
  65. package/build/components/Pages/About/graphics.d.ts +11 -0
  66. package/build/components/Pages/About/index.d.ts +3 -0
  67. package/build/components/Pages/About/styles.d.ts +8 -0
  68. package/build/components/Pages/Confirmation/index.d.ts +3 -0
  69. package/build/components/Pages/Connectors/index.d.ts +3 -0
  70. package/build/components/Pages/Connectors/styles.d.ts +9 -0
  71. package/build/components/Pages/DownloadApp/index.d.ts +2 -0
  72. package/build/components/Pages/MobileConnectors/index.d.ts +3 -0
  73. package/build/components/Pages/MobileConnectors/styles.d.ts +5 -0
  74. package/build/components/Pages/Onboarding/index.d.ts +3 -0
  75. package/build/components/Pages/Onboarding/styles.d.ts +9 -0
  76. package/build/components/Pages/PayWithToken/index.d.ts +3 -0
  77. package/build/components/Pages/SelectAmount/index.d.ts +3 -0
  78. package/build/components/Pages/SelectDepositAddressAmount/index.d.ts +3 -0
  79. package/build/components/Pages/SelectDepositAddressChain/index.d.ts +3 -0
  80. package/build/components/Pages/SelectExternalAmount/index.d.ts +3 -0
  81. package/build/components/Pages/SelectMethod/index.d.ts +1 -0
  82. package/build/components/Pages/SelectMethod/styles.d.ts +9 -0
  83. package/build/components/Pages/SelectToken/index.d.ts +1 -0
  84. package/build/components/Pages/SelectWalletAmount/index.d.ts +3 -0
  85. package/build/components/Pages/SelectZKP/index.d.ts +3 -0
  86. package/build/components/Pages/Solana/ConnectSolana/index.d.ts +3 -0
  87. package/build/components/Pages/Solana/ConnectorSolana/index.d.ts +4 -0
  88. package/build/components/Pages/Solana/PayWithSolanaToken/index.d.ts +3 -0
  89. package/build/components/Pages/Solana/SelectSolanaAmount/index.d.ts +3 -0
  90. package/build/components/Pages/SwitchNetworks/index.d.ts +3 -0
  91. package/build/components/Pages/WaitingDepositAddress/index.d.ts +1 -0
  92. package/build/components/Pages/WaitingExternal/index.d.ts +3 -0
  93. package/build/components/Pages/WaitingWallet/index.d.ts +3 -0
  94. package/build/components/RozoPayButton/index.d.ts +132 -0
  95. package/build/components/RozoPayButton/styles.d.ts +4 -0
  96. package/build/components/RozoPayModal/ConnectUsing.d.ts +2 -0
  97. package/build/components/RozoPayModal/ConnectWithInjector/index.d.ts +15 -0
  98. package/build/components/RozoPayModal/ConnectWithInjector/styles.d.ts +6 -0
  99. package/build/components/RozoPayModal/ConnectWithQRCode.d.ts +3 -0
  100. package/build/components/RozoPayModal/index.d.ts +7 -0
  101. package/build/components/RozoPayThemeProvider/RozoPayThemeProvider.d.ts +16 -0
  102. package/build/components/Spinners/CircleSpinner/index.d.ts +9 -0
  103. package/build/components/Spinners/CircleSpinner/styles.d.ts +5 -0
  104. package/build/components/Spinners/ExternalPaymentSpinner/index.d.ts +5 -0
  105. package/build/components/Spinners/SquircleSpinner/index.d.ts +5 -0
  106. package/build/components/Spinners/SquircleSpinner/styles.d.ts +4 -0
  107. package/build/components/Spinners/TokenLogoSpinner/index.d.ts +5 -0
  108. package/build/components/Spinners/TokenLogoSpinner/styles.d.ts +1 -0
  109. package/build/components/Spinners/WalletPaymentSpinner/index.d.ts +5 -0
  110. package/build/components/Spinners/styles.d.ts +2 -0
  111. package/build/constants/defaultTheme.d.ts +4 -0
  112. package/build/constants/routes.d.ts +26 -0
  113. package/build/defaultConfig.d.ts +17 -0
  114. package/build/defaultConnectors.d.ts +14 -0
  115. package/build/hooks/useChainIsSupported.d.ts +2 -0
  116. package/build/hooks/useChains.d.ts +3 -0
  117. package/build/hooks/useConnectCallback.d.ts +8 -0
  118. package/build/hooks/useConnectors.d.ts +3 -0
  119. package/build/hooks/useDepositAddressOptions.d.ts +10 -0
  120. package/build/hooks/useEnsFallbackConfig.d.ts +2 -0
  121. package/build/hooks/useExternalPaymentOptions.d.ts +12 -0
  122. package/build/hooks/useFitText.d.ts +14 -0
  123. package/build/hooks/useFocusTrap.d.ts +1 -0
  124. package/build/hooks/useGoogleFont.d.ts +3 -0
  125. package/build/hooks/useIsMobile.d.ts +5 -0
  126. package/build/hooks/useIsMounted.d.ts +3 -0
  127. package/build/hooks/useLastConnector.d.ts +4 -0
  128. package/build/hooks/useLocalStorage.d.ts +7 -0
  129. package/build/hooks/useLocales.d.ts +1 -0
  130. package/build/hooks/useLockBodyScroll.d.ts +1 -0
  131. package/build/hooks/useModal.d.ts +8 -0
  132. package/build/hooks/useOrderUsdLimits.d.ts +7 -0
  133. package/build/hooks/usePayContext.d.ts +2 -0
  134. package/build/hooks/usePaymentState.d.ts +65 -0
  135. package/build/hooks/usePrevious.d.ts +1 -0
  136. package/build/hooks/useRozoPay.d.ts +91 -0
  137. package/build/hooks/useRozoPayStatus.d.ts +15 -0
  138. package/build/hooks/useRozoPayUI.d.ts +6 -0
  139. package/build/hooks/useSolanaPaymentOptions.d.ts +11 -0
  140. package/build/hooks/useTokenOptions.d.ts +5 -0
  141. package/build/hooks/useWalletPaymentOptions.d.ts +19 -0
  142. package/build/hooks/useWindowSize.d.ts +4 -0
  143. package/build/index.d.ts +15 -649
  144. package/build/localizations/index.d.ts +91 -0
  145. package/build/localizations/locales/ar-AE.d.ts +3 -0
  146. package/build/localizations/locales/ca-AD.d.ts +3 -0
  147. package/build/localizations/locales/ee-EE.d.ts +3 -0
  148. package/build/localizations/locales/en-US.d.ts +91 -0
  149. package/build/localizations/locales/es-ES.d.ts +3 -0
  150. package/build/localizations/locales/fa-IR.d.ts +3 -0
  151. package/build/localizations/locales/fr-FR.d.ts +3 -0
  152. package/build/localizations/locales/index.d.ts +2 -0
  153. package/build/localizations/locales/ja-JP.d.ts +91 -0
  154. package/build/localizations/locales/pt-BR.d.ts +3 -0
  155. package/build/localizations/locales/ru-RU.d.ts +3 -0
  156. package/build/localizations/locales/tr-TR.d.ts +3 -0
  157. package/build/localizations/locales/vi-VN.d.ts +3 -0
  158. package/build/localizations/locales/zh-CN.d.ts +3 -0
  159. package/build/package.json.js +125 -0
  160. package/build/package.json.js.map +1 -0
  161. package/build/payment/paymentEffects.d.ts +12 -0
  162. package/build/payment/paymentFsm.d.ts +126 -0
  163. package/build/payment/paymentStore.d.ts +14 -0
  164. package/build/provider/PayContext.d.ts +56 -0
  165. package/build/provider/PaymentProvider.d.ts +8 -0
  166. package/build/provider/RozoPayProvider.d.ts +24 -0
  167. package/build/provider/SolanaContextProvider.d.ts +6 -0
  168. package/build/provider/Web3ContextProvider.d.ts +24 -0
  169. package/build/src/assets/MobileWithLogos.js +10 -0
  170. package/build/src/assets/MobileWithLogos.js.map +1 -0
  171. package/build/src/assets/ScanIconWithLogos.js +37 -0
  172. package/build/src/assets/ScanIconWithLogos.js.map +1 -0
  173. package/build/src/assets/browsers.js +13 -0
  174. package/build/src/assets/browsers.js.map +1 -0
  175. package/build/src/assets/chains.js +97 -0
  176. package/build/src/assets/chains.js.map +1 -0
  177. package/build/src/assets/coins.js +6 -0
  178. package/build/src/assets/coins.js.map +1 -0
  179. package/build/src/assets/crepe.js +8 -0
  180. package/build/src/assets/crepe.js.map +1 -0
  181. package/build/src/assets/icons.js +30 -0
  182. package/build/src/assets/icons.js.map +1 -0
  183. package/build/src/assets/logos.js +177 -0
  184. package/build/src/assets/logos.js.map +1 -0
  185. package/build/src/assets/wallet.js +8 -0
  186. package/build/src/assets/wallet.js.map +1 -0
  187. package/build/src/assets/wave.js +6 -0
  188. package/build/src/assets/wave.js.map +1 -0
  189. package/build/src/components/Common/Alert/index.js +10 -0
  190. package/build/src/components/Common/Alert/index.js.map +1 -0
  191. package/build/src/components/Common/Alert/styles.js +55 -0
  192. package/build/src/components/Common/Alert/styles.js.map +1 -0
  193. package/build/src/components/Common/AmountInput/AmountInputField.js +60 -0
  194. package/build/src/components/Common/AmountInput/AmountInputField.js.map +1 -0
  195. package/build/src/components/Common/AmountInput/index.js +146 -0
  196. package/build/src/components/Common/AmountInput/index.js.map +1 -0
  197. package/build/src/components/Common/Avatar/index.js +66 -0
  198. package/build/src/components/Common/Avatar/index.js.map +1 -0
  199. package/build/src/components/Common/Avatar/styles.js +59 -0
  200. package/build/src/components/Common/Avatar/styles.js.map +1 -0
  201. package/build/src/components/Common/BrowserIcon/index.js +28 -0
  202. package/build/src/components/Common/BrowserIcon/index.js.map +1 -0
  203. package/build/src/components/Common/BrowserIcon/styles.js +20 -0
  204. package/build/src/components/Common/BrowserIcon/styles.js.map +1 -0
  205. package/build/src/components/Common/Button/index.js +38 -0
  206. package/build/src/components/Common/Button/index.js.map +1 -0
  207. package/build/src/components/Common/Button/styles.js +291 -0
  208. package/build/src/components/Common/Button/styles.js.map +1 -0
  209. package/build/src/components/Common/Chain/index.js +25 -0
  210. package/build/src/components/Common/Chain/index.js.map +1 -0
  211. package/build/src/components/Common/Chain/styles.js +94 -0
  212. package/build/src/components/Common/Chain/styles.js.map +1 -0
  213. package/build/src/components/Common/ChainSelectList/index.js +107 -0
  214. package/build/src/components/Common/ChainSelectList/index.js.map +1 -0
  215. package/build/src/components/Common/ChainSelectList/styles.js +228 -0
  216. package/build/src/components/Common/ChainSelectList/styles.js.map +1 -0
  217. package/build/src/components/Common/CircleTimer.js +48 -0
  218. package/build/src/components/Common/CircleTimer.js.map +1 -0
  219. package/build/src/components/Common/ConnectorList/index.js +85 -0
  220. package/build/src/components/Common/ConnectorList/index.js.map +1 -0
  221. package/build/src/components/Common/ConnectorList/styles.js +352 -0
  222. package/build/src/components/Common/ConnectorList/styles.js.map +1 -0
  223. package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js +71 -0
  224. package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js.map +1 -0
  225. package/build/src/components/Common/CopyToClipboard/index.js +35 -0
  226. package/build/src/components/Common/CopyToClipboard/index.js.map +1 -0
  227. package/build/src/components/Common/CustomQRCode/QRCode.js +69 -0
  228. package/build/src/components/Common/CustomQRCode/QRCode.js.map +1 -0
  229. package/build/src/components/Common/CustomQRCode/index.js +22 -0
  230. package/build/src/components/Common/CustomQRCode/index.js.map +1 -0
  231. package/build/src/components/Common/CustomQRCode/styles.js +139 -0
  232. package/build/src/components/Common/CustomQRCode/styles.js.map +1 -0
  233. package/build/src/components/Common/FitText/index.js +27 -0
  234. package/build/src/components/Common/FitText/index.js.map +1 -0
  235. package/build/src/components/Common/Logo/styles.js +29 -0
  236. package/build/src/components/Common/Logo/styles.js.map +1 -0
  237. package/build/src/components/Common/Modal/index.js +300 -0
  238. package/build/src/components/Common/Modal/index.js.map +1 -0
  239. package/build/src/components/Common/Modal/styles.js +669 -0
  240. package/build/src/components/Common/Modal/styles.js.map +1 -0
  241. package/build/src/components/Common/OptionsList/index.js +103 -0
  242. package/build/src/components/Common/OptionsList/index.js.map +1 -0
  243. package/build/src/components/Common/OptionsList/styles.js +139 -0
  244. package/build/src/components/Common/OptionsList/styles.js.map +1 -0
  245. package/build/src/components/Common/OrderHeader/index.js +152 -0
  246. package/build/src/components/Common/OrderHeader/index.js.map +1 -0
  247. package/build/src/components/Common/PaymentBreakdown/index.js +48 -0
  248. package/build/src/components/Common/PaymentBreakdown/index.js.map +1 -0
  249. package/build/src/components/Common/Portal/index.js +31 -0
  250. package/build/src/components/Common/Portal/index.js.map +1 -0
  251. package/build/src/components/Common/PoweredByFooter/index.js +77 -0
  252. package/build/src/components/Common/PoweredByFooter/index.js.map +1 -0
  253. package/build/src/components/Common/ScrollArea/index.js +63 -0
  254. package/build/src/components/Common/ScrollArea/index.js.map +1 -0
  255. package/build/src/components/Common/ScrollArea/styles.js +173 -0
  256. package/build/src/components/Common/ScrollArea/styles.js.map +1 -0
  257. package/build/src/components/Common/SelectAnotherMethodButton/index.js +85 -0
  258. package/build/src/components/Common/SelectAnotherMethodButton/index.js.map +1 -0
  259. package/build/src/components/Common/Spinner/index.js +24 -0
  260. package/build/src/components/Common/Spinner/index.js.map +1 -0
  261. package/build/src/components/Common/Spinner/styles.js +22 -0
  262. package/build/src/components/Common/Spinner/styles.js.map +1 -0
  263. package/build/src/components/Common/SwitchButton/index.js +40 -0
  264. package/build/src/components/Common/SwitchButton/index.js.map +1 -0
  265. package/build/src/components/Common/ThemedButton/index.js +25 -0
  266. package/build/src/components/Common/ThemedButton/index.js.map +1 -0
  267. package/build/src/components/Common/ThemedButton/styles.js +152 -0
  268. package/build/src/components/Common/ThemedButton/styles.js.map +1 -0
  269. package/build/src/components/Common/TokenChainLogo/index.js +56 -0
  270. package/build/src/components/Common/TokenChainLogo/index.js.map +1 -0
  271. package/build/src/components/Common/Tooltip/index.js +97 -0
  272. package/build/src/components/Common/Tooltip/index.js.map +1 -0
  273. package/build/src/components/Common/Tooltip/styles.js +81 -0
  274. package/build/src/components/Common/Tooltip/styles.js.map +1 -0
  275. package/build/src/components/Common/WalletChainLogo/index.js +24 -0
  276. package/build/src/components/Common/WalletChainLogo/index.js.map +1 -0
  277. package/build/src/components/Pages/About/graphics.js +187 -0
  278. package/build/src/components/Pages/About/graphics.js.map +1 -0
  279. package/build/src/components/Pages/About/index.js +129 -0
  280. package/build/src/components/Pages/About/index.js.map +1 -0
  281. package/build/src/components/Pages/About/styles.js +144 -0
  282. package/build/src/components/Pages/About/styles.js.map +1 -0
  283. package/build/src/components/Pages/Confirmation/index.js +89 -0
  284. package/build/src/components/Pages/Confirmation/index.js.map +1 -0
  285. package/build/src/components/Pages/Connectors/index.js +37 -0
  286. package/build/src/components/Pages/Connectors/index.js.map +1 -0
  287. package/build/src/components/Pages/Connectors/styles.js +267 -0
  288. package/build/src/components/Pages/Connectors/styles.js.map +1 -0
  289. package/build/src/components/Pages/DownloadApp/index.js +30 -0
  290. package/build/src/components/Pages/DownloadApp/index.js.map +1 -0
  291. package/build/src/components/Pages/MobileConnectors/index.js +57 -0
  292. package/build/src/components/Pages/MobileConnectors/index.js.map +1 -0
  293. package/build/src/components/Pages/MobileConnectors/styles.js +66 -0
  294. package/build/src/components/Pages/MobileConnectors/styles.js.map +1 -0
  295. package/build/src/components/Pages/Onboarding/index.js +18 -0
  296. package/build/src/components/Pages/Onboarding/index.js.map +1 -0
  297. package/build/src/components/Pages/Onboarding/styles.js +229 -0
  298. package/build/src/components/Pages/Onboarding/styles.js.map +1 -0
  299. package/build/src/components/Pages/PayWithToken/index.js +127 -0
  300. package/build/src/components/Pages/PayWithToken/index.js.map +1 -0
  301. package/build/src/components/Pages/SelectAmount/index.js +17 -0
  302. package/build/src/components/Pages/SelectAmount/index.js.map +1 -0
  303. package/build/src/components/Pages/SelectDepositAddressAmount/index.js +61 -0
  304. package/build/src/components/Pages/SelectDepositAddressAmount/index.js.map +1 -0
  305. package/build/src/components/Pages/SelectDepositAddressChain/index.js +46 -0
  306. package/build/src/components/Pages/SelectDepositAddressChain/index.js.map +1 -0
  307. package/build/src/components/Pages/SelectExternalAmount/index.js +64 -0
  308. package/build/src/components/Pages/SelectExternalAmount/index.js.map +1 -0
  309. package/build/src/components/Pages/SelectMethod/index.js +198 -0
  310. package/build/src/components/Pages/SelectMethod/index.js.map +1 -0
  311. package/build/src/components/Pages/SelectToken/index.js +28 -0
  312. package/build/src/components/Pages/SelectToken/index.js.map +1 -0
  313. package/build/src/components/Pages/SelectWalletAmount/index.js +55 -0
  314. package/build/src/components/Pages/SelectWalletAmount/index.js.map +1 -0
  315. package/build/src/components/Pages/SelectZKP/index.js +36 -0
  316. package/build/src/components/Pages/SelectZKP/index.js.map +1 -0
  317. package/build/src/components/Pages/Solana/ConnectSolana/index.js +81 -0
  318. package/build/src/components/Pages/Solana/ConnectSolana/index.js.map +1 -0
  319. package/build/src/components/Pages/Solana/ConnectorSolana/index.js +62 -0
  320. package/build/src/components/Pages/Solana/ConnectorSolana/index.js.map +1 -0
  321. package/build/src/components/Pages/Solana/PayWithSolanaToken/index.js +72 -0
  322. package/build/src/components/Pages/Solana/PayWithSolanaToken/index.js.map +1 -0
  323. package/build/src/components/Pages/Solana/SelectSolanaAmount/index.js +17 -0
  324. package/build/src/components/Pages/Solana/SelectSolanaAmount/index.js.map +1 -0
  325. package/build/src/components/Pages/SwitchNetworks/index.js +26 -0
  326. package/build/src/components/Pages/SwitchNetworks/index.js.map +1 -0
  327. package/build/src/components/Pages/WaitingDepositAddress/index.js +305 -0
  328. package/build/src/components/Pages/WaitingDepositAddress/index.js.map +1 -0
  329. package/build/src/components/Pages/WaitingExternal/index.js +68 -0
  330. package/build/src/components/Pages/WaitingExternal/index.js.map +1 -0
  331. package/build/src/components/Pages/WaitingWallet/index.js +28 -0
  332. package/build/src/components/Pages/WaitingWallet/index.js.map +1 -0
  333. package/build/src/components/RozoPayButton/index.js +201 -0
  334. package/build/src/components/RozoPayButton/index.js.map +1 -0
  335. package/build/src/components/RozoPayButton/styles.js +50 -0
  336. package/build/src/components/RozoPayButton/styles.js.map +1 -0
  337. package/build/src/components/RozoPayModal/ConnectUsing.js +42 -0
  338. package/build/src/components/RozoPayModal/ConnectUsing.js.map +1 -0
  339. package/build/src/components/RozoPayModal/ConnectWithInjector/index.js +195 -0
  340. package/build/src/components/RozoPayModal/ConnectWithInjector/index.js.map +1 -0
  341. package/build/src/components/RozoPayModal/ConnectWithInjector/styles.js +133 -0
  342. package/build/src/components/RozoPayModal/ConnectWithInjector/styles.js.map +1 -0
  343. package/build/src/components/RozoPayModal/ConnectWithQRCode.js +47 -0
  344. package/build/src/components/RozoPayModal/ConnectWithQRCode.js.map +1 -0
  345. package/build/src/components/RozoPayModal/index.js +254 -0
  346. package/build/src/components/RozoPayModal/index.js.map +1 -0
  347. package/build/src/components/RozoPayThemeProvider/RozoPayThemeProvider.js +21 -0
  348. package/build/src/components/RozoPayThemeProvider/RozoPayThemeProvider.js.map +1 -0
  349. package/build/src/components/Spinners/CircleSpinner/index.js +15 -0
  350. package/build/src/components/Spinners/CircleSpinner/index.js.map +1 -0
  351. package/build/src/components/Spinners/CircleSpinner/styles.js +118 -0
  352. package/build/src/components/Spinners/CircleSpinner/styles.js.map +1 -0
  353. package/build/src/components/Spinners/ExternalPaymentSpinner/index.js +20 -0
  354. package/build/src/components/Spinners/ExternalPaymentSpinner/index.js.map +1 -0
  355. package/build/src/components/Spinners/SquircleSpinner/index.js +15 -0
  356. package/build/src/components/Spinners/SquircleSpinner/index.js.map +1 -0
  357. package/build/src/components/Spinners/SquircleSpinner/styles.js +66 -0
  358. package/build/src/components/Spinners/SquircleSpinner/styles.js.map +1 -0
  359. package/build/src/components/Spinners/TokenLogoSpinner/index.js +13 -0
  360. package/build/src/components/Spinners/TokenLogoSpinner/index.js.map +1 -0
  361. package/build/src/components/Spinners/TokenLogoSpinner/styles.js +40 -0
  362. package/build/src/components/Spinners/TokenLogoSpinner/styles.js.map +1 -0
  363. package/build/src/components/Spinners/WalletPaymentSpinner/index.js +30 -0
  364. package/build/src/components/Spinners/WalletPaymentSpinner/index.js.map +1 -0
  365. package/build/src/components/Spinners/styles.js +33 -0
  366. package/build/src/components/Spinners/styles.js.map +1 -0
  367. package/build/src/constants/defaultTheme.js +6 -0
  368. package/build/src/constants/defaultTheme.js.map +1 -0
  369. package/build/src/constants/routes.js +31 -0
  370. package/build/src/constants/routes.js.map +1 -0
  371. package/build/src/defaultConfig.js +62 -0
  372. package/build/src/defaultConfig.js.map +1 -0
  373. package/build/src/defaultConnectors.js +24 -0
  374. package/build/src/defaultConnectors.js.map +1 -0
  375. package/build/src/hooks/useChainIsSupported.js +12 -0
  376. package/build/src/hooks/useChainIsSupported.js.map +1 -0
  377. package/build/src/hooks/useChains.js +11 -0
  378. package/build/src/hooks/useChains.js.map +1 -0
  379. package/build/src/hooks/useConnect.js +49 -0
  380. package/build/src/hooks/useConnect.js.map +1 -0
  381. package/build/src/hooks/useConnectCallback.js +18 -0
  382. package/build/src/hooks/useConnectCallback.js.map +1 -0
  383. package/build/src/hooks/useConnectors.js +9 -0
  384. package/build/src/hooks/useConnectors.js.map +1 -0
  385. package/build/src/hooks/useDepositAddressOptions.js +31 -0
  386. package/build/src/hooks/useDepositAddressOptions.js.map +1 -0
  387. package/build/src/hooks/useEnsFallbackConfig.js +16 -0
  388. package/build/src/hooks/useEnsFallbackConfig.js.map +1 -0
  389. package/build/src/hooks/useExternalPaymentOptions.js +58 -0
  390. package/build/src/hooks/useExternalPaymentOptions.js.map +1 -0
  391. package/build/src/hooks/useFitText.js +148 -0
  392. package/build/src/hooks/useFitText.js.map +1 -0
  393. package/build/src/hooks/useFocusTrap.js +57 -0
  394. package/build/src/hooks/useFocusTrap.js.map +1 -0
  395. package/build/src/hooks/useIsMobile.js +11 -0
  396. package/build/src/hooks/useIsMobile.js.map +1 -0
  397. package/build/src/hooks/useIsMounted.js +12 -0
  398. package/build/src/hooks/useIsMounted.js.map +1 -0
  399. package/build/src/hooks/useLastConnector.js +24 -0
  400. package/build/src/hooks/useLastConnector.js.map +1 -0
  401. package/build/src/hooks/useLocales.js +58 -0
  402. package/build/src/hooks/useLocales.js.map +1 -0
  403. package/build/src/hooks/useLockBodyScroll.js +53 -0
  404. package/build/src/hooks/useLockBodyScroll.js.map +1 -0
  405. package/build/src/hooks/useOrderUsdLimits.js +26 -0
  406. package/build/src/hooks/useOrderUsdLimits.js.map +1 -0
  407. package/build/src/hooks/usePayContext.js +13 -0
  408. package/build/src/hooks/usePayContext.js.map +1 -0
  409. package/build/src/hooks/usePaymentState.js +339 -0
  410. package/build/src/hooks/usePaymentState.js.map +1 -0
  411. package/build/src/hooks/usePrevious.js +14 -0
  412. package/build/src/hooks/usePrevious.js.map +1 -0
  413. package/build/src/hooks/useRozoPay.js +89 -0
  414. package/build/src/hooks/useRozoPay.js.map +1 -0
  415. package/build/src/hooks/useRozoPayStatus.js +23 -0
  416. package/build/src/hooks/useRozoPayStatus.js.map +1 -0
  417. package/build/src/hooks/useRozoPayUI.js +15 -0
  418. package/build/src/hooks/useRozoPayUI.js.map +1 -0
  419. package/build/src/hooks/useSolanaPaymentOptions.js +39 -0
  420. package/build/src/hooks/useSolanaPaymentOptions.js.map +1 -0
  421. package/build/src/hooks/useTokenOptions.js +109 -0
  422. package/build/src/hooks/useTokenOptions.js.map +1 -0
  423. package/build/src/hooks/useWalletPaymentOptions.js +59 -0
  424. package/build/src/hooks/useWalletPaymentOptions.js.map +1 -0
  425. package/build/src/hooks/useWindowSize.js +23 -0
  426. package/build/src/hooks/useWindowSize.js.map +1 -0
  427. package/build/src/index.js +14 -0
  428. package/build/src/index.js.map +1 -0
  429. package/build/src/localizations/index.js +48 -0
  430. package/build/src/localizations/index.js.map +1 -0
  431. package/build/src/localizations/locales/ar-AE.js +95 -0
  432. package/build/src/localizations/locales/ar-AE.js.map +1 -0
  433. package/build/src/localizations/locales/ca-AD.js +93 -0
  434. package/build/src/localizations/locales/ca-AD.js.map +1 -0
  435. package/build/src/localizations/locales/ee-EE.js +93 -0
  436. package/build/src/localizations/locales/ee-EE.js.map +1 -0
  437. package/build/src/localizations/locales/en-US.js +93 -0
  438. package/build/src/localizations/locales/en-US.js.map +1 -0
  439. package/build/src/localizations/locales/es-ES.js +93 -0
  440. package/build/src/localizations/locales/es-ES.js.map +1 -0
  441. package/build/src/localizations/locales/fa-IR.js +93 -0
  442. package/build/src/localizations/locales/fa-IR.js.map +1 -0
  443. package/build/src/localizations/locales/fr-FR.js +93 -0
  444. package/build/src/localizations/locales/fr-FR.js.map +1 -0
  445. package/build/src/localizations/locales/ja-JP.js +93 -0
  446. package/build/src/localizations/locales/ja-JP.js.map +1 -0
  447. package/build/src/localizations/locales/pt-BR.js +93 -0
  448. package/build/src/localizations/locales/pt-BR.js.map +1 -0
  449. package/build/src/localizations/locales/ru-RU.js +93 -0
  450. package/build/src/localizations/locales/ru-RU.js.map +1 -0
  451. package/build/src/localizations/locales/tr-TR.js +93 -0
  452. package/build/src/localizations/locales/tr-TR.js.map +1 -0
  453. package/build/src/localizations/locales/vi-VN.js +93 -0
  454. package/build/src/localizations/locales/vi-VN.js.map +1 -0
  455. package/build/src/localizations/locales/zh-CN.js +93 -0
  456. package/build/src/localizations/locales/zh-CN.js.map +1 -0
  457. package/build/src/payment/paymentEffects.js +298 -0
  458. package/build/src/payment/paymentEffects.js.map +1 -0
  459. package/build/src/payment/paymentFsm.js +214 -0
  460. package/build/src/payment/paymentFsm.js.map +1 -0
  461. package/build/src/payment/paymentStore.js +20 -0
  462. package/build/src/payment/paymentStore.js.map +1 -0
  463. package/build/src/provider/PayContext.js +7 -0
  464. package/build/src/provider/PayContext.js.map +1 -0
  465. package/build/src/provider/PaymentProvider.js +28 -0
  466. package/build/src/provider/PaymentProvider.js.map +1 -0
  467. package/build/src/provider/RozoPayProvider.js +266 -0
  468. package/build/src/provider/RozoPayProvider.js.map +1 -0
  469. package/build/src/provider/SolanaContextProvider.js +11 -0
  470. package/build/src/provider/SolanaContextProvider.js.map +1 -0
  471. package/build/src/provider/Web3ContextProvider.js +36 -0
  472. package/build/src/provider/Web3ContextProvider.js.map +1 -0
  473. package/build/src/stateStore.js +82 -0
  474. package/build/src/stateStore.js.map +1 -0
  475. package/build/src/styles/defaultTheme.js +89 -0
  476. package/build/src/styles/defaultTheme.js.map +1 -0
  477. package/build/src/styles/index.js +328 -0
  478. package/build/src/styles/index.js.map +1 -0
  479. package/build/src/styles/styled/index.js +16 -0
  480. package/build/src/styles/styled/index.js.map +1 -0
  481. package/build/src/styles/themes/base.js +141 -0
  482. package/build/src/styles/themes/base.js.map +1 -0
  483. package/build/src/styles/themes/index.js +13 -0
  484. package/build/src/styles/themes/index.js.map +1 -0
  485. package/build/src/styles/themes/midnight.js +76 -0
  486. package/build/src/styles/themes/midnight.js.map +1 -0
  487. package/build/src/styles/themes/minimal.js +96 -0
  488. package/build/src/styles/themes/minimal.js.map +1 -0
  489. package/build/src/styles/themes/nouns.js +81 -0
  490. package/build/src/styles/themes/nouns.js.map +1 -0
  491. package/build/src/styles/themes/retro.js +106 -0
  492. package/build/src/styles/themes/retro.js.map +1 -0
  493. package/build/src/styles/themes/rounded.js +106 -0
  494. package/build/src/styles/themes/rounded.js.map +1 -0
  495. package/build/src/styles/themes/soft.js +71 -0
  496. package/build/src/styles/themes/soft.js.map +1 -0
  497. package/build/src/styles/themes/web95.js +132 -0
  498. package/build/src/styles/themes/web95.js.map +1 -0
  499. package/build/src/utils/exports.js +5 -0
  500. package/build/src/utils/exports.js.map +1 -0
  501. package/build/src/utils/format.js +83 -0
  502. package/build/src/utils/format.js.map +1 -0
  503. package/build/src/utils/index.js +39 -0
  504. package/build/src/utils/index.js.map +1 -0
  505. package/build/src/utils/p3.js +16 -0
  506. package/build/src/utils/p3.js.map +1 -0
  507. package/build/src/utils/platform.js +13 -0
  508. package/build/src/utils/platform.js.map +1 -0
  509. package/build/src/utils/polling.js +35 -0
  510. package/build/src/utils/polling.js.map +1 -0
  511. package/build/src/utils/supportUrl.js +16 -0
  512. package/build/src/utils/supportUrl.js.map +1 -0
  513. package/build/src/utils/trpc.js +19 -0
  514. package/build/src/utils/trpc.js.map +1 -0
  515. package/build/src/utils/validateInput.js +36 -0
  516. package/build/src/utils/validateInput.js.map +1 -0
  517. package/build/src/wallets/index.js +30 -0
  518. package/build/src/wallets/index.js.map +1 -0
  519. package/build/src/wallets/useWallets.js +143 -0
  520. package/build/src/wallets/useWallets.js.map +1 -0
  521. package/build/src/wallets/walletConfigs.js +259 -0
  522. package/build/src/wallets/walletConfigs.js.map +1 -0
  523. package/build/src/world-mini-app/WorldPayButton.js +75 -0
  524. package/build/src/world-mini-app/WorldPayButton.js.map +1 -0
  525. package/build/src/world-mini-app/promptWorldPayment.js +57 -0
  526. package/build/src/world-mini-app/promptWorldPayment.js.map +1 -0
  527. package/build/src/world.js +2 -0
  528. package/build/src/world.js.map +1 -0
  529. package/build/stateStore.d.ts +66 -0
  530. package/build/styles/defaultTheme.d.ts +3 -0
  531. package/build/styles/index.d.ts +1 -0
  532. package/build/styles/styled/index.d.ts +12 -0
  533. package/build/styles/themes/base.d.ts +129 -0
  534. package/build/styles/themes/index.d.ts +673 -0
  535. package/build/styles/themes/midnight.d.ts +74 -0
  536. package/build/styles/themes/minimal.d.ts +94 -0
  537. package/build/styles/themes/nouns.d.ts +79 -0
  538. package/build/styles/themes/retro.d.ts +89 -0
  539. package/build/styles/themes/rounded.d.ts +86 -0
  540. package/build/styles/themes/soft.d.ts +69 -0
  541. package/build/styles/themes/web95.d.ts +91 -0
  542. package/build/styles/types.d.ts +80 -0
  543. package/build/types.d.ts +44 -0
  544. package/build/utils/exports.d.ts +1 -0
  545. package/build/utils/format.d.ts +49 -0
  546. package/build/utils/index.d.ts +17 -0
  547. package/build/utils/localstorage.d.ts +9 -0
  548. package/build/utils/p3.d.ts +2 -0
  549. package/build/utils/platform.d.ts +2 -0
  550. package/build/utils/polling.d.ts +13 -0
  551. package/build/utils/supportUrl.d.ts +2 -0
  552. package/build/utils/trpc.d.ts +3 -0
  553. package/build/utils/validateInput.d.ts +16 -0
  554. package/build/utils/wallets.d.ts +24 -0
  555. package/build/wallets/index.d.ts +5 -0
  556. package/build/wallets/useWallets.d.ts +9 -0
  557. package/build/wallets/walletConfigs.d.ts +28 -0
  558. package/build/world-mini-app/WorldPayButton.d.ts +78 -0
  559. package/build/world-mini-app/promptWorldPayment.d.ts +9 -0
  560. package/build/world.d.ts +1 -0
  561. package/package.json +35 -16
  562. package/build/index.js +0 -13563
  563. package/build/index.js.map +0 -1
  564. package/src/index.ts +0 -38
@@ -0,0 +1,669 @@
1
+ import { motion } from 'framer-motion';
2
+ import { keyframes } from 'styled-components';
3
+ import defaultTheme from '../../../constants/defaultTheme.js';
4
+ import styled from '../../../styles/styled/index.js';
5
+
6
+ const ErrorMessage = styled(motion.div) `
7
+ z-index: -1;
8
+ pointer-events: auto;
9
+ position: absolute;
10
+ left: 50%;
11
+ transform: translateX(-50%);
12
+ width: var(--width);
13
+ top: 64px;
14
+ color: #fff;
15
+ font-size: 14px;
16
+ line-height: 20px;
17
+ font-weight: 500;
18
+ background: var(--ck-body-color-danger);
19
+ border-radius: 20px;
20
+ padding: 24px 46px 82px 24px;
21
+ transition: width var(--duration) var(--ease);
22
+ a {
23
+ font-weight: 700;
24
+ text-decoration: underline;
25
+ }
26
+ code {
27
+ font-size: 0.9em;
28
+ display: inline-block;
29
+ font-family: monospace;
30
+ margin: 1px;
31
+ padding: 0 4px;
32
+ border-radius: 8px;
33
+ font-weight: bold;
34
+ background: rgba(255, 255, 255, 0.1);
35
+ }
36
+ `;
37
+ const FadeIn = keyframes `
38
+ from { opacity: 0; }
39
+ to { opacity: 1; }
40
+ `;
41
+ const FadeInScaleUp = keyframes `
42
+ from { opacity: 0; transform: scale(0.85); }
43
+ to { opacity: 1; transform: scale(1); }
44
+ `;
45
+ const FadeInScaleDown = keyframes `
46
+ from { opacity: 0; transform: scale(1.1); }
47
+ to { opacity: 1; transform: scale(1); }
48
+ `;
49
+ const FadeOut = keyframes `
50
+ from { opacity: 1; }
51
+ to { opacity: 0; }
52
+ `;
53
+ const FadeOutScaleUp = keyframes `
54
+ from { opacity: 1; transform: scale(1); }
55
+ to { opacity: 0; transform: scale(1.1); }
56
+ `;
57
+ const FadeOutScaleDown = keyframes `
58
+ from { opacity: 1; transform: scale(1); }
59
+ to { opacity: 0; transform: scale(0.85); }
60
+ `;
61
+ const PageContent = styled(motion.div) `
62
+ max-width: 100%;
63
+ width: 360px;
64
+ padding-top: 48px;
65
+ `;
66
+ const TextWithHr = styled(motion.div) `
67
+ user-select: none;
68
+ position: relative;
69
+ display: block;
70
+ text-align: center;
71
+ color: var(--ck-body-color-muted);
72
+ font-size: 15px;
73
+ font-weight: 400;
74
+ line-height: 21px;
75
+ span {
76
+ z-index: 2;
77
+ position: relative;
78
+ display: inline-block;
79
+ user-select: none;
80
+ pointer-events: none;
81
+ padding: 0 14px;
82
+ background: var(--ck-body-background);
83
+ transition: background-color 200ms ease;
84
+ }
85
+ &:before {
86
+ z-index: 2;
87
+ content: "";
88
+ position: absolute;
89
+ top: 50%;
90
+ left: 0;
91
+ right: 0;
92
+ height: 1px;
93
+ transform: translateY(-1px);
94
+ background: var(--ck-body-divider);
95
+ box-shadow: var(--ck-body-divider-box-shadow);
96
+ }
97
+ `;
98
+ const ModalHeading = styled(motion.div) `
99
+ z-index: 3;
100
+ pointer-events: none;
101
+ user-select: none;
102
+ position: absolute;
103
+ top: 25px;
104
+ left: 50%;
105
+ display: flex;
106
+ align-items: center;
107
+ justify-content: center;
108
+ height: 26px;
109
+ transform: translateX(-50%);
110
+ width: var(--width);
111
+ text-align: center;
112
+ font-size: 17px;
113
+ line-height: 20px;
114
+ font-weight: var(--ck-modal-heading-font-weight, 600);
115
+ color: var(--ck-body-color);
116
+ span {
117
+ display: inline-block;
118
+ }
119
+ `;
120
+ const ModalContentContainer = styled(motion.div) `
121
+ position: relative;
122
+ padding: 0;
123
+ `;
124
+ const ModalContent = styled(motion.div) `
125
+ left: 0;
126
+ right: 0;
127
+ text-align: center;
128
+ display: flex;
129
+ flex-direction: column;
130
+ gap: 12px;
131
+ padding: 0 0 16px;
132
+
133
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
134
+ display: ${(props) => (props.$preserveDisplay ? "flex" : "block")};
135
+ gap: ${(props) => (props.$preserveDisplay ? "4px" : undefined)};
136
+ }
137
+ `;
138
+ const ModalH1 = styled(motion.h1) `
139
+ margin: 0;
140
+ padding: 0;
141
+ line-height: ${(props) => (props.$small ? 20 : 22)}px;
142
+ font-size: ${(props) => (props.$small ? 17 : 19)}px;
143
+ font-weight: var(--ck-modal-h1-font-weight, 600);
144
+ color: ${(props) => {
145
+ if (props.$error)
146
+ return "var(--ck-body-color-danger)";
147
+ if (props.$valid)
148
+ return "var(--ck-body-color-valid)";
149
+ return "var(--ck-body-color)";
150
+ }};
151
+ > svg {
152
+ position: relative;
153
+ top: -2px;
154
+ display: inline-block;
155
+ vertical-align: middle;
156
+ margin-right: 6px;
157
+ }
158
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
159
+ margin-bottom: 6px;
160
+ font-size: 17px;
161
+ }
162
+ `;
163
+ const ModalBody = styled.div `
164
+ font-size: 16px;
165
+ font-weight: 400;
166
+ line-height: 21px;
167
+ color: var(--ck-body-color-muted);
168
+ strong {
169
+ font-weight: 500;
170
+ color: var(--ck-body-color);
171
+ }
172
+ `;
173
+ styled.div `
174
+ padding: 0 12px;
175
+ font-size: 13px;
176
+ font-weight: 400;
177
+ line-height: 16px;
178
+ color: var(--ck-body-color-muted);
179
+ strong {
180
+ font-weight: 500;
181
+ color: var(--ck-body-color);
182
+ }
183
+ `;
184
+ const Link = styled.a `
185
+ color: var(--ck-body-color);
186
+ text-decoration: none;
187
+
188
+ &:hover {
189
+ color: var(--ck-body-color-muted);
190
+ }
191
+ `;
192
+ const BackgroundOverlay = styled(motion.div) `
193
+ z-index: 1;
194
+ position: absolute;
195
+ top: 0;
196
+ left: 0;
197
+ right: 0;
198
+ bottom: 0;
199
+ background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));
200
+ backdrop-filter: ${(props) => props.$blur
201
+ ? `blur(${props.$blur}px)`
202
+ : "var(--ck-overlay-backdrop-filter, none)"};
203
+ opacity: 0;
204
+ animation: ${(props) => (props.$active ? FadeIn : FadeOut)} 150ms ease-out
205
+ both;
206
+ `;
207
+ const BoxIn = keyframes `
208
+ from{ opacity: 0; transform: scale(0.97); }
209
+ to{ opacity: 1; transform: scale(1); }
210
+ `;
211
+ const BoxOut = keyframes `
212
+ from{ opacity: 1; transform: scale(1); }
213
+ to{ opacity: 0; transform: scale(0.97); }
214
+ `;
215
+ const MobileBoxIn = keyframes `
216
+ from { transform: translate3d(0, 100%, 0); }
217
+ to { transform: translate3d(0, 0%, 0); }
218
+ `;
219
+ const MobileBoxOut = keyframes `
220
+ from { opacity: 1; }
221
+ to { opacity: 0; }
222
+ `;
223
+ const BoxContainer = styled(motion.div) `
224
+ z-index: 2;
225
+ position: relative;
226
+ color: var(--ck-body-color);
227
+
228
+ animation: 150ms ease both;
229
+ animation-name: ${BoxOut};
230
+ &.active {
231
+ animation-name: ${BoxIn};
232
+ }
233
+
234
+ &:before {
235
+ content: "";
236
+ position: absolute;
237
+ top: 0;
238
+ bottom: 0;
239
+ left: 50%;
240
+ width: var(--width);
241
+ height: var(--height);
242
+ transform: translateX(-50%);
243
+ backface-visibility: hidden;
244
+ transition: all 200ms ease;
245
+ border-radius: var(--ck-border-radius, 20px);
246
+ background: var(--ck-body-background);
247
+ box-shadow: var(--ck-modal-box-shadow);
248
+ }
249
+
250
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
251
+ animation-name: ${MobileBoxOut};
252
+ animation-duration: 130ms;
253
+ animation-timing-function: ease;
254
+
255
+ &.active {
256
+ animation-name: ${MobileBoxIn};
257
+ animation-duration: 300ms;
258
+ animation-delay: 32ms;
259
+ animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);
260
+ }
261
+
262
+ &:before {
263
+ width: 100%;
264
+ transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);
265
+ will-change: height;
266
+ }
267
+ }
268
+ `;
269
+ const ControllerContainer = styled(motion.div) `
270
+ z-index: 3;
271
+ position: absolute;
272
+ top: 0;
273
+ left: 50%;
274
+ height: 64px;
275
+ transform: translateX(-50%);
276
+ backface-visibility: hidden;
277
+ width: var(--width);
278
+ transition: 0.2s ease width;
279
+ pointer-events: auto;
280
+ //border-bottom: 1px solid var(--ck-body-divider);
281
+ `;
282
+ const InnerContainer = styled(motion.div) `
283
+ position: relative;
284
+ overflow: hidden;
285
+ height: var(--height);
286
+ transition: 0.2s ease height;
287
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
288
+ transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);
289
+ /* animation-delay: 34ms; */
290
+ }
291
+ `;
292
+ const PageContainer = styled(motion.div) `
293
+ z-index: 2;
294
+ position: relative;
295
+ top: 0;
296
+ left: 50%;
297
+ margin-left: calc(var(--width) / -2);
298
+ width: var(--width);
299
+ /* left: 0; */
300
+ /* width: 100%; */
301
+ display: flex;
302
+ justify-content: center;
303
+ align-items: center;
304
+ transform-origin: center center;
305
+ animation: 200ms ease both;
306
+
307
+ &.active {
308
+ animation-name: ${FadeInScaleDown};
309
+ }
310
+ &.active-scale-up {
311
+ animation-name: ${FadeInScaleUp};
312
+ }
313
+ &.exit-scale-down {
314
+ z-index: 1;
315
+ pointer-events: none;
316
+ position: absolute;
317
+ /* top: 0; */
318
+ /* left: 0; */
319
+ animation-name: ${FadeOutScaleDown};
320
+ }
321
+ &.exit {
322
+ z-index: 1;
323
+ pointer-events: none;
324
+ position: absolute;
325
+ /* top: 0; */
326
+ /* left: 0; */
327
+ /* left: 50%; */
328
+ /* transform: translateX(-50%); */
329
+ animation-name: ${FadeOutScaleUp};
330
+ animation-delay: 16.6667ms;
331
+ }
332
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
333
+ /* animation: 0ms ease both; */
334
+ /* animation-delay: 35ms; */
335
+ animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) both;
336
+
337
+ &.active {
338
+ animation-name: ${FadeIn};
339
+ }
340
+ &.active-scale-up {
341
+ animation-name: ${FadeIn};
342
+ }
343
+ &.exit-scale-down {
344
+ z-index: 3;
345
+ animation-name: ${FadeOut};
346
+ }
347
+ &.exit {
348
+ z-index: 3;
349
+ animation-name: ${FadeOut};
350
+ animation-delay: 0ms;
351
+ }
352
+ }
353
+ `;
354
+ const PageContents = styled(motion.div) `
355
+ margin: 0 auto;
356
+ width: fit-content;
357
+ padding: 29px 24px 24px;
358
+ backface-visibility: hidden;
359
+ `;
360
+ const ModalContainer = styled.div `
361
+ z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal
362
+ position: fixed;
363
+ inset: 0;
364
+ `;
365
+ const CloseButton = styled(motion.button) `
366
+ z-index: 3;
367
+ cursor: pointer;
368
+ position: absolute;
369
+ top: 22px;
370
+ right: 17px;
371
+ width: 32px;
372
+ height: 32px;
373
+ display: flex;
374
+ align-items: center;
375
+ justify-content: center;
376
+ border-radius: 16px;
377
+ padding: 0;
378
+ margin: 0;
379
+ color: var(--ck-body-action-color);
380
+ background: var(--ck-body-background);
381
+ transition:
382
+ background-color 200ms ease,
383
+ transform 100ms ease;
384
+ /* will-change: transform; */
385
+ svg {
386
+ display: block;
387
+ }
388
+
389
+ &:hover {
390
+ background: var(--ck-body-background-secondary);
391
+ }
392
+ &:active {
393
+ transform: scale(0.9);
394
+ }
395
+ `;
396
+ styled(motion.button) `
397
+ z-index: 3;
398
+ position: absolute;
399
+ inset: 0;
400
+ width: 100%; // FireFox fix
401
+ display: flex;
402
+ align-items: center;
403
+ justify-content: center;
404
+ border-radius: 16px;
405
+ padding: 0;
406
+ margin: 0;
407
+ color: var(--ck-body-action-color);
408
+ background: var(--ck-body-background);
409
+ transition:
410
+ background-color 200ms ease,
411
+ transform 100ms ease;
412
+ /* will-change: transform; */
413
+ svg {
414
+ display: block;
415
+ position: relative;
416
+ }
417
+
418
+ &:enabled {
419
+ cursor: pointer;
420
+ &:hover {
421
+ background: var(--ck-body-background-secondary);
422
+ }
423
+ &:active {
424
+ transform: scale(0.9);
425
+ }
426
+ }
427
+ `;
428
+ const BackButton = styled(motion.button) `
429
+ z-index: 3;
430
+ position: absolute;
431
+ inset: 0;
432
+ width: 100%; // FireFox fix
433
+ display: flex;
434
+ align-items: center;
435
+ justify-content: center;
436
+ border-radius: 16px;
437
+ padding: 0;
438
+ margin: 0;
439
+ color: var(--ck-body-action-color);
440
+ background: var(--ck-body-background);
441
+ transition:
442
+ background-color 200ms ease,
443
+ transform 100ms ease;
444
+ /* will-change: transform; */
445
+ svg {
446
+ display: block;
447
+ position: relative;
448
+ left: -1px;
449
+ }
450
+
451
+ &:enabled {
452
+ cursor: pointer;
453
+ &:hover {
454
+ background: var(--ck-body-background-secondary);
455
+ }
456
+ &:active {
457
+ transform: scale(0.9);
458
+ }
459
+ }
460
+ `;
461
+ const InfoButton = styled(motion.button) `
462
+ z-index: 3;
463
+ position: absolute;
464
+ inset: 0;
465
+ width: 100%; // FireFox fix
466
+ transform: translateX(-1px);
467
+ display: flex;
468
+ align-items: center;
469
+ justify-content: center;
470
+ border-radius: 16px;
471
+ padding: 0;
472
+ margin: 0;
473
+ color: var(--ck-body-action-color);
474
+ background: var(--ck-body-background);
475
+ transition:
476
+ background-color 200ms ease,
477
+ transform 100ms ease;
478
+ /* will-change: transform; */
479
+ svg {
480
+ display: block;
481
+ position: relative;
482
+ }
483
+ &:enabled {
484
+ cursor: pointer;
485
+ &:hover {
486
+ background: var(--ck-body-background-secondary);
487
+ }
488
+ &:active {
489
+ transform: scale(0.9);
490
+ }
491
+ }
492
+ `;
493
+ const Container = styled(motion.div) `
494
+ --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
495
+ --duration: 200ms;
496
+ --transition:
497
+ height var(--duration) var(--ease), width var(--duration) var(--ease);
498
+ z-index: 3;
499
+ display: block;
500
+ pointer-events: none;
501
+ position: absolute;
502
+ left: 50%;
503
+ top: 50%;
504
+ width: 100%;
505
+ transform: translate3d(-50%, -50%, 0);
506
+ backface-visibility: hidden;
507
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
508
+ pointer-events: auto;
509
+ left: 0;
510
+ top: auto;
511
+ bottom: -5px;
512
+ transform: none;
513
+ ${BoxContainer} {
514
+ max-width: 448px;
515
+ margin: 0 auto;
516
+ &:before {
517
+ width: 100%;
518
+ border-radius: var(--ck-border-radius, 30px)
519
+ var(--ck-border-radius, 30px) 0 0;
520
+ }
521
+ }
522
+ ${PageContainer} {
523
+ left: 0;
524
+ right: 0;
525
+ margin: 0 auto;
526
+ width: auto;
527
+ }
528
+ ${PageContent} {
529
+ margin: 0 auto;
530
+ width: 100% !important;
531
+ }
532
+ ${ModalHeading} {
533
+ top: 29px;
534
+ }
535
+ ${ModalContent} {
536
+ gap: 12px;
537
+ }
538
+ ${ModalBody} {
539
+ margin: 0 auto;
540
+ max-width: 295px;
541
+ }
542
+ ${PageContents} {
543
+ width: 100%;
544
+ padding: 31px 24px;
545
+ }
546
+ ${ControllerContainer} {
547
+ width: 100%;
548
+ top: 4px;
549
+ border-bottom: 0;
550
+ }
551
+ ${CloseButton} {
552
+ right: 22px;
553
+ }
554
+ ${BackButton} {
555
+ top: -1px;
556
+ left: -3px;
557
+ }
558
+ ${InfoButton} {
559
+ top: -1px;
560
+ left: -3px;
561
+ svg {
562
+ width: 65%;
563
+ height: auto;
564
+ }
565
+ }
566
+ ${CloseButton},
567
+ ${BackButton},
568
+ ${InfoButton} {
569
+ // Quick hack for bigger tappable area on mobile
570
+ transform: scale(1.4) !important;
571
+ background: transparent !important;
572
+ svg {
573
+ transform: scale(0.8) !important;
574
+ }
575
+ }
576
+ }
577
+ `;
578
+ const Disclaimer = styled(motion.div) `
579
+ display: flex;
580
+ align-items: center;
581
+ justify-content: center;
582
+ margin: 16px -24px -24px -24px;
583
+ padding: 15px 40px 18px;
584
+ font-size: var(--ck-body-disclaimer-font-size, 13px);
585
+ font-weight: var(--ck-body-disclaimer-font-weight, 400);
586
+ text-align: center;
587
+ line-height: 19px;
588
+ color: var(--ck-body-disclaimer-color, var(--ck-body-color-muted, inherit));
589
+
590
+ & a {
591
+ color: var(--ck-body-disclaimer-link-color, inherit);
592
+ font-weight: var(--ck-body-disclaimer-font-weight, 400);
593
+ text-decoration: none;
594
+ transition: color 200ms ease;
595
+ &:hover {
596
+ color: var(--ck-body-disclaimer-link-hover-color, inherit);
597
+ }
598
+ }
599
+
600
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
601
+ margin: 24px -24px -26px -24px;
602
+ padding: 20px 42px 22px 42px;
603
+ }
604
+ `;
605
+ const DisclaimerBackground = styled(motion.div) `
606
+ pointer-events: all;
607
+ z-index: 9;
608
+ position: absolute;
609
+ bottom: 0;
610
+ left: 50%;
611
+ width: var(--width);
612
+ backface-visibility: hidden;
613
+ transform: translateX(-50%);
614
+ transform-origin: bottom center;
615
+
616
+ border-radius: var(--ck-border-radius, 30px);
617
+ border-top-left-radius: 0;
618
+ border-top-right-radius: 0;
619
+ transition: width 200ms ease;
620
+
621
+ background: var(
622
+ --ck-body-disclaimer-background,
623
+ var(--ck-body-background-secondary)
624
+ );
625
+ box-shadow: var(--ck-body-disclaimer-box-shadow);
626
+
627
+ ${Disclaimer} {
628
+ margin: 0 !important;
629
+ /* visibility: hidden; */
630
+ }
631
+
632
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
633
+ border-radius: 0;
634
+ }
635
+ `;
636
+ styled(motion.div) `
637
+ z-index: 2;
638
+ position: absolute;
639
+ top: 100%;
640
+ white-space: nowrap;
641
+ padding: 8px 16px;
642
+ color: #fff;
643
+ font-size: 13px;
644
+ line-height: 1.5;
645
+ background: #1a88f8;
646
+ border-radius: calc(var(--ck-border-radius) * 0.75);
647
+ transform: translateY(8px) translateX(-48px);
648
+ box-shadow: var(--ck-modal-box-shadow);
649
+ &:before {
650
+ content: "";
651
+ position: absolute;
652
+ box-shadow: var(--shadow);
653
+ width: 18px;
654
+ height: 18px;
655
+ transform: translate(215%, -75%) rotate(45deg);
656
+ background: inherit;
657
+ border-radius: 3px 0 0 0;
658
+ }
659
+
660
+ @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
661
+ transform: translateY(8px) translateX(-16px);
662
+ &:before {
663
+ transform: translate(40%, -75%) rotate(45deg);
664
+ }
665
+ }
666
+ `;
667
+
668
+ export { BackButton, BackgroundOverlay, BoxContainer, CloseButton, Container, ControllerContainer, Disclaimer, DisclaimerBackground, ErrorMessage, InfoButton, InnerContainer, Link, ModalBody, ModalContainer, ModalContent, ModalContentContainer, ModalH1, ModalHeading, PageContainer, PageContent, PageContents, TextWithHr };
669
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Modal/styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}