@mintmoney/react 0.1.0-alpha-1 → 0.1.0-alpha.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 (96) hide show
  1. package/dist/css/styles.css +219 -46
  2. package/dist/esm/components/buttons/buttons.stories.js +18 -0
  3. package/dist/esm/components/buttons/buttons.stories.js.map +1 -0
  4. package/dist/esm/components/buttons/index.js +23 -11
  5. package/dist/esm/components/buttons/index.js.map +1 -1
  6. package/dist/esm/components/icons/checkMark.js +20 -0
  7. package/dist/esm/components/icons/checkMark.js.map +1 -0
  8. package/dist/esm/components/icons/index.js +1 -0
  9. package/dist/esm/components/icons/index.js.map +1 -1
  10. package/dist/esm/components/index.js +3 -0
  11. package/dist/esm/components/index.js.map +1 -1
  12. package/dist/esm/components/lists/empty.js +6 -0
  13. package/dist/esm/components/lists/empty.js.map +1 -0
  14. package/dist/esm/components/lists/index.js +15 -0
  15. package/dist/esm/components/lists/index.js.map +1 -0
  16. package/dist/esm/components/lists/lists.stories.js +42 -0
  17. package/dist/esm/components/lists/lists.stories.js.map +1 -0
  18. package/dist/esm/components/loading/index.js +11 -0
  19. package/dist/esm/components/loading/index.js.map +1 -0
  20. package/dist/esm/components/loading/loading.stories.js +8 -0
  21. package/dist/esm/components/loading/loading.stories.js.map +1 -0
  22. package/dist/esm/components/modals/modal-with-views.js.map +1 -1
  23. package/dist/esm/components/modals/modal.js +4 -1
  24. package/dist/esm/components/modals/modal.js.map +1 -1
  25. package/dist/esm/components/text/index.js +36 -0
  26. package/dist/esm/components/text/index.js.map +1 -0
  27. package/dist/esm/components/text/text.stories.js +34 -0
  28. package/dist/esm/components/text/text.stories.js.map +1 -0
  29. package/dist/esm/config.js.map +1 -1
  30. package/dist/esm/context.js +4 -1
  31. package/dist/esm/context.js.map +1 -1
  32. package/dist/esm/exports/index.js.map +1 -1
  33. package/dist/esm/themes/default.js +32 -17
  34. package/dist/esm/themes/default.js.map +1 -1
  35. package/dist/types/components/buttons/buttons.stories.d.ts +7 -0
  36. package/dist/types/components/buttons/buttons.stories.d.ts.map +1 -0
  37. package/dist/types/components/buttons/index.d.ts +2 -18
  38. package/dist/types/components/buttons/index.d.ts.map +1 -1
  39. package/dist/types/components/icons/checkMark.d.ts +6 -0
  40. package/dist/types/components/icons/checkMark.d.ts.map +1 -0
  41. package/dist/types/components/icons/close.d.ts.map +1 -1
  42. package/dist/types/components/icons/index.d.ts +1 -0
  43. package/dist/types/components/icons/index.d.ts.map +1 -1
  44. package/dist/types/components/index.d.ts +3 -0
  45. package/dist/types/components/index.d.ts.map +1 -1
  46. package/dist/types/components/lists/empty.d.ts +4 -0
  47. package/dist/types/components/lists/empty.d.ts.map +1 -0
  48. package/dist/types/components/lists/index.d.ts +12 -0
  49. package/dist/types/components/lists/index.d.ts.map +1 -0
  50. package/dist/types/components/lists/lists.stories.d.ts +27 -0
  51. package/dist/types/components/lists/lists.stories.d.ts.map +1 -0
  52. package/dist/types/components/loading/index.d.ts +9 -0
  53. package/dist/types/components/loading/index.d.ts.map +1 -0
  54. package/dist/types/components/loading/loading.stories.d.ts +4 -0
  55. package/dist/types/components/loading/loading.stories.d.ts.map +1 -0
  56. package/dist/types/components/modals/modal-with-views.d.ts +1 -0
  57. package/dist/types/components/modals/modal-with-views.d.ts.map +1 -1
  58. package/dist/types/components/modals/modal.d.ts.map +1 -1
  59. package/dist/types/components/modals/use-modal-with-views.d.ts.map +1 -1
  60. package/dist/types/components/text/index.d.ts +10 -0
  61. package/dist/types/components/text/index.d.ts.map +1 -0
  62. package/dist/types/components/text/text.stories.d.ts +5 -0
  63. package/dist/types/components/text/text.stories.d.ts.map +1 -0
  64. package/dist/types/config.d.ts +3 -1
  65. package/dist/types/config.d.ts.map +1 -1
  66. package/dist/types/context.d.ts.map +1 -1
  67. package/dist/types/exports/index.d.ts +0 -1
  68. package/dist/types/exports/index.d.ts.map +1 -1
  69. package/dist/types/themes/default.d.ts.map +1 -1
  70. package/dist/types/themes/types.d.ts +10 -1
  71. package/dist/types/themes/types.d.ts.map +1 -1
  72. package/package.json +3 -2
  73. package/src/components/index.ts +3 -0
  74. package/src/config.ts +3 -1
  75. package/src/exports/index.ts +0 -2
  76. package/src/themes/types.ts +10 -1
  77. package/dist/esm/exports/hooks.js +0 -2
  78. package/dist/esm/exports/hooks.js.map +0 -1
  79. package/dist/esm/hooks/index.js +0 -3
  80. package/dist/esm/hooks/index.js.map +0 -1
  81. package/dist/esm/hooks/useCheckout.js +0 -36
  82. package/dist/esm/hooks/useCheckout.js.map +0 -1
  83. package/dist/esm/hooks/usePayment.js +0 -31
  84. package/dist/esm/hooks/usePayment.js.map +0 -1
  85. package/dist/types/exports/hooks.d.ts +0 -2
  86. package/dist/types/exports/hooks.d.ts.map +0 -1
  87. package/dist/types/hooks/index.d.ts +0 -3
  88. package/dist/types/hooks/index.d.ts.map +0 -1
  89. package/dist/types/hooks/useCheckout.d.ts +0 -9
  90. package/dist/types/hooks/useCheckout.d.ts.map +0 -1
  91. package/dist/types/hooks/usePayment.d.ts +0 -9
  92. package/dist/types/hooks/usePayment.d.ts.map +0 -1
  93. package/src/exports/hooks.ts +0 -1
  94. package/src/hooks/index.ts +0 -2
  95. package/src/hooks/useCheckout.ts +0 -38
  96. package/src/hooks/usePayment.ts +0 -37
@@ -1,36 +0,0 @@
1
- import { useEffect, useState } from "react";
2
- import { useMintMoneyConfig } from "@mintmoney/react";
3
- import { getCheckoutById } from "@mintmoney/core/checkouts";
4
- export function useCheckout(checkoutId) {
5
- const config = useMintMoneyConfig();
6
- const [checkout, setCheckout] = useState(null);
7
- const [loading, setLoading] = useState(true);
8
- const [error, setError] = useState(null);
9
- useEffect(() => {
10
- async function fetchCheckout() {
11
- try {
12
- setLoading(true);
13
- setError(null);
14
- const checkoutData = await getCheckoutById(checkoutId);
15
- setCheckout(checkoutData);
16
- }
17
- catch (err) {
18
- setError("Failed to fetch checkout details");
19
- }
20
- finally {
21
- setLoading(false);
22
- }
23
- }
24
- if (checkoutId) {
25
- fetchCheckout();
26
- }
27
- }, [config.apiUrl, checkoutId]);
28
- return {
29
- checkout,
30
- loading,
31
- error,
32
- refresh: () => getCheckoutById(checkoutId).then(setCheckout),
33
- isReady: checkout !== null && !loading && !error,
34
- };
35
- }
36
- //# sourceMappingURL=useCheckout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCheckout.js","sourceRoot":"","sources":["../../../src/hooks/useCheckout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAY,MAAM,2BAA2B,CAAC;AAEtE,MAAM,UAAU,WAAW,CAAC,UAAkB;IAC5C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,UAAU,aAAa;YAC1B,IAAI,CAAC;gBACH,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAEf,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,UAAU,CAAC,CAAC;gBACvD,WAAW,CAAC,YAAY,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,QAAQ,CAAC,kCAAkC,CAAC,CAAC;YAC/C,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,OAAO;QACL,QAAQ;QACR,OAAO;QACP,KAAK;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QAC5D,OAAO,EAAE,QAAQ,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;KACjD,CAAC;AACJ,CAAC"}
@@ -1,31 +0,0 @@
1
- import { useState } from "react";
2
- import { createPayment, } from "@mintmoney/core/payments";
3
- export function usePayments() {
4
- const [payment, setPayment] = useState(null);
5
- const [loading, setLoading] = useState(false);
6
- const [error, setError] = useState(null);
7
- async function handleCreatePayment(params) {
8
- try {
9
- setLoading(true);
10
- setError(null);
11
- const newPayment = await createPayment({ ...params });
12
- setPayment(newPayment);
13
- return newPayment;
14
- }
15
- catch (err) {
16
- setError("Failed to create payment");
17
- return null;
18
- }
19
- finally {
20
- setLoading(false);
21
- }
22
- }
23
- return {
24
- payment,
25
- loading,
26
- error,
27
- createPayment: handleCreatePayment,
28
- isReady: payment !== null && !loading && !error,
29
- };
30
- }
31
- //# sourceMappingURL=usePayment.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePayment.js","sourceRoot":"","sources":["../../../src/hooks/usePayment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,aAAa,GAGd,MAAM,0BAA0B,CAAC;AAElC,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,KAAK,UAAU,mBAAmB,CAAC,MAA2B;QAC5D,IAAI,CAAC;YACH,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEf,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;YACtD,UAAU,CAAC,UAAU,CAAC,CAAC;YAEvB,OAAO,UAAU,CAAC;QACpB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,0BAA0B,CAAC,CAAC;YACrC,OAAO,IAAI,CAAC;QACd,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO;QACL,OAAO;QACP,OAAO;QACP,KAAK;QACL,aAAa,EAAE,mBAAmB;QAClC,OAAO,EAAE,OAAO,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;KAChD,CAAC;AACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export { useCheckout, usePayments } from "../hooks/index.js";
2
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/exports/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,3 +0,0 @@
1
- export { useCheckout } from "./useCheckout.js";
2
- export { usePayments } from "./usePayment.js";
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,9 +0,0 @@
1
- import { Checkout } from "@mintmoney/core/checkouts";
2
- export declare function useCheckout(checkoutId: string): {
3
- checkout: Checkout | null;
4
- loading: boolean;
5
- error: string | null;
6
- refresh: () => Promise<void>;
7
- isReady: boolean;
8
- };
9
- //# sourceMappingURL=useCheckout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCheckout.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCheckout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEtE,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM;;;;;;EAiC7C"}
@@ -1,9 +0,0 @@
1
- import { Payment, CreatePaymentParams } from "@mintmoney/core/payments";
2
- export declare function usePayments(): {
3
- payment: Payment | null;
4
- loading: boolean;
5
- error: string | null;
6
- createPayment: (params: CreatePaymentParams) => Promise<Payment | null>;
7
- isReady: boolean;
8
- };
9
- //# sourceMappingURL=usePayment.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePayment.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePayment.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EACP,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,WAAW;;;;4BAKkB,mBAAmB;;EAwB/D"}
@@ -1 +0,0 @@
1
- export { useCheckout, usePayments } from "../hooks/index.js";
@@ -1,2 +0,0 @@
1
- export { useCheckout } from "./useCheckout.js";
2
- export { usePayments } from "./usePayment.js";
@@ -1,38 +0,0 @@
1
- import { useEffect, useState } from "react";
2
- import { useMintMoneyConfig } from "@mintmoney/react";
3
- import { getCheckoutById, Checkout } from "@mintmoney/core/checkouts";
4
-
5
- export function useCheckout(checkoutId: string) {
6
- const config = useMintMoneyConfig();
7
- const [checkout, setCheckout] = useState<Checkout | null>(null);
8
- const [loading, setLoading] = useState(true);
9
- const [error, setError] = useState<string | null>(null);
10
-
11
- useEffect(() => {
12
- async function fetchCheckout() {
13
- try {
14
- setLoading(true);
15
- setError(null);
16
-
17
- const checkoutData = await getCheckoutById(checkoutId);
18
- setCheckout(checkoutData);
19
- } catch (err) {
20
- setError("Failed to fetch checkout details");
21
- } finally {
22
- setLoading(false);
23
- }
24
- }
25
-
26
- if (checkoutId) {
27
- fetchCheckout();
28
- }
29
- }, [config.apiUrl, checkoutId]);
30
-
31
- return {
32
- checkout,
33
- loading,
34
- error,
35
- refresh: () => getCheckoutById(checkoutId).then(setCheckout),
36
- isReady: checkout !== null && !loading && !error,
37
- };
38
- }
@@ -1,37 +0,0 @@
1
- import { useState } from "react";
2
- import {
3
- createPayment,
4
- Payment,
5
- CreatePaymentParams,
6
- } from "@mintmoney/core/payments";
7
-
8
- export function usePayments() {
9
- const [payment, setPayment] = useState<Payment | null>(null);
10
- const [loading, setLoading] = useState(false);
11
- const [error, setError] = useState<string | null>(null);
12
-
13
- async function handleCreatePayment(params: CreatePaymentParams) {
14
- try {
15
- setLoading(true);
16
- setError(null);
17
-
18
- const newPayment = await createPayment({ ...params });
19
- setPayment(newPayment);
20
-
21
- return newPayment;
22
- } catch (err) {
23
- setError("Failed to create payment");
24
- return null;
25
- } finally {
26
- setLoading(false);
27
- }
28
- }
29
-
30
- return {
31
- payment,
32
- loading,
33
- error,
34
- createPayment: handleCreatePayment,
35
- isReady: payment !== null && !loading && !error,
36
- };
37
- }