Merge pull request #198 from skyflowapi/release/25.6.4

SK-2101/Release/25.6.4

Author: skyflow-vivek

CHANGELOG.md

@@ -2,6 +2,28 @@
 
 All notable changes to this project will be documented in this file.
 
+## [2.5.0] - 2025-06-20
+### Added
+- Typescript support for public interfaces in JS SDK.
+
+## [2.4.3] - 2025-06-16
+### Fixed
+- Expiration date validations.
+
+## [2.4.2] - 2025-06-12
+### Fixed
+- Refactor stale elements code.
+
+## [2.4.1] - 2025-06-03
+### Fixed
+- Add check for empty container for collect and reveal.
+### Changed
+- Update 3DS browser details helper function.
+
+## [2.4.0] - 2025-05-26
+### Added
+- Iframe refactoring. 
+
 ## [2.3.3] - 2025-05-08
 ### Added
 - Add overloading method signatures for container initialisation.

package-lock.json

@@ -2,7 +2,7 @@
   "name": "skyflow-react-js",
   "preferGlobal": true,
   "analyze": false,
-  "version": "2.4.3",
+  "version": "2.4.3-dev.00dc315",
   "description": "Skyflow React SDK",
   "homepage": "https://github.com/skyflowapi/skyflow-react",
   "main": "lib/index.js",
@@ -82,7 +82,7 @@
     "webpack-merge": "^5.8.0"
   },
   "dependencies": {
-    "skyflow-js": "^2.3.3",
+    "skyflow-js": "^2.4.1",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {

package.json

@@ -8,7 +8,7 @@ import {
 
 const CardBrandChoice = () => {
   // Use this state to update cardschema list to provide choice
-  const [scheme,setScheme] = useState<typeof CardType[]>([]);
+  const [scheme,setScheme] = useState<CardType[]>([]);
 
   // Use this to aviod unnesscary bin api calls.
   const binUpdate = useRef(false);
@@ -116,7 +116,7 @@ const CardBrandChoice = () => {
 
   // Handle to parse card scheme from the bin api response. 
   const getCardSchems = (cardData:any)=>{
-    const schemeList:any[] = [];
+    const schemeList:CardType[] = [];
     // cardData will results in array of length more than 1 if it is cobranded. 
     cardData.forEach((card:any)=>{
       if(card.card_scheme === 'VISA'){

samples/SkyflowElements/src/components/CardBrandChoice/index.tsx

@@ -50,4 +50,3 @@ root.render(
     <App />
   </SkyflowElements>
 );
-

samples/SkyflowElements/src/index.tsx

@@ -3,7 +3,7 @@
 */
 
 
-import { CardType } from 'skyflow-js/types/core/constants';
+import { CardMetadata } from 'skyflow-js';
 import CollectContainer from 'skyflow-js/types/core/external/collect/collect-container'
 import ComposableContainer from 'skyflow-js/types/core/external/collect/compose-collect-container'
 import RevealContainer from 'skyflow-js/types/core/external/reveal/reveal-container'
@@ -35,7 +35,7 @@ export interface SkyflowCollectElementProps {
 }
 
 export interface SkyflowCollectElementRef {
-    setErrorOverride: (errorMessage: string) => void;
+  setErrorOverride: (errorMessage: string) => void;
 }
 
 export interface SkyflowRevealElementProps {
@@ -76,7 +76,7 @@ export interface ICollectElementOptions {
   enableCopy?: boolean
   allowedFileType?: string[]
   preserveFileName?: boolean
-  cardMetadata ?: ICardMetadata
+  cardMetadata ?: CardMetadata
   masking?: boolean
   maskingChar?: string
   blockEmptyFiles?: boolean
@@ -87,6 +87,6 @@ export type IRevealOptions = {
   format?:string
 }
 
-export type ICardMetadata = {
-  scheme?: typeof CardType[]
-}
+// export type ICardMetadata = {
+//   scheme?: typeof CardType[]
+// }

src/elements/index.ts

@@ -2,7 +2,7 @@
 	Copyright (c) 2022 Skyflow, Inc. 
 */
 import SkyflowElements from './core'
-import Skyflow from 'skyflow-js'
+import Skyflow, { CardType } from 'skyflow-js'
 
 import CardHolderNameElement from './elements/CardHolderName'
 import CardNumberElement from './elements/CardNumber'
@@ -34,8 +34,6 @@ const LENGTH_MATCH_RULE = Skyflow.ValidationRuleType.LENGTH_MATCH_RULE
 const REGEX_MATCH_RULE = Skyflow.ValidationRuleType.REGEX_MATCH_RULE
 const ELEMENT_VALUE_MATCH_RULE = Skyflow.ValidationRuleType.ELEMENT_VALUE_MATCH_RULE
 
-const CardType = Skyflow.CardType
-
 export {
   SkyflowElements,
   CardNumberElement,