@phala/pay 0.8.1 → 0.8.3

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 (69) hide show
  1. package/README.md +41 -3
  2. package/THIRD_PARTY_NOTICES +25 -0
  3. package/dist/chains.d.ts +2 -0
  4. package/dist/chains.d.ts.map +1 -1
  5. package/dist/chains.js +11 -2
  6. package/dist/chains.js.map +1 -1
  7. package/dist/checkout.js +2 -2
  8. package/dist/checkout.js.map +1 -1
  9. package/dist/deposit-address.js +2 -2
  10. package/dist/deposit-address.js.map +1 -1
  11. package/dist/icon-names.d.ts +7 -0
  12. package/dist/icon-names.d.ts.map +1 -0
  13. package/dist/icon-names.js +15 -0
  14. package/dist/icon-names.js.map +1 -0
  15. package/dist/icon-svg.d.ts +6 -0
  16. package/dist/icon-svg.d.ts.map +1 -0
  17. package/dist/icon-svg.js +13 -0
  18. package/dist/icon-svg.js.map +1 -0
  19. package/dist/icons.d.ts +5 -0
  20. package/dist/icons.d.ts.map +1 -0
  21. package/dist/icons.js +27 -0
  22. package/dist/icons.js.map +1 -0
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.d.ts.map +1 -1
  25. package/dist/index.js +1 -0
  26. package/dist/index.js.map +1 -1
  27. package/dist/react/Checkout.d.ts.map +1 -1
  28. package/dist/react/Checkout.js +24 -22
  29. package/dist/react/Checkout.js.map +1 -1
  30. package/dist/react/DepositAddress.d.ts.map +1 -1
  31. package/dist/react/DepositAddress.js +6 -6
  32. package/dist/react/DepositAddress.js.map +1 -1
  33. package/dist/react/Icons.d.ts +17 -0
  34. package/dist/react/Icons.d.ts.map +1 -0
  35. package/dist/react/Icons.js +18 -0
  36. package/dist/react/Icons.js.map +1 -0
  37. package/dist/react/icon-paths.d.ts +13 -0
  38. package/dist/react/icon-paths.d.ts.map +1 -0
  39. package/dist/react/icon-paths.js +14 -0
  40. package/dist/react/icon-paths.js.map +1 -0
  41. package/dist/react/index.d.ts +1 -0
  42. package/dist/react/index.d.ts.map +1 -1
  43. package/dist/react/index.js +1 -0
  44. package/dist/react/index.js.map +1 -1
  45. package/dist/request.d.ts +2 -0
  46. package/dist/request.d.ts.map +1 -1
  47. package/dist/request.js +7 -0
  48. package/dist/request.js.map +1 -1
  49. package/dist/server/webhook.d.ts +2 -2
  50. package/dist/server/webhook.d.ts.map +1 -1
  51. package/dist/server/webhook.js +17 -13
  52. package/dist/server/webhook.js.map +1 -1
  53. package/package.json +9 -4
  54. package/src/chains.ts +12 -2
  55. package/src/checkout.ts +2 -2
  56. package/src/deposit-address.ts +2 -2
  57. package/src/generated/openapi.d.ts +9482 -0
  58. package/src/icon-names.ts +20 -0
  59. package/src/icon-svg.ts +13 -0
  60. package/src/icons.ts +30 -0
  61. package/src/index.ts +1 -0
  62. package/src/react/Checkout.tsx +42 -36
  63. package/src/react/DepositAddress.tsx +10 -9
  64. package/src/react/Icons.tsx +43 -0
  65. package/src/react/icon-paths.tsx +13 -0
  66. package/src/react/index.ts +1 -0
  67. package/src/request.ts +7 -0
  68. package/src/server/webhook.ts +22 -18
  69. package/src/styles.css +22 -18
package/src/styles.css CHANGED
@@ -10,11 +10,11 @@
10
10
  --pp-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
11
11
  --pp-border-radius: 8px;
12
12
  box-sizing: border-box;
13
- max-width: 440px;
14
- padding: 20px;
15
- border: 1px solid var(--pp-color-border);
13
+ max-width: var(--pp-root-max-width, 440px);
14
+ padding: var(--pp-root-padding, 20px);
15
+ border: var(--pp-root-border, 1px solid var(--pp-color-border));
16
16
  border-radius: var(--pp-border-radius);
17
- background: var(--pp-color-background);
17
+ background: var(--pp-root-background, var(--pp-color-background));
18
18
  color: var(--pp-color-text);
19
19
  font-family: var(--pp-font-family);
20
20
  font-size: 14px;
@@ -31,46 +31,50 @@
31
31
  }
32
32
  .pp-root *, .pp-root *::before, .pp-root *::after { box-sizing: inherit; }
33
33
  .pp-amount { margin: 0; overflow-wrap: anywhere; font-size: 22px; font-weight: 600; }
34
- .pp-subtitle { margin: 2px 0 16px; color: var(--pp-color-text-secondary); }
34
+ .pp-subtitle { margin: 2px 0 12px; color: var(--pp-color-text-secondary); }
35
35
  .pp-badge { font-weight: 600; }
36
36
  .pp-payments { list-style: none; margin: 12px 0 0; padding: 0; }
37
37
  .pp-payments li { margin: 4px 0; }
38
38
  .pp-status { display: flex; gap: 8px; align-items: baseline; justify-content: space-between;
39
- margin-bottom: 12px; padding: 10px 12px; border-radius: var(--pp-border-radius);
39
+ margin-bottom: 10px; padding: 8px 10px; border-radius: var(--pp-border-radius);
40
40
  border: 1px solid var(--pp-color-border); }
41
41
  .pp-status[data-tone="success"] { border-color: var(--pp-color-success); color: var(--pp-color-success); }
42
42
  .pp-status[data-tone="danger"] { border-color: var(--pp-color-danger); color: var(--pp-color-danger); }
43
43
  .pp-countdown { font-variant-numeric: tabular-nums; white-space: nowrap; }
44
- .pp-notice { margin: 0 0 16px; color: var(--pp-color-text-secondary); font-size: 13px; }
44
+ .pp-notice { margin: 0 0 12px; color: var(--pp-color-text-secondary); font-size: 13px; }
45
45
  .pp-notice strong { color: var(--pp-color-text); }
46
- .pp-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--pp-color-border); margin-bottom: 16px; }
46
+ .pp-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--pp-color-border); margin-bottom: 12px; }
47
47
  .pp-tab { appearance: none; border: 0; border-bottom: 2px solid transparent; background: none;
48
- color: var(--pp-color-text-secondary); font: inherit; padding: 8px 10px; cursor: pointer; }
48
+ color: var(--pp-color-text-secondary); font: inherit; min-height: 44px; white-space: nowrap; padding: 8px 10px; cursor: pointer; }
49
49
  .pp-tab[aria-selected="true"] { color: var(--pp-color-text); border-bottom-color: var(--pp-color-primary); font-weight: 600; }
50
50
  .pp-root button:focus-visible, .pp-root a:focus-visible { outline: 2px solid var(--pp-color-primary); outline-offset: 2px; }
51
51
  .pp-wallets { display: grid; gap: 8px; }
52
52
  .pp-button { display: flex; gap: 10px; align-items: center; justify-content: center; width: 100%;
53
53
  appearance: none; border: 1px solid var(--pp-color-primary); border-radius: var(--pp-border-radius);
54
- background: var(--pp-color-primary); color: var(--pp-accessible-color-on-color-primary); font: inherit; font-weight: 600; padding: 10px 14px; cursor: pointer; }
54
+ background: var(--pp-color-primary); color: var(--pp-accessible-color-on-color-primary); font: inherit; font-weight: 600; min-height: 44px; padding: 10px 14px; cursor: pointer; }
55
55
  .pp-button:disabled { opacity: 0.6; cursor: progress; }
56
56
  .pp-button img { width: 20px; height: 20px; }
57
57
  .pp-wallet-name { font-weight: 400; opacity: 0.85; }
58
- .pp-message { margin: 10px 0 0; color: var(--pp-color-text-secondary); }
58
+ .pp-message { margin: 8px 0 0; color: var(--pp-color-text-secondary); }
59
+ .pp-message:empty { display: none; }
59
60
  .pp-message[data-tone="danger"] { color: var(--pp-color-danger); }
60
- .pp-qr-panel { display: grid; justify-items: center; gap: 10px; text-align: center; }
61
+ .pp-qr-panel { display: grid; justify-items: center; gap: 8px; text-align: center; }
61
62
  .pp-qr { border-radius: 4px; }
62
- .pp-fields { display: grid; gap: 10px; margin: 0; }
63
+ .pp-fields { display: grid; gap: 8px; margin: 0; }
63
64
  .pp-field dt { color: var(--pp-color-text-secondary); font-size: 12px; }
64
65
  .pp-field dd { display: flex; gap: 8px; align-items: center; margin: 2px 0 0; }
65
66
  .pp-value { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
66
- .pp-copy { flex: none; appearance: none; border: 1px solid var(--pp-color-border); border-radius: 6px;
67
- background: none; color: var(--pp-color-text); font: inherit; font-size: 12px; padding: 3px 8px; cursor: pointer; }
67
+ .pp-copy { flex: none; margin-inline-start: auto; appearance: none; border: 1px solid var(--pp-color-border); border-radius: 6px;
68
+ background: none; color: var(--pp-color-text); font: inherit; font-size: 12px; min-height: 44px; min-width: 44px; padding: 3px 8px; cursor: pointer; }
68
69
  .pp-tx { margin: 0 0 12px; font-size: 13px; }
69
70
  .pp-tx a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
70
71
  .pp-tx .pp-value { overflow-wrap: anywhere; }
71
72
 
72
- .pp-choices { display: flex; gap: 12px; border: 0; padding: 0; margin: 0 0 16px; }
73
+ .pp-choices { display: flex; flex-wrap: wrap; gap: 8px; border: 0; padding: 0; margin: 0 0 12px; }
73
74
  .pp-choices legend { padding: 0; margin-bottom: 6px; font-weight: 600; }
74
- .pp-choices label { display: flex; align-items: center; gap: 4px; cursor: pointer; }
75
- .pp-choices input { accent-color: var(--pp-color-primary); }
75
+ .pp-choices label { display: flex; align-items: center; gap: 4px; min-height: 44px; cursor: pointer; }
76
+ .pp-choices input { margin: 0; accent-color: var(--pp-color-primary); }
76
77
  .pp-choices input:focus-visible { outline: 2px solid var(--pp-color-primary); outline-offset: 2px; }
78
+
79
+ .pp-icon-label { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; white-space: nowrap; }
80
+ .pp-icon { display: inline-block; flex: none; vertical-align: middle; }