@sanctum-key/react-native-sdk 1.0.6 → 1.0.8

package/build/src/components/EnhancedCameraView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedCameraView.js","sourceRoot":"","sources":["../../../src/components/EnhancedCameraView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAKrC,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,UAAU,EACV,UAAU,EAAE,iBAAiB,GAAG,OAAO,EACvC,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,MAAM,EAChB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,gBAAgB,EAChB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,KAAK,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,GAAG,EAAE,EAClB,eAAe,EACf,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,MAAM,GAAG,MAAM,CAAS,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,iBAAiB,CAAC,CAAC;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAC3C,OAAO,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEzC,uEAAuE;IACvE,8GAA8G;IAC9G,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9D,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,2GAA2G;QAC3G,qGAAqG;QACrG,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACtD,mDAAmD;YACnD,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;YACpE,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;YAEpE,qCAAqC;YACrC,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;YACpE,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;YAEpE,qFAAqF;YACrF,IAAI,gBAAgB,KAAK,gBAAgB,EAAE,CAAC;gBAC1C,OAAO,gBAAgB,GAAG,gBAAgB,CAAC;YAC7C,CAAC;YACD,OAAO,gBAAgB,GAAG,gBAAgB,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC;YACH,MAAM,iBAAiB,GAAG,MAAM,kBAAkB,CAAC,iBAAiB,EAAE,CAAC;YACvE,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;YACpD,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,OAAO,GAAG,MAAM,kBAAkB,CAAC,qBAAqB,EAAE,CAAC;gBACjE,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;gBAChC,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC;oBAClE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,CAAC,CAAC;oBACvD,OAAO;gBACT,CAAC;YACH,CAAC;YACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;YACpD,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,CAAC;IAEF,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,CAAC;YACf,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAIhC,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACnC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE;QAC/C,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;QACtC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjB,MAAM,kBAAkB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAChD,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YACtC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;YAC7C,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC;QACxD,IAAI,mBAAmB,EAAE,WAAW,IAAI,mBAAmB,EAAE,OAAO,EAAE,CAAC;YACrE,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;gBAC3C,kBAAkB,EAAE,IAAI;gBACxB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;aACnC,CAAC,CAAC;YAEH,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAClE,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;QAEjB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEvF,+DAA+D;IAC/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,kBAAkB,EAAE,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,IAAI,CAAC;YACH,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;gBACtC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBAC7C,OAAO;YACT,CAAC;YACD,IAAI,mBAAmB,EAAE,OAAO,EAAE,CAAC;gBACjC,SAAS,EAAE,CAAC;oBACV,OAAO,EAAE,IAAI;oBACb,IAAI,EAAE,mBAAmB,CAAC,IAAI;iBAC/B,CAAC,CAAC;gBACH,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;gBAC3C,kBAAkB,EAAE,IAAI;gBACxB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;aACnC,CAAC,CAAC;YAEH,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAClE,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YAC5C,SAAS,EAAE,CAAC;gBACV,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC;aAC5E,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAErE,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACjD,IAAI,CAAC;YACH,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;gBACtC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBAC7C,OAAO;YACT,CAAC;YAED,MAAM,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC;gBAClC,mBAAmB,EAAE,CAAC,KAAU,EAAE,EAAE;oBAClC,oBAAoB,EAAE,CAAC;wBACrB,OAAO,EAAE,IAAI;wBACb,IAAI,EAAE,KAAK,CAAC,IAAI;qBACjB,CAAC,CAAC;gBACL,CAAC;gBACD,gBAAgB,EAAE,CAAC,KAAU,EAAE,EAAE;oBAC/B,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;oBACzC,oBAAoB,EAAE,CAAC;wBACrB,OAAO,EAAE,KAAK;wBACd,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,+BAA+B,CAAC;qBAC3D,CAAC,CAAC;gBACL,CAAC;aACF,CAAC,CAAC;YAEH,qBAAqB,EAAE,EAAE,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;YACxD,oBAAoB,EAAE,CAAC;gBACrB,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC;aACnF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1E,MAAM,kBAAkB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAChD,IAAI,CAAC;YACH,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBAC7C,OAAO;YACT,CAAC;YAED,MAAM,MAAM,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QACvC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;YACxD,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAAE,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,2CAA2C;IAC3C,sEAAsE;IACtE,UAAU;IAEV,0CAA0C;IAC1C,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,kCAAkC;IAClC,mCAAmC;IACnC,+BAA+B;IAC/B,QAAQ;IACR,QAAQ;IACR,UAAU;IAEV,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;UAAA,CAAC,CAAC,CAAC,2BAA2B,CAAC,CACjC;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC,EACjF;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;UAAA,CAAC,CAAC,CAAC,2BAA2B,CAAC,CACjC;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAG,CAAC;IACpD,CAAC;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,MAAM,CAAC,CACZ,KAAK,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAC/B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,OAAO,CAAC,CAAC,aAAa,CAAC,EAGzB;;MAAA,CAAC,kBAAkB,CACnB;MAAA,CAAC;;;;eAIM,CAEP;;MAAA,CAAC,8BAA8B,CAC/B;MAAA,CAAC,gBAAgB,CAEjB;;MAAA,CAAC,0BAA0B,CAC3B;MAAA,CAAC,IAAI,IAAI,CACP,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,IAAI;gBACX;oBACE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,GAAG;oBACrB,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,GAAG;oBACpB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG;oBAClC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG;oBACnC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS;oBAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC;oBAClC,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,CAAC;iBACrC;aACF,CAAC,EAEN;QAAA,EAAE,IAAI,CAAC,CACR,CAGD;;;MAAA,CAAC,qBAAqB,CACtB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;QAAA,CAAC,kBAAkB,CACnB;QAAA,CAAC;;;;;;aAMI,CAEL;;QAAA,CAAC,oBAAoB,CACrB;QAAA,CAAC,iBAAiB,IAAI,CAAC,WAAW,IAAI,mBAAmB,EAAE,OAAO,IAAI,CACpE,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5B,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAEzB;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACX,MAAM,CAAC,kBAAkB;gBACzB,CAAC,aAAa,IAAI,MAAM,CAAC,qBAAqB;aAC/C,CAAC,EACJ;UAAA,EAAE,gBAAgB,CAAC,CACpB,CAED;;QAAA,CAAC,4BAA4B,CAC7B;QAAA,CAAC,iBAAiB,IAAI,WAAW,IAAI,mBAAmB,EAAE,OAAO,IAAI,CACnE,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,aAAa;gBACpB,WAAW,IAAI,MAAM,CAAC,eAAe;aACtC,CAAC,CACF,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAChE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAEzB;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACX,MAAM,CAAC,kBAAkB;gBACzB,CAAC,aAAa,IAAI,MAAM,CAAC,qBAAqB;gBAC9C,WAAW,IAAI,MAAM,CAAC,oBAAoB;aAC3C,CAAC,EACJ;UAAA,EAAE,gBAAgB,CAAC,CACpB,CAED;;QAAA,CAAC,0BAA0B,CAC3B;QAAA,CAAC;;;;aAII,CAEL;;QAAA,CAAC,mBAAmB,EAAE,WAAW,IAAI,CACnC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACpF;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAClG;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,OAAO;KACzB;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,eAAe,EAAE,oBAAoB;QACrC,OAAO,EAAE,EAAE;QACX,oBAAoB;QACpB,MAAM,EAAE,CAAC;KACV;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK;KAClB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,eAAe,EAAE,oBAAoB;QACrC,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,eAAe,EAAE;QACf,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,MAAM,EAAE,CAAC;KACV;IACD,aAAa,EAAE;QACb,eAAe,EAAE,oBAAoB;QACrC,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,aAAa,EAAE;QACb,eAAe,EAAE,0BAA0B;QAC3C,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO;KACrB;IACD,kBAAkB,EAAE;QAClB,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;KACjB;IACD,qBAAqB,EAAE;QACrB,eAAe,EAAE,0BAA0B;KAC5C;IACD,eAAe,EAAE;QACf,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,SAAS;KACvB;IACD,oBAAoB,EAAE;QACpB,eAAe,EAAE,SAAS;KAC3B;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,EAAE;KACX;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,EAAE;KACX;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,MAAM;KACtB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,OAAO;QACpB,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC","sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text } from 'react-native';\nimport { Camera, useCameraDevice } from 'react-native-vision-camera';\nimport VisionCameraModule from '../modules/camera/VisionCameraModule';\nimport { useI18n } from '../hooks/useI18n';\nimport { EnhancedCameraViewProps } from './OverLay/type';\nimport { Button } from './ui/Button';\n\n\n\n\nexport const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({ \n  showCamera,\n  cameraType: initialCameraType = 'front',\n  style,\n  onCapture,\n  onError,\n  onClose,\n  enableFlash = false,\n  enableHdr = false,\n  quality = 'high',\n  showCaptureButton = true,\n  showSwitchCamera = true,\n  overlayComponent,\n  bbox,\n  canFlip = true,\n  enableVideo = false,\n  isRecording = false,\n  onVideoRecordingStart,\n  onVideoRecordingStop,\n  videoDuration = 10,\n  onSilentCapture,\n  silentCaptureResult,\n}) => {\n  const { t } = useI18n();\n  const camera = useRef<Camera>(null);\n  const [cameraType, setCameraType] = useState<'front' | 'back'>(initialCameraType);\n  const [hasPermission, setHasPermission] = useState(false);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [flash, setFlash] = useState<'off' | 'on' | 'auto'>('off');\n  const [refreshCamera, setRefreshCamera] = useState(false);\n\n  const device = useCameraDevice(cameraType);\n  console.log({ setCameraType, setFlash });\n\n  // Sélectionner le meilleur format disponible pour une qualité maximale\n  // Prioriser les formats avec une bonne résolution vidéo (pour la prévisualisation) ET photo (pour la capture)\n  const bestFormat = useMemo(() => {\n    if (!device || !device.formats || device.formats.length === 0) {\n      return undefined;\n    }\n    \n    // Trier les formats en combinant la résolution vidéo (pour la prévisualisation) et photo (pour la capture)\n    // On priorise les formats avec une bonne résolution vidéo car c'est ce qui est affiché en temps réel\n    const sortedFormats = [...device.formats].sort((a, b) => {\n      // Résolution vidéo (pour la prévisualisation live)\n      const videoResolutionA = (a.videoWidth || 0) * (a.videoHeight || 0);\n      const videoResolutionB = (b.videoWidth || 0) * (b.videoHeight || 0);\n      \n      // Résolution photo (pour la capture)\n      const photoResolutionA = (a.photoWidth || 0) * (a.photoHeight || 0);\n      const photoResolutionB = (b.photoWidth || 0) * (b.photoHeight || 0);\n      \n      // Prioriser d'abord la résolution vidéo (prévisualisation), puis la résolution photo\n      if (videoResolutionB !== videoResolutionA) {\n        return videoResolutionB - videoResolutionA;\n      }\n      return photoResolutionB - photoResolutionA;\n    });\n    \n    return sortedFormats[0];\n  }, [device]);\n\n  const checkPermissions = async () => {\n    try {\n      const hasAllPermissions = await VisionCameraModule.hasAllPermissions();\n      console.log('hasAllPermissions', hasAllPermissions);\n      if (!hasAllPermissions) {\n        const granted = await VisionCameraModule.requestAllPermissions();\n        console.log('granted', granted);\n        if (!granted) {\n          console.log('permissionRequired', t('camera.permissionRequired'));\n          onError?.({ message: t('camera.permissionRequired') });\n          return;\n        }\n      }\n      setHasPermission(true);\n    } catch (error) {\n      console.error('Error checking permissions:', error);\n      onError?.({ message: t('camera.errorOccurred') });\n    }\n  };\n\n  // Check permissions on component mount\n  useEffect(() => {\n    if (showCamera) {\n      checkPermissions();\n    }\n  }, [showCamera, refreshCamera]);\n\n\n\n  const onInitialized = useCallback(() => {\n    console.log('Camera initialized!');\n    setIsInitialized(true);\n  }, []);\n\n  const onCameraError = useCallback((error: any) => {\n    console.error('Camera error:', error);\n    onError?.({ message: error.message || t('camera.errorOccurred') });\n  }, [onError, t]);\n\n  const captureSilentPhoto = useCallback(async () => {\n    if (!camera.current || !isInitialized) {\n      onError?.({ message: t('camera.notReady') });\n      return;\n    }\n    console.log('silentCaptureResult', silentCaptureResult);\n    if (silentCaptureResult?.isAnalyzing || silentCaptureResult?.success) {\n      return;\n    }\n    try {\n      const photo = await camera.current.takePhoto({\n        enableShutterSound: true,\n        flash: enableFlash ? flash : 'off',\n      });\n\n      const result = await VisionCameraModule.processPhotoResult(photo);\n      onSilentCapture?.(result);\n    } catch (error) {\n\n    }\n  }, [isInitialized, onError, onSilentCapture, enableFlash, flash, silentCaptureResult]);\n\n  // Automatically take a silent photo every 5 seconds when ready\n  useEffect(() => {\n    if (!showCamera || !isInitialized) {\n      return;\n    }\n\n    const intervalId = setInterval(() => {\n      captureSilentPhoto();\n    }, 2500);\n\n    return () => clearInterval(intervalId);\n  }, [showCamera, isInitialized, captureSilentPhoto]);\n\n  const capturePhoto = useCallback(async () => {\n    try {\n      if (!camera.current || !isInitialized) {\n        onError?.({ message: t('camera.notReady') });\n        return;\n      }\n      if (silentCaptureResult?.success) {\n        onCapture?.({\n          success: true,\n          path: silentCaptureResult.path,\n        });\n        return;\n      }\n\n      const photo = await camera.current.takePhoto({\n        enableShutterSound: true,\n        flash: enableFlash ? flash : 'off',\n      });\n\n      const result = await VisionCameraModule.processPhotoResult(photo);\n      onCapture?.(result);\n    } catch (error) {\n      console.error('Error taking photo:', error);\n      onCapture?.({\n        success: false,\n        error: error instanceof Error ? error.message : t('camera.failedToCapture'),\n      });\n    }\n  }, [isInitialized, quality, flash, enableFlash, onCapture, onError]);\n\n  const startVideoRecording = useCallback(async () => {\n    try {\n      if (!camera.current || !isInitialized) {\n        onError?.({ message: t('camera.notReady') });\n        return;\n      }\n\n      await camera.current.startRecording({\n        onRecordingFinished: (video: any) => {\n          onVideoRecordingStop?.({\n            success: true,\n            path: video.path,\n          });\n        },\n        onRecordingError: (error: any) => {\n          console.error('Recording error:', error);\n          onVideoRecordingStop?.({\n            success: false,\n            error: error.message || t('camera.failedToStartRecording'),\n          });\n        },\n      });\n\n      onVideoRecordingStart?.();\n    } catch (error) {\n      console.error('Error starting video recording:', error);\n      onVideoRecordingStop?.({\n        success: false,\n        error: error instanceof Error ? error.message : t('camera.failedToStartRecording'),\n      });\n    }\n  }, [isInitialized, onVideoRecordingStart, onVideoRecordingStop, onError]);\n\n  const stopVideoRecording = useCallback(async () => {\n    try {\n      if (!camera.current) {\n        onError?.({ message: t('camera.notReady') });\n        return;\n      }\n\n      await camera.current.stopRecording();\n    } catch (error) {\n      console.error('Error stopping video recording:', error);\n      onError?.({ message: t('camera.failedToStopRecording') });\n    }\n  }, [onError]);\n\n  // const switchCamera = useCallback(() => {\n  //   setCameraType(current => current === 'front' ? 'back' : 'front');\n  // }, []);\n\n  // const toggleFlash = useCallback(() => {\n  //   setFlash(current => {\n  //     switch (current) {\n  //       case 'off': return 'on';\n  //       case 'on': return 'auto';\n  //       case 'auto': return 'off';\n  //       default: return 'off';\n  //     }\n  //   });\n  // }, []);\n\n  if (!hasPermission) {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.permissionMessage}>\n          {t('camera.permissionRequired')}\n        </Text>\n        <Button title=\"Refresh Camera\" onPress={() => setRefreshCamera(!refreshCamera)} />\n      </View>\n    );\n  }\n\n  if (!device) {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.errorMessage}>\n          {t('camera.deviceNotAvailable')}\n        </Text>\n      </View>\n    );\n  }\n\n  if (!showCamera) {\n    return <View style={[styles.container, style]} />;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Camera\n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        device={device}\n        isActive={showCamera}\n        photo={true}\n        video={enableVideo}\n        audio={enableVideo}\n        format={bestFormat}\n        onInitialized={onInitialized}\n        onError={onCameraError}\n      />\n\n      {/* Instructions */}\n      {/* {instructions && (\n          <View style={styles.instructionsOverlay}>\n            <Text style={styles.instructions}>{instructions}</Text>\n          </View>\n        )} */}\n\n      {/* Custom overlay component */}\n      {overlayComponent}\n\n      {/* Bounding box overlay */}\n      {bbox && (\n        <View style={styles.bboxOverlay}>\n          <View\n            style={[\n              styles.bbox,\n              {\n                left: `${bbox.xMin}%`,\n                top: `${bbox.yMin}%`,\n                width: `${bbox.xMax - bbox.xMin}%`,\n                height: `${bbox.yMax - bbox.yMin}%`,\n                borderColor: bbox.borderColor || '#2DBD60',\n                borderWidth: bbox.borderWidth || 3,\n                borderRadius: bbox.cornerRadius || 8,\n              }\n            ]}\n          />\n        </View>\n      )}\n\n\n      {/* Camera controls */}\n      <View style={styles.controlsContainer}>\n        {/* Flash button */}\n        {/* {enableFlash && (\n          <TouchableOpacity style={styles.controlButton} onPress={toggleFlash}>\n            <Text style={styles.controlButtonText}>\n              {flash === 'off' ? '⚡' : flash === 'on' ? '⚡️' : '✨'}\n            </Text>\n          </TouchableOpacity>\n        )} */}\n\n        {/* Capture button */}\n        {showCaptureButton && !enableVideo && silentCaptureResult?.success && (\n          <TouchableOpacity\n            style={styles.captureButton}\n            onPress={capturePhoto}\n            disabled={!isInitialized}\n          >\n            <View style={[\n              styles.captureButtonInner,\n              !isInitialized && styles.captureButtonDisabled\n            ]} />\n          </TouchableOpacity>\n        )}\n\n        {/* Video recording button */}\n        {showCaptureButton && enableVideo && silentCaptureResult?.success && (\n          <TouchableOpacity\n            style={[\n              styles.captureButton,\n              isRecording && styles.recordingButton\n            ]}\n            onPress={isRecording ? stopVideoRecording : startVideoRecording}\n            disabled={!isInitialized}\n          >\n            <View style={[\n              styles.captureButtonInner,\n              !isInitialized && styles.captureButtonDisabled,\n              isRecording && styles.recordingButtonInner\n            ]} />\n          </TouchableOpacity>\n        )}\n\n        {/* Switch camera button */}\n        {/* {showSwitchCamera && canFlip && (\n          <TouchableOpacity style={styles.controlButton} onPress={switchCamera}>\n            <Text style={styles.controlButtonText}>🔄</Text>\n          </TouchableOpacity>\n        )} */}\n\n        {silentCaptureResult?.isAnalyzing && (\n          <View style={{ backgroundColor: 'rgba(0, 0, 0, 0.7)', padding: 10, borderRadius: 10 }}>\n            <Text style={{ color: 'white', fontSize: 16, fontWeight: 'bold' }}>{t('camera.analyzing')}</Text>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  instructionsOverlay: {\n    position: 'absolute',\n    top: 60,\n    left: 20,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    padding: 15,\n    // borderRadius: 10,\n    zIndex: 1,\n  },\n  instructions: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    fontWeight: '500',\n  },\n  closeButton: {\n    position: 'absolute',\n    top: 50,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    width: 40,\n    height: 40,\n    borderRadius: 20,\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 2,\n  },\n  closeButtonText: {\n    color: 'white',\n    fontSize: 20,\n    fontWeight: 'bold',\n  },\n  controlsContainer: {\n    position: 'absolute',\n    bottom: 40,\n    left: 0,\n    right: 0,\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    paddingHorizontal: 40,\n    zIndex: 1,\n  },\n  controlButton: {\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    width: 50,\n    height: 50,\n    borderRadius: 25,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  controlButtonText: {\n    fontSize: 24,\n  },\n  captureButton: {\n    backgroundColor: 'rgba(255, 255, 255, 0.3)',\n    width: 80,\n    height: 80,\n    borderRadius: 40,\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderWidth: 3,\n    borderColor: 'white',\n  },\n  captureButtonInner: {\n    backgroundColor: 'white',\n    width: 60,\n    height: 60,\n    borderRadius: 30,\n  },\n  captureButtonDisabled: {\n    backgroundColor: 'rgba(255, 255, 255, 0.5)',\n  },\n  recordingButton: {\n    backgroundColor: 'rgba(255, 59, 48, 0.3)',\n    borderColor: '#FF3B30',\n  },\n  recordingButtonInner: {\n    backgroundColor: '#FF3B30',\n  },\n  permissionMessage: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  errorMessage: {\n    color: 'red',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  bboxOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    pointerEvents: 'none',\n  },\n  bbox: {\n    position: 'absolute',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n  },\n});"]}
+{"version":3,"file":"EnhancedCameraView.js","sourceRoot":"","sources":["../../../src/components/EnhancedCameraView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { View, StyleSheet, Text, AppState, ActivityIndicator } from 'react-native';\nimport { Camera, useCameraDevice } from 'react-native-vision-camera';\nimport VisionCameraModule from '../modules/camera/VisionCameraModule';\nimport { useI18n } from '../hooks/useI18n';\nimport { EnhancedCameraViewProps } from './OverLay/type';\nimport { Button } from './ui/Button';\n\nexport const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({\n  showCamera,\n  cameraType: initialCameraType = 'front',\n  style,\n  onError,\n  onSilentCapture,\n  silentCaptureResult,\n  isProcessing = false,\n  overlayComponent,\n}) => {\n  const { t } = useI18n();\n  const camera = useRef<Camera>(null);\n\n  const isCapturingRef = useRef(false);\n  const isProcessingRef = useRef(isProcessing);\n\n  const [cameraType] = useState<'front' | 'back'>(initialCameraType);\n\n  const [hasPermission, setHasPermission] = useState<boolean | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [refreshCamera, setRefreshCamera] = useState(false);\n  \n  // 🚨 ADDED: A timeout state to show a refresh button if the camera gets stuck booting\n  const [showInitTimeout, setShowInitTimeout] = useState(false);\n\n  const device = useCameraDevice(cameraType);\n\n  useEffect(() => {\n    isProcessingRef.current = isProcessing;\n  }, [isProcessing]);\n\n  const checkPermissions = async () => {\n    try {\n      const hasAllPermissions = await VisionCameraModule.hasAllPermissions();\n      if (!hasAllPermissions) {\n        const granted = await VisionCameraModule.requestAllPermissions();\n        if (!granted) {\n          setHasPermission(false);\n          onError?.({ message: t('camera.permissionRequired') });\n          return;\n        }\n      }\n      setHasPermission(true);\n    } catch (error) {\n      setHasPermission(false);\n      onError?.({ message: t('camera.errorOccurred') });\n    }\n  };\n\n  useEffect(() => {\n    if (showCamera) {\n      setIsInitialized(false); // Reset init state when checking permissions/refreshing\n      checkPermissions();\n    }\n  }, [showCamera, refreshCamera]);\n\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', nextAppState => {\n      if (nextAppState === 'active' && showCamera && hasPermission === false) {\n        checkPermissions();\n      }\n    });\n    return () => subscription.remove();\n  }, [showCamera, hasPermission]);\n\n\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>;\n\n    if (hasPermission && device && showCamera && !isInitialized) {\n        timer = setTimeout(() => setShowInitTimeout(true), 3000); \n    } else {\n        setShowInitTimeout(false);\n    }\n\n    return () => {\n        if (timer) clearTimeout(timer);\n    };\n  }, [hasPermission, device, showCamera, isInitialized]);\n\n  const onInitialized = useCallback(() => {\n    setIsInitialized(true);\n    setShowInitTimeout(false);\n  }, []);\n\n  const onCameraError = useCallback((error: any) => {\n    onError?.({ message: error.message || t('camera.errorOccurred') });\n  }, [onError, t]);\n\n  const captureSilentPhoto = useCallback(async () => {\n    if (!camera.current || !isInitialized || isProcessingRef.current || isCapturingRef.current) return;\n    if (silentCaptureResult?.isAnalyzing) return;\n\n    try {\n      isCapturingRef.current = true;\n      const photo = await camera.current.takePhoto({\n        enableShutterSound: false,\n        flash: 'off',\n      });\n      const result = await VisionCameraModule.processPhotoResult(photo);\n\n      onSilentCapture?.({\n        ...result,\n        path: result.path || photo.path,\n      });\n    } catch (error) {\n      // Silent background fail\n    } finally {\n      isCapturingRef.current = false;\n    }\n  }, [isInitialized, onSilentCapture, silentCaptureResult]);\n\n  useEffect(() => {\n    if (!showCamera || !isInitialized || isProcessing) return;\n\n    let isActive = true;\n    let intervalId: ReturnType<typeof setInterval>;\n\n    const warmupTimer = setTimeout(() => {\n      if (!isActive) return;\n      intervalId = setInterval(() => {\n        captureSilentPhoto();\n      }, 1500); \n    }, 1000);\n\n    return () => {\n      isActive = false;\n      clearTimeout(warmupTimer);\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);\n\n  // --- RENDERERS ---\n\n  if (hasPermission === null) {\n    return <View style={[styles.container, style]} />;\n  }\n\n  if (hasPermission === false) {\n    return (\n      <View style={[styles.container, style, styles.centerContent]}>\n        <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>\n        <Button\n          title=\"Refresh Camera\"\n          onPress={() => setRefreshCamera(prev => !prev)}\n          variant=\"primary\"\n        />\n      </View>\n    );\n  }\n\n  // 🚨 FIX: Don't return an invisible blank screen if the device is loading! \n  // Give them a UI and a way out.\n  if (!device || !showCamera) {\n    return (\n        <View style={[styles.container, style, styles.centerContent]}>\n            <ActivityIndicator size=\"large\" color=\"#2DBD60\" style={{ marginBottom: 16 }} />\n            <Text style={styles.permissionMessage}>Loading Camera Hardware...</Text>\n            <Button \n              title=\"Refresh\" \n              onPress={() => setRefreshCamera(prev => !prev)} \n              variant=\"outline\" \n            />\n        </View>\n    );\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Camera\n        // 🚨 FIX: This key forces the native component to completely remount \n        // when permissions are granted or when manually refreshed.\n        key={`cam-${hasPermission}-${refreshCamera ? '1' : '0'}`} \n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        device={device}\n        isActive={showCamera && !isProcessing}\n        photo={true}\n        video={false}\n        audio={false}\n        onInitialized={onInitialized}\n        onError={onCameraError}\n      />\n      \n      {/* 🚨 FIX: Floating Refresh Button if the hardware freezes on a black screen */}\n      {!isInitialized && showInitTimeout && (\n          <View style={styles.stuckOverlay}>\n              <ActivityIndicator size=\"large\" color=\"#2DBD60\" style={{ marginBottom: 16 }} />\n              <Text style={{ color: 'white', marginBottom: 16, fontWeight: 'bold' }}>\n                  Camera is taking a while to start...\n              </Text>\n              <Button \n                title=\"Restart Camera\" \n                onPress={() => {\n                  setIsInitialized(false);\n                  setRefreshCamera(prev => !prev);\n                }} \n                variant=\"primary\" \n              />\n          </View>\n      )}\n\n      {overlayComponent}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: 'black' },\n  centerContent: { justifyContent: 'center', alignItems: 'center', padding: 20 },\n  permissionMessage: { color: 'white', textAlign: 'center', marginBottom: 20, fontSize: 16, fontWeight: '600' },\n  stuckOverlay: {\n      ...StyleSheet.absoluteFillObject,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: 'rgba(0,0,0,0.85)',\n      zIndex: 1000,\n      padding: 20\n  }\n});"]}

package/build/src/components/KYCElements/EmailVerificationTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailVerificationTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/EmailVerificationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAiB,MAAM,uBAAuB,CAAC;AAMzE,UAAU,8BAA8B;IACpC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AASD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAyK9E,CAAC"}
+{"version":3,"file":"EmailVerificationTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/EmailVerificationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,uBAAuB,CAAC;AAMzE,UAAU,8BAA8B;IACpC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AASD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAkP9E,CAAC"}

package/build/src/components/KYCElements/EmailVerificationTemplate.js

@@ -1,9 +1,10 @@
-import React, { useState } from 'react';
-import { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert } from 'react-native';
+import React, { useState, useRef, useEffect } from 'react';
+import { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert, Pressable } from 'react-native';
 import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
 import { useI18n } from '../../hooks/useI18n';
 import { Button } from '../ui/Button';
 import kycService, { errorMessage } from '../../modules/api/KYCService';
+const CODE_LENGTH = 6;
 /** RFC-style email validation: local@domain.tld */
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const isValidEmail = (value) => EMAIL_REGEX.test((value || '').trim());
@@ -11,19 +12,41 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
     const { actions, getLocalizedText, state, apiKey } = useTemplateKYCFlowContext();
     const { t } = useI18n();
     const auth = apiKey ? { apiKey } : (state.session.token ? { token: state.session.token } : undefined);
-    // const config = component.config as EmailVerificationConfig; // Keep for future use
     // State
     const [step, setStep] = useState('email');
     const [email, setEmail] = useState('');
     const [otp, setOtp] = useState('');
     const [localError, setLocalError] = useState(null);
     const [isSimulating, setIsSimulating] = useState(false);
+    // 🚨 NEW: Track actual focus state for visual feedback
+    const [isInputFocused, setIsInputFocused] = useState(false);
+    const inputRef = useRef(null);
     const title = getLocalizedText(component.labels);
     const instructions = getLocalizedText(component.instructions);
     // Determine button text based on step
     const verifyButtonText = getLocalizedText(component.ui.buttonText) || t('common.verify') || 'Verify';
     const sendButtonText = t('common.sendCode') || 'Send Verification Code';
     const buttonText = step === 'email' ? sendButtonText : verifyButtonText;
+    // --- AUTO SUBMIT LOGIC ---
+    useEffect(() => {
+        if (otp.length === CODE_LENGTH && step === 'otp' && !isSimulating) {
+            handleVerifyCode();
+        }
+    }, [otp]);
+    // --- AUTO FOCUS LOGIC ---
+    useEffect(() => {
+        let focusTimer;
+        // Only attempt focus when we are on the OTP step AND the loading state is completely finished
+        if (step === 'otp' && !isSimulating) {
+            focusTimer = setTimeout(() => {
+                inputRef.current?.focus();
+            }, 100);
+        }
+        return () => {
+            if (focusTimer)
+                clearTimeout(focusTimer);
+        };
+    }, [step, isSimulating]);
     const handleSendCode = async () => {
         const trimmed = email.trim();
         if (!trimmed || !isValidEmail(trimmed)) {
@@ -35,6 +58,7 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         try {
             await kycService.sendEmailVerificationCode(trimmed, auth);
             setStep('otp');
+            // Note: Removed the buggy setTimeout from here. The useEffect handles it now!
         }
         catch (err) {
             const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send verification code');
@@ -45,7 +69,7 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         }
     };
     const handleVerifyCode = async () => {
-        if (!otp || otp.length < 4) {
+        if (!otp || otp.length < CODE_LENGTH) {
             setLocalError(t('errors.invalidCode') || 'Please enter the 6-digit code');
             return;
         }
@@ -60,6 +84,8 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         catch (err) {
             const msg = errorMessage(err) ?? err?.message ?? (t('errors.wrongCode') || 'Invalid verification code');
             setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));
+            setOtp('');
+            inputRef.current?.focus(); // Refocus on error
         }
         finally {
             setIsSimulating(false);
@@ -71,7 +97,9 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
             setLocalError(null);
     };
     const onChangeOtp = (text) => {
-        setOtp(text);
+        // Only allow numbers
+        const cleaned = text.replace(/[^0-9]/g, '');
+        setOtp(cleaned);
         if (localError)
             setLocalError(null);
     };
@@ -80,6 +108,25 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         setOtp('');
         setLocalError(null);
     };
+    const renderOtpBoxes = () => {
+        const boxes = new Array(CODE_LENGTH).fill(0);
+        return (<Pressable style={styles.otpBoxesContainer} onPress={() => inputRef.current?.focus()}>
+                {boxes.map((_, index) => {
+                const digit = otp[index] || '';
+                const isFilled = index < otp.length;
+                // 🚨 NEW: Only highlight if the input is ACTUALLY focused. 
+                const isActiveIndex = index === otp.length || (index === CODE_LENGTH - 1 && otp.length === CODE_LENGTH);
+                const isCurrent = isInputFocused && isActiveIndex;
+                return (<View key={index} style={[
+                        styles.otpBox,
+                        isFilled && styles.otpBoxFilled,
+                        isCurrent && styles.otpBoxActive // Active overrides filled
+                    ]}>
+                            <Text style={styles.otpBoxText}>{digit}</Text>
+                        </View>);
+            })}
+            </Pressable>);
+    };
     return (<View style={styles.container}>
             <Text style={styles.title}>{title}</Text>
             <Text style={styles.instructions}>
@@ -92,16 +139,24 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
                         <TextInput style={styles.input} placeholder="name@example.com" value={email} onChangeText={onChangeEmail} keyboardType="email-address" autoCapitalize="none" autoCorrect={false} editable={!isSimulating}/>
                     </View>) : (<View style={styles.inputContainer}>
                         <Text style={styles.label}>{t('common.verificationCode') || 'Verification Code'}</Text>
-                        <TextInput style={styles.input} placeholder="123456" value={otp} onChangeText={onChangeOtp} keyboardType="number-pad" maxLength={6} editable={!isSimulating}/>
-                        <TouchableOpacity onPress={handleBackToEmail} style={styles.changeEmailLink}>
+                        
+                        <View style={styles.otpWrapper}>
+                            {renderOtpBoxes()}
+                            
+                            <TextInput ref={inputRef} style={styles.hiddenInput} value={otp} onChangeText={onChangeOtp} keyboardType="number-pad" maxLength={CODE_LENGTH} editable={!isSimulating} textContentType="oneTimeCode" caretHidden={true} 
+        // 🚨 NEW: Track focus state
+        onFocus={() => setIsInputFocused(true)} onBlur={() => setIsInputFocused(false)}/>
+                        </View>
+
+                        <TouchableOpacity onPress={handleBackToEmail} style={styles.changeEmailLink} disabled={isSimulating}>
                             <Text style={styles.changeEmailText}>{t('common.changeEmail') || 'Change email'}</Text>
                         </TouchableOpacity>
                     </View>)}
 
                 {(localError || propError) && (<Text style={styles.errorText}>{localError || propError}</Text>)}
 
-                <Button title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText} onPress={step === 'email' ? handleSendCode : handleVerifyCode} disabled={isSimulating ||
-            (step === 'email' ? !email : !otp)}/>
+                <Button title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText} onPress={step === 'email' ? handleSendCode : handleVerifyCode} style={styles.button} disabled={isSimulating ||
+            (step === 'email' ? !email : otp.length < CODE_LENGTH)}/>
 
                 {step === 'otp' && (<TouchableOpacity onPress={async () => {
                 if (isSimulating)
@@ -111,6 +166,8 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
                 try {
                     await kycService.sendEmailVerificationCode(email.trim(), auth);
                     Alert.alert(t('common.codeResent') || 'Code Resent', t('common.codeResentMessage', { email }) || 'Code resent to ' + email);
+                    // Refocus after resending
+                    inputRef.current?.focus();
                 }
                 catch (err) {
                     const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send code');
@@ -152,9 +209,7 @@ const styles = StyleSheet.create({
         lineHeight: 24,
         textAlign: 'center',
     },
-    contentContainer: {
-    // width: '100%',
-    },
+    contentContainer: {},
     inputContainer: {
         marginBottom: 24,
     },
@@ -174,6 +229,50 @@ const styles = StyleSheet.create({
         backgroundColor: '#f8f9fa',
         color: '#333',
     },
+    otpWrapper: {
+        position: 'relative',
+        width: '100%',
+        height: 60,
+    },
+    otpBoxesContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        width: '100%',
+        height: '100%',
+    },
+    otpBox: {
+        width: '14%',
+        aspectRatio: 1, // keeps it perfectly square
+        borderWidth: 1,
+        borderColor: '#e0e0e0',
+        borderRadius: 12,
+        backgroundColor: '#f8f9fa',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    otpBoxFilled: {
+        borderColor: '#9ca3af',
+        backgroundColor: '#ffffff',
+    },
+    otpBoxActive: {
+        borderColor: '#2DBD60',
+        borderWidth: 2,
+        backgroundColor: '#ffffff',
+    },
+    otpBoxText: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#1a1a1a',
+    },
+    hiddenInput: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        opacity: 0, // completely invisible but handles native keyboard interactions perfectly
+    },
     errorText: {
         color: '#dc2626',
         marginBottom: 16,
@@ -187,11 +286,11 @@ const styles = StyleSheet.create({
     button: {
         height: 50,
         borderRadius: 12,
-        width: "100%"
+        width: "100%",
     },
     changeEmailLink: {
         alignSelf: 'flex-end',
-        marginTop: 8,
+        marginTop: 12,
     },
     changeEmailText: {
         color: '#2DBD60',
@@ -201,7 +300,7 @@ const styles = StyleSheet.create({
     resendButton: {
         marginTop: 16,
         alignItems: 'center',
-        width: "100%"
+        width: "100%",
     },
     resendText: {
         color: '#666',

package/build/src/components/KYCElements/EmailVerificationTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailVerificationTemplate.js","sourceRoot":"","sources":["../../../../src/components/KYCElements/EmailVerificationTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert } from 'react-native';\nimport { TemplateComponent, LocalizedText } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\nimport kycService, { errorMessage } from '../../modules/api/KYCService';\n\ninterface EmailVerificationTemplateProps {\n    component: TemplateComponent;\n    value?: any;\n    onValueChange: (data: any) => void;\n    error?: string;\n    language?: string;\n}\n\ntype VerificationStep = 'email' | 'otp';\n\n/** RFC-style email validation: local@domain.tld */\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nconst isValidEmail = (value: string): boolean => EMAIL_REGEX.test((value || '').trim());\n\nexport const EmailVerificationTemplate: React.FC<EmailVerificationTemplateProps> = ({\n    component,\n    value,\n    onValueChange,\n    error: propError,\n}) => {\n    const { actions, getLocalizedText, state, apiKey } = useTemplateKYCFlowContext();\n    const { t } = useI18n();\n\n    const auth = apiKey ? { apiKey } : (state.session.token ? { token: state.session.token } : undefined);\n    // const config = component.config as EmailVerificationConfig; // Keep for future use\n\n    // State\n    const [step, setStep] = useState<VerificationStep>('email');\n    const [email, setEmail] = useState('');\n    const [otp, setOtp] = useState('');\n    const [localError, setLocalError] = useState<string | null>(null);\n    const [isSimulating, setIsSimulating] = useState(false);\n\n    const title = getLocalizedText(component.labels as LocalizedText);\n    const instructions = getLocalizedText(component.instructions as LocalizedText);\n\n    // Determine button text based on step\n    const verifyButtonText = getLocalizedText((component.ui as any).buttonText) || t('common.verify') || 'Verify';\n    const sendButtonText = t('common.sendCode') || 'Send Verification Code';\n    const buttonText = step === 'email' ? sendButtonText : verifyButtonText;\n\n    const handleSendCode = async () => {\n        const trimmed = email.trim();\n        if (!trimmed || !isValidEmail(trimmed)) {\n            setLocalError(t('errors.invalidEmail') || 'Please enter a valid email address');\n            return;\n        }\n\n        setLocalError(null);\n        setIsSimulating(true);\n\n        try {\n            await kycService.sendEmailVerificationCode(trimmed, auth);\n            setStep('otp');\n        } catch (err: any) {\n            const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send verification code');\n            setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));\n        } finally {\n            setIsSimulating(false);\n        }\n    };\n\n    const handleVerifyCode = async () => {\n        if (!otp || otp.length < 4) {\n            setLocalError(t('errors.invalidCode') || 'Please enter the 6-digit code');\n            return;\n        }\n\n        setLocalError(null);\n        setIsSimulating(true);\n\n        try {\n            await kycService.verifyEmailCode(otp.trim(), auth);\n            const data = { email, otp, verified: true };\n            onValueChange(data);\n            actions.nextComponent(data);\n        } catch (err: any) {\n            const msg = errorMessage(err) ?? err?.message ?? (t('errors.wrongCode') || 'Invalid verification code');\n            setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));\n        } finally {\n            setIsSimulating(false);\n        }\n    };\n\n    const onChangeEmail = (text: string) => {\n        setEmail(text);\n        if (localError) setLocalError(null);\n    };\n\n    const onChangeOtp = (text: string) => {\n        setOtp(text);\n        if (localError) setLocalError(null);\n    };\n\n    const handleBackToEmail = () => {\n        setStep('email');\n        setOtp('');\n        setLocalError(null);\n    };\n\n    return (\n        <View style={styles.container}>\n            <Text style={styles.title}>{title}</Text>\n            <Text style={styles.instructions}>\n                {step === 'email' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${email}`)}\n            </Text>\n\n            <View style={styles.contentContainer}>\n                {step === 'email' ? (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.email') || 'Email'}</Text>\n                        <TextInput\n                            style={styles.input}\n                            placeholder=\"name@example.com\"\n                            value={email}\n                            onChangeText={onChangeEmail}\n                            keyboardType=\"email-address\"\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            editable={!isSimulating}\n                        />\n                    </View>\n                ) : (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.verificationCode') || 'Verification Code'}</Text>\n                        <TextInput\n                            style={styles.input}\n                            placeholder=\"123456\"\n                            value={otp}\n                            onChangeText={onChangeOtp}\n                            keyboardType=\"number-pad\"\n                            maxLength={6}\n                            editable={!isSimulating}\n                        />\n                        <TouchableOpacity onPress={handleBackToEmail} style={styles.changeEmailLink}>\n                            <Text style={styles.changeEmailText}>{t('common.changeEmail') || 'Change email'}</Text>\n                        </TouchableOpacity>\n                    </View>\n                )}\n\n                {(localError || propError) && (\n                    <Text style={styles.errorText}>{localError || propError}</Text>\n                )}\n\n                <Button\n                    title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText}\n                    onPress={step === 'email' ? handleSendCode : handleVerifyCode}\n\n\n                    disabled={\n                        isSimulating ||\n                        (step === 'email' ? !email : !otp)\n                    }\n                />\n\n                {step === 'otp' && (\n                    <TouchableOpacity\n                        onPress={async () => {\n                            if (isSimulating) return;\n                            setLocalError(null);\n                            setIsSimulating(true);\n                            try {\n                                await kycService.sendEmailVerificationCode(email.trim(), auth);\n                                Alert.alert(\n                                    t('common.codeResent') || 'Code Resent',\n                                    t('common.codeResentMessage', { email }) || 'Code resent to ' + email\n                                );\n                            } catch (err: any) {\n                                const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send code');\n                                setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));\n                            } finally {\n                                setIsSimulating(false);\n                            }\n                        }}\n                        style={styles.resendButton}\n                        disabled={isSimulating}\n                    >\n                        <Text style={styles.resendText}>{t('common.resendCode') || 'Resend Code'}</Text>\n                    </TouchableOpacity>\n                )}\n            </View>\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        padding: 24,\n        backgroundColor: 'white',\n        borderRadius: 16,\n        margin: 16,\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.1,\n        shadowRadius: 12,\n        elevation: 5,\n        width: '95%',\n    },\n    title: {\n        fontSize: 24,\n        fontWeight: '700',\n        marginBottom: 8,\n        color: '#1a1a1a',\n        textAlign: 'center',\n    },\n    instructions: {\n        fontSize: 16,\n        color: '#666',\n        marginBottom: 32,\n        lineHeight: 24,\n        textAlign: 'center',\n    },\n    contentContainer: {\n        // width: '100%',\n    },\n    inputContainer: {\n        marginBottom: 24,\n    },\n    label: {\n        fontSize: 14,\n        fontWeight: '600',\n        color: '#333',\n        marginBottom: 8,\n        marginLeft: 4,\n    },\n    input: {\n        borderWidth: 1,\n        borderColor: '#e0e0e0',\n        padding: 16,\n        borderRadius: 12,\n        fontSize: 16,\n        backgroundColor: '#f8f9fa',\n        color: '#333',\n    },\n    errorText: {\n        color: '#dc2626',\n        marginBottom: 16,\n        fontSize: 14,\n        textAlign: 'center',\n        backgroundColor: '#fee2e2',\n        padding: 8,\n        borderRadius: 8,\n        overflow: 'hidden',\n    },\n    button: {\n        height: 50,\n        borderRadius: 12,\n        width: \"100%\"\n    },\n    changeEmailLink: {\n        alignSelf: 'flex-end',\n        marginTop: 8,\n    },\n    changeEmailText: {\n        color: '#2DBD60',\n        fontSize: 14,\n        fontWeight: '500',\n    },\n    resendButton: {\n        marginTop: 16,\n        alignItems: 'center',\n        width: \"100%\"\n    },\n    resendText: {\n        color: '#666',\n        fontSize: 14,\n        textDecorationLine: 'underline',\n    },\n});\n"]}
+{"version":3,"file":"EmailVerificationTemplate.js","sourceRoot":"","sources":["../../../../src/components/KYCElements/EmailVerificationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErG,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,EAAE,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAWxE,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB,mDAAmD;AACnD,MAAM,WAAW,GAAG,4BAA4B,CAAC;AACjD,MAAM,YAAY,GAAG,CAAC,KAAa,EAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,yBAAyB,GAA6C,CAAC,EAChF,SAAS,EACT,KAAK,EACL,aAAa,EACb,KAAK,EAAE,SAAS,GACnB,EAAE,EAAE;IACD,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEtG,QAAQ;IACR,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,OAAO,CAAC,CAAC;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,uDAAuD;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,MAAM,CAAY,IAAI,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG,gBAAgB,CAAC,SAAS,CAAC,MAAuB,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC,YAA6B,CAAC,CAAC;IAE/E,sCAAsC;IACtC,MAAM,gBAAgB,GAAG,gBAAgB,CAAE,SAAS,CAAC,EAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,IAAI,QAAQ,CAAC;IAC9G,MAAM,cAAc,GAAG,CAAC,CAAC,iBAAiB,CAAC,IAAI,wBAAwB,CAAC;IACxE,MAAM,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAExE,4BAA4B;IAC5B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,GAAG,CAAC,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAChE,gBAAgB,EAAE,CAAC;QACvB,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,2BAA2B;IAC3B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAyC,CAAC;QAE9C,8FAA8F;QAC9F,IAAI,IAAI,KAAK,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAClC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC9B,CAAC,EAAE,GAAG,CAAC,CAAC;QACZ,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,UAAU;gBAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACrC,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,oCAAoC,CAAC,CAAC;YAChF,OAAO;QACX,CAAC;QAED,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,CAAC;YACD,MAAM,UAAU,CAAC,yBAAyB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,8EAA8E;QAClF,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAChB,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,kCAAkC,CAAC,CAAC;YACpH,aAAa,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;QACvE,CAAC;gBAAS,CAAC;YACP,eAAe,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,WAAW,EAAE,CAAC;YACnC,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,+BAA+B,CAAC,CAAC;YAC1E,OAAO;QACX,CAAC;QAED,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,CAAC;YACD,MAAM,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;YACnD,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAChB,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,2BAA2B,CAAC,CAAC;YACxG,aAAa,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;YACnE,MAAM,CAAC,EAAE,CAAC,CAAC;YACX,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,mBAAmB;QAClD,CAAC;gBAAS,CAAC;YACP,eAAe,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,UAAU;YAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,qBAAqB;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,CAAC;QAChB,IAAI,UAAU;YAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7C,OAAO,CACH,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CACjF;gBAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC/B,MAAM,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC;gBAEpC,4DAA4D;gBAC5D,MAAM,aAAa,GAAG,KAAK,KAAK,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,KAAK,WAAW,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC;gBACxG,MAAM,SAAS,GAAG,cAAc,IAAI,aAAa,CAAC;gBAElD,OAAO,CACH,CAAC,IAAI,CACD,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC;wBACH,MAAM,CAAC,MAAM;wBACb,QAAQ,IAAI,MAAM,CAAC,YAAY;wBAC/B,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,0BAA0B;qBAC9D,CAAC,CAEF;4BAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACjD;wBAAA,EAAE,IAAI,CAAC,CACV,CAAC;YACN,CAAC,CAAC,CACN;YAAA,EAAE,SAAS,CAAC,CACf,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC1B;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC7B;gBAAA,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,iCAAiC,KAAK,EAAE,CAAC,CAC3G;YAAA,EAAE,IAAI,CAEN;;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACjC;gBAAA,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAChB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAC/B;wBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,EAAE,IAAI,CAC/D;wBAAA,CAAC,SAAS,CACN,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,WAAW,CAAC,kBAAkB,CAC9B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,aAAa,CAAC,CAC5B,YAAY,CAAC,eAAe,CAC5B,cAAc,CAAC,MAAM,CACrB,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAEhC;oBAAA,EAAE,IAAI,CAAC,CACV,CAAC,CAAC,CAAC,CACA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAC/B;wBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,IAAI,mBAAmB,CAAC,EAAE,IAAI,CAEtF;;wBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC3B;4BAAA,CAAC,cAAc,EAAE,CAEjB;;4BAAA,CAAC,SAAS,CACN,GAAG,CAAC,CAAC,QAAQ,CAAC,CACd,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,YAAY,CAAC,CAAC,WAAW,CAAC,CAC1B,YAAY,CAAC,YAAY,CACzB,SAAS,CAAC,CAAC,WAAW,CAAC,CACvB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CACxB,eAAe,CAAC,aAAa,CAC7B,WAAW,CAAC,CAAC,IAAI,CAAC;QAClB,4BAA4B;QAC5B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CACvC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAE/C;wBAAA,EAAE,IAAI,CAEN;;wBAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAChG;4BAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,cAAc,CAAC,EAAE,IAAI,CAC1F;wBAAA,EAAE,gBAAgB,CACtB;oBAAA,EAAE,IAAI,CAAC,CACV,CAED;;gBAAA,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,IAAI,CAC1B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,EAAE,IAAI,CAAC,CAClE,CAED;;gBAAA,CAAC,MAAM,CACH,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAC/E,OAAO,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC9D,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,QAAQ,CAAC,CACL,YAAY;YACZ,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,WAAW,CACzD,CAAC,EAGL;;gBAAA,CAAC,IAAI,KAAK,KAAK,IAAI,CACf,CAAC,gBAAgB,CACb,OAAO,CAAC,CAAC,KAAK,IAAI,EAAE;gBAChB,IAAI,YAAY;oBAAE,OAAO;gBACzB,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,IAAI,CAAC;oBACD,MAAM,UAAU,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;oBAC/D,KAAK,CAAC,KAAK,CACP,CAAC,CAAC,mBAAmB,CAAC,IAAI,aAAa,EACvC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,iBAAiB,GAAG,KAAK,CACxE,CAAC;oBACF,0BAA0B;oBAC1B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC9B,CAAC;gBAAC,OAAO,GAAQ,EAAE,CAAC;oBAChB,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,qBAAqB,CAAC,CAAC;oBACvG,aAAa,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;gBACvE,CAAC;wBAAS,CAAC;oBACP,eAAe,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC;YACL,CAAC,CAAC,CACF,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,YAAY,CAAC,CAEvB;wBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,aAAa,CAAC,EAAE,IAAI,CACnF;oBAAA,EAAE,gBAAgB,CAAC,CACtB,CACL;YAAA,EAAE,IAAI,CACV;QAAA,EAAE,IAAI,CAAC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE;QACP,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,KAAK;KACf;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,QAAQ;KACtB;IACD,YAAY,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,QAAQ;KACtB;IACD,gBAAgB,EAAE,EAAE;IACpB,cAAc,EAAE;QACZ,YAAY,EAAE,EAAE;KACnB;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;KAChB;IACD,KAAK,EAAE;QACH,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,EAAE;KACb;IACD,iBAAiB,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACjB;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,CAAC,EAAE,4BAA4B;QAC5C,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACvB;IACD,YAAY,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;KAC7B;IACD,YAAY,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,SAAS;KAC7B;IACD,UAAU,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,CAAC,EAAE,0EAA0E;KACzF;IACD,SAAS,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,MAAM;KAChB;IACD,eAAe,EAAE;QACb,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,EAAE;KAChB;IACD,eAAe,EAAE;QACb,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KACpB;IACD,YAAY,EAAE;QACV,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACR,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,kBAAkB,EAAE,WAAW;KAClC;CACJ,CAAC,CAAC","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert, Pressable } from 'react-native';\nimport { TemplateComponent, LocalizedText } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\nimport kycService, { errorMessage } from '../../modules/api/KYCService';\n\ninterface EmailVerificationTemplateProps {\n    component: TemplateComponent;\n    value?: any;\n    onValueChange: (data: any) => void;\n    error?: string;\n    language?: string;\n}\n\ntype VerificationStep = 'email' | 'otp';\nconst CODE_LENGTH = 6;\n\n/** RFC-style email validation: local@domain.tld */\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\nconst isValidEmail = (value: string): boolean => EMAIL_REGEX.test((value || '').trim());\n\nexport const EmailVerificationTemplate: React.FC<EmailVerificationTemplateProps> = ({\n    component,\n    value,\n    onValueChange,\n    error: propError,\n}) => {\n    const { actions, getLocalizedText, state, apiKey } = useTemplateKYCFlowContext();\n    const { t } = useI18n();\n\n    const auth = apiKey ? { apiKey } : (state.session.token ? { token: state.session.token } : undefined);\n\n    // State\n    const [step, setStep] = useState<VerificationStep>('email');\n    const [email, setEmail] = useState('');\n    const [otp, setOtp] = useState('');\n    const [localError, setLocalError] = useState<string | null>(null);\n    const [isSimulating, setIsSimulating] = useState(false);\n    \n    // 🚨 NEW: Track actual focus state for visual feedback\n    const [isInputFocused, setIsInputFocused] = useState(false);\n\n    const inputRef = useRef<TextInput>(null);\n\n    const title = getLocalizedText(component.labels as LocalizedText);\n    const instructions = getLocalizedText(component.instructions as LocalizedText);\n\n    // Determine button text based on step\n    const verifyButtonText = getLocalizedText((component.ui as any).buttonText) || t('common.verify') || 'Verify';\n    const sendButtonText = t('common.sendCode') || 'Send Verification Code';\n    const buttonText = step === 'email' ? sendButtonText : verifyButtonText;\n\n    // --- AUTO SUBMIT LOGIC ---\n    useEffect(() => {\n        if (otp.length === CODE_LENGTH && step === 'otp' && !isSimulating) {\n            handleVerifyCode();\n        }\n    }, [otp]);\n\n    // --- AUTO FOCUS LOGIC ---\n    useEffect(() => {\n        let focusTimer: ReturnType<typeof setTimeout>;\n        \n        // Only attempt focus when we are on the OTP step AND the loading state is completely finished\n        if (step === 'otp' && !isSimulating) {\n            focusTimer = setTimeout(() => {\n                inputRef.current?.focus();\n            }, 100); \n        }\n        \n        return () => {\n            if (focusTimer) clearTimeout(focusTimer);\n        };\n    }, [step, isSimulating]);\n\n    const handleSendCode = async () => {\n        const trimmed = email.trim();\n        if (!trimmed || !isValidEmail(trimmed)) {\n            setLocalError(t('errors.invalidEmail') || 'Please enter a valid email address');\n            return;\n        }\n\n        setLocalError(null);\n        setIsSimulating(true);\n\n        try {\n            await kycService.sendEmailVerificationCode(trimmed, auth);\n            setStep('otp');\n            // Note: Removed the buggy setTimeout from here. The useEffect handles it now!\n        } catch (err: any) {\n            const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send verification code');\n            setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));\n        } finally {\n            setIsSimulating(false);\n        }\n    };\n\n    const handleVerifyCode = async () => {\n        if (!otp || otp.length < CODE_LENGTH) {\n            setLocalError(t('errors.invalidCode') || 'Please enter the 6-digit code');\n            return;\n        }\n\n        setLocalError(null);\n        setIsSimulating(true);\n\n        try {\n            await kycService.verifyEmailCode(otp.trim(), auth);\n            const data = { email, otp, verified: true };\n            onValueChange(data);\n            actions.nextComponent(data);\n        } catch (err: any) {\n            const msg = errorMessage(err) ?? err?.message ?? (t('errors.wrongCode') || 'Invalid verification code');\n            setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));\n            setOtp(''); \n            inputRef.current?.focus(); // Refocus on error\n        } finally {\n            setIsSimulating(false);\n        }\n    };\n\n    const onChangeEmail = (text: string) => {\n        setEmail(text);\n        if (localError) setLocalError(null);\n    };\n\n    const onChangeOtp = (text: string) => {\n        // Only allow numbers\n        const cleaned = text.replace(/[^0-9]/g, '');\n        setOtp(cleaned);\n        if (localError) setLocalError(null);\n    };\n\n    const handleBackToEmail = () => {\n        setStep('email');\n        setOtp('');\n        setLocalError(null);\n    };\n\n    const renderOtpBoxes = () => {\n        const boxes = new Array(CODE_LENGTH).fill(0);\n        return (\n            <Pressable style={styles.otpBoxesContainer} onPress={() => inputRef.current?.focus()}>\n                {boxes.map((_, index) => {\n                    const digit = otp[index] || '';\n                    const isFilled = index < otp.length;\n                    \n                    // 🚨 NEW: Only highlight if the input is ACTUALLY focused. \n                    const isActiveIndex = index === otp.length || (index === CODE_LENGTH - 1 && otp.length === CODE_LENGTH);\n                    const isCurrent = isInputFocused && isActiveIndex;\n\n                    return (\n                        <View \n                            key={index} \n                            style={[\n                                styles.otpBox, \n                                isFilled && styles.otpBoxFilled,\n                                isCurrent && styles.otpBoxActive // Active overrides filled\n                            ]}\n                        >\n                            <Text style={styles.otpBoxText}>{digit}</Text>\n                        </View>\n                    );\n                })}\n            </Pressable>\n        );\n    };\n\n    return (\n        <View style={styles.container}>\n            <Text style={styles.title}>{title}</Text>\n            <Text style={styles.instructions}>\n                {step === 'email' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${email}`)}\n            </Text>\n\n            <View style={styles.contentContainer}>\n                {step === 'email' ? (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.email') || 'Email'}</Text>\n                        <TextInput\n                            style={styles.input}\n                            placeholder=\"name@example.com\"\n                            value={email}\n                            onChangeText={onChangeEmail}\n                            keyboardType=\"email-address\"\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            editable={!isSimulating}\n                        />\n                    </View>\n                ) : (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.verificationCode') || 'Verification Code'}</Text>\n                        \n                        <View style={styles.otpWrapper}>\n                            {renderOtpBoxes()}\n                            \n                            <TextInput\n                                ref={inputRef}\n                                style={styles.hiddenInput}\n                                value={otp}\n                                onChangeText={onChangeOtp}\n                                keyboardType=\"number-pad\"\n                                maxLength={CODE_LENGTH}\n                                editable={!isSimulating}\n                                textContentType=\"oneTimeCode\"\n                                caretHidden={true}\n                                // 🚨 NEW: Track focus state\n                                onFocus={() => setIsInputFocused(true)}\n                                onBlur={() => setIsInputFocused(false)}\n                            />\n                        </View>\n\n                        <TouchableOpacity onPress={handleBackToEmail} style={styles.changeEmailLink} disabled={isSimulating}>\n                            <Text style={styles.changeEmailText}>{t('common.changeEmail') || 'Change email'}</Text>\n                        </TouchableOpacity>\n                    </View>\n                )}\n\n                {(localError || propError) && (\n                    <Text style={styles.errorText}>{localError || propError}</Text>\n                )}\n\n                <Button\n                    title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText}\n                    onPress={step === 'email' ? handleSendCode : handleVerifyCode}\n                    style={styles.button}\n                    disabled={\n                        isSimulating ||\n                        (step === 'email' ? !email : otp.length < CODE_LENGTH)\n                    }\n                />\n\n                {step === 'otp' && (\n                    <TouchableOpacity\n                        onPress={async () => {\n                            if (isSimulating) return;\n                            setLocalError(null);\n                            setIsSimulating(true);\n                            try {\n                                await kycService.sendEmailVerificationCode(email.trim(), auth);\n                                Alert.alert(\n                                    t('common.codeResent') || 'Code Resent',\n                                    t('common.codeResentMessage', { email }) || 'Code resent to ' + email\n                                );\n                                // Refocus after resending\n                                inputRef.current?.focus();\n                            } catch (err: any) {\n                                const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send code');\n                                setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));\n                            } finally {\n                                setIsSimulating(false);\n                            }\n                        }}\n                        style={styles.resendButton}\n                        disabled={isSimulating}\n                    >\n                        <Text style={styles.resendText}>{t('common.resendCode') || 'Resend Code'}</Text>\n                    </TouchableOpacity>\n                )}\n            </View>\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        padding: 24,\n        backgroundColor: 'white',\n        borderRadius: 16,\n        margin: 16,\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.1,\n        shadowRadius: 12,\n        elevation: 5,\n        width: '95%',\n    },\n    title: {\n        fontSize: 24,\n        fontWeight: '700',\n        marginBottom: 8,\n        color: '#1a1a1a',\n        textAlign: 'center',\n    },\n    instructions: {\n        fontSize: 16,\n        color: '#666',\n        marginBottom: 32,\n        lineHeight: 24,\n        textAlign: 'center',\n    },\n    contentContainer: {},\n    inputContainer: {\n        marginBottom: 24,\n    },\n    label: {\n        fontSize: 14,\n        fontWeight: '600',\n        color: '#333',\n        marginBottom: 8,\n        marginLeft: 4,\n    },\n    input: {\n        borderWidth: 1,\n        borderColor: '#e0e0e0',\n        padding: 16,\n        borderRadius: 12,\n        fontSize: 16,\n        backgroundColor: '#f8f9fa',\n        color: '#333',\n    },\n    otpWrapper: {\n        position: 'relative',\n        width: '100%',\n        height: 60,\n    },\n    otpBoxesContainer: {\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n    },\n    otpBox: {\n        width: '14%',\n        aspectRatio: 1, // keeps it perfectly square\n        borderWidth: 1,\n        borderColor: '#e0e0e0',\n        borderRadius: 12,\n        backgroundColor: '#f8f9fa',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    otpBoxFilled: {\n        borderColor: '#9ca3af',\n        backgroundColor: '#ffffff',\n    },\n    otpBoxActive: {\n        borderColor: '#2DBD60',\n        borderWidth: 2,\n        backgroundColor: '#ffffff',\n    },\n    otpBoxText: {\n        fontSize: 24,\n        fontWeight: '700',\n        color: '#1a1a1a',\n    },\n    hiddenInput: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n        opacity: 0, // completely invisible but handles native keyboard interactions perfectly\n    },\n    errorText: {\n        color: '#dc2626',\n        marginBottom: 16,\n        fontSize: 14,\n        textAlign: 'center',\n        backgroundColor: '#fee2e2',\n        padding: 8,\n        borderRadius: 8,\n        overflow: 'hidden',\n    },\n    button: {\n        height: 50,\n        borderRadius: 12,\n        width: \"100%\",\n    },\n    changeEmailLink: {\n        alignSelf: 'flex-end',\n        marginTop: 12,\n    },\n    changeEmailText: {\n        color: '#2DBD60',\n        fontSize: 14,\n        fontWeight: '500',\n    },\n    resendButton: {\n        marginTop: 16,\n        alignItems: 'center',\n        width: \"100%\",\n    },\n    resendText: {\n        color: '#666',\n        fontSize: 14,\n        textDecorationLine: 'underline',\n    },\n});"]}

package/build/src/components/KYCElements/IDCardCapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAe5L,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoyBtD,CAAC"}
+{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAW5L,UAAU,cAAc;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAAE;AAC3F,UAAU,kBAAkB;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkYtD,CAAC"}