skyflow-js 1.35.0 → 1.36.0

package/dist/sdkNodeBuild/manifest.json

@@ -8,8 +8,10 @@
   "jcb.svg": "8062a86943450f142966.svg",
   "mastercard.svg": "08ad88dee7d4519954ec.svg",
   "diners-club.svg": "a9431336dd9f3e17b880.svg",
+  "carter-banceris.svg": "bcd5969a8a86792c2995.svg",
   "visa.svg": "cbee67fb3d652dad9e25.svg",
   "copyIcon.svg": "362f9fcc6011fc54c62f.svg",
   "path.svg": "54c18b6916f26474cce8.svg",
-  "default.svg": "2afb5d11fb02e9292eaf.svg"
+  "default.svg": "2afb5d11fb02e9292eaf.svg",
+  "drop-down.svg": "83a53e5f338c1bd56555.svg"
 }

package/package.json

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

package/types/core/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const SESSION_ID = "session_id";
 export declare const SKY_METADATA_HEADER = "sky-metadata";
 export declare const SDK_VERSION = "sdkVersion";
 export declare const COLLECT_FRAME_CONTROLLER = "collect_controller";
@@ -5,6 +6,53 @@ export declare const REVEAL_FRAME_CONTROLLER = "reveal_controller";
 export declare const SKYFLOW_FRAME_CONTROLLER = "skyflow_controller";
 export declare const FRAME_REVEAL = "reveal";
 export declare const FRAME_ELEMENT = "element";
+export declare const ELEMENT_TYPES: {
+    COLLECT: string;
+    REVEAL: string;
+    COMPOSE: string;
+};
+export declare const EVENT_TYPES: {
+    MOUNTED: string;
+    READY: string;
+};
+export declare const STATUS_TYPES: {
+    SUCCESS: string;
+    INITIALIZED: string;
+    PARTIAL_RENDER: string;
+    FAILED: string;
+};
+export declare const METRIC_TYPES: {
+    ELEMENT_ID: string;
+    ELEMENT_TYPE: {
+        COLLECT: string;
+        REVEAL: string;
+        COMPOSE: string;
+    };
+    ELEMENT_TYPE_KEY: string;
+    DIV_ID: string;
+    CONTAINER_ID: string;
+    CONTAINER_NAME: string;
+    SESSION_ID: string;
+    VAULT_ID: string;
+    VAULT_URL: string;
+    EVENTS: {
+        MOUNTED: string;
+        READY: string;
+    };
+    EVENTS_KEY: string;
+    CREATED_AT: string;
+    REGION: string;
+    MOUNT_START_TIME: string;
+    MOUNT_END_TIME: string;
+    ERROR: string;
+    LATENCY: string;
+    STATUS: {
+        SUCCESS: string;
+        INITIALIZED: string;
+        PARTIAL_RENDER: string;
+        FAILED: string;
+    };
+};
 export declare const PUREJS_TYPES: {
     INSERT: string;
     DETOKENIZE: string;
@@ -53,6 +101,7 @@ export declare const ELEMENT_EVENTS_TO_IFRAME: {
     COMPOSABLE_UPDATE_OPTIONS: string;
     RENDER_FILE_RESPONSE_READY: string;
     RENDER_FILE_REQUEST: string;
+    PUSH_EVENT: string;
 };
 export declare const REVEAL_ELEMENT_OPTIONS_TYPES: {
     TOKEN: string;
@@ -89,8 +138,23 @@ export declare enum CardType {
     UNIONPAY = "UNIONPAY",
     HIPERCARD = "HIPERCARD",
     DEFAULT = "DEFAULT",
-    UNKNOWN = "UNKNOWN"
+    UNKNOWN = "UNKNOWN",
+    CARTES_BANCAIRES = "CARTES BANCAIRES"
 }
+export declare const CardTypeValues: {
+    VISA: string;
+    MASTERCARD: string;
+    AMEX: string;
+    DINERS_CLUB: string;
+    DISCOVER: string;
+    JCB: string;
+    MAESTRO: string;
+    UNIONPAY: string;
+    HIPERCARD: string;
+    DEFAULT: string;
+    UNKNOWN: string;
+    "CARTES BANCAIRES": string;
+};
 export declare const CARD_NUMBER_MASK: {
     AMEX: (string | {
         X: string;
@@ -287,7 +351,9 @@ export declare const INPUT_WITH_ICON_DEFAULT_STYLES: {
     'text-indent': string;
     padding: string;
 };
-export declare const INPUT_ICON_STYLES = "position: absolute; left:8px; bottom:calc(50% - 12px)";
+export declare const INPUT_ICON_STYLES = "position: absolute; left:8px; bottom:calc(50% - 12px); cursor:pointer;";
+export declare const DROPDOWN_ICON_STYLES = "position: absolute; left:46px; bottom:calc(50% - 12px);cursor:pointer;display:none;";
+export declare const DROPDOWN_STYLES = "position: absolute; left:8px; bottom:calc(50% - 12px);appearance: none;padding: unset; box-shadow: none;background: transparent;cursor:pointer;outline:none;opacity:0;width:54px;";
 export declare const COLLECT_COPY_ICON_STYLES = "position: absolute; right:8px; bottom:calc(50% - 12px); cursor:pointer;";
 export declare const REVEAL_COPY_ICON_STYLES = "position: absolute; right:8px; top:calc(50% - 12px); cursor:pointer;";
 export declare const ERROR_TEXT_STYLES: {
@@ -409,6 +475,7 @@ export declare const DEFAULT_CARD_LENGTH_RANGE: number[];
 export declare const CARD_ENCODED_ICONS: {
     DEFAULT: any;
     AMEX: any;
+    "CARTES BANCAIRES": any;
     DINERS_CLUB: any;
     DISCOVER: any;
     HIPERCARD: any;
@@ -495,3 +562,4 @@ export declare const DEFAULT_INPUT_FORMAT_TRANSLATION: {
 };
 export declare const DEFAULT_FILE_RENDER_ERROR = "File rendering failed. Please try again later.";
 export declare const FILE_DOWNLOAD_URL_PARAM = "downloadURL=true&contentDisposition=INLINE";
+export declare const DROP_DOWN_ICON: any;

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

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

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

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

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

@@ -10,6 +10,7 @@ export declare class IFrameFormElement extends EventEmitter {
         name: string;
         isRequired: boolean;
         isTouched: boolean;
+        selectedCardScheme: string;
     };
     readonly fieldType: string;
     private sensitive;
@@ -33,6 +34,7 @@ export declare class IFrameFormElement extends EventEmitter {
     preserveFileName: boolean;
     constructor(name: string, label: string, metaData: any, context: Context, skyflowID?: string);
     onFocusChange: (focus: boolean) => void;
+    onDropdownSelect: (cardType: string) => void;
     changeFocus: (focus: boolean) => void;
     setReplacePattern(pattern: string[]): void;
     setMask(mask: string[]): void;
@@ -43,6 +45,7 @@ export declare class IFrameFormElement extends EventEmitter {
     getValue: () => any;
     getUnformattedValue: () => any;
     getStatus: () => {
+        selectedCardScheme?: string | undefined;
         isFocused: boolean;
         isValid: boolean;
         isEmpty: boolean;

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

@@ -23,6 +23,8 @@ export declare class FrameElement {
     private hasError?;
     private labelDiv?;
     private isRequiredLabel?;
+    private dropdownIcon?;
+    private dropdownSelect?;
     constructor(iFrameFormElement: IFrameFormElement, options: any, htmlDivElement: HTMLDivElement);
     mount: () => void;
     setupInputField(newValue?: boolean): void;
@@ -48,4 +50,5 @@ export declare class FrameElement {
     setClass(types: string[], dom?: HTMLElement, preText?: string): void;
     updateOptions(options: any): void;
     private applyMask;
+    private appendDropdown;
 }

package/types/core/internal/skyflow-frame/skyflow-frame-controller.d.ts

@@ -5,5 +5,6 @@ declare class SkyflowFrameController {
     static init(clientId: any): SkyflowFrameController;
     insertData(records: any, options: any): Promise<unknown>;
     renderFile(data: IRevealRecord, containerId: any, iframeName: any): Promise<unknown>;
+    pushEvent(event: any): Promise<unknown>;
 }
 export default SkyflowFrameController;

package/types/metrics/index.d.ts

@@ -0,0 +1,7 @@
+import { MeticsObjectType, SharedMeticsObjectType } from '../utils/common';
+export declare const METRIC_OBJECT: SharedMeticsObjectType;
+export declare function initalizeMetricObject(metadata: any, elementId: string): void;
+export declare function updateMetricObjectValue(id: string, key: string, value: any): void;
+export declare function getEventStatus(metricEvent: MeticsObjectType): string;
+export declare function pushEventToMixpanel(elementId: string): void;
+export declare function pushElementEventWithTimeout(elementID: string): void;

package/types/skyflow.d.ts

@@ -1,4 +1,4 @@
-import { ElementType } from './core/constants';
+import { ElementType, CardType } from './core/constants';
 import RevealContainer from './core/external/reveal/reveal-container';
 import CollectContainer from './core/external/collect/collect-container';
 import { IRevealResponseType, RequestMethod, IInsertRecordInput, IDetokenizeInput, IGetInput, RedactionType, EventName, Env, LogLevel, ValidationRuleType, IGetByIdInput, IInsertOptions, IDeleteRecordInput, IDeleteOptions, IGetOptions } from './utils/common';
@@ -32,5 +32,6 @@ declare class Skyflow {
     static get EventName(): typeof EventName;
     static get Env(): typeof Env;
     static get ValidationRuleType(): typeof ValidationRuleType;
+    static get CardType(): typeof CardType;
 }
 export default Skyflow;

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

@@ -123,3 +123,28 @@ export interface IDeleteResponseType {
     records?: Record<string, string>[];
     errors?: Record<string, any>[];
 }
+export interface MeticsObjectType {
+    element_id: string;
+    element_type: string[];
+    div_id: string;
+    container_id: string;
+    container_name: string;
+    session_id: string;
+    vault_id: string;
+    vault_url: string;
+    events: string[];
+    created_at: number;
+    region: string;
+    mount_start_time?: number;
+    mount_end_time?: number;
+    error?: string;
+    latency?: number;
+    status: 'SUCCESS' | 'INITIALIZED' | 'PARTIAL_RENDER' | 'FAILED' | string;
+    sdk_name_version: string;
+    sdk_client_device_model: string | undefined;
+    sdk_client_os_details: string;
+    sdk_runtime_details: string;
+}
+export interface SharedMeticsObjectType {
+    records: MeticsObjectType[];
+}

package/types/utils/constants.d.ts

@@ -699,5 +699,13 @@ declare const SKYFLOW_ERROR_CODE: {
         code: number;
         description: string;
     };
+    INVALID_OPTION_CARD_METADATA: {
+        code: number;
+        description: string;
+    };
+    INVALID_OPTION_CARD_SCHEME: {
+        code: number;
+        description: string;
+    };
 };
 export default SKYFLOW_ERROR_CODE;

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

@@ -49,5 +49,6 @@ export declare function getMetaObject(sdkDetails: any, metaData: any, navigator:
     sdk_runtime_details: string;
 };
 export declare function checkAndSetForCustomUrl(config: ISkyflow): void;
+export declare function getVaultBeffeURL(vaultURL: string): string;
 export declare const generateUploadFileName: (fileName: string) => string;
 export {};

package/types/utils/logs.d.ts

@@ -47,6 +47,9 @@ declare const logs: {
         DELETE_RESOLVED: string;
         EMIT_EVENT: string;
         CAPTURE_EVENT: string;
+        METRIC_CAPTURE_EVENT: string;
+        UNKNOWN_METRIC_CAPTURE_EVENT: string;
+        UNKNOWN_RESPONSE_FROM_METRIC_EVENT: string;
         LISTEN_COLLECT_FRAME_READY: string;
         EMIT_COLLECT_ELEMENT_FRAME_READY: string;
         ENTERED_COLLECT_FRAME_READY_CB: string;
@@ -267,6 +270,8 @@ declare const logs: {
         INVALID_ALLOWED_OPTIONS: string;
         EMPTY_ALLOWED_OPTIONS_ARRAY: string;
         INVALID_ALLOWED_FILETYPE_ARRAY: string;
+        INVALID_OPTION_CARD_METADATA: string;
+        INVALID_OPTION_CARD_SCHEME: string;
     };
     warnLogs: {
         INVALID_EXPIRATION_DATE_FORMAT: string;