skyflow-js 2.5.0 → 2.6.0

package/package.json

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

package/types/core/constants.d.ts

@@ -9,10 +9,12 @@ export declare const SDK_IFRAME_EVENT = "SDK IFRAME EVENT";
 export declare const DOMAIN = "US2";
 export declare const CORALOGIX_DOMAIN = "https://cdn.rum-ingress-coralogix.com/coralogix/browser/latest/coralogix-browser-sdk.js";
 export declare const FRAME_ELEMENT = "element";
+export declare const COMPOSABLE_REVEAL = "reveal-composable";
 export declare const ELEMENT_TYPES: {
     COLLECT: string;
     REVEAL: string;
     COMPOSE: string;
+    REVEAL_COMPOSE: string;
 };
 export declare const EVENT_TYPES: {
     MOUNTED: string;
@@ -30,6 +32,7 @@ export declare const METRIC_TYPES: {
         COLLECT: string;
         REVEAL: string;
         COMPOSE: string;
+        REVEAL_COMPOSE: string;
     };
     ELEMENT_TYPE_KEY: string;
     DIV_ID: string;
@@ -87,8 +90,19 @@ export declare const ELEMENT_EVENTS_TO_CLIENT: {
     HEIGHT: string;
 };
 export declare const ELEMENT_EVENTS_TO_IFRAME: {
+    MULTIPLE_UPLOAD_FILES_RESPONSE: string;
+    RENDER_MOUNTED: string;
+    HEIGHT_CALLBACK: string;
+    HEIGHT_CALLBACK_COMPOSABLE: string;
+    COMPOSABLE_REVEAL: string;
+    MULTIPLE_UPLOAD_FILES: string;
     COLLECT_CALL_REQUESTS: string;
+    COMPOSABLE_CALL_REQUESTS: string;
+    COMPOSABLE_CALL_RESPONSE: string;
+    COMPOSABLE_FILE_CALL_RESPONSE: string;
+    COMPOSABLE_CONTAINER: string;
     REVEAL_CALL_REQUESTS: string;
+    REVEAL_CALL_RESPONSE: string;
     FRAME_READY: string;
     READY_FOR_CLIENT: string;
     TOKENIZATION_REQUEST: string;
@@ -141,7 +155,8 @@ export declare enum ElementType {
     PIN = "PIN",
     EXPIRATION_MONTH = "EXPIRATION_MONTH",
     EXPIRATION_YEAR = "EXPIRATION_YEAR",
-    FILE_INPUT = "FILE_INPUT"
+    FILE_INPUT = "FILE_INPUT",
+    MULTI_FILE_INPUT = "MULTI_FILE_INPUT"
 }
 export declare enum CardType {
     VISA = "VISA",
@@ -323,6 +338,14 @@ export declare const ELEMENTS: {
             type: string;
         };
     };
+    MULTI_FILE_INPUT: {
+        name: string;
+        sensitive: boolean;
+        attributes: {
+            type: string;
+            multiple: string;
+        };
+    };
 };
 export declare const CARDNUMBER_INPUT_FORMAT: {
     SPACE_FORMAT: string;
@@ -551,6 +574,7 @@ export declare const DEFAULT_ERROR_TEXT_ELEMENT_TYPES: {
     EXPIRATION_MONTH: string;
     EXPIRATION_YEAR: string;
     FILE_INPUT: string;
+    MULTI_FILE_INPUT: string;
 };
 export declare const DEFAULT_REQUIRED_TEXT_ELEMENT_TYPES: {
     CVV: string;
@@ -562,6 +586,7 @@ export declare const DEFAULT_REQUIRED_TEXT_ELEMENT_TYPES: {
     EXPIRATION_MONTH: string;
     EXPIRATION_YEAR: string;
     FILE_INPUT: string;
+    MULTI_FILE_INPUT: string;
 };
 export declare const INPUT_KEYBOARD_EVENTS: {
     ENTER: string;

package/types/core/external/collect/compose-collect-container.d.ts

@@ -1,4 +1,4 @@
-import { Context, CollectElementInput, CollectElementOptions, ICollectOptions, CollectResponse, InputStyles, ErrorTextStyles, ContainerOptions } from '../../../utils/common';
+import { Context, CollectElementInput, CollectElementOptions, ICollectOptions, CollectResponse, InputStyles, ErrorTextStyles, ContainerOptions, UploadFilesResponse } from '../../../utils/common';
 import Container from '../common/container';
 import ComposableElement from './compose-collect-element';
 import { ElementGroup } from './collect-container';
@@ -16,5 +16,6 @@ declare class ComposableContainer extends Container {
     mount: (domElement: HTMLElement | string) => void;
     unmount: () => void;
     collect: (options?: ICollectOptions) => Promise<CollectResponse>;
+    uploadFiles: (options: ICollectOptions) => Promise<UploadFilesResponse>;
 }
 export default ComposableContainer;

package/types/core/external/collect/compose-collect-element.d.ts

@@ -1,12 +1,12 @@
-import EventEmitter from '../../../event-emitter';
-import { CollectElementUpdateOptions } from '../../../utils/common';
+import { CollectElementUpdateOptions, MetaData } from '../../../utils/common';
 declare class ComposableElement {
     #private;
     type: string;
-    constructor(name: string, eventEmitter: EventEmitter, iframeName: string);
+    constructor(name: any, eventEmitter: any, iframeName: any, metaData: any);
     on(eventName: string, handler: Function): void;
     iframeName(): string;
     getID(): string;
     update: (options: CollectElementUpdateOptions) => void;
+    uploadMultipleFiles: (metaData?: MetaData) => Promise<unknown>;
 }
 export default ComposableElement;

package/types/core/external/common/iframe.d.ts

@@ -6,7 +6,7 @@ export default class IFrame {
     iframe: HTMLIFrameElement;
     container?: Element;
     constructor(name: string, metadata: Metadata, containerId: string, logLevel: LogLevel);
-    mount: (domElement: HTMLElement | string, elementId?: string, data?: any) => void;
+    mount: (domElement: any, elementId?: string, data?: any) => void;
     setIframeHeight: (height: any) => void;
     unmount: () => void;
 }

package/types/core/external/reveal/composable-reveal-container.d.ts

@@ -0,0 +1,16 @@
+import { Context } from '../../../utils/common';
+import Container from '../common/container';
+import ComposableRevealElement from './composable-reveal-element';
+import { ContainerOptions, RevealElementInput, RevealResponse } from '../../../index-node';
+import { IRevealElementOptions } from './reveal-container';
+import { Metadata, SkyflowElementProps } from '../../internal/internal-types';
+declare class ComposableRevealContainer extends Container {
+    #private;
+    type: string;
+    constructor(metaData: Metadata, skyflowElements: Array<SkyflowElementProps>, context: Context, options?: ContainerOptions);
+    create: (input: RevealElementInput, options?: IRevealElementOptions) => ComposableRevealElement;
+    mount: (domElement: HTMLElement | string) => void;
+    unmount: () => void;
+    reveal(): Promise<RevealResponse>;
+}
+export default ComposableRevealContainer;

package/types/core/external/reveal/composable-reveal-element.d.ts

@@ -0,0 +1,13 @@
+import EventEmitter from '../../../event-emitter';
+import { RenderFileResponse } from '../../../utils/common';
+import { IRevealElementInput, IRevealElementOptions } from './reveal-container';
+declare class ComposableRevealElement {
+    #private;
+    type: string;
+    constructor(name: string, eventEmitter: EventEmitter, iframeName: string);
+    iframeName(): string;
+    getID(): string;
+    renderFile(): Promise<RenderFileResponse>;
+    update: (options: IRevealElementInput | IRevealElementOptions) => void;
+}
+export default ComposableRevealElement;

package/types/core/external/reveal/composable-reveal-internal.d.ts

@@ -0,0 +1,29 @@
+import { Context, RenderFileResponse } from '../../../utils/common';
+import SkyflowElement from '../common/skyflow-element';
+import { IRevealElementInput, IRevealElementOptions } from './reveal-container';
+import { Metadata, RevealContainerProps } from '../../internal/internal-types';
+export interface RevealComposableGroup {
+    record: IRevealElementInput;
+    options: IRevealElementOptions;
+}
+declare class ComposableRevealInternalElement extends SkyflowElement {
+    #private;
+    resizeObserver: ResizeObserver | null;
+    constructor(elementId: string, recordGroup: any, metaData: Metadata, container: RevealContainerProps, context: Context);
+    private setupRenderFileEventListener;
+    getID(): string;
+    mount(domElementSelector: HTMLElement | string): void;
+    renderFile(recordData: any): Promise<RenderFileResponse>;
+    iframeName(): string;
+    isMounted(): boolean;
+    isClientSetError(): boolean;
+    getRecordData(): any;
+    setErrorOverride(clientErrorText: string): void;
+    setError(clientErrorText: string): void;
+    resetError(): void;
+    setAltText(altText: string, record: any): void;
+    clearAltText(): void;
+    unmount(): void;
+    update(options: IRevealElementInput | IRevealElementOptions, record: any): void;
+}
+export default ComposableRevealInternalElement;

package/types/core/internal/composable-frame-element-init.d.ts

@@ -0,0 +1,21 @@
+import { IRevealRecordComposable } from '../../utils/common';
+import IFrameFormElement from './iframe-form';
+import FrameElement from '.';
+export default class RevealComposableFrameElementInit {
+    #private;
+    iframeFormElement: IFrameFormElement | undefined;
+    clientMetaData: any;
+    frameElement: FrameElement;
+    private static frameEle?;
+    containerId: string;
+    group: any;
+    frameList: FrameElement[];
+    iframeFormList: IFrameFormElement[];
+    revealFrameList: any[];
+    rootDiv: HTMLDivElement;
+    constructor();
+    updateGroupData: () => void;
+    static startFrameElement: () => void;
+    revealData(revealRecords: IRevealRecordComposable[], containerId: string, authToken: string): Promise<unknown>;
+    createContainerDiv: (newGroup: any) => void;
+}

package/types/core/internal/frame-element-init.d.ts

@@ -10,7 +10,18 @@ export default class FrameElementInit {
     private static frameEle?;
     containerId: string;
     group: any;
+    frameList: FrameElement[];
+    iframeFormList: IFrameFormElement[];
     constructor();
+    private handleCollectCall;
+    private parallelUploadFiles;
+    uploadFiles: (fileElement: any, clientConfig: any) => Promise<unknown>;
+    private tokenize;
+    private multipleUploadFiles;
+    private validateFiles;
+    private createInsertRequest;
+    private extractSkyflowIDs;
+    private insertDataCallInMultiFiles;
     updateGroupData: () => void;
     createIframeElement: (frameName: any, label: any, skyflowID: any, isRequired: any) => IFrameFormElement;
     static startFrameElement: () => void;

package/types/core/internal/iframe-form/index.d.ts

@@ -44,6 +44,11 @@ export default class IFrameFormElement extends EventEmitter {
     changeFocus: (focus: boolean) => void;
     setReplacePattern(pattern: string[]): void;
     setMask(mask: string[]): void;
+    getFileDetails: (value: FileList | File | null) => Array<{
+        fileName: string;
+        fileSizeKB: number;
+        fileType: string;
+    }>;
     setValidation(validations: IValidationRule[] | undefined): void;
     setFormat(format: string): void;
     setSensitive(sensitive?: boolean): void;

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

@@ -20,7 +20,8 @@ export default class FrameElement {
     private selectionStart?;
     private selectionEnd?;
     private selectedData?;
-    constructor(iFrameFormElement: IFrameFormElement, options: any, htmlDivElement: HTMLDivElement);
+    private clientDomain;
+    constructor(iFrameFormElement: IFrameFormElement, options: any, htmlDivElement: HTMLDivElement, clientDomain?: string);
     mount: () => void;
     setupInputField(newValue?: boolean): void;
     updateParentDiv: (newDiv: HTMLDivElement) => void;
@@ -51,4 +52,5 @@ export default class FrameElement {
     updateOptions(options: any): void;
     private applyMask;
     private appendDropdown;
+    private setDropdownIconStyle;
 }

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

@@ -38,8 +38,10 @@ export interface RevealContainerProps {
     containerId: string;
     isMounted: boolean;
     eventEmitter: EventEmitter;
+    type: string;
 }
 export interface InternalState {
+    metaData: any;
     isEmpty: boolean;
     isValid: boolean;
     isFocused: boolean;
@@ -69,4 +71,5 @@ export interface Metadata extends ClientMetadata {
     clientJSON: ClientToJSON;
     containerType: ContainerType;
     skyflowContainer: SkyflowContainer;
+    getSkyflowBearerToken: () => Promise<string>;
 }

package/types/core/internal/reveal/reveal-frame.d.ts

@@ -1,10 +1,16 @@
+import { Context } from '../../../utils/common';
 declare class RevealFrame {
     #private;
     static revealFrame: RevealFrame;
     private domCopy?;
     private isRevealCalled?;
     static init(): void;
-    constructor(record: any, context: any, id: any);
+    constructor(record: any, context: Context, id: string, rootDiv?: HTMLDivElement);
+    responseUpdate: (data: any) => void;
+    getConfig: () => void;
+    getData: () => any;
+    private sub2;
+    private renderFile;
     private getExtension;
     private addFileRender;
     private setRevealError;

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

@@ -34,5 +34,8 @@ export declare const constructElementsInsertReq: (req: any, update: any, options
     records?: undefined;
 })[];
 export declare const updateRecordsBySkyflowID: (skyflowIdRecords: any, client: Client, options: any) => Promise<unknown>;
+export declare const updateRecordsBySkyflowIDComposable: (skyflowIdRecords: any, client: Client, options: any, authToken: string) => Promise<unknown>;
+export declare const insertDataInCollect: (records: any, client: Client, options: any, finalInsertRecords: any, authToken: string) => Promise<unknown>;
+export declare const insertDataInMultipleFiles: (records: any, client: Client, options: any, finalInsertRecords: any, authToken: string) => Promise<unknown>;
 export declare const checkForElementMatchRule: (validations: IValidationRule[]) => boolean;
 export declare const checkForValueMatch: (validations: IValidationRule[], element: IFrameFormElement) => boolean;

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

@@ -1,8 +1,10 @@
 import Client from '../client';
-import { IRevealRecord, IRevealResponseType, IGetRecord, ISkyflowIdRecord, IRenderResponseType, IGetOptions, RenderFileResponse, RevealResponse, GetResponse, GetByIdResponse } from '../utils/common';
+import { IRevealRecord, IRevealResponseType, IGetRecord, ISkyflowIdRecord, IRenderResponseType, IGetOptions, RenderFileResponse, RevealResponse, GetResponse, GetByIdResponse, IRevealRecordComposable } from '../utils/common';
 export declare const getFileURLForRender: (skyflowIdRecord: IRevealRecord, client: Client, authToken: string) => Promise<any>;
 export declare const getFileURLFromVaultBySkyflowID: (skyflowIdRecord: IRevealRecord, client: Client) => Promise<IRenderResponseType>;
+export declare const getFileURLFromVaultBySkyflowIDComposable: (skyflowIdRecord: IRevealRecord, client: Client, authToken: string) => Promise<IRenderResponseType>;
 export declare const fetchRecordsByTokenId: (tokenIdRecords: IRevealRecord[], client: Client) => Promise<IRevealResponseType>;
+export declare const fetchRecordsByTokenIdComposable: (tokenIdRecords: IRevealRecordComposable[], client: Client, authToken: string) => Promise<IRevealResponseType>;
 export declare const formatRecordsForIframe: (response: IRevealResponseType) => Record<string, string>;
 export declare const formatRecordsForRender: (response: IRenderResponseType, column: any, skyflowID: any) => {
     column: any;
@@ -11,5 +13,15 @@ export declare const formatRecordsForRender: (response: IRenderResponseType, col
 };
 export declare const formatForRenderClient: (response: IRenderResponseType, column: string) => RenderFileResponse;
 export declare const formatRecordsForClient: (response: IRevealResponseType) => RevealResponse;
+export declare const formatRecordsForClientComposable: (response: any) => {
+    success: never[];
+    errors: never[];
+} | {
+    success: never[];
+    errors?: undefined;
+} | {
+    errors: never[];
+    success?: undefined;
+};
 export declare const fetchRecordsGET: (skyflowIdRecords: IGetRecord[], client: Client, options?: IGetOptions) => Promise<GetResponse>;
 export declare const fetchRecordsBySkyflowID: (skyflowIdRecords: ISkyflowIdRecord[], client: Client) => Promise<GetByIdResponse>;

package/types/index-node.d.ts

@@ -11,4 +11,6 @@ export { default as ComposableElement } from './core/external/collect/compose-co
 export { default as RevealContainer } from './core/external/reveal/reveal-container';
 export { default as RevealElement } from './core/external/reveal/reveal-element';
 export { default as ThreeDS } from './core/external/threeds/threeds';
+export { default as ComposableRevealContainer } from './core/external/reveal/composable-reveal-container';
+export { default as ComposableRevealElement } from './core/external/reveal/composable-reveal-element';
 export default Skyflow;

package/types/skyflow.d.ts

@@ -5,10 +5,12 @@ import SkyflowError from './libs/skyflow-error';
 import { RequestMethod, IInsertRecordInput, IDetokenizeInput, IGetInput, RedactionType, EventName, Env, LogLevel, ValidationRuleType, IGetByIdInput, IInsertOptions, IDeleteRecordInput, IDeleteOptions, IGetOptions, InsertResponse, GetResponse, GetByIdResponse, DeleteResponse, ContainerOptions, DetokenizeResponse, IUpdateRequest, UpdateResponse, IUpdateOptions } from './utils/common';
 import ComposableContainer from './core/external/collect/compose-collect-container';
 import ThreeDS from './core/external/threeds/threeds';
+import ComposableRevealContainer from './core/external/reveal/composable-reveal-container';
 export declare enum ContainerType {
     COLLECT = "COLLECT",
     REVEAL = "REVEAL",
-    COMPOSABLE = "COMPOSABLE"
+    COMPOSABLE = "COMPOSABLE",
+    COMPOSE_REVEAL = "COMPOSABLE_REVEAL"
 }
 export interface SkyflowConfigOptions {
     logLevel?: LogLevel;
@@ -30,6 +32,7 @@ declare class Skyflow {
     container(type: ContainerType.COLLECT, options?: ContainerOptions): CollectContainer;
     container(type: ContainerType.COMPOSABLE, options?: ContainerOptions): ComposableContainer;
     container(type: ContainerType.REVEAL, options?: ContainerOptions): RevealContainer;
+    container(type: ContainerType.COMPOSE_REVEAL, options?: ContainerOptions): ComposableRevealContainer;
     insert(records: IInsertRecordInput, options?: IInsertOptions): Promise<InsertResponse>;
     detokenize(detokenizeInput: IDetokenizeInput): Promise<DetokenizeResponse>;
     getById(getByIdInput: IGetByIdInput): Promise<GetByIdResponse>;

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

@@ -68,6 +68,14 @@ export interface IRevealRecord {
     skyflowID?: string;
     table?: string;
 }
+export interface IRevealRecordComposable {
+    token?: string;
+    redaction?: RedactionType;
+    column?: string;
+    skyflowID?: string;
+    table?: string;
+    iframeName?: string;
+}
 export interface IInsertResponse {
     records: IInsertResponseReocrds[];
 }
@@ -83,6 +91,7 @@ export interface IRevealResponseType {
 export interface IRenderResponseType {
     fields?: Record<string, any>;
     errors?: Record<string, any>;
+    fileMetadata?: Record<string, any>;
 }
 export interface IDetokenizeInput {
     records: IRevealRecord[];
@@ -276,6 +285,14 @@ export interface ICollectOptions {
     additionalFields?: IInsertRecordInput;
     upsert?: Array<IUpsertOptions>;
 }
+export interface MetaData {
+    [key: string]: any;
+}
+export interface EventConfig {
+    authToken: string;
+    vaultURL: string;
+    vaultID: string;
+}
 export interface UploadFilesResponse {
     fileUploadResponse?: Record<string, any>;
     errorResponse?: Record<string, any>;

package/types/utils/constants.d.ts

@@ -1,4 +1,12 @@
 declare const SKYFLOW_ERROR_CODE: {
+    MULTI_FILE_NOT_SUPPORTED: {
+        code: number;
+        description: string;
+    };
+    INVALID_REVEAL_COMPOSABLE_INPUT: {
+        code: number;
+        description: string;
+    };
     INVALID_FILE_NAME: {
         code: number;
         description: string;
@@ -487,6 +495,22 @@ declare const SKYFLOW_ERROR_CODE: {
         code: number;
         description: string;
     };
+    OFFLINE_ERROR: {
+        code: number;
+        description: string;
+    };
+    TIMEOUT_ERROR: {
+        code: number;
+        description: string;
+    };
+    ABORT_ERROR: {
+        code: number;
+        description: string;
+    };
+    GENERIC_ERROR: {
+        code: number;
+        description: string;
+    };
     COMPLETE_AND_VALID_INPUTS: {
         code: number;
         description: string;
@@ -775,5 +799,9 @@ declare const SKYFLOW_ERROR_CODE: {
         code: number;
         description: string;
     };
+    NO_FILE_ELEMENT_FOUND: {
+        code: number;
+        description: string;
+    };
 };
 export default SKYFLOW_ERROR_CODE;

package/types/utils/logs.d.ts

@@ -4,6 +4,7 @@ declare const logs: {
         CLIENT_INITIALIZED: string;
         CREATE_COLLECT_CONTAINER: string;
         COLLECT_CONTAINER_CREATED: string;
+        INITIALIZE_COMPOSABLE_CLIENT: string;
         CREATE_REVEAL_CONTAINER: string;
         REVEAL_CONTAINER_CREATED: string;
         VALIDATE_RECORDS: string;
@@ -18,6 +19,8 @@ declare const logs: {
         ELEMENT_REVEALED: string;
         FILE_RENDERED: string;
         COLLECT_SUBMIT_SUCCESS: string;
+        UPLOAD_FILES_SUCCESS: string;
+        MULTI_UPLOAD_FILES_SUCCESS: string;
         REVEAL_SUBMIT_SUCCESS: string;
         RENDER_SUBMIT_SUCCESS: string;
         INSERT_DATA_SUCCESS: string;
@@ -76,6 +79,8 @@ declare const logs: {
         VALIDATE_GET_BY_ID_INPUT: string;
     };
     errorLogs: {
+        MULTI_FILE_NOT_SUPPORTED: string;
+        INVALID_REVEAL_COMPOSABLE_INPUT: string;
         NO_ELEMENTS_IN_COLLECT: string;
         NO_ELEMENTS_IN_COMPOSABLE: string;
         NO_ELEMENTS_IN_REVEAL: string;
@@ -221,6 +226,10 @@ declare const logs: {
         INVALID_HANDLER_IN_EVENT_LISTENER: string;
         UNKNOWN_ERROR: string;
         NETWORK_ERROR: string;
+        TIMEOUT_ERROR: string;
+        ABORT_ERROR: string;
+        GENERIC_ERROR: string;
+        OFFLINE_ERROR: string;
         CONNECTION_ERROR: string;
         ERROR_OCCURED: string;
         INVALID_VALIDATIONS_TYPE: string;
@@ -291,6 +300,7 @@ declare const logs: {
         INVALID_OPTION_CARD_METADATA: string;
         INVALID_OPTION_CARD_SCHEME: string;
         INVALID_FIELD_SHOW_3DS_CHALLEGNGE: string;
+        NO_FILE_ELEMENT_FOUND: string;
     };
     warnLogs: {
         INVALID_EXPIRATION_DATE_FORMAT: string;