@akinon/pz-one-click-checkout 2.0.0-beta.8 → 2.0.0

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 (5) hide show
  1. package/CHANGELOG.md +120 -15
  2. package/README.md +37 -1
  3. package/package.json +9 -9
  4. package/src/types/index.ts +8 -0
  5. package/src/views/providers/provider-button.tsx +15 -2
package/CHANGELOG.md CHANGED
@@ -1,39 +1,144 @@
1
1
  # @akinon/pz-one-click-checkout
2
2
 
3
- ## 2.0.0-beta.8
3
+ ## 2.0.0
4
4
 
5
- ## 2.0.0-beta.7
5
+ ## 2.0.0-beta.27
6
6
 
7
- ## 2.0.0-beta.6
7
+ ## 2.0.0-beta.26
8
+
9
+ ## 2.0.0-beta.25
10
+
11
+ ## 2.0.0-beta.24
12
+
13
+ ## 2.0.0-beta.23
14
+
15
+ ## 2.0.0-beta.22
16
+
17
+ ## 2.0.0-beta.21
18
+
19
+ ## 2.0.0-beta.20
20
+
21
+ ## 1.126.0
22
+
23
+ ## 1.125.2
24
+
25
+ ## 1.125.1
26
+
27
+ ## 1.125.0
28
+
29
+ ## 1.124.0
30
+
31
+ ## 1.123.0
32
+
33
+ ## 1.122.0
34
+
35
+ ## 1.121.0
36
+
37
+ ## 1.120.0
38
+
39
+ ## 1.119.0
40
+
41
+ ## 1.118.0
42
+
43
+ ## 1.117.0
44
+
45
+ ## 1.116.0
46
+
47
+ ## 1.115.0
48
+
49
+ ## 1.114.0
50
+
51
+ ## 1.113.0
52
+
53
+ ## 1.112.0
54
+
55
+ ## 1.111.0
56
+
57
+ ## 1.110.0
58
+
59
+ ## 1.109.0
60
+
61
+ ## 1.108.0
62
+
63
+ ## 1.107.0
64
+
65
+ ## 1.106.0
66
+
67
+ ## 1.105.0
68
+
69
+ ## 1.104.0
70
+
71
+ ## 1.103.0
72
+
73
+ ## 1.102.0
74
+
75
+ ## 1.101.0
76
+
77
+ ## 1.100.0
78
+
79
+ ## 1.99.0
8
80
 
9
81
  ### Minor Changes
10
82
 
11
- - 8f05f9b: ZERO-3250: Beta branch synchronized with Main branch
83
+ - d58538b: ZERO-3638: Enhance RC pipeline: add fetch, merge, and pre-release setup with conditional commit
84
+
85
+ ## 1.98.0
86
+
87
+ ## 1.97.0
88
+
89
+ ## 1.96.0
90
+
91
+ ## 1.95.0
92
+
93
+ ## 1.94.0
12
94
 
13
- ## 2.0.0-beta.5
95
+ ## 1.93.0
14
96
 
15
- ## 2.0.0-beta.4
97
+ ## 1.92.0
16
98
 
17
- ## 2.0.0-beta.3
99
+ ## 1.91.0
18
100
 
19
- ## 2.0.0-beta.2
101
+ ## 1.90.0
20
102
 
21
103
  ### Minor Changes
22
104
 
23
- - a006015: ZERO-3116: Add not-found page and update default middleware.
24
- - 1eeb3d8: ZERO-3116: Add not found page
105
+ - 99b3fd6: ZERO-3375: Add custom UI rendering option for OneClickCheckoutButton
25
106
 
26
- ## 2.0.0-beta.1
107
+ ## 1.89.0
27
108
 
28
109
  ### Minor Changes
29
110
 
30
- - ZERO-3091: Upgrade Next.js to v15 and React to v19
111
+ - c759d6b: ZERO-3336: Add data-testid attribute to OneClickCheckoutButton for improved testing
112
+
113
+ ## 1.88.0
114
+
115
+ ## 1.87.0
116
+
117
+ ## 1.86.0
118
+
119
+ ## 1.85.0
120
+
121
+ ## 1.84.0
122
+
123
+ ### Minor Changes
124
+
125
+ - 624a4eb: ZERO-3276: Update installation instructions across multiple README files to standardize format and improve clarity
126
+
127
+ ## 1.83.0
128
+
129
+ ## 1.82.0
130
+
131
+ ## 1.81.0
132
+
133
+ ## 1.80.0
134
+
135
+ ## 1.79.0
31
136
 
32
- ## 2.0.0-beta.0
137
+ ## 1.78.0
33
138
 
34
- ### Major Changes
139
+ ## 1.77.0
35
140
 
36
- - be6c09d: ZERO-3114: Create beta version.
141
+ ## 1.76.0
37
142
 
38
143
  ## 1.75.0
39
144
 
package/README.md CHANGED
@@ -25,7 +25,43 @@ npx @akinon/projectzero@latest --plugins
25
25
  | content | `React.ReactNode` | It is used to create custom content. |
26
26
  | openMiniBasket | `boolean` | Manages the opening status of the minibasket. |
27
27
  | translations.buttonText | `string` | The text of the button. |
28
+ | customUIRender | `React.ReactNode` | Optional function to fully customize the button rendering. Receives onClick, disabled, loading, provider, productError and content props. |
28
29
 
29
- ```
30
+ ### Customizing Checkout Button
31
+
32
+ ```javascript
33
+ import PluginModule, { Component } from '@akinon/next/components/plugin-module';
34
+
35
+ <PluginModule
36
+ component={Component.OneClickCheckoutButtons}
37
+ props={{
38
+ customUIRender: ({
39
+ onClick,
40
+ disabled,
41
+ loading,
42
+ provider,
43
+ productError,
44
+ content
45
+ }) => (
46
+ <>
47
+ <button
48
+ onClick={onClick}
49
+ disabled={disabled}
50
+ className="relative w-full py-3 bg-[#ff2000] text-black hover:bg-[#547ee7] text-sm font-semibold flex items-center justify-center"
51
+ >
52
+ {loading && (
53
+ <span className="absolute left-3 w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" />
54
+ )}
55
+ {loading ? 'Please wait...' : content ?? `Buy with ${provider.name}`}
56
+ </button>
30
57
 
58
+ {productError && (
59
+ <div className="mt-4 text-xs text-center text-[#d72b01]">
60
+ {productError}
61
+ </div>
62
+ )}
63
+ </>
64
+ )
65
+ }}
66
+ />;
31
67
  ```
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@akinon/pz-one-click-checkout",
3
- "version": "2.0.0-beta.8",
3
+ "version": "2.0.0",
4
4
  "main": "./src/index.ts",
5
5
  "module": "./src/index.ts",
6
6
  "license": "MIT",
7
7
  "peerDependencies": {
8
- "react": "^19.0.0",
9
- "react-dom": "^19.0.0",
8
+ "react": "^18.0.0 || ^19.0.0",
9
+ "react-dom": "^18.0.0 || ^19.0.0",
10
10
  "@reduxjs/toolkit": "^1.8.3"
11
11
  },
12
12
  "devDependencies": {
13
- "@types/node": "^22.10.2",
14
- "@types/react": "^19.0.2",
15
- "@types/react-dom": "^19.0.2",
16
- "react": "^19.0.0",
17
- "react-dom": "^19.0.0",
18
- "typescript": "^5.7.2",
13
+ "@types/node": "^18.7.8",
14
+ "@types/react": "^18.0.17",
15
+ "@types/react-dom": "^18.0.6",
16
+ "react": "19.2.5",
17
+ "react-dom": "19.2.5",
18
+ "typescript": "^4.7.4",
19
19
  "@reduxjs/toolkit": "^1.8.3",
20
20
  "express": "4.17.3",
21
21
  "node-fetch": "2.6.7",
package/src/types/index.ts CHANGED
@@ -19,6 +19,14 @@ export interface OneClickCheckoutProps {
19
19
  buttonText?: string;
20
20
  };
21
21
  content?: React.ReactNode;
22
+ customUIRender?: (props: {
23
+ onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
24
+ disabled: boolean;
25
+ loading: boolean;
26
+ provider: OneClickCheckoutButtonProps['provider'];
27
+ productError?: string | null;
28
+ content?: React.ReactNode;
29
+ }) => React.ReactNode;
22
30
  }
23
31
 
24
32
  export interface OneClickCheckoutButtonProps extends OneClickCheckoutProps {
package/src/views/providers/provider-button.tsx CHANGED
@@ -27,7 +27,8 @@ export const OneClickCheckoutButton = (props: OneClickCheckoutButtonProps) => {
27
27
  onError,
28
28
  provider,
29
29
  translations,
30
- content
30
+ content,
31
+ customUIRender
31
32
  } = props;
32
33
 
33
34
  const [disabled, setDisabled] = useState(isDisabled);
@@ -101,9 +102,21 @@ export const OneClickCheckoutButton = (props: OneClickCheckoutButtonProps) => {
101
102
  setDisabled(false);
102
103
  };
103
104
 
105
+ if (customUIRender) {
106
+ return customUIRender({
107
+ onClick: (e) => handleOnClick(e, provider?.pk),
108
+ disabled,
109
+ loading: disabled,
110
+ provider,
111
+ content,
112
+ productError
113
+ });
114
+ }
115
+
104
116
  return (
105
117
  <>
106
118
  <Button
119
+ data-testid={`one-click-checkout-${provider?.slug}`}
107
120
  onClick={(e) => handleOnClick(e, provider.pk)}
108
121
  className={twMerge(
109
122
  clsx(
@@ -119,7 +132,7 @@ export const OneClickCheckoutButton = (props: OneClickCheckoutButtonProps) => {
119
132
  >
120
133
  {content
121
134
  ? content
122
- : translations?.buttonText ?? `${provider.name} Checkout`}
135
+ : translations?.buttonText ?? `${provider?.name} Checkout`}
123
136
 
124
137
  {disabled && (
125
138
  <div className="absolute flex justify-center items-center bg-[#000000] opacity-50 w-full h-full">