Merge pull request #592 from commercelayer/feat/disable-adyen-stored-…

…payment Disable adyen customer stored payment
commercelayer · Dec 12, 2024 · 2e46a54 · 2e46a54
2 parents 1ee4c24 + df0d766
commit 2e46a54
Show file tree

Hide file tree

Showing 154 changed files with 3,213 additions and 3,391 deletions.
diff --git a/.github/workflows/pgk-pr-new.yaml b/.github/workflows/pgk-pr-new.yaml
@@ -0,0 +1,44 @@
+name: pkg-pr-new
+
+on:
+  push:
+    branches:
+      - "**"
+      - "!main"
+      - "!release"
+    tags-ignore:
+      - "v*"
+  pull_request:
+    types: [ready_for_review]
+    branches-ignore:
+      - release
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - name: pnpm 🧰
+        uses: pnpm/action-setup@v3
+        with:
+          version: 9.x
+
+      - name: Node 🧰
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+
+      - name: Install 📦
+        run: pnpm install --frozen-lockfile
+
+      - name: Build elements 🛠
+        run: pnpm build
+
+      - name: Publish 🚀 pkg.pr.new
+        run: |
+          npx pkg-pr-new publish './packages/react-components' --no-template
diff --git a/lerna.json b/lerna.json
@@ -2,7 +2,7 @@
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": false,
   "npmClient": "pnpm",
-  "version": "4.16.0",
+  "version": "4.17.0-beta.3",
   "command": {
     "version": {
       "preid": "beta"

diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "build": "pnpm -r build",
-    "prepare": "husky install",
+    "prepare": "husky",
     "test": "pnpm -r test",
     "docs:dev": "pnpm --filter docs storybook",
     "docs:build": "pnpm --filter docs build-storybook",
@@ -19,9 +19,9 @@
   },
   "devDependencies": {
     "@commercelayer/eslint-config-ts-react": "^1.4.5",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "lerna": "^8.1.9",
-    "typescript": "^5.6.3"
+    "typescript": "^5.7.2"
   },
   "pnpm": {
     "overrides": {
@@ -37,7 +37,10 @@
       "ejs@<3.1.10": ">=3.1.10",
       "braces@<3.0.3": ">=3.0.3",
       "ws@>=8.0.0 <8.17.1": ">=8.17.1",
-      "ws@>=6.0.0 <6.2.3": ">=6.2.3"
+      "micromatch@<4.0.8": ">=4.0.8",
+      "rollup@>=4.0.0 <4.22.4": ">=4.22.4",
+      "cross-spawn@>=7.0.0 <7.0.5": ">=7.0.5",
+      "@eslint/plugin-kit@<0.2.3": ">=0.2.3"
     }
   }
 }
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -3,8 +3,8 @@
   "name": "docs",
   "version": "1.0.0",
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@babel/preset-env": "^7.23.9",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
     "@commercelayer/eslint-config-ts-react": "^1.3.0",
     "@commercelayer/js-auth": "^6.3.1",
     "@commercelayer/sdk": "^6.9.0",
@@ -24,7 +24,7 @@
     "@storybook/client-api": "^7.6.17",
     "@storybook/client-logger": "^7.6.17",
     "@storybook/manager-api": "^7.6.17",
-    "@storybook/node-logger": "^8.0.9",
+    "@storybook/node-logger": "^8.4.2",
     "@storybook/react": "^7.6.17",
     "@storybook/react-vite": "^7.6.17",
     "@storybook/testing-library": "^0.2.2",
@@ -33,18 +33,18 @@
     "@types/react": "^18.3.3",
     "@vitejs/plugin-react": "^4.2.1",
     "babel-loader": "^9.1.2",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.1",
     "eslint-plugin-storybook": "^0.8.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "msw": "^2.2.1",
+    "msw": "^2.6.4",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^7.6.17",
     "type-fest": "^4.10.3",
     "typescript": "^5.3.3",
-    "vite": "^5.1.4",
+    "vite": "^5.4.11",
     "vite-tsconfig-paths": "^4.3.1"
   },
   "scripts": {
@@ -66,10 +66,5 @@
   "homepage": "https://github.com/commercelayer/commercelayer-react-components#readme",
   "msw": {
     "workerDirectory": "public"
-  },
-  "pnpm": {
-    "overrides": {
-      "ws@>=8.0.0 <8.17.1": ">=8.17.1"
-    }
   }
-}
+}
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "4.16.0",
+  "version": "4.17.0-beta.3",
   "description": "The Official Commerce Layer React Components",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
@@ -178,48 +178,48 @@
   },
   "homepage": "https://github.com/commercelayer/commercelayer-react-components#readme",
   "dependencies": {
-    "@adyen/adyen-web": "^5.66.1",
+    "@adyen/adyen-web": "^5.71.1",
     "@commercelayer/organization-config": "^1.4.12",
-    "@commercelayer/sdk": "^6.25.0",
-    "@stripe/react-stripe-js": "^2.8.0",
-    "@stripe/stripe-js": "^4.3.0",
+    "@commercelayer/sdk": "^6.26.0",
+    "@stripe/react-stripe-js": "^3.0.0",
+    "@stripe/stripe-js": "^5.2.0",
     "@tanstack/react-table": "^8.17.3",
     "@types/iframe-resizer": "^3.5.13",
-    "braintree-web": "^3.111.1",
-    "frames-react": "^1.1.2",
+    "braintree-web": "^3.112.1",
+    "frames-react": "^1.2.2",
     "iframe-resizer": "^4.4.5",
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
-    "rapid-form": "^2.1.0"
+    "rapid-form": "2.1.0"
   },
   "devDependencies": {
     "@commercelayer/js-auth": "^6.7.0",
-    "@faker-js/faker": "^9.2.0",
-    "@playwright/test": "^1.48.2",
+    "@faker-js/faker": "^9.3.0",
+    "@playwright/test": "^1.49.1",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.0.0",
-    "@types/braintree-web": "^3.96.12",
+    "@testing-library/react": "^16.1.0",
+    "@types/braintree-web": "^3.96.16",
     "@types/lodash": "^4.17.13",
-    "@types/node": "^22.9.0",
-    "@types/prop-types": "^15.7.12",
-    "@types/react": "^18.3.4",
-    "@types/react-test-renderer": "^18.0.7",
+    "@types/node": "^22.10.2",
+    "@types/prop-types": "^15.7.14",
+    "@types/react": "^18.3.1",
+    "@types/react-test-renderer": "^18.3.1",
     "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^2.1.4",
-    "eslint": "~9.14.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.8",
+    "eslint": "~9.16.0",
     "jsdom": "^25.0.1",
     "minimize-js": "^1.4.0",
-    "msw": "^2.6.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
+    "msw": "^2.6.8",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
     "tsc-alias": "^1.8.8",
     "tslib": "^2.6.3",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.2",
-    "vite-tsconfig-paths": "^5.1.0",
-    "vitest": "^2.1.4"
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8"
   },
   "peerDependencies": {
     "react": ">=18.0.0"

diff --git a/packages/react-components/src/components/ExternalFunction.tsx b/packages/react-components/src/components/ExternalFunction.tsx
@@ -1,7 +1,7 @@
 import ExternalFunctionContext, {
   callExternalFunction
 } from '#context/ExternalFunctionContext'
-import { type ReactNode } from 'react'
+import { type ReactNode, type JSX } from 'react';
 
 interface Props {
   children: ReactNode

diff --git a/packages/react-components/src/components/MetadataInput.tsx b/packages/react-components/src/components/MetadataInput.tsx
@@ -1,6 +1,8 @@
 import BaseInput from '#components/utils/BaseInput'
 import { type BaseInputComponentProps } from '#typings'
 
+import type { JSX } from "react";
+
 type Props = BaseInputComponentProps &
   JSX.IntrinsicElements['input'] &
   JSX.IntrinsicElements['textarea']

diff --git a/packages/react-components/src/components/SubmitButton.tsx b/packages/react-components/src/components/SubmitButton.tsx
@@ -1,11 +1,11 @@
-import { type ReactNode } from 'react'
+import { type ReactNode, type JSX } from 'react';
 import Parent from '#components/utils/Parent'
 import { type ChildrenFunction } from '#typings/index'
 import isFunction from 'lodash/isFunction'
 
 interface ChildrenProps extends Omit<Props, 'children'> {}
 
-interface Props extends Omit<JSX.IntrinsicElements['button'], 'children'> {
+interface Props extends Omit<JSX.IntrinsicElements['button'], 'children' | 'ref'> {
   children?: ChildrenFunction<ChildrenProps>
   label?: string | ReactNode
 }

diff --git a/packages/react-components/src/components/addresses/Address.tsx b/packages/react-components/src/components/addresses/Address.tsx
@@ -1,4 +1,4 @@
-import { useContext, useState, useEffect } from 'react'
+import { useContext, useState, useEffect, type JSX } from 'react';
 import AddressChildrenContext from '#context/AddressChildrenContext'
 import CustomerContext from '#context/CustomerContext'
 import BillingAddressContext from '#context/BillingAddressContext'

diff --git a/packages/react-components/src/components/addresses/AddressCountrySelector.tsx b/packages/react-components/src/components/addresses/AddressCountrySelector.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useMemo } from 'react'
+import { useContext, useEffect, useMemo, type JSX } from 'react';
 import BaseSelect from '../utils/BaseSelect'
 import { type BaseSelectComponentProps } from '#typings'
 import BillingAddressFormContext, {

diff --git a/packages/react-components/src/components/addresses/AddressField.tsx b/packages/react-components/src/components/addresses/AddressField.tsx
@@ -1,4 +1,4 @@
-import { useContext, type ReactNode } from 'react'
+import { useContext, type ReactNode, type JSX } from 'react';
 import AddressChildrenContext from '#context/AddressChildrenContext'
 import Parent from '#components/utils/Parent'
 import { type AddressFieldView } from '#reducers/AddressReducer'

diff --git a/packages/react-components/src/components/addresses/AddressInput.tsx b/packages/react-components/src/components/addresses/AddressInput.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useMemo } from 'react'
+import { useContext, useEffect, useMemo, type JSX } from 'react';
 import BaseInput from '#components/utils/BaseInput'
 import { type BaseInputComponentProps, type AddressInputName } from '#typings'
 import BillingAddressFormContext, {

diff --git a/packages/react-components/src/components/addresses/AddressInputSelect.tsx b/packages/react-components/src/components/addresses/AddressInputSelect.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useMemo } from 'react'
+import { useContext, useEffect, useMemo, type JSX } from 'react';
 import BaseSelect from '../utils/BaseSelect'
 import { type BaseSelectComponentProps } from '#typings'
 import BillingAddressFormContext, {

diff --git a/packages/react-components/src/components/addresses/AddressStateSelector.tsx b/packages/react-components/src/components/addresses/AddressStateSelector.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useMemo, useState } from 'react'
+import { useContext, useEffect, useMemo, useState, type JSX } from 'react';
 import BaseSelect from '#components/utils/BaseSelect'
 import {
   type AddressStateSelectName,

diff --git a/packages/react-components/src/components/addresses/AddressesContainer.tsx b/packages/react-components/src/components/addresses/AddressesContainer.tsx
@@ -1,7 +1,7 @@
 import AddressesContext, {
   defaultAddressContext
 } from '#context/AddressContext'
-import { type ReactNode, useContext, useEffect, useReducer } from 'react'
+import { type ReactNode, useContext, useEffect, useReducer, type JSX } from 'react';
 import addressReducer, {
   addressInitialState,
   type AddressResource,

diff --git a/packages/react-components/src/components/addresses/AddressesEmpty.tsx b/packages/react-components/src/components/addresses/AddressesEmpty.tsx
@@ -1,7 +1,7 @@
 import Parent from '#components/utils/Parent'
 import CustomerContext from '#context/CustomerContext'
 import { type ChildrenFunction } from '#typings/index'
-import { useContext } from 'react'
+import { useContext, type JSX } from 'react';
 
 interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
   /**

diff --git a/packages/react-components/src/components/addresses/BillingAddressContainer.tsx b/packages/react-components/src/components/addresses/BillingAddressContainer.tsx
@@ -1,5 +1,5 @@
 import BillingAddressContext from '#context/BillingAddressContext'
-import { type ReactNode, useContext, useEffect, useReducer } from 'react'
+import { type ReactNode, useContext, useEffect, useReducer, type JSX } from 'react';
 import billingAddressReducer, {
   billingAddressInitialState,
   setBillingAddress,

diff --git a/packages/react-components/src/components/addresses/BillingAddressForm.tsx b/packages/react-components/src/components/addresses/BillingAddressForm.tsx
@@ -1,6 +1,6 @@
 import AddressesContext from '#context/AddressContext'
 import { useRapidForm } from 'rapid-form'
-import { type ReactNode, useContext, useEffect, useRef } from 'react'
+import { type ReactNode, useContext, useEffect, useRef, type JSX } from 'react';
 import BillingAddressFormContext, {
   type AddressValuesKeys,
   type DefaultContextAddress

diff --git a/packages/react-components/src/components/addresses/SaveAddressesButton.tsx b/packages/react-components/src/components/addresses/SaveAddressesButton.tsx
@@ -1,4 +1,4 @@
-import { type ReactNode, useContext, useState } from 'react'
+import { type ReactNode, useContext, useState, type JSX } from 'react';
 import Parent from '#components/utils/Parent'
 import { type ChildrenFunction } from '#typings/index'
 import AddressContext from '#context/AddressContext'

diff --git a/packages/react-components/src/components/addresses/ShippingAddressContainer.tsx b/packages/react-components/src/components/addresses/ShippingAddressContainer.tsx
@@ -1,5 +1,5 @@
 import ShippingAddressContext from '#context/ShippingAddressContext'
-import { useContext, useEffect, useReducer } from 'react'
+import { useContext, useEffect, useReducer, type JSX } from 'react';
 import shippingAddressReducer, {
   setShippingAddress,
   shippingAddressInitialState,

diff --git a/packages/react-components/src/components/addresses/ShippingAddressForm.tsx b/packages/react-components/src/components/addresses/ShippingAddressForm.tsx
@@ -1,6 +1,6 @@
 import AddressesContext from '#context/AddressContext'
 import { useRapidForm } from 'rapid-form'
-import { type ReactNode, useContext, useEffect, useRef } from 'react'
+import { type ReactNode, useContext, useEffect, useRef, type JSX } from 'react';
 import ShippingAddressFormContext from '#context/ShippingAddressFormContext'
 import { type BaseError, type CodeErrorType } from '#typings/errors'
 import OrderContext from '#context/OrderContext'

diff --git a/packages/react-components/src/components/auth/CommerceLayer.tsx b/packages/react-components/src/components/auth/CommerceLayer.tsx
@@ -3,6 +3,8 @@ import ErrorBoundary from '#components/utils/ErrorBoundary'
 import type { DefaultChildrenType } from '#typings/globals'
 import { jwt } from '#utils/jwt'
 
+import type { JSX } from "react";
+
 interface Props {
   /**
    * Accept a React node as children.

diff --git a/packages/react-components/src/components/customers/CustomerAddressForm.tsx b/packages/react-components/src/components/customers/CustomerAddressForm.tsx
@@ -1,6 +1,6 @@
 import AddressesContext from '#context/AddressContext'
 import { useRapidForm } from 'rapid-form'
-import { type ReactNode, useContext, useEffect, useRef } from 'react'
+import { type ReactNode, useContext, useEffect, useRef, type JSX } from 'react';
 import CustomerAddressFormContext from '#context/CustomerAddressFormContext'
 import { type BaseError, type CodeErrorType } from '#typings/errors'
 import { type AddressField } from '#reducers/AddressReducer'

diff --git a/packages/react-components/src/components/customers/CustomerContainer.tsx b/packages/react-components/src/components/customers/CustomerContainer.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useReducer, useMemo } from 'react'
+import { useContext, useEffect, useReducer, useMemo, type JSX } from 'react';
 import customerReducer, {
   customerInitialState,
   getCustomerAddresses,

diff --git a/packages/react-components/src/components/customers/CustomerField.tsx b/packages/react-components/src/components/customers/CustomerField.tsx
@@ -6,6 +6,8 @@ import GenericFieldComponent, {
 } from '#components/utils/GenericFieldComponent'
 import CustomerContext from '#context/CustomerContext'
 
+import type { JSX } from "react";
+
 type StockTransferFieldChildrenProps = TGenericChildrenProps<
   TResources['Customer']
 >

diff --git a/packages/react-components/src/components/customers/CustomerInput.tsx b/packages/react-components/src/components/customers/CustomerInput.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
-import { useContext, useEffect, useState } from 'react'
+import { useContext, useEffect, useState, type JSX } from 'react';
 import BaseInput from '#components-utils/BaseInput'
 import { type BaseInputComponentProps } from '#typings'
 import { useRapidForm } from 'rapid-form'

diff --git a/packages/react-components/src/components/customers/CustomerPaymentSource.tsx b/packages/react-components/src/components/customers/CustomerPaymentSource.tsx
@@ -4,7 +4,7 @@ import { type PaymentResource } from '#reducers/PaymentMethodReducer'
 import { type DefaultChildrenType } from '#typings/globals'
 import getCardDetails from '#utils/getCardDetails'
 import useCustomContext from '#utils/hooks/useCustomContext'
-import { useEffect, useState } from 'react'
+import { useEffect, useState, type JSX } from 'react';
 
 interface Props {
   children?: DefaultChildrenType