@wavemaker/app-rn-runtime 11.5.0-next.40301 → 11.5.0-next.NULL

app-rn-runtime/actions/login-action.js

@@ -1,4 +1,5 @@
 import { BaseAction } from "./base-action";
+import { VariableEvents } from '../variables/base-variable';
 import { get } from 'lodash';
 export class LoginAction extends BaseAction {
   constructor(config) {
@@ -9,6 +10,7 @@ export class LoginAction extends BaseAction {
     if (!get(options, 'formData')) {
       params = this.config.paramProvider();
     }
+    this.notify(VariableEvents.BEFORE_INVOKE, [this, params]);
     return this.config.securityService().appLogin({
       baseURL: this.config.baseURL,
       formData: get(options, 'formData') || params,
@@ -16,12 +18,14 @@ export class LoginAction extends BaseAction {
     }).then(data => {
       this.config.onSuccess && this.config.onSuccess(this, get(data, 'userInfo'));
       successcb && successcb(data);
+      this.notify(VariableEvents.AFTER_INVOKE, [this, data]);
       if (this.config.useDefaultSuccessHandler) {
         this.config.securityService().navigateToLandingPage(data);
       }
     }).catch(error => {
       this.config.onError && this.config.onError(this, error);
       errorcb && errorcb(error);
+      this.notify(VariableEvents.AFTER_INVOKE, [this, error]);
     });
   }
 }

app-rn-runtime/actions/login-action.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAction","get","LoginAction","constructor","config","invoke","options","successcb","errorcb","params","paramProvider","securityService","appLogin","baseURL","formData","useDefaultSuccessHandler","then","data","onSuccess","navigateToLandingPage","catch","error","onError"],"sources":["login-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nimport { get } from 'lodash';\nexport interface LoginActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n    useDefaultSuccessHandler: boolean;\n}\nexport class LoginAction extends BaseAction<LoginActionConfig> {\n    constructor(config: LoginActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n      let params;\n      if (!get(options, 'formData')) {\n        params = this.config.paramProvider();\n      }\n      return this.config.securityService().appLogin(\n        {\n          baseURL: this.config.baseURL,\n          formData: get(options, 'formData') || params,\n          useDefaultSuccessHandler: this.config.useDefaultSuccessHandler\n      })\n        .then((data: any) => {\n            this.config.onSuccess && this.config.onSuccess(this, get(data, 'userInfo'));\n            successcb && successcb(data);\n            if (this.config.useDefaultSuccessHandler) {\n              this.config.securityService().navigateToLandingPage(data);\n            }\n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n        });\n    }\n}\n"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAExD,SAASC,GAAG,QAAQ,QAAQ;AAM5B,OAAO,MAAMC,WAAW,SAASF,UAAU,CAAoB;EAC3DG,WAAWA,CAACC,MAAyB,EAAE;IACnC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC7D,IAAIC,MAAM;IACV,IAAI,CAACR,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,EAAE;MAC7BG,MAAM,GAAG,IAAI,CAACL,MAAM,CAACM,aAAa,CAAC,CAAC;IACtC;IACA,OAAO,IAAI,CAACN,MAAM,CAACO,eAAe,CAAC,CAAC,CAACC,QAAQ,CAC3C;MACEC,OAAO,EAAE,IAAI,CAACT,MAAM,CAACS,OAAO;MAC5BC,QAAQ,EAAEb,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,IAAIG,MAAM;MAC5CM,wBAAwB,EAAE,IAAI,CAACX,MAAM,CAACW;IAC1C,CAAC,CAAC,CACCC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACb,MAAM,CAACc,SAAS,IAAI,IAAI,CAACd,MAAM,CAACc,SAAS,CAAC,IAAI,EAAEjB,GAAG,CAACgB,IAAI,EAAE,UAAU,CAAC,CAAC;MAC3EV,SAAS,IAAIA,SAAS,CAACU,IAAI,CAAC;MAC5B,IAAI,IAAI,CAACb,MAAM,CAACW,wBAAwB,EAAE;QACxC,IAAI,CAACX,MAAM,CAACO,eAAe,CAAC,CAAC,CAACQ,qBAAqB,CAACF,IAAI,CAAC;MAC3D;IACJ,CAAC,CAAC,CACDG,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACjB,MAAM,CAACkB,OAAO,IAAI,IAAI,CAAClB,MAAM,CAACkB,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDb,OAAO,IAAIA,OAAO,CAACa,KAAK,CAAC;IAC7B,CAAC,CAAC;EACN;AACJ"}
+{"version":3,"names":["BaseAction","VariableEvents","get","LoginAction","constructor","config","invoke","options","successcb","errorcb","params","paramProvider","notify","BEFORE_INVOKE","securityService","appLogin","baseURL","formData","useDefaultSuccessHandler","then","data","onSuccess","AFTER_INVOKE","navigateToLandingPage","catch","error","onError"],"sources":["login-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { VariableEvents } from '../variables/base-variable';\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nimport { get } from 'lodash';\nexport interface LoginActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n    useDefaultSuccessHandler: boolean;\n}\nexport class LoginAction extends BaseAction<LoginActionConfig> {\n    constructor(config: LoginActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n      let params;\n      if (!get(options, 'formData')) {\n        params = this.config.paramProvider();\n      }\n      this.notify(VariableEvents.BEFORE_INVOKE, [this, params]);\n      return this.config.securityService().appLogin(\n        {\n          baseURL: this.config.baseURL,\n          formData: get(options, 'formData') || params,\n          useDefaultSuccessHandler: this.config.useDefaultSuccessHandler\n      })\n        .then((data: any) => {\n            this.config.onSuccess && this.config.onSuccess(this, get(data, 'userInfo'));\n            successcb && successcb(data);\n            this.notify(VariableEvents.AFTER_INVOKE, [this, data]);\n            if (this.config.useDefaultSuccessHandler) {\n              this.config.securityService().navigateToLandingPage(data);\n            }\n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n            this.notify(VariableEvents.AFTER_INVOKE, [this, error]);\n        });\n    }\n}\n"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AACxD,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,GAAG,QAAQ,QAAQ;AAM5B,OAAO,MAAMC,WAAW,SAASH,UAAU,CAAoB;EAC3DI,WAAWA,CAACC,MAAyB,EAAE;IACnC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC7D,IAAIC,MAAM;IACV,IAAI,CAACR,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,EAAE;MAC7BG,MAAM,GAAG,IAAI,CAACL,MAAM,CAACM,aAAa,CAAC,CAAC;IACtC;IACA,IAAI,CAACC,MAAM,CAACX,cAAc,CAACY,aAAa,EAAE,CAAC,IAAI,EAAEH,MAAM,CAAC,CAAC;IACzD,OAAO,IAAI,CAACL,MAAM,CAACS,eAAe,CAAC,CAAC,CAACC,QAAQ,CAC3C;MACEC,OAAO,EAAE,IAAI,CAACX,MAAM,CAACW,OAAO;MAC5BC,QAAQ,EAAEf,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,IAAIG,MAAM;MAC5CQ,wBAAwB,EAAE,IAAI,CAACb,MAAM,CAACa;IAC1C,CAAC,CAAC,CACCC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACf,MAAM,CAACgB,SAAS,IAAI,IAAI,CAAChB,MAAM,CAACgB,SAAS,CAAC,IAAI,EAAEnB,GAAG,CAACkB,IAAI,EAAE,UAAU,CAAC,CAAC;MAC3EZ,SAAS,IAAIA,SAAS,CAACY,IAAI,CAAC;MAC5B,IAAI,CAACR,MAAM,CAACX,cAAc,CAACqB,YAAY,EAAE,CAAC,IAAI,EAAEF,IAAI,CAAC,CAAC;MACtD,IAAI,IAAI,CAACf,MAAM,CAACa,wBAAwB,EAAE;QACxC,IAAI,CAACb,MAAM,CAACS,eAAe,CAAC,CAAC,CAACS,qBAAqB,CAACH,IAAI,CAAC;MAC3D;IACJ,CAAC,CAAC,CACDI,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACpB,MAAM,CAACqB,OAAO,IAAI,IAAI,CAACrB,MAAM,CAACqB,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDhB,OAAO,IAAIA,OAAO,CAACgB,KAAK,CAAC;MACzB,IAAI,CAACb,MAAM,CAACX,cAAc,CAACqB,YAAY,EAAE,CAAC,IAAI,EAAEG,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;EACN;AACJ"}

app-rn-runtime/actions/logout-action.js

@@ -1,17 +1,21 @@
 import { BaseAction } from "./base-action";
+import { VariableEvents } from '../variables/base-variable';
 export class LogoutAction extends BaseAction {
   constructor(config) {
     super(config);
   }
   invoke(options, successcb, errorcb) {
+    this.notify(VariableEvents.BEFORE_INVOKE, [this]);
     return this.config.securityService().appLogout({
       baseURL: this.config.baseURL
     }).then(data => {
+      this.notify(VariableEvents.AFTER_INVOKE, [this, data]);
       this.config.onSuccess && this.config.onSuccess(this, data);
       successcb && successcb(data);
     }).catch(error => {
       this.config.onError && this.config.onError(this, error);
       errorcb && errorcb(error);
+      this.notify(VariableEvents.AFTER_INVOKE, [this, error]);
     });
   }
 }

app-rn-runtime/actions/logout-action.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAction","LogoutAction","constructor","config","invoke","options","successcb","errorcb","securityService","appLogout","baseURL","then","data","onSuccess","catch","error","onError"],"sources":["logout-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nexport interface LogoutActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n}\nexport class LogoutAction extends BaseAction<LogoutActionConfig> {\n    constructor(config: LogoutActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n        return this.config.securityService().appLogout({baseURL: this.config.baseURL})\n        .then((data: any) => {\n            this.config.onSuccess && this.config.onSuccess(this, data);\n            successcb && successcb(data);\n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n        });\n    }\n}"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAMxD,OAAO,MAAMC,YAAY,SAASD,UAAU,CAAqB;EAC7DE,WAAWA,CAACC,MAA0B,EAAE;IACpC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC3D,OAAO,IAAI,CAACJ,MAAM,CAACK,eAAe,CAAC,CAAC,CAACC,SAAS,CAAC;MAACC,OAAO,EAAE,IAAI,CAACP,MAAM,CAACO;IAAO,CAAC,CAAC,CAC7EC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACT,MAAM,CAACU,SAAS,IAAI,IAAI,CAACV,MAAM,CAACU,SAAS,CAAC,IAAI,EAAED,IAAI,CAAC;MAC1DN,SAAS,IAAIA,SAAS,CAACM,IAAI,CAAC;IAChC,CAAC,CAAC,CACDE,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACZ,MAAM,CAACa,OAAO,IAAI,IAAI,CAACb,MAAM,CAACa,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDR,OAAO,IAAIA,OAAO,CAACQ,KAAK,CAAC;IAC7B,CAAC,CAAC;EACN;AACJ"}
+{"version":3,"names":["BaseAction","VariableEvents","LogoutAction","constructor","config","invoke","options","successcb","errorcb","notify","BEFORE_INVOKE","securityService","appLogout","baseURL","then","data","AFTER_INVOKE","onSuccess","catch","error","onError"],"sources":["logout-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nimport { VariableEvents } from '../variables/base-variable';\nexport interface LogoutActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n}\nexport class LogoutAction extends BaseAction<LogoutActionConfig> {\n    constructor(config: LogoutActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n        this.notify(VariableEvents.BEFORE_INVOKE, [this]);\n        return this.config.securityService().appLogout({baseURL: this.config.baseURL})\n        .then((data: any) => {\n            this.notify(VariableEvents.AFTER_INVOKE, [this, data]);\n            this.config.onSuccess && this.config.onSuccess(this, data);\n            successcb && successcb(data);     \n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n            this.notify(VariableEvents.AFTER_INVOKE, [this, error]);\n        });\n    }\n}"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAExD,SAASC,cAAc,QAAQ,4BAA4B;AAK3D,OAAO,MAAMC,YAAY,SAASF,UAAU,CAAqB;EAC7DG,WAAWA,CAACC,MAA0B,EAAE;IACpC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC3D,IAAI,CAACC,MAAM,CAACR,cAAc,CAACS,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO,IAAI,CAACN,MAAM,CAACO,eAAe,CAAC,CAAC,CAACC,SAAS,CAAC;MAACC,OAAO,EAAE,IAAI,CAACT,MAAM,CAACS;IAAO,CAAC,CAAC,CAC7EC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACN,MAAM,CAACR,cAAc,CAACe,YAAY,EAAE,CAAC,IAAI,EAAED,IAAI,CAAC,CAAC;MACtD,IAAI,CAACX,MAAM,CAACa,SAAS,IAAI,IAAI,CAACb,MAAM,CAACa,SAAS,CAAC,IAAI,EAAEF,IAAI,CAAC;MAC1DR,SAAS,IAAIA,SAAS,CAACQ,IAAI,CAAC;IAChC,CAAC,CAAC,CACDG,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACf,MAAM,CAACgB,OAAO,IAAI,IAAI,CAAChB,MAAM,CAACgB,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDX,OAAO,IAAIA,OAAO,CAACW,KAAK,CAAC;MACzB,IAAI,CAACV,MAAM,CAACR,cAAc,CAACe,YAAY,EAAE,CAAC,IAAI,EAAEG,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;EACN;AACJ"}

app-rn-runtime/actions/notification-action.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAction","DEFAULT_DURATION","NotificationAction","constructor","config","_defineProperty","showDialog","prepareToastOptions","_options$class","_params$class","options","arguments","length","undefined","params","paramProvider","o","text","message","type","class","toLowerCase","onClose","onClick","onOk","content","partialContent","hideOnClick","toasterPosition","position","placement","split","styles","top","bottom","duration","parseInt","name","getMessage","invoke","success","error","operation","toasterService","showToast","onCancel"],"sources":["notification-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\nimport React from 'react';\nexport interface NotificationActionConfig extends ActionConfig {\n    showDialog: Function;\n    onOk: any;\n    onCancel: any;\n    onClose: any;\n    operation: string;\n    partialContent: React.ReactNode;\n    toasterService: () => ToastService;\n}\nconst DEFAULT_DURATION = 3000;\nexport class NotificationAction extends BaseAction<NotificationActionConfig> {\n    showDialog: Function;\n    constructor(config: NotificationActionConfig) {\n        super(config);\n        this.showDialog = config.showDialog;\n    }\n\n    prepareToastOptions(options: any = {}) {\n        const params = this.config.paramProvider();\n        const o = {} as ToastOptions;\n        o.text = options.message || params.text;\n        o.type = options.class?.toLowerCase() || params.class?.toLowerCase();\n        o.onClose = () => {\n            this.config.onClose && this.config.onClose(this);\n        },\n        o.onClick = () => {\n            this.config.onOk && this.config.onOk(this);\n        },\n        o.content = this.config.partialContent;\n        o.hideOnClick = options.hideOnClick || true;\n        const toasterPosition = options.position || params.toasterPosition || 'bottom right';\n        const placement = toasterPosition.split(' ')[0];\n        switch(placement) {\n            case 'top':\n                o.styles = {top: 0};\n                break;\n            case 'bottom':\n                o.styles = {bottom: 0};\n                break;\n            case 'center':\n                o.styles = {top: '50%'};\n                break;\n        }\n        if (this.config.partialContent) {\n            if (!o.styles) {\n                o.styles = {};\n            }\n        }\n        if (!params.duration) {\n          params.duration = (params.duration !== 0 && o.type === 'success') ? DEFAULT_DURATION : 0;\n        }\n        o.duration = parseInt(options.duration || params.duration);\n        o.name = this.name;\n        return o;\n      }\n\n  getMessage() {\n    return this.config.paramProvider().text;\n  }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        if (this.config.operation === 'toast') {\n            const toasterService = this.config.toasterService();\n            return toasterService.showToast(this.prepareToastOptions(options));\n        } else {\n            return this.showDialog && this.showDialog({...this.params, onOk: this.config.onOk, onCancel: this.config.onCancel, onClose: this.config.onClose});\n        }\n    }\n}\n"],"mappings":";;;AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAYxD,MAAMC,gBAAgB,GAAG,IAAI;AAC7B,OAAO,MAAMC,kBAAkB,SAASF,UAAU,CAA2B;EAEzEG,WAAWA,CAACC,MAAgC,EAAE;IAC1C,KAAK,CAACA,MAAM,CAAC;IAACC,eAAA;IACd,IAAI,CAACC,UAAU,GAAGF,MAAM,CAACE,UAAU;EACvC;EAEAC,mBAAmBA,CAAA,EAAoB;IAAA,IAAAC,cAAA,EAAAC,aAAA;IAAA,IAAnBC,OAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACjC,MAAMG,MAAM,GAAG,IAAI,CAACV,MAAM,CAACW,aAAa,CAAC,CAAC;IAC1C,MAAMC,CAAC,GAAG,CAAC,CAAiB;IAC5BA,CAAC,CAACC,IAAI,GAAGP,OAAO,CAACQ,OAAO,IAAIJ,MAAM,CAACG,IAAI;IACvCD,CAAC,CAACG,IAAI,GAAG,EAAAX,cAAA,GAAAE,OAAO,CAACU,KAAK,cAAAZ,cAAA,uBAAbA,cAAA,CAAea,WAAW,CAAC,CAAC,OAAAZ,aAAA,GAAIK,MAAM,CAACM,KAAK,cAAAX,aAAA,uBAAZA,aAAA,CAAcY,WAAW,CAAC,CAAC;IACpEL,CAAC,CAACM,OAAO,GAAG,MAAM;MACd,IAAI,CAAClB,MAAM,CAACkB,OAAO,IAAI,IAAI,CAAClB,MAAM,CAACkB,OAAO,CAAC,IAAI,CAAC;IACpD,CAAC,EACDN,CAAC,CAACO,OAAO,GAAG,MAAM;MACd,IAAI,CAACnB,MAAM,CAACoB,IAAI,IAAI,IAAI,CAACpB,MAAM,CAACoB,IAAI,CAAC,IAAI,CAAC;IAC9C,CAAC,EACDR,CAAC,CAACS,OAAO,GAAG,IAAI,CAACrB,MAAM,CAACsB,cAAc;IACtCV,CAAC,CAACW,WAAW,GAAGjB,OAAO,CAACiB,WAAW,IAAI,IAAI;IAC3C,MAAMC,eAAe,GAAGlB,OAAO,CAACmB,QAAQ,IAAIf,MAAM,CAACc,eAAe,IAAI,cAAc;IACpF,MAAME,SAAS,GAAGF,eAAe,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC/C,QAAOD,SAAS;MACZ,KAAK,KAAK;QACNd,CAAC,CAACgB,MAAM,GAAG;UAACC,GAAG,EAAE;QAAC,CAAC;QACnB;MACJ,KAAK,QAAQ;QACTjB,CAAC,CAACgB,MAAM,GAAG;UAACE,MAAM,EAAE;QAAC,CAAC;QACtB;MACJ,KAAK,QAAQ;QACTlB,CAAC,CAACgB,MAAM,GAAG;UAACC,GAAG,EAAE;QAAK,CAAC;QACvB;IACR;IACA,IAAI,IAAI,CAAC7B,MAAM,CAACsB,cAAc,EAAE;MAC5B,IAAI,CAACV,CAAC,CAACgB,MAAM,EAAE;QACXhB,CAAC,CAACgB,MAAM,GAAG,CAAC,CAAC;MACjB;IACJ;IACA,IAAI,CAAClB,MAAM,CAACqB,QAAQ,EAAE;MACpBrB,MAAM,CAACqB,QAAQ,GAAIrB,MAAM,CAACqB,QAAQ,KAAK,CAAC,IAAInB,CAAC,CAACG,IAAI,KAAK,SAAS,GAAIlB,gBAAgB,GAAG,CAAC;IAC1F;IACAe,CAAC,CAACmB,QAAQ,GAAGC,QAAQ,CAAC1B,OAAO,CAACyB,QAAQ,IAAIrB,MAAM,CAACqB,QAAQ,CAAC;IAC1DnB,CAAC,CAACqB,IAAI,GAAG,IAAI,CAACA,IAAI;IAClB,OAAOrB,CAAC;EACV;EAEJsB,UAAUA,CAAA,EAAG;IACX,OAAO,IAAI,CAAClC,MAAM,CAACW,aAAa,CAAC,CAAC,CAACE,IAAI;EACzC;EAEEsB,MAAMA,CAAC7B,OAAY,EAAE8B,OAAY,EAAEC,KAAU,EAAE;IAC3C,KAAK,CAACF,MAAM,CAAC7B,OAAO,EAAE8B,OAAO,EAAEC,KAAK,CAAC;IACrC,IAAI,IAAI,CAACrC,MAAM,CAACsC,SAAS,KAAK,OAAO,EAAE;MACnC,MAAMC,cAAc,GAAG,IAAI,CAACvC,MAAM,CAACuC,cAAc,CAAC,CAAC;MACnD,OAAOA,cAAc,CAACC,SAAS,CAAC,IAAI,CAACrC,mBAAmB,CAACG,OAAO,CAAC,CAAC;IACtE,CAAC,MAAM;MACH,OAAO,IAAI,CAACJ,UAAU,IAAI,IAAI,CAACA,UAAU,CAAC;QAAC,GAAG,IAAI,CAACQ,MAAM;QAAEU,IAAI,EAAE,IAAI,CAACpB,MAAM,CAACoB,IAAI;QAAEqB,QAAQ,EAAE,IAAI,CAACzC,MAAM,CAACyC,QAAQ;QAAEvB,OAAO,EAAE,IAAI,CAAClB,MAAM,CAACkB;MAAO,CAAC,CAAC;IACrJ;EACJ;AACJ"}
+{"version":3,"names":["BaseAction","DEFAULT_DURATION","NotificationAction","constructor","config","_defineProperty","showDialog","prepareToastOptions","_options$class","_params$class","options","arguments","length","undefined","params","paramProvider","o","text","message","type","class","toLowerCase","onClose","onClick","onOk","content","partialContent","hideOnClick","toasterPosition","position","placement","split","styles","top","bottom","duration","parseInt","name","getMessage","invoke","success","error","operation","toasterService","showToast","onCancel"],"sources":["notification-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\nimport React from 'react';\nexport interface NotificationActionConfig extends ActionConfig {\n    showDialog: Function;\n    onOk: any;\n    onCancel: any;\n    onClose: any;\n    operation: string;\n    partialContent: React.ReactNode;\n    toasterService: () => ToastService;\n}\nconst DEFAULT_DURATION = 3000;\nexport class NotificationAction extends BaseAction<NotificationActionConfig> {\n    showDialog: Function;\n    constructor(config: NotificationActionConfig) {\n        super(config);\n        this.showDialog = config.showDialog;\n    }\n\n    prepareToastOptions(options: any = {}) {\n        const params = this.config.paramProvider();\n        const o = {} as ToastOptions;\n        o.text = options.message || params.text;\n        o.type = options.class?.toLowerCase() || params.class?.toLowerCase();\n        o.onClose = () => {\n            this.config.onClose && this.config.onClose(this);\n        },\n        o.onClick = () => {\n            this.config.onOk && this.config.onOk(this);\n        },\n        o.content = this.config.partialContent;\n        o.hideOnClick = options.hideOnClick || true;\n        const toasterPosition = options.position || params.toasterPosition || 'bottom right';\n        const placement = toasterPosition.split(' ')[0];\n        switch(placement) {\n            case 'top':\n                o.styles = {top: 0};\n                break;\n            case 'bottom':\n                o.styles = {bottom: 0};\n                break;\n            case 'center':\n                o.styles = {top: '50%'};\n                break;\n        }\n        if (this.config.partialContent) {\n            if (!o.styles) {\n                o.styles = {};\n            }\n        }\n        if (!params.duration) {\n          params.duration = (params.duration !== 0 && o.type === 'success') ? DEFAULT_DURATION : 0;\n        }\n        o.duration = parseInt(options.duration || params.duration);\n        o.name = this.name;\n        return o;\n      }\n\n    getMessage() {\n        return this.config.paramProvider().text;\n    }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        if (this.config.operation === 'toast') {\n            const toasterService = this.config.toasterService();\n            return toasterService.showToast(this.prepareToastOptions(options));\n        } else {\n            return this.showDialog && this.showDialog({...this.params, onOk: this.config.onOk, onCancel: this.config.onCancel, onClose: this.config.onClose});\n        }\n    }\n}\n"],"mappings":"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"}

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.component.js

@@ -9,8 +9,11 @@ export default class WmCarouselTemplate extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());
   }
   renderWidget(props) {
+    var _this$parent;
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
+      style: [this.styles.root, {
+        height: this.styles.root.height || ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.styles.root.height) && '100%'
+      }]
     }, this._background, props.children);
   }
 }

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselTemplateProps","DEFAULT_CLASS","WmCarouselTemplateState","WmCarouselTemplate","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["carousel-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCarouselTemplateProps from './carousel-template.props';\nimport { DEFAULT_CLASS, WmCarouselTemplateStyles } from './carousel-template.styles';\n\nexport class WmCarouselTemplateState extends BaseComponentState<WmCarouselTemplateProps> {}\n\nexport default class WmCarouselTemplate extends BaseComponent<WmCarouselTemplateProps, WmCarouselTemplateState, WmCarouselTemplateStyles> {\n\n  constructor(props: WmCarouselTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());\n  }\n\n  renderWidget(props: WmCarouselTemplateProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);  \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AAEpF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAC3C,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselTemplateProps","DEFAULT_CLASS","WmCarouselTemplateState","WmCarouselTemplate","constructor","props","renderWidget","_this$parent","createElement","style","styles","root","height","parent","_background","children"],"sources":["carousel-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCarouselTemplateProps from './carousel-template.props';\nimport { DEFAULT_CLASS, WmCarouselTemplateStyles } from './carousel-template.styles';\n\nexport class WmCarouselTemplateState extends BaseComponentState<WmCarouselTemplateProps> {}\n\nexport default class WmCarouselTemplate extends BaseComponent<WmCarouselTemplateProps, WmCarouselTemplateState, WmCarouselTemplateStyles> {\n\n  constructor(props: WmCarouselTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());\n  }\n\n  renderWidget(props: WmCarouselTemplateProps) {\n    return (<View style={[this.styles.root, {\n      height: this.styles.root.height || (this.parent?.styles.root.height && '100%')\n    }]}>{this._background}{props.children}</View>);  \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AAEpF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAAA,IAAAE,YAAA;IAC3C,oBAAQX,KAAA,CAAAY,aAAA,CAACX,IAAI;MAACY,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QACtCC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC,MAAM,IAAK,EAAAL,YAAA,OAAI,CAACM,MAAM,cAAAN,YAAA,uBAAXA,YAAA,CAAaG,MAAM,CAACC,IAAI,CAACC,MAAM,KAAI;MACzE,CAAC;IAAE,GAAE,IAAI,CAACE,WAAW,EAAET,KAAK,CAACU,QAAe,CAAC;EAC/C;AACF"}

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.styles.js

@@ -7,8 +7,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       flexDirection: 'column',
       justifyContent: 'center',
       alignItems: 'center',
-      width: '100%',
-      height: '100%'
+      width: '100%'
     },
     text: {}
   });

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","width","height","text"],"sources":["carousel-template.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmCarouselTemplateStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-carousel-template';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCarouselTemplateStyles = defineStyles({\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            width: '100%',\n            height: '100%'\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,uBAAuB;AAEpDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IACzDM,IAAI,EAAE;MACFC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","width","text"],"sources":["carousel-template.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmCarouselTemplateStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-carousel-template';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCarouselTemplateStyles = defineStyles({\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            width: '100%'\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,uBAAuB;AAEpDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IACzDM,IAAI,EAAE;MACFC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/advanced/carousel/carousel.component.js

@@ -2,87 +2,134 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { View, Text } from 'react-native';
-import Carousel, { Pagination } from 'react-native-snap-carousel';
+import { isArray, isUndefined } from 'lodash-es';
+import { Animated, Easing, View } from 'react-native';
+import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import WmCarouselProps from './carousel.props';
 import { DEFAULT_CLASS } from './carousel.styles';
 export class WmCarouselState extends BaseComponentState {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "activeIndex", 0);
-    _defineProperty(this, "sliderWidth", 0);
+    _defineProperty(this, "activeIndex", 1);
   }
 }
 export default class WmCarousel extends BaseComponent {
   constructor(_props) {
     super(_props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());
-    _defineProperty(this, "carouselRef", null);
     _defineProperty(this, "noOfSlides", 0);
+    _defineProperty(this, "slidesLayout", []);
+    _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
     _defineProperty(this, "stopPlay", null);
+    _defineProperty(this, "dotScale", new Animated.Value(0));
+    _defineProperty(this, "dotPosition", new Animated.Value(0));
+    _defineProperty(this, "animationView", null);
+    _defineProperty(this, "animationHandlers", {
+      bounds: e => {
+        var _this$slidesLayout, _this$slidesLayout$ac;
+        const activeTabIndex = this.state.activeIndex - 1;
+        let lower = 0;
+        if (activeTabIndex > 0) {
+          lower = this.slidesLayout.filter((l, i) => i < activeTabIndex - 1).reduce((s, l) => s + l.width, 0);
+        }
+        let center = lower + (((_this$slidesLayout = this.slidesLayout[activeTabIndex - 1]) === null || _this$slidesLayout === void 0 ? void 0 : _this$slidesLayout.width) || 0);
+        let upper = center + (((_this$slidesLayout$ac = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac === void 0 ? void 0 : _this$slidesLayout$ac.width) || 0);
+        return {
+          lower: -1 * lower,
+          center: -1 * center,
+          upper: -1 * upper
+        };
+      },
+      computePhase: value => {
+        var _this$slidesLayout$ac2;
+        const activeTabIndex = this.state.activeIndex - 1;
+        const w = ((_this$slidesLayout$ac2 = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac2 === void 0 ? void 0 : _this$slidesLayout$ac2.width) || 0;
+        return w && Math.abs(value / w);
+      },
+      onLower: e => {
+        this.onSlideChange(this.state.activeIndex - 1);
+      },
+      onUpper: e => {
+        this.onSlideChange(this.state.activeIndex + 1);
+      }
+    });
     _defineProperty(this, "onSlideChange", index => {
       const prevIndex = this.state.activeIndex;
       this.updateState({
         activeIndex: index
       }, () => this.invokeEventCallback('onChange', [this, index, prevIndex]));
+      this.animatePagination(index);
     });
-    _defineProperty(this, "renderItem", data => {
+    _defineProperty(this, "renderItem", (item, index) => {
       const props = this.state.props;
       if (props.type === 'dynamic') {
-        return props.renderSlide ? props.renderSlide(data.item, data.index) : null;
+        return props.renderSlide ? props.renderSlide(item, index, this) : null;
       }
-      return props.children[data.index];
-    });
-    _defineProperty(this, "onLayoutChange", e => {
-      this.updateState({
-        sliderWidth: e.nativeEvent.layout.width
-      });
-    });
-    _defineProperty(this, "getDotElement", _ref => {
-      let {
-        active,
-        index
-      } = _ref;
-      return /*#__PURE__*/React.createElement(Text, {
-        style: active ? this.styles.activeDotStyle : this.styles.dotStyle
-      }, index);
+      return props.children[index];
     });
     _defineProperty(this, "next", () => {
-      if (this.carouselRef && this.carouselRef.currentIndex < this.noOfSlides - 1) {
-        var _this$carouselRef;
-        (_this$carouselRef = this.carouselRef) === null || _this$carouselRef === void 0 ? void 0 : _this$carouselRef.snapToNext();
+      const props = this.state.props;
+      const data = props.type === 'dynamic' ? props.dataset : props.children;
+      if (this.state.activeIndex >= (data === null || data === void 0 ? void 0 : data.length) || 0) {
+        var _this$animationView;
+        this.onSlideChange(1);
+        (_this$animationView = this.animationView) === null || _this$animationView === void 0 ? void 0 : _this$animationView.setPosition(0);
       } else {
-        var _this$carouselRef2;
-        (_this$carouselRef2 = this.carouselRef) === null || _this$carouselRef2 === void 0 ? void 0 : _this$carouselRef2.snapToItem(0);
+        var _this$animationView2;
+        (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 ? void 0 : _this$animationView2.goToUpper();
       }
     });
     _defineProperty(this, "prev", () => {
-      if (this.carouselRef && this.carouselRef.currentIndex > 0) {
-        var _this$carouselRef3;
-        (_this$carouselRef3 = this.carouselRef) === null || _this$carouselRef3 === void 0 ? void 0 : _this$carouselRef3.snapToPrev();
-      } else {
-        var _this$carouselRef4;
-        (_this$carouselRef4 = this.carouselRef) === null || _this$carouselRef4 === void 0 ? void 0 : _this$carouselRef4.snapToItem(this.noOfSlides - 1);
-      }
+      var _this$animationView3;
+      (_this$animationView3 = this.animationView) === null || _this$animationView3 === void 0 ? void 0 : _this$animationView3.goToLower();
     });
     this.cleanup.push(() => {
       this.stopPlay && this.stopPlay();
     });
   }
+  addSlideLayout(index, nativeEvent) {
+    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;
+    if (index === this.state.activeIndex) {
+      this.forceUpdate();
+    }
+  }
+  generateItemKey(item, index, props) {
+    if (props.itemkey && item && !this._showSkeleton) {
+      return props.itemkey(item, index);
+    }
+    return 'list_item_' + this.keyExtractor.getKey(item, true);
+  }
   autoPlay() {
     const props = this.state.props;
     this.stopPlay && this.stopPlay();
-    if (props.animation && props.animationinterval) {
+    if (props.animation === 'auto' && props.animationinterval) {
       const intervalId = setInterval(() => {
         this.next();
       }, props.animationinterval * 1000);
       this.stopPlay = () => clearInterval(intervalId);
+    } else {
+      setTimeout(() => {
+        var _this$animationView4;
+        this.onSlideChange(1);
+        (_this$animationView4 = this.animationView) === null || _this$animationView4 === void 0 ? void 0 : _this$animationView4.setPosition(0);
+      }, 1000);
     }
   }
   onPropertyChange(name, $new, $old) {
     super.onPropertyChange(name, $new, $old);
     switch (name) {
+      case 'dataset':
+        {
+          var _this$keyExtractor;
+          (_this$keyExtractor = this.keyExtractor) === null || _this$keyExtractor === void 0 ? void 0 : _this$keyExtractor.clear();
+          this.updateState({
+            activeIndex: Math.min(this.state.activeIndex, ($new === null || $new === void 0 ? void 0 : $new.length) || 1)
+          });
+          break;
+        }
       case 'animation':
       case 'animationinterval':
         {
@@ -90,58 +137,156 @@ export default class WmCarousel extends BaseComponent {
         }
     }
   }
-  renderPagination(props, styles) {
-    return /*#__PURE__*/React.createElement(Pagination, {
-      carouselRef: this.carouselRef,
-      dotsLength: this.noOfSlides,
-      activeDotIndex: this.state.activeIndex,
-      containerStyle: styles.dotsWrapperStyle,
-      dotStyle: styles.activeDotStyle,
-      inactiveDotStyle: styles.dotStyle,
-      inactiveDotScale: 0.8,
-      tappableDots: true
-    });
+  animatePagination(index) {
+    var _this$styles$dotStyle, _this$styles$dotStyle2, _this$styles$dotStyle3;
+    const prevIndex = this.state.activeIndex;
+    const margin = (((_this$styles$dotStyle = this.styles.dotStyle) === null || _this$styles$dotStyle === void 0 ? void 0 : _this$styles$dotStyle.marginLeft) || 0) + (((_this$styles$dotStyle2 = this.styles.dotStyle) === null || _this$styles$dotStyle2 === void 0 ? void 0 : _this$styles$dotStyle2.marginRight) || 0);
+    const width = ((_this$styles$dotStyle3 = this.styles.dotStyle) === null || _this$styles$dotStyle3 === void 0 ? void 0 : _this$styles$dotStyle3.width) || 2;
+    const size = margin + width;
+    const position = Math.max(index - 1, 0) * size;
+    const scale = Math.abs(index - prevIndex) * size;
+    const options = {
+      useNativeDriver: true,
+      duration: 200,
+      easing: Easing.out(Easing.linear)
+    };
+    if (prevIndex < index) {
+      Animated.sequence([Animated.timing(this.dotScale, {
+        toValue: scale,
+        ...options
+      }), Animated.parallel([Animated.timing(this.dotScale, {
+        toValue: 0,
+        ...options
+      }), Animated.timing(this.dotPosition, {
+        toValue: (this.isRTL ? -1 : 1) * position,
+        ...options
+      })])]).start();
+    } else if (prevIndex > index) {
+      Animated.sequence([Animated.parallel([Animated.timing(this.dotScale, {
+        toValue: scale,
+        ...options
+      }), Animated.timing(this.dotPosition, {
+        toValue: (this.isRTL ? -1 : 1) * position,
+        ...options
+      })]), Animated.timing(this.dotScale, {
+        toValue: 0,
+        ...options
+      })]).start();
+    }
+  }
+  renderPagination(data) {
+    const maxNoOfDots = this.state.props.maxnoofdots;
+    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);
+    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);
+    if (maxIndex === data.length) {
+      minIndex = maxIndex - maxNoOfDots;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.dotsWrapperStyle
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: this.isRTL ? 'row-reverse' : 'row'
+      }
+    }, data.map((item, index) => {
+      return index >= minIndex && index <= maxIndex ? /*#__PURE__*/React.createElement(View, {
+        key: 'dots_' + this.generateItemKey(item, index, this.state.props),
+        style: [this.styles.dotStyle]
+      }) : null;
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.dotStyle, this.styles.activeDotStyle, {
+        width: undefined,
+        height: undefined,
+        transform: [{
+          translateX: this.dotPosition
+        }]
+      }, this.isRTL ? {
+        right: 0
+      } : {
+        left: 0
+      }]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [{
+        width: 1,
+        height: 1
+      }, {
+        // This is failing in Android
+        // minWidth: this.dotScale
+      }]
+    }))));
   }
   renderWidget(props) {
+    var _data, _this$styles$slide;
     const hasNavs = props.controls === 'both' || props.controls === 'navs';
     const hasDots = props.controls === 'both' || props.controls === 'indicators';
     let styles = this.styles;
-    const data = props.type === 'dynamic' ? props.dataset : props.children;
-    this.noOfSlides = (data === null || data === void 0 ? void 0 : data.length) || 0;
-    const autoPlay = props.animation === 'auto';
+    let data = props.type === 'dynamic' ? props.dataset : props.children;
+    data = isArray(data) ? data : [];
+    this.noOfSlides = ((_data = data) === null || _data === void 0 ? void 0 : _data.length) || 0;
+    let slideScale = undefined;
+    let slideTranslateX = undefined;
+    if (isArray((_this$styles$slide = this.styles.slide) === null || _this$styles$slide === void 0 ? void 0 : _this$styles$slide.transform)) {
+      var _this$styles$slide2, _this$styles$slide3;
+      slideScale = (_this$styles$slide2 = this.styles.slide) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.transform) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.find(o => !isUndefined(o.scale))) === null || _this$styles$slide2 === void 0 ? void 0 : _this$styles$slide2.scale;
+      slideTranslateX = (_this$styles$slide3 = this.styles.slide) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.transform) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.find(o => !isUndefined(o.translateX))) === null || _this$styles$slide3 === void 0 ? void 0 : _this$styles$slide3.translateX;
+    }
     // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608
     return /*#__PURE__*/React.createElement(View, {
-      style: styles.root,
-      onLayout: this.onLayoutChange
-    }, this._background, this.state.sliderWidth > 0 ? /*#__PURE__*/React.createElement(Carousel, {
-      ref: ref => this.carouselRef = ref,
-      data: data || [],
-      firstItem: 0,
+      style: styles.root
+    }, this._background, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures,
       style: {
-        width: '100%',
-        height: '100%'
+        height: props.type === 'dynamic' ? undefined : '100%'
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
       },
-      enableSnap: true,
-      loopClonesPerSide: 1,
-      autoplay: false,
-      activeSlideAlignment: "start",
-      renderItem: this.renderItem,
-      sliderWidth: this.state.sliderWidth,
-      itemWidth: this.state.sliderWidth,
-      lockScrollWhileSnapping: false,
-      scrollEnabled: false,
-      onSnapToItem: this.onSlideChange
-    }) : null, hasNavs ? /*#__PURE__*/React.createElement(View, {
+      handlers: this.animationHandlers,
+      slideMinWidth: this.styles.slide.width
+    }, data.map((item, index) => {
+      var _this$animationView5, _this$animationView6;
+      const isActive = index === this.state.activeIndex - 1;
+      let scale = (_this$animationView5 = this.animationView) === null || _this$animationView5 === void 0 ? void 0 : _this$animationView5.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [slideScale, slideScale, 1, slideScale, slideScale]
+      });
+      let translateX = (_this$animationView6 = this.animationView) === null || _this$animationView6 === void 0 ? void 0 : _this$animationView6.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [-56, -56, 0, 56, 56]
+      });
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        key: this.generateItemKey(item, index, props),
+        onLayout: this.addSlideLayout.bind(this, index),
+        style: [{
+          height: props.type === 'dynamic' ? undefined : '100%'
+        }, this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {
+          transform: [{
+            translateX: !isUndefined(slideTranslateX) ? slideTranslateX : translateX
+          }, {
+            scale: scale
+          }]
+        } : null]
+      }, /*#__PURE__*/React.createElement(Tappable, {
+        onTap: () => {
+          var _this$animationView7;
+          this.onSlideChange(index + 1);
+          const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
+          (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.setPosition(-1 * position);
+        }
+      }, this.renderItem(item, index)));
+    })), hasNavs ? /*#__PURE__*/React.createElement(View, {
       style: styles.btnPanel
     }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('prev_icon'),
       iconclass: "wi wi-chevron-left fa-2x",
       styles: styles.prevBtn,
       onTap: this.prev
     }), /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('next_icon'),
       iconclass: "wi wi-chevron-right fa-2x",
       styles: styles.nextBtn,
       onTap: this.next
-    })) : null, this.state.sliderWidth > 0 && hasDots && data ? this.renderPagination(props, styles) : null);
+    })) : null, hasDots && data ? this.renderPagination(data) : null);
   }
 }
 //# sourceMappingURL=carousel.component.js.map