skyflow-js 1.17.0 → 1.19.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "skyflow-js",
   "preferGlobal": true,
   "analyze": false,
-  "version": "1.17.0",
+  "version": "1.19.0",
   "author": "Skyflow",
   "description": "Skyflow JavaScript SDK",
   "homepage": "https://github.com/skyflowapi/skyflow-js",

package/types/core/constants.d.ts

@@ -42,6 +42,7 @@ export declare const ELEMENT_EVENTS_TO_IFRAME: {
     COLLECT_ELEMENT_SET_ERROR: string;
     REVEAL_ELEMENT_SET_ERROR: string;
     REVEAL_ELEMENT_UPDATE_OPTIONS: string;
+    FILE_UPLOAD: string;
 };
 export declare const REVEAL_ELEMENT_OPTIONS_TYPES: {
     TOKEN: string;
@@ -59,7 +60,8 @@ export declare enum ElementType {
     INPUT_FIELD = "INPUT_FIELD",
     PIN = "PIN",
     EXPIRATION_MONTH = "EXPIRATION_MONTH",
-    EXPIRATION_YEAR = "EXPIRATION_YEAR"
+    EXPIRATION_YEAR = "EXPIRATION_YEAR",
+    FILE_INPUT = "FILE_INPUT"
 }
 export declare enum CardType {
     VISA = "VISA",
@@ -214,6 +216,13 @@ export declare const ELEMENTS: {
         sensitive: boolean;
         regex: RegExp;
     };
+    FILE_INPUT: {
+        name: string;
+        sensitive: boolean;
+        attributes: {
+            type: string;
+        };
+    };
 };
 export declare const IFRAME_DEFAULT_STYLES: {
     height: string;
@@ -253,7 +262,9 @@ export declare const INPUT_WITH_ICON_DEFAULT_STYLES: {
     'text-indent': string;
     padding: string;
 };
-export declare const INPUT_ICON_STYLES = "position: absolute; left:8px; top:calc(50% - 12px)";
+export declare const INPUT_ICON_STYLES = "position: absolute; left:8px; top:calc(50% - 10px)";
+export declare const COLLECT_COPY_ICON_STYLES = "position: absolute; right:8px; top:calc(50% - 10px); cursor:pointer;";
+export declare const REVEAL_COPY_ICON_STYLES = "position: absolute; right:8px; top:calc(50% - 16px); cursor:pointer;";
 export declare const ERROR_TEXT_STYLES: {
     color: string;
     padding: string;
@@ -359,6 +370,12 @@ export declare const CARD_ENCODED_ICONS: {
     UNIONPAY: any;
     VISA: any;
 };
+export declare const COPY_UTILS: {
+    copyIcon: any;
+    successIcon: any;
+    toCopy: string;
+    copied: string;
+};
 export declare const EXPIRY_DATE_MASK: {
     'MM/YYYY': (string | {
         Y: string;

package/types/core/external/collect/CollectContainer.d.ts

@@ -13,6 +13,7 @@ export interface CollectElementInput {
     type: ElementType;
     altText?: string;
     validations?: IValidationRule[];
+    skyflowID?: string;
 }
 interface ICollectOptions {
     tokens?: boolean;
@@ -23,5 +24,6 @@ declare class CollectContainer extends Container {
     constructor(options: any, metaData: any, skyflowElements: any, context: any);
     create: (input: CollectElementInput, options?: any) => CollectElement;
     collect: (options?: ICollectOptions) => Promise<unknown>;
+    uploadFiles: (options: any) => Promise<unknown>;
 }
 export default CollectContainer;

package/types/core/external/collect/CollectElement.d.ts

@@ -14,7 +14,7 @@ declare class CollectElement extends SkyflowElement {
         isComplete: boolean;
         isValid: boolean;
         isFocused: boolean;
-        value: string | Object | undefined;
+        value: string | Object | Blob | undefined;
     };
     getOptions: () => any;
     on(eventName: string, handler: any): void;

package/types/core/external/reveal/RevealContainer.d.ts

@@ -13,6 +13,7 @@ export interface IRevealElementInput {
 export interface IRevealElementOptions {
     formatRegex?: string | object;
     replaceText?: string;
+    enableCopy?: boolean;
 }
 declare class RevealContainer extends Container {
     #private;

package/types/core/internal/iFrameForm/index.d.ts

@@ -2,7 +2,7 @@ import EventEmitter from '../../../event-emitter';
 import { Context, IValidationRule, LogLevel } from '../../../utils/common';
 export declare class IFrameFormElement extends EventEmitter {
     state: {
-        value: string | undefined;
+        value: any;
         isFocused: boolean;
         isValid: boolean;
         isEmpty: boolean;
@@ -25,7 +25,8 @@ export declare class IFrameFormElement extends EventEmitter {
     doesClientHasError: boolean;
     clientErrorText: string | undefined;
     format: string;
-    constructor(name: string, label: string, metaData: any, context: Context);
+    skyflowID?: string;
+    constructor(name: string, label: string, metaData: any, context: Context, skyflowID?: string);
     onFocusChange: (focus: boolean) => void;
     changeFocus: (focus: boolean) => void;
     setReplacePattern(pattern: string[]): void;
@@ -33,17 +34,17 @@ export declare class IFrameFormElement extends EventEmitter {
     setValidation(validations: IValidationRule[] | undefined): void;
     setFormat(format: string): void;
     setSensitive(sensitive?: boolean): void;
-    setValue: (value?: string, valid?: boolean) => void;
-    getValue: () => string | undefined;
-    getUnformattedValue: () => string | undefined;
+    setValue: (value: any, valid?: boolean) => void;
+    getValue: () => any;
+    getUnformattedValue: () => any;
     getStatus: () => {
         isFocused: boolean;
         isValid: boolean;
         isEmpty: boolean;
         isComplete: boolean;
-        value: string | undefined;
+        value: string | Blob | undefined;
     };
-    validator(value: string): boolean;
+    validator(value: any): boolean;
     validateCustomValidations(value: string): boolean;
     collectBusEvents: () => void;
     sendChangeStatus: (inputEvent?: boolean) => void;
@@ -64,6 +65,8 @@ export declare class IFrameForm {
     setClientMetadata(clientMetaData: any): void;
     setContext(context: Context): void;
     private getOrCreateIFrameFormElement;
+    paralleUploadFiles: () => Promise<unknown>;
+    uploadFiles: (fileElement: any) => Promise<unknown>;
     tokenize: (options: any) => Promise<unknown>;
     private initializeFrame;
 }

package/types/core/internal/index.d.ts

@@ -19,6 +19,9 @@ export declare class FrameElement {
     private domError?;
     private domImg?;
     private inputParent?;
+    private domCopy?;
+    private copyText?;
+    private hasError?;
     constructor(iFrameFormElement: IFrameFormElement, options: any, htmlDivElement: HTMLDivElement);
     mount: () => void;
     setupInputField(newValue?: boolean): void;

package/types/core/internal/reveal/RevealFrame.d.ts

@@ -1,6 +1,8 @@
 declare class RevealFrame {
     #private;
     static revealFrame: RevealFrame;
+    private domCopy?;
+    private isRevealCalled?;
     static init(): void;
     constructor(record: any, context: any);
     private setRevealError;

package/types/core-utils/collect.d.ts

@@ -3,6 +3,7 @@ export declare const constructInsertRecordRequest: (records: IInsertRecordInput,
 export declare const constructInsertRecordResponse: (responseBody: any, tokens: boolean, records: IInsertRecord[]) => {
     records: any;
 };
+export declare const constructUploadResponse: (response: any) => any;
 export declare const constructElementsInsertReq: (req: any, options: any) => {
     records: IInsertRecord[];
 };

package/types/iframe-libs/iframer.d.ts

@@ -4,6 +4,7 @@ export declare const iframeDefaultAttributes: {
     allowtransparency: boolean;
     scrolling: string;
     style: string;
+    allow: string;
 };
 export declare const setAttributes: (element: any, attributes: any) => void;
 declare const _default: (options?: {}) => HTMLIFrameElement;

package/types/utils/constants.d.ts

@@ -495,5 +495,9 @@ declare const SKYFLOW_ERROR_CODE: {
         code: number;
         description: string;
     };
+    INVALID_FILE_TYPE: {
+        code: number;
+        description: string;
+    };
 };
 export default SKYFLOW_ERROR_CODE;

package/types/utils/helpers/index.d.ts

@@ -24,4 +24,7 @@ export declare function updateRequestBodyInConnection(config: IConnectionConfig)
     responseBody?: any;
 };
 export declare const appendZeroToOne: (value: any) => any;
-export declare const getReturnValue: (value: string, element: string, doesReturnValue: boolean) => string | undefined;
+export declare const getReturnValue: (value: string | Blob, element: string, doesReturnValue: boolean) => string | Blob | undefined;
+export declare const copyToClipboard: (text: string) => void;
+export declare const handleCopyIconClick: (textToCopy: string, domCopy: any) => void;
+export declare const fileValidation: (value: any) => boolean;

package/types/utils/logs.d.ts

@@ -205,6 +205,7 @@ declare const logs: {
         INVALID_PATH_IN_ARRAY_RES_XML: string;
         INVALID_FORMAT_REGEX: string;
         INVALID_REPLACE_TEXT_TYPE: string;
+        INVALID_FILE_TYPE: string;
     };
     warnLogs: {
         INVALID_EXPIRATION_DATE_FORMAT: string;

package/types/utils/validators/index.d.ts

@@ -19,7 +19,7 @@ export declare const isValidURL: (url: string) => boolean;
 export declare const isValidRegExp: (input: any) => boolean;
 export declare const validateRevealOptions: (options: IRevealElementOptions) => void;
 export declare const validateConnectionConfig: (config: IConnectionConfig, initConfig: ISkyflow) => void;
-export declare const validateCardNumberLengthCheck: (cardNumber: string) => boolean;
+export declare const validateCardNumberLengthCheck: (cardNumber?: string) => boolean;
 export declare const validateInitConfig: (initConfig: ISkyflow) => void;
 export declare const validateInitConfigInConnections: (initConfig: ISkyflow) => void;
 export declare const validateCollectElementInput: (input: CollectElementInput, logLevel: any) => void;