pipwave-ekyc-uikit 0.0.1-beta.0 → 0.0.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/README.md +28 -7
  2. package/dist/index.html +7 -9
  3. package/dist/pw-bundle.js +46 -101
  4. package/package.json +2 -2
  5. package/pipwave-ekyc-uikit-1.0.0.tgz +0 -0
  6. package/dist/4674f8ded773cb03e824.eot +0 -0
  7. package/dist/55a4970ef78c9bb412fc.png +0 -0
  8. package/dist/5e7382c63da0098d634a.ttf +0 -0
  9. package/dist/6066b413c3f9efac085d.png +0 -0
  10. package/dist/6b7dddff26aa104fa23a.png +0 -0
  11. package/dist/83bebaf37c09c7e1c3ee.woff +0 -0
  12. package/dist/99e8d68ac2302586e944.png +0 -0
  13. package/dist/a37df928f2e0c1d63dcc.png +0 -0
  14. package/dist/abdfc62f24a1d76a13f4.png +0 -0
  15. package/dist/cff684e59ffb052d72cb.woff2 +0 -0
  16. package/dist/ef1bcc8d682d604c5fa0.png +0 -0
package/dist/pw-bundle.js CHANGED
@@ -19,17 +19,6 @@
19
19
  return /******/ (() => { // webpackBootstrap
20
20
  /******/ var __webpack_modules__ = ({
21
21
 
22
- /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/material-design-icons/iconfont/material-icons.css":
23
- /*!**************************************************************************************************************!*\
24
- !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/material-design-icons/iconfont/material-icons.css ***!
25
- \**************************************************************************************************************/
26
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
27
-
28
- "use strict";
29
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\n/* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);\n// Imports\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! MaterialIcons-Regular.eot */ \"./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! MaterialIcons-Regular.woff2 */ \"./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(/*! MaterialIcons-Regular.woff */ \"./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(/* asset import */ __webpack_require__(/*! MaterialIcons-Regular.ttf */ \"./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_3___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url(${___CSS_LOADER_URL_REPLACEMENT_0___}); /* For IE6-8 */\n src: local('Material Icons'),\n local('MaterialIcons-Regular'),\n url(${___CSS_LOADER_URL_REPLACEMENT_1___}) format('woff2'),\n url(${___CSS_LOADER_URL_REPLACEMENT_2___}) format('woff'),\n url(${___CSS_LOADER_URL_REPLACEMENT_3___}) format('truetype');\n}\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px; /* Preferred icon size */\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n\n /* Support for all WebKit browsers. */\n -webkit-font-smoothing: antialiased;\n /* Support for Safari and Chrome. */\n text-rendering: optimizeLegibility;\n\n /* Support for Firefox. */\n -moz-osx-font-smoothing: grayscale;\n\n /* Support for IE. */\n font-feature-settings: 'liga';\n}\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://PWUISDK/./node_modules/material-design-icons/iconfont/material-icons.css?./node_modules/css-loader/dist/cjs.js");
30
-
31
- /***/ }),
32
-
33
22
  /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/assets/scss/index.scss":
34
23
  /*!***********************************************************************************************************************************************************!*\
35
24
  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/assets/scss/index.scss ***!
@@ -37,7 +26,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
37
26
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
38
27
 
39
28
  "use strict";
40
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_pikaday_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../../../node_modules/css-loader/dist/cjs.js!./pikaday.css */ \"./node_modules/css-loader/dist/cjs.js!./src/assets/scss/pikaday.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_material_design_icons_iconfont_material_icons_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! -!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/material-design-icons/iconfont/material-icons.css */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/material-design-icons/iconfont/material-icons.css\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_4__);\n// Imports\n\n\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../img/mask-smile.png */ \"./src/assets/img/mask-smile.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! ../img/mask-neutral.png */ \"./src/assets/img/mask-neutral.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:ital,wght@0,400;0,600;1,400;1,600&display=swap);\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_pikaday_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_node_modules_material_design_icons_iconfont_material_icons_css__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_4___default()(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_4___default()(___CSS_LOADER_URL_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);\n --tw-ring-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow-colored: 0 0 rgba(0,0,0,0);\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);\n --tw-ring-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow-colored: 0 0 rgba(0,0,0,0);\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.pw-invisible {\n visibility: hidden;\n}\n\n.\\\\!pw-absolute {\n position: absolute !important;\n}\n\n.pw-absolute {\n position: absolute;\n}\n\n.pw-relative {\n position: relative;\n}\n\n.pw-inset-0 {\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.pw-bottom-0 {\n bottom: 0px;\n}\n\n.pw-bottom-16 {\n bottom: 4rem;\n}\n\n.pw-bottom-28 {\n bottom: 7rem;\n}\n\n.pw-bottom-\\\\[10\\\\%\\\\] {\n bottom: 10%;\n}\n\n.pw-left-0 {\n left: 0px;\n}\n\n.pw-left-1 {\n left: 0.25rem;\n}\n\n.pw-left-1\\\\/2 {\n left: 50%;\n}\n\n.pw-left-10 {\n left: 2.5rem;\n}\n\n.pw-left-2 {\n left: 0.5rem;\n}\n\n.pw-left-4 {\n left: 1rem;\n}\n\n.pw-left-8 {\n left: 2rem;\n}\n\n.pw-left-\\\\[100\\\\%\\\\] {\n left: 100%;\n}\n\n.pw-right-0 {\n right: 0px;\n}\n\n.pw-right-1 {\n right: 0.25rem;\n}\n\n.pw-right-2\\\\/4 {\n right: 50%;\n}\n\n.pw-right-3 {\n right: 0.75rem;\n}\n\n.pw-right-5 {\n right: 1.25rem;\n}\n\n.pw-top-0 {\n top: 0px;\n}\n\n.pw-top-1\\\\/2 {\n top: 50%;\n}\n\n.pw-top-1\\\\/3 {\n top: 33.333333%;\n}\n\n.pw-top-2 {\n top: 0.5rem;\n}\n\n.pw-top-2\\\\/4 {\n top: 50%;\n}\n\n.pw-top-3 {\n top: 0.75rem;\n}\n\n.pw-top-4 {\n top: 1rem;\n}\n\n.pw-top-5 {\n top: 1.25rem;\n}\n\n.pw-z-10 {\n z-index: 10;\n}\n\n.pw-z-30 {\n z-index: 30;\n}\n\n.pw-z-40 {\n z-index: 40;\n}\n\n.pw-z-50 {\n z-index: 50;\n}\n\n.pw-z-\\\\[2\\\\] {\n z-index: 2;\n}\n\n.pw-m-0 {\n margin: 0px;\n}\n\n.pw-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.pw-my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.pw-mb-10 {\n margin-bottom: 2.5rem;\n}\n\n.pw-mb-16 {\n margin-bottom: 4rem;\n}\n\n.pw-mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.pw-mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.pw-mb-4 {\n margin-bottom: 1rem;\n}\n\n.pw-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.pw-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.pw-mb-7 {\n margin-bottom: 1.75rem;\n}\n\n.pw-mb-8 {\n margin-bottom: 2rem;\n}\n\n.pw-mb-9 {\n margin-bottom: 2.25rem;\n}\n\n.pw-ml-2 {\n margin-left: 0.5rem;\n}\n\n.pw-mt-16 {\n margin-top: 4rem;\n}\n\n.pw-mt-2 {\n margin-top: 0.5rem;\n}\n\n.pw-mt-4 {\n margin-top: 1rem;\n}\n\n.pw-mt-7 {\n margin-top: 1.75rem;\n}\n\n.pw-box-border {\n box-sizing: border-box;\n}\n\n.pw-block {\n display: block;\n}\n\n.pw-inline-block {\n display: inline-block;\n}\n\n.pw-flex {\n display: flex;\n}\n\n.pw-hidden {\n display: none;\n}\n\n.\\\\!pw-h-px {\n height: 1px !important;\n}\n\n.pw-h-1 {\n height: 0.25rem;\n}\n\n.pw-h-10 {\n height: 2.5rem;\n}\n\n.pw-h-11 {\n height: 2.75rem;\n}\n\n.pw-h-14 {\n height: 3.5rem;\n}\n\n.pw-h-16 {\n height: 4rem;\n}\n\n.pw-h-24 {\n height: 6rem;\n}\n\n.pw-h-3 {\n height: 0.75rem;\n}\n\n.pw-h-40 {\n height: 10rem;\n}\n\n.pw-h-52 {\n height: 13rem;\n}\n\n.pw-h-9 {\n height: 2.25rem;\n}\n\n.pw-h-\\\\[calc\\\\(100\\\\%-2\\\\*1rem\\\\)\\\\] {\n height: calc(100% - 2rem);\n}\n\n.pw-h-\\\\[calc\\\\(100vh-3rem\\\\)\\\\] {\n height: calc(100vh - 3rem);\n}\n\n.pw-h-full {\n height: 100%;\n}\n\n.pw-max-h-\\\\[51rem\\\\] {\n max-height: 51rem;\n}\n\n.pw-max-h-\\\\[90vh\\\\] {\n max-height: 90vh;\n}\n\n.\\\\!pw-w-px {\n width: 1px !important;\n}\n\n.pw-w-10\\\\/12 {\n width: 83.333333%;\n}\n\n.pw-w-11 {\n width: 2.75rem;\n}\n\n.pw-w-14 {\n width: 3.5rem;\n}\n\n.pw-w-16 {\n width: 4rem;\n}\n\n.pw-w-24 {\n width: 6rem;\n}\n\n.pw-w-36 {\n width: 9rem;\n}\n\n.pw-w-4\\\\/5 {\n width: 80%;\n}\n\n.pw-w-48 {\n width: 12rem;\n}\n\n.pw-w-6 {\n width: 1.5rem;\n}\n\n.pw-w-60 {\n width: 15rem;\n}\n\n.pw-w-72 {\n width: 18rem;\n}\n\n.pw-w-\\\\[calc\\\\(100\\\\%-2\\\\*1\\\\.25rem\\\\)\\\\] {\n width: calc(100% - 2.5rem);\n}\n\n.pw-w-full {\n width: 100%;\n}\n\n.pw-max-w-sm {\n max-width: 24rem;\n}\n\n.pw-flex-none {\n flex: none;\n}\n\n.pw-grow {\n flex-grow: 1;\n}\n\n.pw-basis-2\\\\/5 {\n flex-basis: 40%;\n}\n\n.pw-basis-3\\\\/5 {\n flex-basis: 60%;\n}\n\n.-pw-translate-x-1\\\\/2 {\n --tw-translate-x: -50%;\n transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-pw-translate-y-1\\\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-pw-translate-y-2\\\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-translate-x-2\\\\/4 {\n --tw-translate-x: 50%;\n transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-translate-y-full {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), 100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-scale-\\\\[1\\\\.7\\\\] {\n --tw-scale-x: 1.7;\n --tw-scale-y: 1.7;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.7) scaleY(1.7);\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes pw-camera-rotation {\n 0% {\n transform: rotate3d(0, 1, 0, 0deg);\n }\n 100% {\n transform: rotate3d(0, 1, 0, 180deg);\n }\n}\n.pw-animate-camera {\n animation: pw-camera-rotation 1s ease-out 0.5s 1;\n}\n\n@keyframes pw-loading {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n.pw-animate-loading {\n animation: pw-loading 1.25s linear infinite;\n}\n\n@keyframes pw-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.pw-animate-spin {\n animation: pw-spin 1s linear infinite;\n}\n\n.pw-cursor-pointer {\n cursor: pointer;\n}\n\n.pw-resize-none {\n resize: none;\n}\n\n.pw-flex-row {\n flex-direction: row;\n}\n\n.pw-flex-col {\n flex-direction: column;\n}\n\n.pw-items-end {\n align-items: flex-end;\n}\n\n.pw-items-center {\n align-items: center;\n}\n\n.pw-justify-end {\n justify-content: flex-end;\n}\n\n.pw-justify-center {\n justify-content: center;\n}\n\n.pw-justify-between {\n justify-content: space-between;\n}\n\n.pw-gap-1 {\n gap: 0.25rem;\n}\n\n.pw-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n}\n\n.pw-gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n\n.pw-overflow-auto {\n overflow: auto;\n}\n\n.\\\\!pw-overflow-hidden {\n overflow: hidden !important;\n}\n\n.pw-overflow-hidden {\n overflow: hidden;\n}\n\n.pw-overflow-y-auto {\n overflow-y: auto;\n}\n\n.pw-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.pw-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.\\\\!pw-whitespace-nowrap {\n white-space: nowrap !important;\n}\n\n.pw-rounded-2xl {\n border-radius: 1rem;\n}\n\n.pw-rounded-\\\\[2\\\\.5rem\\\\] {\n border-radius: 2.5rem;\n}\n\n.pw-rounded-\\\\[40px\\\\] {\n border-radius: 40px;\n}\n\n.pw-rounded-full {\n border-radius: 9999px;\n}\n\n.pw-rounded-lg {\n border-radius: 0.5rem;\n}\n\n.pw-rounded-t-lg {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n}\n\n.\\\\!pw-border-0 {\n border-width: 0px !important;\n}\n\n.pw-border {\n border-width: 1px;\n}\n\n.pw-border-2 {\n border-width: 2px;\n}\n\n.pw-border-4 {\n border-width: 4px;\n}\n\n.pw-border-8 {\n border-width: 8px;\n}\n\n.pw-border-solid {\n border-style: solid;\n}\n\n.pw-border-none {\n border-style: none;\n}\n\n.pw-border-current {\n border-color: currentColor;\n}\n\n.pw-border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229, 231, 235);\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.pw-border-grey-5 {\n --tw-border-opacity: 1;\n border-color: rgb(201, 201, 201);\n border-color: rgba(201, 201, 201, var(--tw-border-opacity));\n}\n\n.pw-border-primary {\n --tw-border-opacity: 1;\n border-color: rgb(154, 45, 183);\n border-color: rgba(154, 45, 183, var(--tw-border-opacity));\n}\n\n.pw-border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239, 68, 68);\n border-color: rgba(239, 68, 68, var(--tw-border-opacity));\n}\n\n.pw-border-white {\n --tw-border-opacity: 1;\n border-color: rgb(255, 255, 255);\n border-color: rgba(255, 255, 255, var(--tw-border-opacity));\n}\n\n.pw-border-r-transparent {\n border-right-color: transparent;\n}\n\n.pw-bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0, 0, 0);\n background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\n}\n\n.pw-bg-grey-2 {\n --tw-bg-opacity: 1;\n background-color: rgb(250, 250, 252);\n background-color: rgba(250, 250, 252, var(--tw-bg-opacity));\n}\n\n.pw-bg-grey-4 {\n --tw-bg-opacity: 1;\n background-color: rgb(231, 231, 236);\n background-color: rgba(231, 231, 236, var(--tw-bg-opacity));\n}\n\n.pw-bg-primary {\n --tw-bg-opacity: 1;\n background-color: rgb(154, 45, 183);\n background-color: rgba(154, 45, 183, var(--tw-bg-opacity));\n}\n\n.pw-bg-primary-light {\n --tw-bg-opacity: 1;\n background-color: rgb(251, 235, 255);\n background-color: rgba(251, 235, 255, var(--tw-bg-opacity));\n}\n\n.pw-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 255, 255);\n background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.pw-bg-opacity-70 {\n --tw-bg-opacity: 0.7 ;\n}\n\n.pw-bg-opacity-75 {\n --tw-bg-opacity: 0.75 ;\n}\n\n.pw-bg-opacity-80 {\n --tw-bg-opacity: 0.8 ;\n}\n\n.pw-bg-opacity-90 {\n --tw-bg-opacity: 0.9 ;\n}\n\n.pw-bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n\n.pw-from-\\\\[\\\\#AF4AFF\\\\] {\n --tw-gradient-from: #AF4AFF var(--tw-gradient-from-position);\n --tw-gradient-to: rgba(175, 74, 255, 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;\n}\n\n.pw-to-\\\\[\\\\#DD53FF\\\\] {\n --tw-gradient-to: #DD53FF var(--tw-gradient-to-position) ;\n}\n\n.pw-object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.\\\\!pw-p-0 {\n padding: 0px !important;\n}\n\n.pw-p-0 {\n padding: 0px;\n}\n\n.pw-p-4 {\n padding: 1rem;\n}\n\n.pw-p-5 {\n padding: 1.25rem;\n}\n\n.pw-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.pw-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.pw-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.pw-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.pw-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.pw-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.pw-pl-8 {\n padding-left: 2rem;\n}\n\n.pw-pt-1 {\n padding-top: 0.25rem;\n}\n\n.pw-pt-3 {\n padding-top: 0.75rem;\n}\n\n.pw-pt-4 {\n padding-top: 1rem;\n}\n\n.pw-text-center {\n text-align: center;\n}\n\n.pw-align-\\\\[-0\\\\.125em\\\\] {\n vertical-align: -0.125em;\n}\n\n.pw-font-\\\\[\\\\'Roboto_Flex\\\\'\\\\] {\n font-family: \"Roboto Flex\";\n}\n\n.pw-font-pw {\n font-family: Roboto Flex;\n}\n\n.pw-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.pw-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.pw-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.pw-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.pw-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.pw-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.pw-font-medium {\n font-weight: 500;\n}\n\n.pw-text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175);\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.pw-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34, 197, 94);\n color: rgba(34, 197, 94, var(--tw-text-opacity));\n}\n\n.pw-text-grey-10 {\n --tw-text-opacity: 1;\n color: rgb(29, 30, 34);\n color: rgba(29, 30, 34, var(--tw-text-opacity));\n}\n\n.pw-text-grey-5 {\n --tw-text-opacity: 1;\n color: rgb(201, 201, 201);\n color: rgba(201, 201, 201, var(--tw-text-opacity));\n}\n\n.pw-text-grey-6 {\n --tw-text-opacity: 1;\n color: rgb(158, 158, 158);\n color: rgba(158, 158, 158, var(--tw-text-opacity));\n}\n\n.pw-text-grey-7 {\n --tw-text-opacity: 1;\n color: rgb(117, 117, 117);\n color: rgba(117, 117, 117, var(--tw-text-opacity));\n}\n\n.pw-text-orange-400 {\n --tw-text-opacity: 1;\n color: rgb(251, 146, 60);\n color: rgba(251, 146, 60, var(--tw-text-opacity));\n}\n\n.pw-text-primary {\n --tw-text-opacity: 1;\n color: rgb(154, 45, 183);\n color: rgba(154, 45, 183, var(--tw-text-opacity));\n}\n\n.pw-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68);\n color: rgba(239, 68, 68, var(--tw-text-opacity));\n}\n\n.pw-text-white {\n --tw-text-opacity: 1;\n color: rgb(255, 255, 255);\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.pw-no-underline {\n text-decoration-line: none;\n}\n\n.pw-shadow-footer-shadow {\n --tw-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);\n --tw-shadow-colored: 0px 0px 8px 0px var(--tw-shadow-color);\n box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0px 0px 8px 0px rgba(0, 0, 0, 0.15);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.pw-shadow-grey-5 {\n --tw-shadow-color: #C9C9C9;\n --tw-shadow: var(--tw-shadow-colored) ;\n}\n\n.pw-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.pw-outline-dashed {\n outline-style: dashed;\n}\n\n.pw-outline-grey-6 {\n outline-color: #9E9E9E;\n}\n\n.pw-drop-shadow-\\\\[0_4px_8px_rgba\\\\(200\\\\,123\\\\,221\\\\,0\\\\.60\\\\)\\\\] {\n --tw-drop-shadow: drop-shadow(0 4px 8px rgba(200,123,221,0.60));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 8px rgba(200, 123, 221, 0.6));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.pw-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.pw-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.pw-duration-100 {\n transition-duration: 100ms;\n}\n\n.pw-duration-200 {\n transition-duration: 200ms;\n}\n\n.pw-duration-500 {\n transition-duration: 500ms;\n}\n\n.\\\\!\\\\[clip\\\\:pw-rect\\\\(0\\\\,0\\\\,0\\\\,0\\\\)\\\\] {\n clip: pw-rect(0, 0, 0, 0) !important;\n}\n\n.camera-bg {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n margin: 0;\n height: 100%;\n width: 100%;\n background-color: black;\n}\n.camera-header-area {\n position: absolute;\n text-align: center;\n z-index: 2;\n top: 5%;\n width: 100%;\n}\n.camera-header-area .title {\n color: white;\n}\n.camera-body-area {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n.camera-body-area .video-container {\n z-index: -1;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.camera-body-area .video-element {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.camera-body-area .canvas-element {\n position: absolute;\n z-index: 9;\n}\n.camera-body-area .overlay-container {\n position: absolute;\n margin: auto;\n}\n.camera-body-area .overlay-element {\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n box-shadow: 0px -50px 200px rgba(60, 60, 58, 0.76), 0px 50px 200px rgba(60, 60, 58, 0.76), -100px 0px 100px 9999px rgba(25, 20, 20, 0.9);\n}\n.camera-body-area .border-element {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.camera-body-area .border-top-element:before,\n.camera-body-area .border-top-element:after,\n.camera-body-area .border-bottom-element:before,\n.camera-body-area .border-bottom-element:after {\n position: absolute;\n content: \"\";\n width: 10%;\n height: 15%;\n border-color: white;\n border-style: solid;\n}\n.camera-body-area .border-top-element:before {\n top: -2px;\n left: -2px;\n border-width: 4px 0 0 4px;\n border-top-left-radius: 15px;\n}\n.camera-body-area .border-top-element:after {\n top: -2px;\n right: -2px;\n border-width: 4px 4px 0 0;\n border-top-right-radius: 15px;\n}\n.camera-body-area .border-bottom-element:before {\n bottom: -2px;\n right: -2px;\n border-width: 0 4px 4px 0;\n border-bottom-right-radius: 15px;\n}\n.camera-body-area .border-bottom-element:after {\n bottom: -2px;\n left: -2px;\n border-width: 0 0 4px 4px;\n border-bottom-left-radius: 15px;\n}\n.camera-body-area .overlay-element--active {\n border-color: #8ede34 !important;\n}\n.camera-body-area .overlay-element--selfie-smile {\n background-size: contain;\n background-position: center center;\n background-image: url(${___CSS_LOADER_URL_REPLACEMENT_0___});\n}\n.camera-body-area .overlay-element--selfie-neutral {\n background-size: contain;\n background-position: center center;\n background-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});\n}\n.camera-footer-area {\n position: absolute;\n text-align: center;\n z-index: 2;\n bottom: 10%;\n width: 100%;\n}\n.camera-footer-area .instruction {\n color: white;\n}\n\n.active\\\\:pw-scale-90:active {\n --tw-scale-x: .9;\n --tw-scale-y: .9;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0.9) scaleY(0.9);\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-visible {\n visibility: visible;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-visible {\n visibility: visible;\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-2\\\\/4 {\n top: 50%;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-2\\\\/4 {\n top: 50%;\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-7 {\n top: 1.75rem;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-7 {\n top: 1.75rem;\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:-pw-translate-y-2\\\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:-pw-translate-y-2\\\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.pw-peer:focus ~ .peer-focus\\\\:pw-invisible {\n visibility: hidden;\n}\n\n.pw-peer:focus ~ .peer-focus\\\\:pw-top-3 {\n top: 0.75rem;\n}\n\n.pw-peer:focus ~ .peer-focus\\\\:pw-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n@media (min-width: 384px) {\n .pw-min\\\\:pw-border-solid {\n border-style: solid;\n }\n .pw-min\\\\:pw-border-grey-4 {\n --tw-border-opacity: 1;\n border-color: rgb(231, 231, 236);\n border-color: rgba(231, 231, 236, var(--tw-border-opacity));\n }\n}\n.invalid\\\\:\\\\[\\\\&\\\\:not\\\\(\\\\:-moz-placeholder-shown\\\\)\\\\:not\\\\(\\\\:focus\\\\)\\\\]\\\\:pw-border-red-500:not(:-moz-placeholder-shown):not(:focus):invalid {\n --tw-border-opacity: 1;\n border-color: rgb(239, 68, 68);\n border-color: rgba(239, 68, 68, var(--tw-border-opacity));\n}\n\n.invalid\\\\:\\\\[\\\\&\\\\:not\\\\(\\\\:placeholder-shown\\\\)\\\\:not\\\\(\\\\:focus\\\\)\\\\]\\\\:pw-border-red-500:not(:placeholder-shown):not(:focus):invalid {\n --tw-border-opacity: 1;\n border-color: rgb(239, 68, 68);\n border-color: rgba(239, 68, 68, var(--tw-border-opacity));\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://PWUISDK/./src/assets/scss/index.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js");
29
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_pikaday_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../../../node_modules/css-loader/dist/cjs.js!./pikaday.css */ \"./node_modules/css-loader/dist/cjs.js!./src/assets/scss/pikaday.css\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_3__);\n// Imports\n\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../img/mask-smile.png */ \"./src/assets/img/mask-smile.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! ../img/mask-neutral.png */ \"./src/assets/img/mask-neutral.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:ital,wght@0,400;0,600;1,400;1,600&display=swap);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/icon?family=Material+Icons);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_pikaday_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_3___default()(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_3___default()(___CSS_LOADER_URL_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);\n --tw-ring-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow-colored: 0 0 rgba(0,0,0,0);\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);\n --tw-ring-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow: 0 0 rgba(0,0,0,0);\n --tw-shadow-colored: 0 0 rgba(0,0,0,0);\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.pw-invisible {\n visibility: hidden;\n}\n\n.\\\\!pw-absolute {\n position: absolute !important;\n}\n\n.pw-absolute {\n position: absolute;\n}\n\n.pw-relative {\n position: relative;\n}\n\n.pw-inset-0 {\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.pw-bottom-0 {\n bottom: 0px;\n}\n\n.pw-bottom-16 {\n bottom: 4rem;\n}\n\n.pw-bottom-28 {\n bottom: 7rem;\n}\n\n.pw-bottom-\\\\[10\\\\%\\\\] {\n bottom: 10%;\n}\n\n.pw-left-0 {\n left: 0px;\n}\n\n.pw-left-1 {\n left: 0.25rem;\n}\n\n.pw-left-1\\\\/2 {\n left: 50%;\n}\n\n.pw-left-10 {\n left: 2.5rem;\n}\n\n.pw-left-2 {\n left: 0.5rem;\n}\n\n.pw-left-4 {\n left: 1rem;\n}\n\n.pw-left-8 {\n left: 2rem;\n}\n\n.pw-left-\\\\[100\\\\%\\\\] {\n left: 100%;\n}\n\n.pw-right-0 {\n right: 0px;\n}\n\n.pw-right-1 {\n right: 0.25rem;\n}\n\n.pw-right-2\\\\/4 {\n right: 50%;\n}\n\n.pw-right-3 {\n right: 0.75rem;\n}\n\n.pw-right-5 {\n right: 1.25rem;\n}\n\n.pw-top-0 {\n top: 0px;\n}\n\n.pw-top-1\\\\/2 {\n top: 50%;\n}\n\n.pw-top-1\\\\/3 {\n top: 33.333333%;\n}\n\n.pw-top-2 {\n top: 0.5rem;\n}\n\n.pw-top-2\\\\/4 {\n top: 50%;\n}\n\n.pw-top-3 {\n top: 0.75rem;\n}\n\n.pw-top-4 {\n top: 1rem;\n}\n\n.pw-top-5 {\n top: 1.25rem;\n}\n\n.pw-z-10 {\n z-index: 10;\n}\n\n.pw-z-30 {\n z-index: 30;\n}\n\n.pw-z-40 {\n z-index: 40;\n}\n\n.pw-z-50 {\n z-index: 50;\n}\n\n.pw-z-\\\\[2\\\\] {\n z-index: 2;\n}\n\n.pw-m-0 {\n margin: 0px;\n}\n\n.pw-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.pw-my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.pw-mb-10 {\n margin-bottom: 2.5rem;\n}\n\n.pw-mb-16 {\n margin-bottom: 4rem;\n}\n\n.pw-mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.pw-mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.pw-mb-4 {\n margin-bottom: 1rem;\n}\n\n.pw-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.pw-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.pw-mb-7 {\n margin-bottom: 1.75rem;\n}\n\n.pw-mb-8 {\n margin-bottom: 2rem;\n}\n\n.pw-mb-9 {\n margin-bottom: 2.25rem;\n}\n\n.pw-ml-2 {\n margin-left: 0.5rem;\n}\n\n.pw-mt-16 {\n margin-top: 4rem;\n}\n\n.pw-mt-2 {\n margin-top: 0.5rem;\n}\n\n.pw-mt-4 {\n margin-top: 1rem;\n}\n\n.pw-mt-7 {\n margin-top: 1.75rem;\n}\n\n.pw-box-border {\n box-sizing: border-box;\n}\n\n.pw-block {\n display: block;\n}\n\n.pw-inline-block {\n display: inline-block;\n}\n\n.pw-flex {\n display: flex;\n}\n\n.pw-hidden {\n display: none;\n}\n\n.\\\\!pw-h-px {\n height: 1px !important;\n}\n\n.pw-h-1 {\n height: 0.25rem;\n}\n\n.pw-h-10 {\n height: 2.5rem;\n}\n\n.pw-h-11 {\n height: 2.75rem;\n}\n\n.pw-h-14 {\n height: 3.5rem;\n}\n\n.pw-h-16 {\n height: 4rem;\n}\n\n.pw-h-24 {\n height: 6rem;\n}\n\n.pw-h-3 {\n height: 0.75rem;\n}\n\n.pw-h-40 {\n height: 10rem;\n}\n\n.pw-h-52 {\n height: 13rem;\n}\n\n.pw-h-9 {\n height: 2.25rem;\n}\n\n.pw-h-\\\\[calc\\\\(100\\\\%-2\\\\*1rem\\\\)\\\\] {\n height: calc(100% - 2rem);\n}\n\n.pw-h-\\\\[calc\\\\(100vh-3rem\\\\)\\\\] {\n height: calc(100vh - 3rem);\n}\n\n.pw-h-full {\n height: 100%;\n}\n\n.pw-max-h-\\\\[51rem\\\\] {\n max-height: 51rem;\n}\n\n.pw-max-h-\\\\[90vh\\\\] {\n max-height: 90vh;\n}\n\n.\\\\!pw-w-px {\n width: 1px !important;\n}\n\n.pw-w-10\\\\/12 {\n width: 83.333333%;\n}\n\n.pw-w-11 {\n width: 2.75rem;\n}\n\n.pw-w-14 {\n width: 3.5rem;\n}\n\n.pw-w-16 {\n width: 4rem;\n}\n\n.pw-w-24 {\n width: 6rem;\n}\n\n.pw-w-36 {\n width: 9rem;\n}\n\n.pw-w-4\\\\/5 {\n width: 80%;\n}\n\n.pw-w-48 {\n width: 12rem;\n}\n\n.pw-w-6 {\n width: 1.5rem;\n}\n\n.pw-w-60 {\n width: 15rem;\n}\n\n.pw-w-72 {\n width: 18rem;\n}\n\n.pw-w-\\\\[calc\\\\(100\\\\%-2\\\\*1\\\\.25rem\\\\)\\\\] {\n width: calc(100% - 2.5rem);\n}\n\n.pw-w-full {\n width: 100%;\n}\n\n.pw-max-w-sm {\n max-width: 24rem;\n}\n\n.pw-flex-none {\n flex: none;\n}\n\n.pw-grow {\n flex-grow: 1;\n}\n\n.pw-basis-2\\\\/5 {\n flex-basis: 40%;\n}\n\n.pw-basis-3\\\\/5 {\n flex-basis: 60%;\n}\n\n.-pw-translate-x-1\\\\/2 {\n --tw-translate-x: -50%;\n transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-pw-translate-y-1\\\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-pw-translate-y-1\\\\/3 {\n --tw-translate-y: -33.333333%;\n transform: translate(var(--tw-translate-x), -33.333333%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-pw-translate-y-2\\\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-translate-x-2\\\\/4 {\n --tw-translate-x: 50%;\n transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-translate-y-full {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), 100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-scale-\\\\[1\\\\.7\\\\] {\n --tw-scale-x: 1.7;\n --tw-scale-y: 1.7;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.7) scaleY(1.7);\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes pw-camera-rotation {\n 0% {\n transform: rotate3d(0, 1, 0, 0deg);\n }\n 100% {\n transform: rotate3d(0, 1, 0, 180deg);\n }\n}\n.pw-animate-camera {\n animation: pw-camera-rotation 1s ease-out 0.5s 1;\n}\n\n@keyframes pw-loading {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n.pw-animate-loading {\n animation: pw-loading 1.25s linear infinite;\n}\n\n@keyframes pw-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.pw-animate-spin {\n animation: pw-spin 1s linear infinite;\n}\n\n.pw-cursor-pointer {\n cursor: pointer;\n}\n\n.pw-resize-none {\n resize: none;\n}\n\n.pw-flex-row {\n flex-direction: row;\n}\n\n.pw-flex-col {\n flex-direction: column;\n}\n\n.pw-items-end {\n align-items: flex-end;\n}\n\n.pw-items-center {\n align-items: center;\n}\n\n.pw-justify-end {\n justify-content: flex-end;\n}\n\n.pw-justify-center {\n justify-content: center;\n}\n\n.pw-justify-between {\n justify-content: space-between;\n}\n\n.pw-gap-1 {\n gap: 0.25rem;\n}\n\n.pw-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n}\n\n.pw-gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n\n.pw-overflow-auto {\n overflow: auto;\n}\n\n.\\\\!pw-overflow-hidden {\n overflow: hidden !important;\n}\n\n.pw-overflow-hidden {\n overflow: hidden;\n}\n\n.pw-overflow-y-auto {\n overflow-y: auto;\n}\n\n.pw-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.pw-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.\\\\!pw-whitespace-nowrap {\n white-space: nowrap !important;\n}\n\n.pw-rounded-2xl {\n border-radius: 1rem;\n}\n\n.pw-rounded-\\\\[2\\\\.5rem\\\\] {\n border-radius: 2.5rem;\n}\n\n.pw-rounded-\\\\[40px\\\\] {\n border-radius: 40px;\n}\n\n.pw-rounded-full {\n border-radius: 9999px;\n}\n\n.pw-rounded-lg {\n border-radius: 0.5rem;\n}\n\n.pw-rounded-t-lg {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n}\n\n.\\\\!pw-border-0 {\n border-width: 0px !important;\n}\n\n.pw-border {\n border-width: 1px;\n}\n\n.pw-border-2 {\n border-width: 2px;\n}\n\n.pw-border-4 {\n border-width: 4px;\n}\n\n.pw-border-8 {\n border-width: 8px;\n}\n\n.pw-border-solid {\n border-style: solid;\n}\n\n.pw-border-none {\n border-style: none;\n}\n\n.pw-border-current {\n border-color: currentColor;\n}\n\n.pw-border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229, 231, 235);\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.pw-border-grey-5 {\n --tw-border-opacity: 1;\n border-color: rgb(201, 201, 201);\n border-color: rgba(201, 201, 201, var(--tw-border-opacity));\n}\n\n.pw-border-primary {\n --tw-border-opacity: 1;\n border-color: rgb(154, 45, 183);\n border-color: rgba(154, 45, 183, var(--tw-border-opacity));\n}\n\n.pw-border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239, 68, 68);\n border-color: rgba(239, 68, 68, var(--tw-border-opacity));\n}\n\n.pw-border-white {\n --tw-border-opacity: 1;\n border-color: rgb(255, 255, 255);\n border-color: rgba(255, 255, 255, var(--tw-border-opacity));\n}\n\n.pw-border-r-transparent {\n border-right-color: transparent;\n}\n\n.pw-bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0, 0, 0);\n background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\n}\n\n.pw-bg-grey-2 {\n --tw-bg-opacity: 1;\n background-color: rgb(250, 250, 252);\n background-color: rgba(250, 250, 252, var(--tw-bg-opacity));\n}\n\n.pw-bg-grey-4 {\n --tw-bg-opacity: 1;\n background-color: rgb(231, 231, 236);\n background-color: rgba(231, 231, 236, var(--tw-bg-opacity));\n}\n\n.pw-bg-primary {\n --tw-bg-opacity: 1;\n background-color: rgb(154, 45, 183);\n background-color: rgba(154, 45, 183, var(--tw-bg-opacity));\n}\n\n.pw-bg-primary-light {\n --tw-bg-opacity: 1;\n background-color: rgb(251, 235, 255);\n background-color: rgba(251, 235, 255, var(--tw-bg-opacity));\n}\n\n.pw-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 255, 255);\n background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.pw-bg-opacity-70 {\n --tw-bg-opacity: 0.7 ;\n}\n\n.pw-bg-opacity-75 {\n --tw-bg-opacity: 0.75 ;\n}\n\n.pw-bg-opacity-80 {\n --tw-bg-opacity: 0.8 ;\n}\n\n.pw-bg-opacity-90 {\n --tw-bg-opacity: 0.9 ;\n}\n\n.pw-bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n\n.pw-from-\\\\[\\\\#AF4AFF\\\\] {\n --tw-gradient-from: #AF4AFF var(--tw-gradient-from-position);\n --tw-gradient-to: rgba(175, 74, 255, 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;\n}\n\n.pw-to-\\\\[\\\\#DD53FF\\\\] {\n --tw-gradient-to: #DD53FF var(--tw-gradient-to-position) ;\n}\n\n.pw-object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.\\\\!pw-p-0 {\n padding: 0px !important;\n}\n\n.pw-p-0 {\n padding: 0px;\n}\n\n.pw-p-4 {\n padding: 1rem;\n}\n\n.pw-p-5 {\n padding: 1.25rem;\n}\n\n.pw-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.pw-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.pw-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.pw-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.pw-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.pw-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.pw-pl-8 {\n padding-left: 2rem;\n}\n\n.pw-pt-1 {\n padding-top: 0.25rem;\n}\n\n.pw-pt-3 {\n padding-top: 0.75rem;\n}\n\n.pw-pt-4 {\n padding-top: 1rem;\n}\n\n.pw-text-center {\n text-align: center;\n}\n\n.pw-align-\\\\[-0\\\\.125em\\\\] {\n vertical-align: -0.125em;\n}\n\n.pw-font-\\\\[\\\\'Roboto_Flex\\\\'\\\\] {\n font-family: \"Roboto Flex\";\n}\n\n.pw-font-pw {\n font-family: Roboto Flex;\n}\n\n.pw-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.pw-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.pw-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.pw-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.pw-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.pw-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.pw-font-medium {\n font-weight: 500;\n}\n\n.pw-text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175);\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.pw-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34, 197, 94);\n color: rgba(34, 197, 94, var(--tw-text-opacity));\n}\n\n.pw-text-grey-10 {\n --tw-text-opacity: 1;\n color: rgb(29, 30, 34);\n color: rgba(29, 30, 34, var(--tw-text-opacity));\n}\n\n.pw-text-grey-5 {\n --tw-text-opacity: 1;\n color: rgb(201, 201, 201);\n color: rgba(201, 201, 201, var(--tw-text-opacity));\n}\n\n.pw-text-grey-6 {\n --tw-text-opacity: 1;\n color: rgb(158, 158, 158);\n color: rgba(158, 158, 158, var(--tw-text-opacity));\n}\n\n.pw-text-grey-7 {\n --tw-text-opacity: 1;\n color: rgb(117, 117, 117);\n color: rgba(117, 117, 117, var(--tw-text-opacity));\n}\n\n.pw-text-orange-400 {\n --tw-text-opacity: 1;\n color: rgb(251, 146, 60);\n color: rgba(251, 146, 60, var(--tw-text-opacity));\n}\n\n.pw-text-primary {\n --tw-text-opacity: 1;\n color: rgb(154, 45, 183);\n color: rgba(154, 45, 183, var(--tw-text-opacity));\n}\n\n.pw-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68);\n color: rgba(239, 68, 68, var(--tw-text-opacity));\n}\n\n.pw-text-white {\n --tw-text-opacity: 1;\n color: rgb(255, 255, 255);\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.pw-no-underline {\n text-decoration-line: none;\n}\n\n.pw-shadow-footer-shadow {\n --tw-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);\n --tw-shadow-colored: 0px 0px 8px 0px var(--tw-shadow-color);\n box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0px 0px 8px 0px rgba(0, 0, 0, 0.15);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.pw-shadow-grey-5 {\n --tw-shadow-color: #C9C9C9;\n --tw-shadow: var(--tw-shadow-colored) ;\n}\n\n.pw-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.pw-outline-dashed {\n outline-style: dashed;\n}\n\n.pw-outline-grey-6 {\n outline-color: #9E9E9E;\n}\n\n.pw-drop-shadow-\\\\[0_4px_8px_rgba\\\\(200\\\\,123\\\\,221\\\\,0\\\\.60\\\\)\\\\] {\n --tw-drop-shadow: drop-shadow(0 4px 8px rgba(200,123,221,0.60));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 8px rgba(200, 123, 221, 0.6));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.pw-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.pw-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.pw-duration-100 {\n transition-duration: 100ms;\n}\n\n.pw-duration-200 {\n transition-duration: 200ms;\n}\n\n.pw-duration-500 {\n transition-duration: 500ms;\n}\n\n.\\\\!\\\\[clip\\\\:pw-rect\\\\(0\\\\,0\\\\,0\\\\,0\\\\)\\\\] {\n clip: pw-rect(0, 0, 0, 0) !important;\n}\n\n.camera-bg {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n margin: 0;\n height: 100%;\n width: 100%;\n background-color: black;\n}\n.camera-header-area {\n position: absolute;\n text-align: center;\n z-index: 2;\n top: 5%;\n width: 100%;\n}\n.camera-header-area .title {\n color: white;\n}\n.camera-body-area {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n.camera-body-area .video-container {\n z-index: -1;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.camera-body-area .video-element {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.camera-body-area .canvas-element {\n position: absolute;\n z-index: 9;\n}\n.camera-body-area .overlay-container {\n position: absolute;\n margin: auto;\n}\n.camera-body-area .overlay-element {\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n box-shadow: 0px -50px 200px rgba(60, 60, 58, 0.76), 0px 50px 200px rgba(60, 60, 58, 0.76), -100px 0px 100px 9999px rgba(25, 20, 20, 0.9);\n}\n.camera-body-area .border-element {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.camera-body-area .border-top-element:before,\n.camera-body-area .border-top-element:after,\n.camera-body-area .border-bottom-element:before,\n.camera-body-area .border-bottom-element:after {\n position: absolute;\n content: \"\";\n width: 10%;\n height: 15%;\n border-color: white;\n border-style: solid;\n}\n.camera-body-area .border-top-element:before {\n top: -2px;\n left: -2px;\n border-width: 4px 0 0 4px;\n border-top-left-radius: 15px;\n}\n.camera-body-area .border-top-element:after {\n top: -2px;\n right: -2px;\n border-width: 4px 4px 0 0;\n border-top-right-radius: 15px;\n}\n.camera-body-area .border-bottom-element:before {\n bottom: -2px;\n right: -2px;\n border-width: 0 4px 4px 0;\n border-bottom-right-radius: 15px;\n}\n.camera-body-area .border-bottom-element:after {\n bottom: -2px;\n left: -2px;\n border-width: 0 0 4px 4px;\n border-bottom-left-radius: 15px;\n}\n.camera-body-area .overlay-element--active {\n border-color: #8ede34 !important;\n}\n.camera-body-area .overlay-element--selfie-smile {\n background-size: contain;\n background-position: center center;\n background-image: url(${___CSS_LOADER_URL_REPLACEMENT_0___});\n}\n.camera-body-area .overlay-element--selfie-neutral {\n background-size: contain;\n background-position: center center;\n background-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});\n}\n.camera-footer-area {\n position: absolute;\n text-align: center;\n z-index: 2;\n bottom: 10%;\n width: 100%;\n}\n.camera-footer-area .instruction {\n color: white;\n}\n\n.active\\\\:pw-scale-90:active {\n --tw-scale-x: .9;\n --tw-scale-y: .9;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0.9) scaleY(0.9);\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-visible {\n visibility: visible;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-visible {\n visibility: visible;\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-2\\\\/4 {\n top: 50%;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-2\\\\/4 {\n top: 50%;\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-7 {\n top: 1.75rem;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-top-7 {\n top: 1.75rem;\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:-pw-translate-y-2\\\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:-pw-translate-y-2\\\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.pw-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\\\:pw-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.pw-peer:placeholder-shown ~ .peer-placeholder-shown\\\\:pw-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.pw-peer:focus ~ .peer-focus\\\\:pw-invisible {\n visibility: hidden;\n}\n\n.pw-peer:focus ~ .peer-focus\\\\:pw-top-3 {\n top: 0.75rem;\n}\n\n.pw-peer:focus ~ .peer-focus\\\\:pw-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n@media (min-width: 384px) {\n .pw-min\\\\:pw-border-solid {\n border-style: solid;\n }\n .pw-min\\\\:pw-border-grey-4 {\n --tw-border-opacity: 1;\n border-color: rgb(231, 231, 236);\n border-color: rgba(231, 231, 236, var(--tw-border-opacity));\n }\n}\n.invalid\\\\:\\\\[\\\\&\\\\:not\\\\(\\\\:-moz-placeholder-shown\\\\)\\\\:not\\\\(\\\\:focus\\\\)\\\\]\\\\:pw-border-red-500:not(:-moz-placeholder-shown):not(:focus):invalid {\n --tw-border-opacity: 1;\n border-color: rgb(239, 68, 68);\n border-color: rgba(239, 68, 68, var(--tw-border-opacity));\n}\n\n.invalid\\\\:\\\\[\\\\&\\\\:not\\\\(\\\\:placeholder-shown\\\\)\\\\:not\\\\(\\\\:focus\\\\)\\\\]\\\\:pw-border-red-500:not(:placeholder-shown):not(:focus):invalid {\n --tw-border-opacity: 1;\n border-color: rgb(239, 68, 68);\n border-color: rgba(239, 68, 68, var(--tw-border-opacity));\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://PWUISDK/./src/assets/scss/index.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js");
41
30
 
42
31
  /***/ }),
43
32
 
@@ -3417,7 +3406,7 @@ eval("/*!\n * Pikaday\n *\n * Copyright © 2014 David Bushell | BSD & MIT licens
3417
3406
  \*********************************************************/
3418
3407
  /***/ ((module) => {
3419
3408
 
3420
- eval("!function(e,t){ true?module.exports=t():0}(self,(()=>(()=>{\"use strict\";var e={245:(e,t,n)=>{function r(e){this.message=e}n.r(t),n.d(t,{InvalidTokenError:()=>s,default:()=>a}),r.prototype=new Error,r.prototype.name=\"InvalidCharacterError\";var o=\"undefined\"!=typeof window&&window.atob&&window.atob.bind(window)||function(e){var t=String(e).replace(/=+$/,\"\");if(t.length%4==1)throw new r(\"'atob' failed: The string to be decoded is not correctly encoded.\");for(var n,o,i=0,s=0,a=\"\";o=t.charAt(s++);~o&&(n=i%4?64*n+o:o,i++%4)?a+=String.fromCharCode(255&n>>(-2*i&6)):0)o=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\".indexOf(o);return a};function i(e){var t=e.replace(/-/g,\"+\").replace(/_/g,\"/\");switch(t.length%4){case 0:break;case 2:t+=\"==\";break;case 3:t+=\"=\";break;default:throw\"Illegal base64url string!\"}try{return function(e){return decodeURIComponent(o(e).replace(/(.)/g,(function(e,t){var n=t.charCodeAt(0).toString(16).toUpperCase();return n.length<2&&(n=\"0\"+n),\"%\"+n})))}(t)}catch(e){return o(t)}}function s(e){this.message=e}s.prototype=new Error,s.prototype.name=\"InvalidTokenError\";const a=function(e,t){if(\"string\"!=typeof e)throw new s(\"Invalid token specified\");var n=!0===(t=t||{}).header?0:1;try{return JSON.parse(i(e.split(\".\")[n]))}catch(e){throw new s(\"Invalid token specified: \"+e.message)}}},607:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWSDK=void 0;const o=r(n(245)),i=r(n(207)),s=n(284),a=n(860),c=n(882);class u{constructor(){this.countries=[],this.issuingCountries=[],this.init=s.PWAUTHSDK.prototype.init,this.fetchStates=a.PWCOMMONSDK.prototype.fetchStates,this.viewIpCountry=a.PWCOMMONSDK.prototype.viewIpCountry,this.fetchCountries=a.PWCOMMONSDK.prototype.fetchCountries,this.fetchSupportedCountries=a.PWCOMMONSDK.prototype.fetchSupportedCountries,this.viewDefaultCountry=a.PWCOMMONSDK.prototype.viewDefaultCountry,this.uploadDoc=c.PWPROOFSDK.prototype.uploadDoc,this.uploadSelfie=c.PWPROOFSDK.prototype.uploadSelfie,this.viewResult=c.PWPROOFSDK.prototype.viewResult,this.updateForm=c.PWPROOFSDK.prototype.updateForm}get tokenDetails(){const e=i.default.getAccessToken();return e?(0,o.default)(e):{}}get sessionId(){return this.tokenDetails.session_id||\"\"}}t.PWSDK=u,t.default={PWSDK:u}},207:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,\"__esModule\",{value:!0}),t.instance=void 0;const i=o(n(218)),s=n(249);t.instance={};let a=\"\",c=Object.freeze(new class{getAccessToken(){return a}setAccessToken(e){a=e}constructor(){t.instance&&!Object.keys(t.instance).length&&(t.instance=i.default.create({baseURL:\"https://staging-open-api.pipwave.com\",headers:{common:{Authorization:a}}}),t.instance.interceptors.request.use((function(e){return e.headers.Authorization=a,e}),this.onResponseError),t.instance.interceptors.response.use(void 0,this.onResponseError))}onResponseError(e){return r(this,void 0,void 0,(function*(){const t=(0,s.constructAxiosError)(e);return Promise.reject(t)}))}});t.default=c},599:(e,t)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.ERROR_TYPE=t.ERROR_MESSAGE=t.INVALID_ARGUMENT_FORMAT=t.INVALID_ARGUMENT_LENGTH=t.INVALID_ARGUMENTS=t.ATTEMPT_EXCEEDED=t.CODE_BAD_REQ=t.CODE_LIMIT_EXCEED=t.CODE_ACCESS_DENIED=t.CODE_VALIDATION_ERROR=t.CODE_MISSING_PARAM=t.CODE_IMG_EXPOSED_3=t.CODE_IMG_EXPOSED_2=t.CODE_IMG_EXPOSED_1=t.CODE_DOC_NOT_POSITIONED=t.CODE_DOC_IMG_UNSIMILAR=t.CODE_DOC_EMPTY=t.CODE_DOC_UNPAIR=t.CODE_DOC_TYPE_INVALID=t.CODE_MAX_SESSION_ATTEMPT=t.CODE_MAX_DOC_ATTEMPT=t.CODE_MAX_SELFIE_ATTEMPT=t.CODE_ISSUING_COUNTRY_INVALID=t.CODE_VERIFICATION_TYPE_INVALID=t.CODE_SESSION_EXPIRED=t.API_MODULE=t.REQUEST_ERROR_NAME=t.ERROR_NAME=void 0,t.ERROR_NAME=\"PwError\",t.REQUEST_ERROR_NAME=\"PwReqError\",t.API_MODULE=\"openApi\",t.CODE_SESSION_EXPIRED=14003,t.CODE_VERIFICATION_TYPE_INVALID=14002,t.CODE_ISSUING_COUNTRY_INVALID=12015,t.CODE_MAX_SELFIE_ATTEMPT=14019,t.CODE_MAX_DOC_ATTEMPT=14020,t.CODE_MAX_SESSION_ATTEMPT=14021,t.CODE_DOC_TYPE_INVALID=12002,t.CODE_DOC_UNPAIR=12006,t.CODE_DOC_EMPTY=12014,t.CODE_DOC_IMG_UNSIMILAR=12013,t.CODE_DOC_NOT_POSITIONED=12009,t.CODE_IMG_EXPOSED_1=11008,t.CODE_IMG_EXPOSED_2=11010,t.CODE_IMG_EXPOSED_3=12012,t.CODE_MISSING_PARAM=4001,t.CODE_VALIDATION_ERROR=4002,t.CODE_ACCESS_DENIED=4031,t.CODE_LIMIT_EXCEED=4291,t.CODE_BAD_REQ=4003,t.ATTEMPT_EXCEEDED=\"ATTEMPT_EXCEEDED\",t.INVALID_ARGUMENTS=\"INVALID_ARGUMENTS\",t.INVALID_ARGUMENT_LENGTH=\"INVALID_ARGUMENT_LENGTH\",t.INVALID_ARGUMENT_FORMAT=\"INVALID_ARGUMENT_FORMAT\",t.ERROR_MESSAGE={[t.ATTEMPT_EXCEEDED]:\"Maximum attempt exceeded\",[t.INVALID_ARGUMENTS]:\"Invalid arguments\",[t.INVALID_ARGUMENT_LENGTH]:\"Invalid length for argument\",[t.INVALID_ARGUMENT_FORMAT]:\"Invalid format for argument\"},t.ERROR_TYPE={[t.ATTEMPT_EXCEEDED]:\"attempt-exceeded\",[t.INVALID_ARGUMENTS]:\"invalid-arguments\",[t.INVALID_ARGUMENT_LENGTH]:\"invalid-argument-length\",[t.INVALID_ARGUMENT_FORMAT]:\"invalid-argument-format\",[t.CODE_SESSION_EXPIRED]:\"session-id-expired\",[t.CODE_VERIFICATION_TYPE_INVALID]:\"verification-type-invalid\",[t.CODE_ISSUING_COUNTRY_INVALID]:\"issuing-country-invalid\",[t.CODE_MAX_SELFIE_ATTEMPT]:\"max-selfie-attempt\",[t.CODE_MAX_DOC_ATTEMPT]:\"max-doc-attempt\",[t.CODE_MAX_SESSION_ATTEMPT]:\"max-session-attempt\",[t.CODE_DOC_TYPE_INVALID]:\"doc-type-invalid\",[t.CODE_DOC_UNPAIR]:\"doc-unpair\",[t.CODE_DOC_EMPTY]:\"doc-empty\",[t.CODE_DOC_IMG_UNSIMILAR]:\"doc-front-back-img-unsimilar\",[t.CODE_DOC_NOT_POSITIONED]:\"doc-not-positioned-proper\",[t.CODE_IMG_EXPOSED_1|t.CODE_IMG_EXPOSED_2|t.CODE_IMG_EXPOSED_3]:\"img-exposed\",[t.CODE_MISSING_PARAM]:\"missing-param\",[t.CODE_VALIDATION_ERROR]:\"validation-error\",[t.CODE_ACCESS_DENIED]:\"access-denied\",[t.CODE_LIMIT_EXCEED]:\"limit-exceed\",[t.CODE_BAD_REQ]:\"bad-request\"}},249:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.validateRegex=t.validateLength=t.validateParam=t.validateParams=t.constructAxiosError=void 0;const r=n(145),o=n(599);t.constructAxiosError=e=>{let t=new r.PwReqError;const{code:n,message:i,config:s,request:a,response:c}=e;if(t.status=null==c?void 0:c.status,t.statusText=n,t.message=i,t.config=s,t.request=a,t.response=c,null==c?void 0:c.data){const{code:e,messages:n=[],Message:r=\"\"}=c.data;if(r&&(t.message=r),n.length){const{code:r,text:i}=n[0];t.code=r||e||void 0,i&&(t.message=i);const s=t.code&&o.ERROR_TYPE[t.code];t.type=s?`${o.API_MODULE}/${s}`:\"unknown\"}}return t},t.validateParams=function(e,n,r){const o=Object.keys(n);for(const i of o){const o=!!r&&r.includes(i);(0,t.validateParam)(i,e[i],n[i],o)}return!0},t.validateParam=(e,t,n,i)=>{const s=null!==t&&(\"array\"===n?Array.isArray(t):typeof t===n&&!Array.isArray(t));if(!i&&(void 0===t||s))return!0;if(s&&\"object\"===n&&Object.keys(t).length>0)return!0;if(s&&\"array\"===n&&t.length>0)return!0;if(s&&\"string\"===n&&t)return!0;const a=new r.PwError(`${o.ERROR_MESSAGE[o.INVALID_ARGUMENTS]}: ${e}`);throw a.type=o.ERROR_TYPE[o.INVALID_ARGUMENTS],a},t.validateLength=(e,t,n,i,s)=>{if(void 0===t)return!0;const a=\"string\"==typeof t?t.length:t.toString().length,c=new r.PwError;if(c.type=o.ERROR_TYPE[o.INVALID_ARGUMENT_LENGTH],c.message=`${o.ERROR_MESSAGE[o.INVALID_ARGUMENT_LENGTH]}: ${e} `,n&&a!==n)throw c.message+=`must have exactly length ${n}`,c;if(i&&s&&(a<i||a>s))throw c.message+=`must be between ${i} and ${s} characters in length`,c;if(i&&a<i)throw c.message+=`must be at least ${i} characters in length`,c;if(s&&a>s)throw c.message+=`must not exceed ${s} characters in length`,c;return!0},t.validateRegex=(e,t,n,i)=>{if(i.test(t))return!0;const s=new r.PwError(`${o.ERROR_MESSAGE[o.INVALID_ARGUMENT_FORMAT]}: ${e} ${n} `);throw s.type=o.ERROR_TYPE[o.INVALID_ARGUMENT_FORMAT],s}},145:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.PwReqError=t.PwError=void 0;const r=n(599);class o extends Error{constructor(e){super(e),this.name=r.ERROR_NAME}}t.PwError=o,t.PwReqError=class extends o{constructor(e){super(e),this.name=r.REQUEST_ERROR_NAME}}},284:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWAUTHSDK=void 0;const i=o(n(207)),s=n(249);t.PWAUTHSDK=class{constructor(){this.sessionId=\"\",this.countries=[],this.issuingCountries=[],this.fetchCountries=()=>r(this,void 0,void 0,(function*(){return[]})),this.fetchSupportedCountries=()=>r(this,void 0,void 0,(function*(){return[]})),this.viewDefaultCountry=()=>r(this,void 0,void 0,(function*(){return{}}))}get tokenDetails(){return{}}init(e){return r(this,void 0,void 0,(function*(){(0,s.validateParam)(\"accessToken\",e,\"string\",!0),i.default.setAccessToken(e);const{verification_types:t,session_id:n,expired_at:r,user_id:o}=this.tokenDetails;return this.countries=yield this.fetchCountries(),this.issuingCountries=yield this.fetchSupportedCountries(),this.defaultCountry=yield this.viewDefaultCountry(),{verification_types:t,session_id:n,expired_at:r,user_id:o}}))}}},99:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.FETCH_STATES=t.FETCH_COUNTRIES=t.VIEW_IP_COUNTRY=void 0;const r=n(207);t.VIEW_IP_COUNTRY=()=>r.instance.get(\"locale/ip_info\"),t.FETCH_COUNTRIES=()=>r.instance.get(\"locale/country\"),t.FETCH_STATES=e=>r.instance.get(\"locale/states\",{params:e})},860:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWCOMMONSDK=void 0;const o=n(249),i=n(99);t.PWCOMMONSDK=class{constructor(){this.countries=[],this.issuingCountries=[]}get tokenDetails(){return{}}viewIpCountry(){return r(this,void 0,void 0,(function*(){if(this._ipCountry)return this._ipCountry;const e=yield(0,i.VIEW_IP_COUNTRY)(),{payload:t}=e.data;return this._ipCountry=t,t}))}fetchStates(e){return r(this,void 0,void 0,(function*(){(0,o.validateParam)(\"country\",e,\"string\",!0);const t=yield(0,i.FETCH_STATES)({country:e}),{payload:n}=t.data,{results:r}=n;return Object.entries(r).map((([e,t])=>({iso_code:e,name:t})))}))}fetchCountries(){return r(this,void 0,void 0,(function*(){if(this.countries.length)return this.countries;const e=yield(0,i.FETCH_COUNTRIES)(),{payload:t}=e.data;return this.countries=t.results.map((e=>({iso_code:e.country,name:e.country_name}))),this.countries}))}fetchSupportedCountries(){return r(this,void 0,void 0,(function*(){const e=yield this.fetchCountries(),t=e.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.iso_code]:t})),{}),{supported_countries:n=[],excluded_countries:r=[]}=this.tokenDetails;if(n&&n.length)return n.map((e=>t[e.toLowerCase()]));if(r&&r.length){const t=r.map((e=>e.toLowerCase()));return e.filter((e=>t.includes(e.iso_code)))}return e}))}viewDefaultCountry(){return r(this,void 0,void 0,(function*(){const e=yield this.viewIpCountry(),t=yield this.fetchSupportedCountries(),{country:n}=this.tokenDetails;if(n){const e=t.find((e=>e.iso_code===n.toLowerCase()));if(e)return e}if(null==e?void 0:e.country){const n=t.find((t=>t.iso_code===(null==e?void 0:e.country.toLowerCase())));if(n)return n}return{}}))}}},639:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.VIEW_RESULT=t.UPDATE_FORM=t.UPLOAD_SELFIE=t.UPLOAD_DOC=void 0;const r=n(207);t.UPLOAD_DOC=(e,t)=>r.instance.post(`/ekyc/session/${e}/doc`,t),t.UPLOAD_SELFIE=(e,t)=>r.instance.post(`/ekyc/session/${e}/selfie`,t),t.UPDATE_FORM=(e,t)=>r.instance.put(`/ekyc/session/${e}/feedback`,t),t.VIEW_RESULT=e=>r.instance.get(`/ekyc/session/${e}/check`)},746:(e,t)=>{var n,r,o;Object.defineProperty(t,\"__esModule\",{value:!0}),t.VERIFICATION_STATUS=t.AI_DOC_TYPE=t.DOC_TYPE=void 0,function(e){e.PASSPORT=\"passport\",e.NATIONAL_ID=\"national_identity_document\",e.LICENSE=\"driving_license\"}(n||(t.DOC_TYPE=n={})),function(e){e.PASSPORT=\"passport\",e.ID=\"identity_document\",e.LICENSE=\"driving_license\"}(r||(t.AI_DOC_TYPE=r={})),function(e){e.PENDING=\"pending\",e.APPROVED=\"approved\",e.REJECTED=\"rejected\",e.REVIEW=\"review\"}(o||(t.VERIFICATION_STATUS=o={}))},602:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,\"__esModule\",{value:!0}),t.viewResult=void 0;const o=n(145),i=n(599),s=n(639),a=n(746);t.viewResult=(e,n=1)=>r(void 0,void 0,void 0,(function*(){const r=yield(0,s.VIEW_RESULT)(e),{payload:c}=r.data,{status:u=\"\"}=c;if(u===a.VERIFICATION_STATUS.PENDING){if(n<5)return yield new Promise((e=>setTimeout(e,3e3))),yield(0,t.viewResult)(e,n+1);const r=new o.PwReqError;return r.type=`${i.API_MODULE}/${i.ERROR_TYPE[i.ATTEMPT_EXCEEDED]}`,r.message=`${i.ERROR_MESSAGE[i.ATTEMPT_EXCEEDED]}: 5\"}`,Promise.reject(r)}{const{status:e,is_retriable:t,identity_document:n,selfie:r}=c,o={status:e,is_retriable:t,id_status:null==n?void 0:n.system_status,selfie_status:null==r?void 0:r.system_status},i=null==n?void 0:n.system_result;if(!i)return o;const{name:s,id_result:u,doc_type:l,filepaths:d}=i;if(!u)return o;const f=l===a.AI_DOC_TYPE.ID?a.DOC_TYPE.NATIONAL_ID:l,{full_name:p,given_name:h,surname:E}=s,{nationality:_=\"\",id_number:m=\"\",date_of_birth:O=\"\",address:y}=u;let g={nationality:_,id_number:m,date_of_birth:O};p?g.full_name=p||\"\":h||E?(g.given_name=h||\"\",g.surname=E||\"\"):g.full_name=p||\"\";const R={state_iso:\"\",state_name:\"\",country_iso2:\"\",country_name:\"\",city:\"\",line1:\"\",zip:\"\"};if(y){for(const[e,t]of Object.entries(R))R[e]=y[e]||t;g=Object.assign(Object.assign({},g),R)}return Object.assign(Object.assign({},o),{result:g,id_type:f,filepaths:d})}}))},882:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWPROOFSDK=void 0;const o=n(249),i=n(602),s=n(639);t.PWPROOFSDK=class{constructor(){this.sessionId=\"\"}uploadDoc(e){return r(this,void 0,void 0,(function*(){const t=e.front_doc_uri?\"front_doc_uri\":\"front_doc_base64\";(0,o.validateParams)(e,{front_doc_uri:\"string\",back_doc_uri:\"string\",front_doc_base64:\"string\",back_doc_base64:\"string\",doc_type:\"string\",issuing_country:\"string\"},[t,\"doc_type\",\"issuing_country\"]);const n=yield(0,s.UPLOAD_DOC)(this.sessionId,e),{payload:r}=n.data;return r}))}uploadSelfie(e){return r(this,void 0,void 0,(function*(){const t=e.selfie_uri?\"selfie_uri\":\"selfie_base64\";(0,o.validateParams)(e,{selfie_uri:\"string\",selfie_base64:\"string\",liveness_score:\"number\"},[t]);const{selfie_uri:n,selfie_base64:r,liveness_score:i}=e,a=Object.assign({selfie_uri:n,selfie_base64:r},i&&{metadata:{facial_liveness_score:i.toString()}}),c=yield(0,s.UPLOAD_SELFIE)(this.sessionId,a),{payload:u}=c.data;return u}))}viewResult(){return r(this,void 0,void 0,(function*(){return yield(0,i.viewResult)(this.sessionId)}))}updateForm(e){return r(this,void 0,void 0,(function*(){let t=[\"id_number\",\"date_of_birth\",\"line1\",\"city\",\"zip\",\"state_iso\",\"country_iso2\"];if(e.given_name||e.surname?(t.push(\"surname\"),t.push(\"given_name\")):t.push(\"full_name\"),(0,o.validateParams)(e,{full_name:\"string\",given_name:\"string\",surname:\"string\",id_number:\"string\",date_of_birth:\"string\",line1:\"string\",city:\"string\",zip:\"string\",state_iso:\"string\",country_iso2:\"string\"},t),(0,o.validateLength)(\"full_name\",e.full_name,0,1,160),(0,o.validateLength)(\"given_name\",e.given_name,0,1,70),(0,o.validateLength)(\"surname\",e.surname,0,1,70),(0,o.validateLength)(\"id_number\",e.id_number,0,1,40),(0,o.validateLength)(\"date_of_birth\",e.date_of_birth,0,1,10),(0,o.validateLength)(\"line1\",e.line1,0,1,350),(0,o.validateLength)(\"city\",e.city,0,1,70),(0,o.validateLength)(\"state_iso\",e.state_iso,0,1,9),(0,o.validateLength)(\"address\",e.zip,0,1,40),(0,o.validateLength)(\"country_iso2\",e.country_iso2,2),e.date_of_birth){const t=/^\\d{4}-\\d{2}-\\d{2}$/;(0,o.validateRegex)(\"date_of_birth\",e.date_of_birth,\"YYYY-MM-DD\",t)}const n=yield(0,s.UPDATE_FORM)(this.sessionId,{feedback_params:e}),{payload:r}=n.data;return r}))}}},218:(e,t,n)=>{function r(e,t){return function(){return e.apply(t,arguments)}}const{toString:o}=Object.prototype,{getPrototypeOf:i}=Object,s=(a=Object.create(null),e=>{const t=o.call(e);return a[t]||(a[t]=t.slice(8,-1).toLowerCase())});var a;const c=e=>(e=e.toLowerCase(),t=>s(t)===e),u=e=>t=>typeof t===e,{isArray:l}=Array,d=u(\"undefined\"),f=c(\"ArrayBuffer\"),p=u(\"string\"),h=u(\"function\"),E=u(\"number\"),_=e=>null!==e&&\"object\"==typeof e,m=e=>{if(\"object\"!==s(e))return!1;const t=i(e);return!(null!==t&&t!==Object.prototype&&null!==Object.getPrototypeOf(t)||Symbol.toStringTag in e||Symbol.iterator in e)},O=c(\"Date\"),y=c(\"File\"),g=c(\"Blob\"),R=c(\"FileList\"),A=c(\"URLSearchParams\");function D(e,t,{allOwnKeys:n=!1}={}){if(null==e)return;let r,o;if(\"object\"!=typeof e&&(e=[e]),l(e))for(r=0,o=e.length;r<o;r++)t.call(null,e[r],r,e);else{const o=n?Object.getOwnPropertyNames(e):Object.keys(e),i=o.length;let s;for(r=0;r<i;r++)s=o[r],t.call(null,e[s],s,e)}}function T(e,t){t=t.toLowerCase();const n=Object.keys(e);let r,o=n.length;for(;o-- >0;)if(r=n[o],t===r.toLowerCase())return r;return null}const S=\"undefined\"!=typeof globalThis?globalThis:\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:n.g,v=e=>!d(e)&&e!==S,b=(C=\"undefined\"!=typeof Uint8Array&&i(Uint8Array),e=>C&&e instanceof C);var C;const w=c(\"HTMLFormElement\"),P=(({hasOwnProperty:e})=>(t,n)=>e.call(t,n))(Object.prototype),I=c(\"RegExp\"),N=(e,t)=>{const n=Object.getOwnPropertyDescriptors(e),r={};D(n,((n,o)=>{!1!==t(n,o,e)&&(r[o]=n)})),Object.defineProperties(e,r)},M=\"abcdefghijklmnopqrstuvwxyz\",L=\"0123456789\",U={DIGIT:L,ALPHA:M,ALPHA_DIGIT:M+M.toUpperCase()+L},x=c(\"AsyncFunction\");var j={isArray:l,isArrayBuffer:f,isBuffer:function(e){return null!==e&&!d(e)&&null!==e.constructor&&!d(e.constructor)&&h(e.constructor.isBuffer)&&e.constructor.isBuffer(e)},isFormData:e=>{let t;return e&&(\"function\"==typeof FormData&&e instanceof FormData||h(e.append)&&(\"formdata\"===(t=s(e))||\"object\"===t&&h(e.toString)&&\"[object FormData]\"===e.toString()))},isArrayBufferView:function(e){let t;return t=\"undefined\"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&f(e.buffer),t},isString:p,isNumber:E,isBoolean:e=>!0===e||!1===e,isObject:_,isPlainObject:m,isUndefined:d,isDate:O,isFile:y,isBlob:g,isRegExp:I,isFunction:h,isStream:e=>_(e)&&h(e.pipe),isURLSearchParams:A,isTypedArray:b,isFileList:R,forEach:D,merge:function e(){const{caseless:t}=v(this)&&this||{},n={},r=(r,o)=>{const i=t&&T(n,o)||o;m(n[i])&&m(r)?n[i]=e(n[i],r):m(r)?n[i]=e({},r):l(r)?n[i]=r.slice():n[i]=r};for(let e=0,t=arguments.length;e<t;e++)arguments[e]&&D(arguments[e],r);return n},extend:(e,t,n,{allOwnKeys:o}={})=>(D(t,((t,o)=>{n&&h(t)?e[o]=r(t,n):e[o]=t}),{allOwnKeys:o}),e),trim:e=>e.trim?e.trim():e.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g,\"\"),stripBOM:e=>(65279===e.charCodeAt(0)&&(e=e.slice(1)),e),inherits:(e,t,n,r)=>{e.prototype=Object.create(t.prototype,r),e.prototype.constructor=e,Object.defineProperty(e,\"super\",{value:t.prototype}),n&&Object.assign(e.prototype,n)},toFlatObject:(e,t,n,r)=>{let o,s,a;const c={};if(t=t||{},null==e)return t;do{for(o=Object.getOwnPropertyNames(e),s=o.length;s-- >0;)a=o[s],r&&!r(a,e,t)||c[a]||(t[a]=e[a],c[a]=!0);e=!1!==n&&i(e)}while(e&&(!n||n(e,t))&&e!==Object.prototype);return t},kindOf:s,kindOfTest:c,endsWith:(e,t,n)=>{e=String(e),(void 0===n||n>e.length)&&(n=e.length),n-=t.length;const r=e.indexOf(t,n);return-1!==r&&r===n},toArray:e=>{if(!e)return null;if(l(e))return e;let t=e.length;if(!E(t))return null;const n=new Array(t);for(;t-- >0;)n[t]=e[t];return n},forEachEntry:(e,t)=>{const n=(e&&e[Symbol.iterator]).call(e);let r;for(;(r=n.next())&&!r.done;){const n=r.value;t.call(e,n[0],n[1])}},matchAll:(e,t)=>{let n;const r=[];for(;null!==(n=e.exec(t));)r.push(n);return r},isHTMLForm:w,hasOwnProperty:P,hasOwnProp:P,reduceDescriptors:N,freezeMethods:e=>{N(e,((t,n)=>{if(h(e)&&-1!==[\"arguments\",\"caller\",\"callee\"].indexOf(n))return!1;const r=e[n];h(r)&&(t.enumerable=!1,\"writable\"in t?t.writable=!1:t.set||(t.set=()=>{throw Error(\"Can not rewrite read-only method '\"+n+\"'\")}))}))},toObjectSet:(e,t)=>{const n={},r=e=>{e.forEach((e=>{n[e]=!0}))};return l(e)?r(e):r(String(e).split(t)),n},toCamelCase:e=>e.toLowerCase().replace(/[-_\\s]([a-z\\d])(\\w*)/g,(function(e,t,n){return t.toUpperCase()+n})),noop:()=>{},toFiniteNumber:(e,t)=>(e=+e,Number.isFinite(e)?e:t),findKey:T,global:S,isContextDefined:v,ALPHABET:U,generateString:(e=16,t=U.ALPHA_DIGIT)=>{let n=\"\";const{length:r}=t;for(;e--;)n+=t[Math.random()*r|0];return n},isSpecCompliantForm:function(e){return!!(e&&h(e.append)&&\"FormData\"===e[Symbol.toStringTag]&&e[Symbol.iterator])},toJSONObject:e=>{const t=new Array(10),n=(e,r)=>{if(_(e)){if(t.indexOf(e)>=0)return;if(!(\"toJSON\"in e)){t[r]=e;const o=l(e)?[]:{};return D(e,((e,t)=>{const i=n(e,r+1);!d(i)&&(o[t]=i)})),t[r]=void 0,o}}return e};return n(e,0)},isAsyncFn:x,isThenable:e=>e&&(_(e)||h(e))&&h(e.then)&&h(e.catch)};function F(e,t,n,r,o){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=(new Error).stack,this.message=e,this.name=\"AxiosError\",t&&(this.code=t),n&&(this.config=n),r&&(this.request=r),o&&(this.response=o)}j.inherits(F,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:j.toJSONObject(this.config),code:this.code,status:this.response&&this.response.status?this.response.status:null}}});const k=F.prototype,B={};function G(e){return j.isPlainObject(e)||j.isArray(e)}function V(e){return j.endsWith(e,\"[]\")?e.slice(0,-2):e}function W(e,t,n){return e?e.concat(t).map((function(e,t){return e=V(e),!n&&t?\"[\"+e+\"]\":e})).join(n?\".\":\"\"):t}[\"ERR_BAD_OPTION_VALUE\",\"ERR_BAD_OPTION\",\"ECONNABORTED\",\"ETIMEDOUT\",\"ERR_NETWORK\",\"ERR_FR_TOO_MANY_REDIRECTS\",\"ERR_DEPRECATED\",\"ERR_BAD_RESPONSE\",\"ERR_BAD_REQUEST\",\"ERR_CANCELED\",\"ERR_NOT_SUPPORT\",\"ERR_INVALID_URL\"].forEach((e=>{B[e]={value:e}})),Object.defineProperties(F,B),Object.defineProperty(k,\"isAxiosError\",{value:!0}),F.from=(e,t,n,r,o,i)=>{const s=Object.create(k);return j.toFlatObject(e,s,(function(e){return e!==Error.prototype}),(e=>\"isAxiosError\"!==e)),F.call(s,e.message,t,n,r,o),s.cause=e,s.name=e.name,i&&Object.assign(s,i),s};const q=j.toFlatObject(j,{},null,(function(e){return/^is[A-Z]/.test(e)}));function H(e,t,n){if(!j.isObject(e))throw new TypeError(\"target must be an object\");t=t||new FormData;const r=(n=j.toFlatObject(n,{metaTokens:!0,dots:!1,indexes:!1},!1,(function(e,t){return!j.isUndefined(t[e])}))).metaTokens,o=n.visitor||u,i=n.dots,s=n.indexes,a=(n.Blob||\"undefined\"!=typeof Blob&&Blob)&&j.isSpecCompliantForm(t);if(!j.isFunction(o))throw new TypeError(\"visitor must be a function\");function c(e){if(null===e)return\"\";if(j.isDate(e))return e.toISOString();if(!a&&j.isBlob(e))throw new F(\"Blob is not supported. Use a Buffer instead.\");return j.isArrayBuffer(e)||j.isTypedArray(e)?a&&\"function\"==typeof Blob?new Blob([e]):Buffer.from(e):e}function u(e,n,o){let a=e;if(e&&!o&&\"object\"==typeof e)if(j.endsWith(n,\"{}\"))n=r?n:n.slice(0,-2),e=JSON.stringify(e);else if(j.isArray(e)&&function(e){return j.isArray(e)&&!e.some(G)}(e)||(j.isFileList(e)||j.endsWith(n,\"[]\"))&&(a=j.toArray(e)))return n=V(n),a.forEach((function(e,r){!j.isUndefined(e)&&null!==e&&t.append(!0===s?W([n],r,i):null===s?n:n+\"[]\",c(e))})),!1;return!!G(e)||(t.append(W(o,n,i),c(e)),!1)}const l=[],d=Object.assign(q,{defaultVisitor:u,convertValue:c,isVisitable:G});if(!j.isObject(e))throw new TypeError(\"data must be an object\");return function e(n,r){if(!j.isUndefined(n)){if(-1!==l.indexOf(n))throw Error(\"Circular reference detected in \"+r.join(\".\"));l.push(n),j.forEach(n,(function(n,i){!0===(!(j.isUndefined(n)||null===n)&&o.call(t,n,j.isString(i)?i.trim():i,r,d))&&e(n,r?r.concat(i):[i])})),l.pop()}}(e),t}function K(e){const t={\"!\":\"%21\",\"'\":\"%27\",\"(\":\"%28\",\")\":\"%29\",\"~\":\"%7E\",\"%20\":\"+\",\"%00\":\"\\0\"};return encodeURIComponent(e).replace(/[!'()~]|%20|%00/g,(function(e){return t[e]}))}function X(e,t){this._pairs=[],e&&H(e,this,t)}const z=X.prototype;function Y(e){return encodeURIComponent(e).replace(/%3A/gi,\":\").replace(/%24/g,\"$\").replace(/%2C/gi,\",\").replace(/%20/g,\"+\").replace(/%5B/gi,\"[\").replace(/%5D/gi,\"]\")}function $(e,t,n){if(!t)return e;const r=n&&n.encode||Y,o=n&&n.serialize;let i;if(i=o?o(t,n):j.isURLSearchParams(t)?t.toString():new X(t,n).toString(r),i){const t=e.indexOf(\"#\");-1!==t&&(e=e.slice(0,t)),e+=(-1===e.indexOf(\"?\")?\"?\":\"&\")+i}return e}z.append=function(e,t){this._pairs.push([e,t])},z.toString=function(e){const t=e?function(t){return e.call(this,t,K)}:K;return this._pairs.map((function(e){return t(e[0])+\"=\"+t(e[1])}),\"\").join(\"&\")};var J=class{constructor(){this.handlers=[]}use(e,t,n){return this.handlers.push({fulfilled:e,rejected:t,synchronous:!!n&&n.synchronous,runWhen:n?n.runWhen:null}),this.handlers.length-1}eject(e){this.handlers[e]&&(this.handlers[e]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(e){j.forEach(this.handlers,(function(t){null!==t&&e(t)}))}},Q={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},Z={isBrowser:!0,classes:{URLSearchParams:\"undefined\"!=typeof URLSearchParams?URLSearchParams:X,FormData:\"undefined\"!=typeof FormData?FormData:null,Blob:\"undefined\"!=typeof Blob?Blob:null},isStandardBrowserEnv:(()=>{let e;return(\"undefined\"==typeof navigator||\"ReactNative\"!==(e=navigator.product)&&\"NativeScript\"!==e&&\"NS\"!==e)&&\"undefined\"!=typeof window&&\"undefined\"!=typeof document})(),isStandardBrowserWebWorkerEnv:\"undefined\"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope&&\"function\"==typeof self.importScripts,protocols:[\"http\",\"https\",\"file\",\"blob\",\"url\",\"data\"]};function ee(e){function t(e,n,r,o){let i=e[o++];const s=Number.isFinite(+i),a=o>=e.length;return i=!i&&j.isArray(r)?r.length:i,a?(j.hasOwnProp(r,i)?r[i]=[r[i],n]:r[i]=n,!s):(r[i]&&j.isObject(r[i])||(r[i]=[]),t(e,n,r[i],o)&&j.isArray(r[i])&&(r[i]=function(e){const t={},n=Object.keys(e);let r;const o=n.length;let i;for(r=0;r<o;r++)i=n[r],t[i]=e[i];return t}(r[i])),!s)}if(j.isFormData(e)&&j.isFunction(e.entries)){const n={};return j.forEachEntry(e,((e,r)=>{t(function(e){return j.matchAll(/\\w+|\\[(\\w*)]/g,e).map((e=>\"[]\"===e[0]?\"\":e[1]||e[0]))}(e),r,n,0)})),n}return null}const te={\"Content-Type\":void 0},ne={transitional:Q,adapter:[\"xhr\",\"http\"],transformRequest:[function(e,t){const n=t.getContentType()||\"\",r=n.indexOf(\"application/json\")>-1,o=j.isObject(e);if(o&&j.isHTMLForm(e)&&(e=new FormData(e)),j.isFormData(e))return r&&r?JSON.stringify(ee(e)):e;if(j.isArrayBuffer(e)||j.isBuffer(e)||j.isStream(e)||j.isFile(e)||j.isBlob(e))return e;if(j.isArrayBufferView(e))return e.buffer;if(j.isURLSearchParams(e))return t.setContentType(\"application/x-www-form-urlencoded;charset=utf-8\",!1),e.toString();let i;if(o){if(n.indexOf(\"application/x-www-form-urlencoded\")>-1)return function(e,t){return H(e,new Z.classes.URLSearchParams,Object.assign({visitor:function(e,t,n,r){return Z.isNode&&j.isBuffer(e)?(this.append(t,e.toString(\"base64\")),!1):r.defaultVisitor.apply(this,arguments)}},t))}(e,this.formSerializer).toString();if((i=j.isFileList(e))||n.indexOf(\"multipart/form-data\")>-1){const t=this.env&&this.env.FormData;return H(i?{\"files[]\":e}:e,t&&new t,this.formSerializer)}}return o||r?(t.setContentType(\"application/json\",!1),function(e,t,n){if(j.isString(e))try{return(0,JSON.parse)(e),j.trim(e)}catch(e){if(\"SyntaxError\"!==e.name)throw e}return(0,JSON.stringify)(e)}(e)):e}],transformResponse:[function(e){const t=this.transitional||ne.transitional,n=t&&t.forcedJSONParsing,r=\"json\"===this.responseType;if(e&&j.isString(e)&&(n&&!this.responseType||r)){const n=!(t&&t.silentJSONParsing)&&r;try{return JSON.parse(e)}catch(e){if(n){if(\"SyntaxError\"===e.name)throw F.from(e,F.ERR_BAD_RESPONSE,this,null,this.response);throw e}}}return e}],timeout:0,xsrfCookieName:\"XSRF-TOKEN\",xsrfHeaderName:\"X-XSRF-TOKEN\",maxContentLength:-1,maxBodyLength:-1,env:{FormData:Z.classes.FormData,Blob:Z.classes.Blob},validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:\"application/json, text/plain, */*\"}}};j.forEach([\"delete\",\"get\",\"head\"],(function(e){ne.headers[e]={}})),j.forEach([\"post\",\"put\",\"patch\"],(function(e){ne.headers[e]=j.merge(te)}));var re=ne;const oe=j.toObjectSet([\"age\",\"authorization\",\"content-length\",\"content-type\",\"etag\",\"expires\",\"from\",\"host\",\"if-modified-since\",\"if-unmodified-since\",\"last-modified\",\"location\",\"max-forwards\",\"proxy-authorization\",\"referer\",\"retry-after\",\"user-agent\"]),ie=Symbol(\"internals\");function se(e){return e&&String(e).trim().toLowerCase()}function ae(e){return!1===e||null==e?e:j.isArray(e)?e.map(ae):String(e)}function ce(e,t,n,r,o){return j.isFunction(r)?r.call(this,t,n):(o&&(t=n),j.isString(t)?j.isString(r)?-1!==t.indexOf(r):j.isRegExp(r)?r.test(t):void 0:void 0)}class ue{constructor(e){e&&this.set(e)}set(e,t,n){const r=this;function o(e,t,n){const o=se(t);if(!o)throw new Error(\"header name must be a non-empty string\");const i=j.findKey(r,o);(!i||void 0===r[i]||!0===n||void 0===n&&!1!==r[i])&&(r[i||t]=ae(e))}const i=(e,t)=>j.forEach(e,((e,n)=>o(e,n,t)));return j.isPlainObject(e)||e instanceof this.constructor?i(e,t):j.isString(e)&&(e=e.trim())&&!/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim())?i((e=>{const t={};let n,r,o;return e&&e.split(\"\\n\").forEach((function(e){o=e.indexOf(\":\"),n=e.substring(0,o).trim().toLowerCase(),r=e.substring(o+1).trim(),!n||t[n]&&oe[n]||(\"set-cookie\"===n?t[n]?t[n].push(r):t[n]=[r]:t[n]=t[n]?t[n]+\", \"+r:r)})),t})(e),t):null!=e&&o(t,e,n),this}get(e,t){if(e=se(e)){const n=j.findKey(this,e);if(n){const e=this[n];if(!t)return e;if(!0===t)return function(e){const t=Object.create(null),n=/([^\\s,;=]+)\\s*(?:=\\s*([^,;]+))?/g;let r;for(;r=n.exec(e);)t[r[1]]=r[2];return t}(e);if(j.isFunction(t))return t.call(this,e,n);if(j.isRegExp(t))return t.exec(e);throw new TypeError(\"parser must be boolean|regexp|function\")}}}has(e,t){if(e=se(e)){const n=j.findKey(this,e);return!(!n||void 0===this[n]||t&&!ce(0,this[n],n,t))}return!1}delete(e,t){const n=this;let r=!1;function o(e){if(e=se(e)){const o=j.findKey(n,e);!o||t&&!ce(0,n[o],o,t)||(delete n[o],r=!0)}}return j.isArray(e)?e.forEach(o):o(e),r}clear(e){const t=Object.keys(this);let n=t.length,r=!1;for(;n--;){const o=t[n];e&&!ce(0,this[o],o,e,!0)||(delete this[o],r=!0)}return r}normalize(e){const t=this,n={};return j.forEach(this,((r,o)=>{const i=j.findKey(n,o);if(i)return t[i]=ae(r),void delete t[o];const s=e?function(e){return e.trim().toLowerCase().replace(/([a-z\\d])(\\w*)/g,((e,t,n)=>t.toUpperCase()+n))}(o):String(o).trim();s!==o&&delete t[o],t[s]=ae(r),n[s]=!0})),this}concat(...e){return this.constructor.concat(this,...e)}toJSON(e){const t=Object.create(null);return j.forEach(this,((n,r)=>{null!=n&&!1!==n&&(t[r]=e&&j.isArray(n)?n.join(\", \"):n)})),t}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON()).map((([e,t])=>e+\": \"+t)).join(\"\\n\")}get[Symbol.toStringTag](){return\"AxiosHeaders\"}static from(e){return e instanceof this?e:new this(e)}static concat(e,...t){const n=new this(e);return t.forEach((e=>n.set(e))),n}static accessor(e){const t=(this[ie]=this[ie]={accessors:{}}).accessors,n=this.prototype;function r(e){const r=se(e);t[r]||(function(e,t){const n=j.toCamelCase(\" \"+t);[\"get\",\"set\",\"has\"].forEach((r=>{Object.defineProperty(e,r+n,{value:function(e,n,o){return this[r].call(this,t,e,n,o)},configurable:!0})}))}(n,e),t[r]=!0)}return j.isArray(e)?e.forEach(r):r(e),this}}ue.accessor([\"Content-Type\",\"Content-Length\",\"Accept\",\"Accept-Encoding\",\"User-Agent\",\"Authorization\"]),j.freezeMethods(ue.prototype),j.freezeMethods(ue);var le=ue;function de(e,t){const n=this||re,r=t||n,o=le.from(r.headers);let i=r.data;return j.forEach(e,(function(e){i=e.call(n,i,o.normalize(),t?t.status:void 0)})),o.normalize(),i}function fe(e){return!(!e||!e.__CANCEL__)}function pe(e,t,n){F.call(this,null==e?\"canceled\":e,F.ERR_CANCELED,t,n),this.name=\"CanceledError\"}j.inherits(pe,F,{__CANCEL__:!0});var he=Z.isStandardBrowserEnv?{write:function(e,t,n,r,o,i){const s=[];s.push(e+\"=\"+encodeURIComponent(t)),j.isNumber(n)&&s.push(\"expires=\"+new Date(n).toGMTString()),j.isString(r)&&s.push(\"path=\"+r),j.isString(o)&&s.push(\"domain=\"+o),!0===i&&s.push(\"secure\"),document.cookie=s.join(\"; \")},read:function(e){const t=document.cookie.match(new RegExp(\"(^|;\\\\s*)(\"+e+\")=([^;]*)\"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,\"\",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}};function Ee(e,t){return e&&!/^([a-z][a-z\\d+\\-.]*:)?\\/\\//i.test(t)?function(e,t){return t?e.replace(/\\/+$/,\"\")+\"/\"+t.replace(/^\\/+/,\"\"):e}(e,t):t}var _e=Z.isStandardBrowserEnv?function(){const e=/(msie|trident)/i.test(navigator.userAgent),t=document.createElement(\"a\");let n;function r(n){let r=n;return e&&(t.setAttribute(\"href\",r),r=t.href),t.setAttribute(\"href\",r),{href:t.href,protocol:t.protocol?t.protocol.replace(/:$/,\"\"):\"\",host:t.host,search:t.search?t.search.replace(/^\\?/,\"\"):\"\",hash:t.hash?t.hash.replace(/^#/,\"\"):\"\",hostname:t.hostname,port:t.port,pathname:\"/\"===t.pathname.charAt(0)?t.pathname:\"/\"+t.pathname}}return n=r(window.location.href),function(e){const t=j.isString(e)?r(e):e;return t.protocol===n.protocol&&t.host===n.host}}():function(){return!0};function me(e,t){let n=0;const r=function(e,t){e=e||10;const n=new Array(e),r=new Array(e);let o,i=0,s=0;return t=void 0!==t?t:1e3,function(a){const c=Date.now(),u=r[s];o||(o=c),n[i]=a,r[i]=c;let l=s,d=0;for(;l!==i;)d+=n[l++],l%=e;if(i=(i+1)%e,i===s&&(s=(s+1)%e),c-o<t)return;const f=u&&c-u;return f?Math.round(1e3*d/f):void 0}}(50,250);return o=>{const i=o.loaded,s=o.lengthComputable?o.total:void 0,a=i-n,c=r(a);n=i;const u={loaded:i,total:s,progress:s?i/s:void 0,bytes:a,rate:c||void 0,estimated:c&&s&&i<=s?(s-i)/c:void 0,event:o};u[t?\"download\":\"upload\"]=!0,e(u)}}const Oe={http:null,xhr:\"undefined\"!=typeof XMLHttpRequest&&function(e){return new Promise((function(t,n){let r=e.data;const o=le.from(e.headers).normalize(),i=e.responseType;let s;function a(){e.cancelToken&&e.cancelToken.unsubscribe(s),e.signal&&e.signal.removeEventListener(\"abort\",s)}j.isFormData(r)&&(Z.isStandardBrowserEnv||Z.isStandardBrowserWebWorkerEnv?o.setContentType(!1):o.setContentType(\"multipart/form-data;\",!1));let c=new XMLHttpRequest;if(e.auth){const t=e.auth.username||\"\",n=e.auth.password?unescape(encodeURIComponent(e.auth.password)):\"\";o.set(\"Authorization\",\"Basic \"+btoa(t+\":\"+n))}const u=Ee(e.baseURL,e.url);function l(){if(!c)return;const r=le.from(\"getAllResponseHeaders\"in c&&c.getAllResponseHeaders());!function(e,t,n){const r=n.config.validateStatus;n.status&&r&&!r(n.status)?t(new F(\"Request failed with status code \"+n.status,[F.ERR_BAD_REQUEST,F.ERR_BAD_RESPONSE][Math.floor(n.status/100)-4],n.config,n.request,n)):e(n)}((function(e){t(e),a()}),(function(e){n(e),a()}),{data:i&&\"text\"!==i&&\"json\"!==i?c.response:c.responseText,status:c.status,statusText:c.statusText,headers:r,config:e,request:c}),c=null}if(c.open(e.method.toUpperCase(),$(u,e.params,e.paramsSerializer),!0),c.timeout=e.timeout,\"onloadend\"in c?c.onloadend=l:c.onreadystatechange=function(){c&&4===c.readyState&&(0!==c.status||c.responseURL&&0===c.responseURL.indexOf(\"file:\"))&&setTimeout(l)},c.onabort=function(){c&&(n(new F(\"Request aborted\",F.ECONNABORTED,e,c)),c=null)},c.onerror=function(){n(new F(\"Network Error\",F.ERR_NETWORK,e,c)),c=null},c.ontimeout=function(){let t=e.timeout?\"timeout of \"+e.timeout+\"ms exceeded\":\"timeout exceeded\";const r=e.transitional||Q;e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(new F(t,r.clarifyTimeoutError?F.ETIMEDOUT:F.ECONNABORTED,e,c)),c=null},Z.isStandardBrowserEnv){const t=(e.withCredentials||_e(u))&&e.xsrfCookieName&&he.read(e.xsrfCookieName);t&&o.set(e.xsrfHeaderName,t)}void 0===r&&o.setContentType(null),\"setRequestHeader\"in c&&j.forEach(o.toJSON(),(function(e,t){c.setRequestHeader(t,e)})),j.isUndefined(e.withCredentials)||(c.withCredentials=!!e.withCredentials),i&&\"json\"!==i&&(c.responseType=e.responseType),\"function\"==typeof e.onDownloadProgress&&c.addEventListener(\"progress\",me(e.onDownloadProgress,!0)),\"function\"==typeof e.onUploadProgress&&c.upload&&c.upload.addEventListener(\"progress\",me(e.onUploadProgress)),(e.cancelToken||e.signal)&&(s=t=>{c&&(n(!t||t.type?new pe(null,e,c):t),c.abort(),c=null)},e.cancelToken&&e.cancelToken.subscribe(s),e.signal&&(e.signal.aborted?s():e.signal.addEventListener(\"abort\",s)));const d=function(e){const t=/^([-+\\w]{1,25})(:?\\/\\/|:)/.exec(e);return t&&t[1]||\"\"}(u);d&&-1===Z.protocols.indexOf(d)?n(new F(\"Unsupported protocol \"+d+\":\",F.ERR_BAD_REQUEST,e)):c.send(r||null)}))}};j.forEach(Oe,((e,t)=>{if(e){try{Object.defineProperty(e,\"name\",{value:t})}catch(e){}Object.defineProperty(e,\"adapterName\",{value:t})}}));function ye(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new pe(null,e)}function ge(e){return ye(e),e.headers=le.from(e.headers),e.data=de.call(e,e.transformRequest),-1!==[\"post\",\"put\",\"patch\"].indexOf(e.method)&&e.headers.setContentType(\"application/x-www-form-urlencoded\",!1),(e=>{e=j.isArray(e)?e:[e];const{length:t}=e;let n,r;for(let o=0;o<t&&(n=e[o],!(r=j.isString(n)?Oe[n.toLowerCase()]:n));o++);if(!r){if(!1===r)throw new F(`Adapter ${n} is not supported by the environment`,\"ERR_NOT_SUPPORT\");throw new Error(j.hasOwnProp(Oe,n)?`Adapter '${n}' is not available in the build`:`Unknown adapter '${n}'`)}if(!j.isFunction(r))throw new TypeError(\"adapter is not a function\");return r})(e.adapter||re.adapter)(e).then((function(t){return ye(e),t.data=de.call(e,e.transformResponse,t),t.headers=le.from(t.headers),t}),(function(t){return fe(t)||(ye(e),t&&t.response&&(t.response.data=de.call(e,e.transformResponse,t.response),t.response.headers=le.from(t.response.headers))),Promise.reject(t)}))}const Re=e=>e instanceof le?e.toJSON():e;function Ae(e,t){t=t||{};const n={};function r(e,t,n){return j.isPlainObject(e)&&j.isPlainObject(t)?j.merge.call({caseless:n},e,t):j.isPlainObject(t)?j.merge({},t):j.isArray(t)?t.slice():t}function o(e,t,n){return j.isUndefined(t)?j.isUndefined(e)?void 0:r(void 0,e,n):r(e,t,n)}function i(e,t){if(!j.isUndefined(t))return r(void 0,t)}function s(e,t){return j.isUndefined(t)?j.isUndefined(e)?void 0:r(void 0,e):r(void 0,t)}function a(n,o,i){return i in t?r(n,o):i in e?r(void 0,n):void 0}const c={url:i,method:i,data:i,baseURL:s,transformRequest:s,transformResponse:s,paramsSerializer:s,timeout:s,timeoutMessage:s,withCredentials:s,adapter:s,responseType:s,xsrfCookieName:s,xsrfHeaderName:s,onUploadProgress:s,onDownloadProgress:s,decompress:s,maxContentLength:s,maxBodyLength:s,beforeRedirect:s,transport:s,httpAgent:s,httpsAgent:s,cancelToken:s,socketPath:s,responseEncoding:s,validateStatus:a,headers:(e,t)=>o(Re(e),Re(t),!0)};return j.forEach(Object.keys(Object.assign({},e,t)),(function(r){const i=c[r]||o,s=i(e[r],t[r],r);j.isUndefined(s)&&i!==a||(n[r]=s)})),n}const De={};[\"object\",\"boolean\",\"number\",\"function\",\"string\",\"symbol\"].forEach(((e,t)=>{De[e]=function(n){return typeof n===e||\"a\"+(t<1?\"n \":\" \")+e}}));const Te={};De.transitional=function(e,t,n){function r(e,t){return\"[Axios v1.4.0] Transitional option '\"+e+\"'\"+t+(n?\". \"+n:\"\")}return(n,o,i)=>{if(!1===e)throw new F(r(o,\" has been removed\"+(t?\" in \"+t:\"\")),F.ERR_DEPRECATED);return t&&!Te[o]&&(Te[o]=!0,console.warn(r(o,\" has been deprecated since v\"+t+\" and will be removed in the near future\"))),!e||e(n,o,i)}};var Se={assertOptions:function(e,t,n){if(\"object\"!=typeof e)throw new F(\"options must be an object\",F.ERR_BAD_OPTION_VALUE);const r=Object.keys(e);let o=r.length;for(;o-- >0;){const i=r[o],s=t[i];if(s){const t=e[i],n=void 0===t||s(t,i,e);if(!0!==n)throw new F(\"option \"+i+\" must be \"+n,F.ERR_BAD_OPTION_VALUE)}else if(!0!==n)throw new F(\"Unknown option \"+i,F.ERR_BAD_OPTION)}},validators:De};const ve=Se.validators;class be{constructor(e){this.defaults=e,this.interceptors={request:new J,response:new J}}request(e,t){\"string\"==typeof e?(t=t||{}).url=e:t=e||{},t=Ae(this.defaults,t);const{transitional:n,paramsSerializer:r,headers:o}=t;let i;void 0!==n&&Se.assertOptions(n,{silentJSONParsing:ve.transitional(ve.boolean),forcedJSONParsing:ve.transitional(ve.boolean),clarifyTimeoutError:ve.transitional(ve.boolean)},!1),null!=r&&(j.isFunction(r)?t.paramsSerializer={serialize:r}:Se.assertOptions(r,{encode:ve.function,serialize:ve.function},!0)),t.method=(t.method||this.defaults.method||\"get\").toLowerCase(),i=o&&j.merge(o.common,o[t.method]),i&&j.forEach([\"delete\",\"get\",\"head\",\"post\",\"put\",\"patch\",\"common\"],(e=>{delete o[e]})),t.headers=le.concat(i,o);const s=[];let a=!0;this.interceptors.request.forEach((function(e){\"function\"==typeof e.runWhen&&!1===e.runWhen(t)||(a=a&&e.synchronous,s.unshift(e.fulfilled,e.rejected))}));const c=[];let u;this.interceptors.response.forEach((function(e){c.push(e.fulfilled,e.rejected)}));let l,d=0;if(!a){const e=[ge.bind(this),void 0];for(e.unshift.apply(e,s),e.push.apply(e,c),l=e.length,u=Promise.resolve(t);d<l;)u=u.then(e[d++],e[d++]);return u}l=s.length;let f=t;for(d=0;d<l;){const e=s[d++],t=s[d++];try{f=e(f)}catch(e){t.call(this,e);break}}try{u=ge.call(this,f)}catch(e){return Promise.reject(e)}for(d=0,l=c.length;d<l;)u=u.then(c[d++],c[d++]);return u}getUri(e){return $(Ee((e=Ae(this.defaults,e)).baseURL,e.url),e.params,e.paramsSerializer)}}j.forEach([\"delete\",\"get\",\"head\",\"options\"],(function(e){be.prototype[e]=function(t,n){return this.request(Ae(n||{},{method:e,url:t,data:(n||{}).data}))}})),j.forEach([\"post\",\"put\",\"patch\"],(function(e){function t(t){return function(n,r,o){return this.request(Ae(o||{},{method:e,headers:t?{\"Content-Type\":\"multipart/form-data\"}:{},url:n,data:r}))}}be.prototype[e]=t(),be.prototype[e+\"Form\"]=t(!0)}));var Ce=be;class we{constructor(e){if(\"function\"!=typeof e)throw new TypeError(\"executor must be a function.\");let t;this.promise=new Promise((function(e){t=e}));const n=this;this.promise.then((e=>{if(!n._listeners)return;let t=n._listeners.length;for(;t-- >0;)n._listeners[t](e);n._listeners=null})),this.promise.then=e=>{let t;const r=new Promise((e=>{n.subscribe(e),t=e})).then(e);return r.cancel=function(){n.unsubscribe(t)},r},e((function(e,r,o){n.reason||(n.reason=new pe(e,r,o),t(n.reason))}))}throwIfRequested(){if(this.reason)throw this.reason}subscribe(e){this.reason?e(this.reason):this._listeners?this._listeners.push(e):this._listeners=[e]}unsubscribe(e){if(!this._listeners)return;const t=this._listeners.indexOf(e);-1!==t&&this._listeners.splice(t,1)}static source(){let e;return{token:new we((function(t){e=t})),cancel:e}}}var Pe=we;const Ie={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(Ie).forEach((([e,t])=>{Ie[t]=e}));var Ne=Ie;const Me=function e(t){const n=new Ce(t),o=r(Ce.prototype.request,n);return j.extend(o,Ce.prototype,n,{allOwnKeys:!0}),j.extend(o,n,null,{allOwnKeys:!0}),o.create=function(n){return e(Ae(t,n))},o}(re);Me.Axios=Ce,Me.CanceledError=pe,Me.CancelToken=Pe,Me.isCancel=fe,Me.VERSION=\"1.4.0\",Me.toFormData=H,Me.AxiosError=F,Me.Cancel=Me.CanceledError,Me.all=function(e){return Promise.all(e)},Me.spread=function(e){return function(t){return e.apply(null,t)}},Me.isAxiosError=function(e){return j.isObject(e)&&!0===e.isAxiosError},Me.mergeConfig=Ae,Me.AxiosHeaders=le,Me.formToJSON=e=>ee(j.isHTMLForm(e)?new FormData(e):e),Me.HttpStatusCode=Ne,Me.default=Me,e.exports=Me}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if(\"object\"==typeof globalThis)return globalThis;try{return this||new Function(\"return this\")()}catch(e){if(\"object\"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})};var r=n(607);return r.default})()));\n\n//# sourceURL=webpack://PWUISDK/./node_modules/pipwave-ekyc-sdk/dist/pw-bundle.js?");
3409
+ eval("!function(e,t){ true?module.exports=t():0}(self,(()=>(()=>{\"use strict\";var e={245:(e,t,n)=>{function r(e){this.message=e}n.r(t),n.d(t,{InvalidTokenError:()=>s,default:()=>a}),r.prototype=new Error,r.prototype.name=\"InvalidCharacterError\";var o=\"undefined\"!=typeof window&&window.atob&&window.atob.bind(window)||function(e){var t=String(e).replace(/=+$/,\"\");if(t.length%4==1)throw new r(\"'atob' failed: The string to be decoded is not correctly encoded.\");for(var n,o,i=0,s=0,a=\"\";o=t.charAt(s++);~o&&(n=i%4?64*n+o:o,i++%4)?a+=String.fromCharCode(255&n>>(-2*i&6)):0)o=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\".indexOf(o);return a};function i(e){var t=e.replace(/-/g,\"+\").replace(/_/g,\"/\");switch(t.length%4){case 0:break;case 2:t+=\"==\";break;case 3:t+=\"=\";break;default:throw\"Illegal base64url string!\"}try{return function(e){return decodeURIComponent(o(e).replace(/(.)/g,(function(e,t){var n=t.charCodeAt(0).toString(16).toUpperCase();return n.length<2&&(n=\"0\"+n),\"%\"+n})))}(t)}catch(e){return o(t)}}function s(e){this.message=e}s.prototype=new Error,s.prototype.name=\"InvalidTokenError\";const a=function(e,t){if(\"string\"!=typeof e)throw new s(\"Invalid token specified\");var n=!0===(t=t||{}).header?0:1;try{return JSON.parse(i(e.split(\".\")[n]))}catch(e){throw new s(\"Invalid token specified: \"+e.message)}}},607:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWSDK=void 0;const o=r(n(245)),i=r(n(207)),s=n(284),a=n(860),c=n(882);class u{constructor(){this.countries=[],this.issuingCountries=[],this.init=s.PWAUTHSDK.prototype.init,this.fetchStates=a.PWCOMMONSDK.prototype.fetchStates,this.viewIpCountry=a.PWCOMMONSDK.prototype.viewIpCountry,this.fetchCountries=a.PWCOMMONSDK.prototype.fetchCountries,this.fetchSupportedCountries=a.PWCOMMONSDK.prototype.fetchSupportedCountries,this.viewDefaultCountry=a.PWCOMMONSDK.prototype.viewDefaultCountry,this.uploadDoc=c.PWPROOFSDK.prototype.uploadDoc,this.uploadSelfie=c.PWPROOFSDK.prototype.uploadSelfie,this.viewResult=c.PWPROOFSDK.prototype.viewResult,this.updateForm=c.PWPROOFSDK.prototype.updateForm}get tokenDetails(){const e=i.default.getAccessToken();return e?(0,o.default)(e):{}}get sessionId(){return this.tokenDetails.sessionId||\"\"}get verificationTypes(){return this.tokenDetails.verificationTypes||[]}}t.PWSDK=u,t.default={PWSDK:u}},207:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,\"__esModule\",{value:!0}),t.instance=void 0;const i=o(n(218)),s=n(249);t.instance={};let a=\"\",c=Object.freeze(new class{getAccessToken(){return a}create(e,n){t.instance&&!Object.keys(t.instance).length&&(a=n,t.instance=i.default.create({baseURL:e||\"https://staging-open-api.pipwave.com\",headers:{common:{Authorization:n}}}),t.instance.interceptors.request.use((function(e){return e}),this.onResponseError),t.instance.interceptors.response.use(void 0,this.onResponseError))}onResponseError(e){return r(this,void 0,void 0,(function*(){const t=(0,s.constructAxiosError)(e);return Promise.reject(t)}))}});t.default=c},599:(e,t)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.ERROR_TYPE=t.ERROR_MESSAGE=t.INVALID_ARGUMENT_FORMAT=t.INVALID_ARGUMENT_LENGTH=t.INVALID_ARGUMENTS=t.ATTEMPT_EXCEEDED=t.CODE_BAD_REQ=t.CODE_LIMIT_EXCEED=t.CODE_ACCESS_DENIED=t.CODE_VALIDATION_ERROR=t.CODE_MISSING_PARAM=t.CODE_IMG_EXPOSED_3=t.CODE_IMG_EXPOSED_2=t.CODE_IMG_EXPOSED_1=t.CODE_DOC_NOT_POSITIONED=t.CODE_DOC_IMG_UNSIMILAR=t.CODE_DOC_EMPTY=t.CODE_DOC_UNPAIR=t.CODE_DOC_TYPE_INVALID=t.CODE_MAX_SESSION_ATTEMPT=t.CODE_MAX_DOC_ATTEMPT=t.CODE_MAX_SELFIE_ATTEMPT=t.CODE_ISSUING_COUNTRY_INVALID=t.CODE_VERIFICATION_TYPE_INVALID=t.CODE_SESSION_EXPIRED=t.API_MODULE=t.REQUEST_ERROR_NAME=t.ERROR_NAME=void 0,t.ERROR_NAME=\"PwError\",t.REQUEST_ERROR_NAME=\"PwReqError\",t.API_MODULE=\"openApi\",t.CODE_SESSION_EXPIRED=14003,t.CODE_VERIFICATION_TYPE_INVALID=14002,t.CODE_ISSUING_COUNTRY_INVALID=12015,t.CODE_MAX_SELFIE_ATTEMPT=14019,t.CODE_MAX_DOC_ATTEMPT=14020,t.CODE_MAX_SESSION_ATTEMPT=14021,t.CODE_DOC_TYPE_INVALID=12002,t.CODE_DOC_UNPAIR=12006,t.CODE_DOC_EMPTY=12014,t.CODE_DOC_IMG_UNSIMILAR=12013,t.CODE_DOC_NOT_POSITIONED=12009,t.CODE_IMG_EXPOSED_1=11008,t.CODE_IMG_EXPOSED_2=11010,t.CODE_IMG_EXPOSED_3=12012,t.CODE_MISSING_PARAM=4001,t.CODE_VALIDATION_ERROR=4002,t.CODE_ACCESS_DENIED=4031,t.CODE_LIMIT_EXCEED=4291,t.CODE_BAD_REQ=4003,t.ATTEMPT_EXCEEDED=\"ATTEMPT_EXCEEDED\",t.INVALID_ARGUMENTS=\"INVALID_ARGUMENTS\",t.INVALID_ARGUMENT_LENGTH=\"INVALID_ARGUMENT_LENGTH\",t.INVALID_ARGUMENT_FORMAT=\"INVALID_ARGUMENT_FORMAT\",t.ERROR_MESSAGE={[t.ATTEMPT_EXCEEDED]:\"Maximum attempt exceeded\",[t.INVALID_ARGUMENTS]:\"Invalid arguments\",[t.INVALID_ARGUMENT_LENGTH]:\"Invalid length for argument\",[t.INVALID_ARGUMENT_FORMAT]:\"Invalid format for argument\",[t.CODE_SESSION_EXPIRED]:\"Token expired\"},t.ERROR_TYPE={[t.ATTEMPT_EXCEEDED]:\"attempt-exceeded\",[t.INVALID_ARGUMENTS]:\"invalid-arguments\",[t.INVALID_ARGUMENT_LENGTH]:\"invalid-argument-length\",[t.INVALID_ARGUMENT_FORMAT]:\"invalid-argument-format\",[t.CODE_SESSION_EXPIRED]:\"session-id-expired\",[t.CODE_VERIFICATION_TYPE_INVALID]:\"verification-type-invalid\",[t.CODE_ISSUING_COUNTRY_INVALID]:\"issuing-country-invalid\",[t.CODE_MAX_SELFIE_ATTEMPT]:\"max-selfie-attempt\",[t.CODE_MAX_DOC_ATTEMPT]:\"max-doc-attempt\",[t.CODE_MAX_SESSION_ATTEMPT]:\"max-session-attempt\",[t.CODE_DOC_TYPE_INVALID]:\"doc-type-invalid\",[t.CODE_DOC_UNPAIR]:\"doc-unpair\",[t.CODE_DOC_EMPTY]:\"doc-empty\",[t.CODE_DOC_IMG_UNSIMILAR]:\"doc-front-back-img-unsimilar\",[t.CODE_DOC_NOT_POSITIONED]:\"doc-not-positioned-proper\",[t.CODE_IMG_EXPOSED_1|t.CODE_IMG_EXPOSED_2|t.CODE_IMG_EXPOSED_3]:\"img-exposed\",[t.CODE_MISSING_PARAM]:\"missing-param\",[t.CODE_VALIDATION_ERROR]:\"validation-error\",[t.CODE_ACCESS_DENIED]:\"access-denied\",[t.CODE_LIMIT_EXCEED]:\"limit-exceed\",[t.CODE_BAD_REQ]:\"bad-request\"}},249:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.validateRegex=t.validateLength=t.validateParam=t.validateParams=t.constructAxiosError=void 0;const r=n(145),o=n(599);t.constructAxiosError=e=>{let t=new r.PwReqError;const{code:n,message:i,config:s,request:a,response:c}=e;if(t.status=null==c?void 0:c.status,t.statusText=n,t.message=i,t.config=s,t.request=a,t.response=c,null==c?void 0:c.data){const{code:e,messages:n=[],Message:r=\"\"}=c.data;if(r&&(t.message=r),n.length){const{code:r,text:i}=n[0];t.code=r||e||void 0,i&&(t.message=i);const s=t.code&&o.ERROR_TYPE[t.code];t.type=s?`${o.API_MODULE}/${s}`:\"unknown\"}}return t},t.validateParams=function(e,n,r){const o=Object.keys(n);for(const i of o){const o=!!r&&r.includes(i);(0,t.validateParam)(i,e[i],n[i],o)}return!0},t.validateParam=(e,t,n,i)=>{const s=null!==t&&(\"array\"===n?Array.isArray(t):typeof t===n&&!Array.isArray(t));if(!i&&(void 0===t||s))return!0;if(s&&\"object\"===n&&Object.keys(t).length>0)return!0;if(s&&\"array\"===n&&t.length>0)return!0;if(s&&\"string\"===n&&t)return!0;const a=new r.PwError(`${o.ERROR_MESSAGE[o.INVALID_ARGUMENTS]}: ${e}`);throw a.type=o.ERROR_TYPE[o.INVALID_ARGUMENTS],a},t.validateLength=(e,t,n,i,s)=>{if(void 0===t)return!0;const a=\"string\"==typeof t?t.length:t.toString().length,c=new r.PwError;if(c.type=o.ERROR_TYPE[o.INVALID_ARGUMENT_LENGTH],c.message=`${o.ERROR_MESSAGE[o.INVALID_ARGUMENT_LENGTH]}: ${e} `,n&&a!==n)throw c.message+=`must have exactly length ${n}`,c;if(i&&s&&(a<i||a>s))throw c.message+=`must be between ${i} and ${s} characters in length`,c;if(i&&a<i)throw c.message+=`must be at least ${i} characters in length`,c;if(s&&a>s)throw c.message+=`must not exceed ${s} characters in length`,c;return!0},t.validateRegex=(e,t,n,i)=>{if(i.test(t))return!0;const s=new r.PwError(`${o.ERROR_MESSAGE[o.INVALID_ARGUMENT_FORMAT]}: ${e} ${n} `);throw s.type=o.ERROR_TYPE[o.INVALID_ARGUMENT_FORMAT],s}},145:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.PwReqError=t.PwError=void 0;const r=n(599);class o extends Error{constructor(e){super(e),this.name=r.ERROR_NAME}}t.PwError=o,t.PwReqError=class extends o{constructor(e){super(e),this.name=r.REQUEST_ERROR_NAME}}},531:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.VIEW_MERCHANT=t.CREATE_SESSION=void 0;const r=n(207);t.CREATE_SESSION=(e,t)=>r.instance.post(\"ekyc/session\",e,{headers:t}),t.VIEW_MERCHANT=e=>r.instance.get(`/ekyc/session/${e}/merchant`)},219:(e,t)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.isExpired=void 0,t.isExpired=e=>!e||e<Math.floor(Date.now()/1e3)},284:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWAUTHSDK=void 0;const i=o(n(245)),s=o(n(207)),a=n(249),c=n(599),u=n(145),l=n(531),d=n(219);t.PWAUTHSDK=class{constructor(){this.sessionId=\"\",this.countries=[],this.issuingCountries=[],this.fetchCountries=()=>r(this,void 0,void 0,(function*(){return[]})),this.fetchSupportedCountries=()=>r(this,void 0,void 0,(function*(){return[]})),this.viewDefaultCountry=()=>r(this,void 0,void 0,(function*(){return{}}))}get tokenDetails(){return{}}init(e){return r(this,void 0,void 0,(function*(){(0,a.validateParam)(\"accessToken\",e,\"string\",!0);const{verificationTypes:t,sessionId:n,exp:r,sub:o,aud:f}=(0,i.default)(e);if((0,d.isExpired)(r)){const e=new u.PwError(c.ERROR_MESSAGE[c.CODE_SESSION_EXPIRED]);throw e.type=c.ERROR_TYPE[c.CODE_SESSION_EXPIRED],e}s.default.create(f,e);const p=yield(0,l.VIEW_MERCHANT)(this.sessionId),{payload:h}=p.data;return this.merchantDetail=h.result,this.countries=yield this.fetchCountries(),this.issuingCountries=yield this.fetchSupportedCountries(),this.defaultCountry=yield this.viewDefaultCountry(),{verification_types:t,session_id:n,expired_at:r,user_id:o}}))}}},99:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.FETCH_STATES=t.FETCH_COUNTRIES=t.VIEW_IP_COUNTRY=void 0;const r=n(207);t.VIEW_IP_COUNTRY=()=>r.instance.get(\"locale/ip_info\"),t.FETCH_COUNTRIES=()=>r.instance.get(\"locale/country\"),t.FETCH_STATES=e=>r.instance.get(\"locale/states\",{params:e})},860:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWCOMMONSDK=void 0;const o=n(249),i=n(99);t.PWCOMMONSDK=class{constructor(){this.countries=[],this.issuingCountries=[]}get tokenDetails(){return{}}viewIpCountry(){return r(this,void 0,void 0,(function*(){if(this._ipCountry)return this._ipCountry;const e=yield(0,i.VIEW_IP_COUNTRY)(),{payload:t}=e.data;return this._ipCountry=t,t}))}fetchStates(e){return r(this,void 0,void 0,(function*(){(0,o.validateParam)(\"country\",e,\"string\",!0);const t=yield(0,i.FETCH_STATES)({country:e}),{payload:n}=t.data,{results:r}=n;return Object.entries(r).map((([e,t])=>({iso_code:e,name:t})))}))}fetchCountries(){return r(this,void 0,void 0,(function*(){if(this.countries.length)return this.countries;const e=yield(0,i.FETCH_COUNTRIES)(),{payload:t}=e.data;return this.countries=t.results.map((e=>({iso_code:e.country,name:e.country_name}))),this.countries}))}fetchSupportedCountries(){return r(this,void 0,void 0,(function*(){const e=yield this.fetchCountries(),t=e.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.iso_code]:t})),{}),{supportedCountries:n=[],excludedCountries:r=[]}=this.tokenDetails;if(n&&n.length)return n.map((e=>t[e.toLowerCase()]));if(r&&r.length){const t=r.map((e=>e.toLowerCase()));return e.filter((e=>t.includes(e.iso_code)))}return e}))}viewDefaultCountry(){return r(this,void 0,void 0,(function*(){const e=yield this.viewIpCountry(),t=yield this.fetchSupportedCountries(),{country:n}=this.tokenDetails;if(n){const e=t.find((e=>e.iso_code===n.toLowerCase()));if(e)return e}if(null==e?void 0:e.country){const n=t.find((t=>t.iso_code===(null==e?void 0:e.country.toLowerCase())));if(n)return n}return{}}))}}},639:(e,t,n)=>{Object.defineProperty(t,\"__esModule\",{value:!0}),t.VIEW_RESULT=t.UPDATE_FORM=t.UPLOAD_SELFIE=t.UPLOAD_DOC=void 0;const r=n(207);t.UPLOAD_DOC=(e,t)=>r.instance.post(`/ekyc/session/${e}/doc`,t),t.UPLOAD_SELFIE=(e,t)=>r.instance.post(`/ekyc/session/${e}/selfie`,t),t.UPDATE_FORM=(e,t)=>r.instance.put(`/ekyc/session/${e}/feedback`,t),t.VIEW_RESULT=e=>r.instance.get(`/ekyc/session/${e}/check`)},746:(e,t)=>{var n,r,o;Object.defineProperty(t,\"__esModule\",{value:!0}),t.VERIFICATION_STATUS=t.AI_DOC_TYPE=t.DOC_TYPE=void 0,function(e){e.PASSPORT=\"passport\",e.NATIONAL_ID=\"national_identity_document\",e.LICENSE=\"driving_license\"}(n||(t.DOC_TYPE=n={})),function(e){e.PASSPORT=\"passport\",e.ID=\"identity_document\",e.LICENSE=\"driving_license\"}(r||(t.AI_DOC_TYPE=r={})),function(e){e.PENDING=\"pending\",e.APPROVED=\"approved\",e.REJECTED=\"rejected\",e.REVIEW=\"review\"}(o||(t.VERIFICATION_STATUS=o={}))},602:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,\"__esModule\",{value:!0}),t.viewResult=void 0;const o=n(145),i=n(599),s=n(639),a=n(746);t.viewResult=(e,n=1)=>r(void 0,void 0,void 0,(function*(){const r=yield(0,s.VIEW_RESULT)(e),{payload:c}=r.data,{status:u=\"\"}=c;if(u===a.VERIFICATION_STATUS.PENDING){if(n<5)return yield new Promise((e=>setTimeout(e,3e3))),yield(0,t.viewResult)(e,n+1);const r=new o.PwReqError;return r.type=`${i.API_MODULE}/${i.ERROR_TYPE[i.ATTEMPT_EXCEEDED]}`,r.message=`${i.ERROR_MESSAGE[i.ATTEMPT_EXCEEDED]}: 5\"}`,Promise.reject(r)}{const{status:e,is_retriable:t,identity_document:n,selfie:r}=c,o={status:e,is_retriable:t,id_status:null==n?void 0:n.system_status,selfie_status:null==r?void 0:r.system_status},i=null==n?void 0:n.system_result;if(!i)return o;const{name:s,id_result:u,doc_type:l,filepaths:d}=i;if(!u)return o;const f=l===a.AI_DOC_TYPE.ID?a.DOC_TYPE.NATIONAL_ID:l,{full_name:p,given_name:h,surname:E}=s,{nationality:_=\"\",id_number:m=\"\",date_of_birth:O=\"\",address:y}=u;let g={nationality:_,id_number:m,date_of_birth:O};p?g.full_name=p||\"\":h||E?(g.given_name=h||\"\",g.surname=E||\"\"):g.full_name=p||\"\";const R={state_iso:\"\",state_name:\"\",country_iso2:\"\",country_name:\"\",city:\"\",line1:\"\",zip:\"\"};if(y){for(const[e,t]of Object.entries(R))R[e]=y[e]||t;g=Object.assign(Object.assign({},g),R)}return Object.assign(Object.assign({},o),{result:g,id_type:f,filepaths:d})}}))},882:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,a)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,\"__esModule\",{value:!0}),t.PWPROOFSDK=void 0;const o=n(249),i=n(602),s=n(639);t.PWPROOFSDK=class{constructor(){this.sessionId=\"\"}uploadDoc(e){return r(this,void 0,void 0,(function*(){const t=e.front_doc_uri?\"front_doc_uri\":\"front_doc_base64\";(0,o.validateParams)(e,{front_doc_uri:\"string\",back_doc_uri:\"string\",front_doc_base64:\"string\",back_doc_base64:\"string\",doc_type:\"string\",issuing_country:\"string\"},[t,\"doc_type\",\"issuing_country\"]);const n=yield(0,s.UPLOAD_DOC)(this.sessionId,e),{payload:r}=n.data;return r}))}uploadSelfie(e){return r(this,void 0,void 0,(function*(){const t=e.selfie_uri?\"selfie_uri\":\"selfie_base64\";(0,o.validateParams)(e,{selfie_uri:\"string\",selfie_base64:\"string\",liveness_score:\"number\"},[t]);const{selfie_uri:n,selfie_base64:r,liveness_score:i}=e,a=Object.assign({selfie_uri:n,selfie_base64:r},i&&{metadata:{facial_liveness_score:i.toString()}}),c=yield(0,s.UPLOAD_SELFIE)(this.sessionId,a),{payload:u}=c.data;return u}))}viewResult(){return r(this,void 0,void 0,(function*(){return yield(0,i.viewResult)(this.sessionId)}))}updateForm(e){return r(this,void 0,void 0,(function*(){let t=[\"id_number\",\"date_of_birth\",\"line1\",\"city\",\"zip\",\"state_iso\",\"country_iso2\"];if(e.given_name||e.surname?(t.push(\"surname\"),t.push(\"given_name\")):t.push(\"full_name\"),(0,o.validateParams)(e,{full_name:\"string\",given_name:\"string\",surname:\"string\",id_number:\"string\",date_of_birth:\"string\",line1:\"string\",city:\"string\",zip:\"string\",state_iso:\"string\",country_iso2:\"string\"},t),(0,o.validateLength)(\"full_name\",e.full_name,0,1,160),(0,o.validateLength)(\"given_name\",e.given_name,0,1,70),(0,o.validateLength)(\"surname\",e.surname,0,1,70),(0,o.validateLength)(\"id_number\",e.id_number,0,1,40),(0,o.validateLength)(\"date_of_birth\",e.date_of_birth,0,1,10),(0,o.validateLength)(\"line1\",e.line1,0,1,350),(0,o.validateLength)(\"city\",e.city,0,1,70),(0,o.validateLength)(\"state_iso\",e.state_iso,0,1,9),(0,o.validateLength)(\"address\",e.zip,0,1,40),(0,o.validateLength)(\"country_iso2\",e.country_iso2,2),e.date_of_birth){const t=/^\\d{4}-\\d{2}-\\d{2}$/;(0,o.validateRegex)(\"date_of_birth\",e.date_of_birth,\"YYYY-MM-DD\",t)}const n=yield(0,s.UPDATE_FORM)(this.sessionId,{feedback_params:e}),{payload:r}=n.data;return r}))}}},218:(e,t,n)=>{function r(e,t){return function(){return e.apply(t,arguments)}}const{toString:o}=Object.prototype,{getPrototypeOf:i}=Object,s=(a=Object.create(null),e=>{const t=o.call(e);return a[t]||(a[t]=t.slice(8,-1).toLowerCase())});var a;const c=e=>(e=e.toLowerCase(),t=>s(t)===e),u=e=>t=>typeof t===e,{isArray:l}=Array,d=u(\"undefined\"),f=c(\"ArrayBuffer\"),p=u(\"string\"),h=u(\"function\"),E=u(\"number\"),_=e=>null!==e&&\"object\"==typeof e,m=e=>{if(\"object\"!==s(e))return!1;const t=i(e);return!(null!==t&&t!==Object.prototype&&null!==Object.getPrototypeOf(t)||Symbol.toStringTag in e||Symbol.iterator in e)},O=c(\"Date\"),y=c(\"File\"),g=c(\"Blob\"),R=c(\"FileList\"),S=c(\"URLSearchParams\");function D(e,t,{allOwnKeys:n=!1}={}){if(null==e)return;let r,o;if(\"object\"!=typeof e&&(e=[e]),l(e))for(r=0,o=e.length;r<o;r++)t.call(null,e[r],r,e);else{const o=n?Object.getOwnPropertyNames(e):Object.keys(e),i=o.length;let s;for(r=0;r<i;r++)s=o[r],t.call(null,e[s],s,e)}}function T(e,t){t=t.toLowerCase();const n=Object.keys(e);let r,o=n.length;for(;o-- >0;)if(r=n[o],t===r.toLowerCase())return r;return null}const A=\"undefined\"!=typeof globalThis?globalThis:\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:n.g,v=e=>!d(e)&&e!==A,b=(C=\"undefined\"!=typeof Uint8Array&&i(Uint8Array),e=>C&&e instanceof C);var C;const w=c(\"HTMLFormElement\"),I=(({hasOwnProperty:e})=>(t,n)=>e.call(t,n))(Object.prototype),P=c(\"RegExp\"),N=(e,t)=>{const n=Object.getOwnPropertyDescriptors(e),r={};D(n,((n,o)=>{!1!==t(n,o,e)&&(r[o]=n)})),Object.defineProperties(e,r)},M=\"abcdefghijklmnopqrstuvwxyz\",L=\"0123456789\",U={DIGIT:L,ALPHA:M,ALPHA_DIGIT:M+M.toUpperCase()+L},x=c(\"AsyncFunction\");var j={isArray:l,isArrayBuffer:f,isBuffer:function(e){return null!==e&&!d(e)&&null!==e.constructor&&!d(e.constructor)&&h(e.constructor.isBuffer)&&e.constructor.isBuffer(e)},isFormData:e=>{let t;return e&&(\"function\"==typeof FormData&&e instanceof FormData||h(e.append)&&(\"formdata\"===(t=s(e))||\"object\"===t&&h(e.toString)&&\"[object FormData]\"===e.toString()))},isArrayBufferView:function(e){let t;return t=\"undefined\"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&f(e.buffer),t},isString:p,isNumber:E,isBoolean:e=>!0===e||!1===e,isObject:_,isPlainObject:m,isUndefined:d,isDate:O,isFile:y,isBlob:g,isRegExp:P,isFunction:h,isStream:e=>_(e)&&h(e.pipe),isURLSearchParams:S,isTypedArray:b,isFileList:R,forEach:D,merge:function e(){const{caseless:t}=v(this)&&this||{},n={},r=(r,o)=>{const i=t&&T(n,o)||o;m(n[i])&&m(r)?n[i]=e(n[i],r):m(r)?n[i]=e({},r):l(r)?n[i]=r.slice():n[i]=r};for(let e=0,t=arguments.length;e<t;e++)arguments[e]&&D(arguments[e],r);return n},extend:(e,t,n,{allOwnKeys:o}={})=>(D(t,((t,o)=>{n&&h(t)?e[o]=r(t,n):e[o]=t}),{allOwnKeys:o}),e),trim:e=>e.trim?e.trim():e.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g,\"\"),stripBOM:e=>(65279===e.charCodeAt(0)&&(e=e.slice(1)),e),inherits:(e,t,n,r)=>{e.prototype=Object.create(t.prototype,r),e.prototype.constructor=e,Object.defineProperty(e,\"super\",{value:t.prototype}),n&&Object.assign(e.prototype,n)},toFlatObject:(e,t,n,r)=>{let o,s,a;const c={};if(t=t||{},null==e)return t;do{for(o=Object.getOwnPropertyNames(e),s=o.length;s-- >0;)a=o[s],r&&!r(a,e,t)||c[a]||(t[a]=e[a],c[a]=!0);e=!1!==n&&i(e)}while(e&&(!n||n(e,t))&&e!==Object.prototype);return t},kindOf:s,kindOfTest:c,endsWith:(e,t,n)=>{e=String(e),(void 0===n||n>e.length)&&(n=e.length),n-=t.length;const r=e.indexOf(t,n);return-1!==r&&r===n},toArray:e=>{if(!e)return null;if(l(e))return e;let t=e.length;if(!E(t))return null;const n=new Array(t);for(;t-- >0;)n[t]=e[t];return n},forEachEntry:(e,t)=>{const n=(e&&e[Symbol.iterator]).call(e);let r;for(;(r=n.next())&&!r.done;){const n=r.value;t.call(e,n[0],n[1])}},matchAll:(e,t)=>{let n;const r=[];for(;null!==(n=e.exec(t));)r.push(n);return r},isHTMLForm:w,hasOwnProperty:I,hasOwnProp:I,reduceDescriptors:N,freezeMethods:e=>{N(e,((t,n)=>{if(h(e)&&-1!==[\"arguments\",\"caller\",\"callee\"].indexOf(n))return!1;const r=e[n];h(r)&&(t.enumerable=!1,\"writable\"in t?t.writable=!1:t.set||(t.set=()=>{throw Error(\"Can not rewrite read-only method '\"+n+\"'\")}))}))},toObjectSet:(e,t)=>{const n={},r=e=>{e.forEach((e=>{n[e]=!0}))};return l(e)?r(e):r(String(e).split(t)),n},toCamelCase:e=>e.toLowerCase().replace(/[-_\\s]([a-z\\d])(\\w*)/g,(function(e,t,n){return t.toUpperCase()+n})),noop:()=>{},toFiniteNumber:(e,t)=>(e=+e,Number.isFinite(e)?e:t),findKey:T,global:A,isContextDefined:v,ALPHABET:U,generateString:(e=16,t=U.ALPHA_DIGIT)=>{let n=\"\";const{length:r}=t;for(;e--;)n+=t[Math.random()*r|0];return n},isSpecCompliantForm:function(e){return!!(e&&h(e.append)&&\"FormData\"===e[Symbol.toStringTag]&&e[Symbol.iterator])},toJSONObject:e=>{const t=new Array(10),n=(e,r)=>{if(_(e)){if(t.indexOf(e)>=0)return;if(!(\"toJSON\"in e)){t[r]=e;const o=l(e)?[]:{};return D(e,((e,t)=>{const i=n(e,r+1);!d(i)&&(o[t]=i)})),t[r]=void 0,o}}return e};return n(e,0)},isAsyncFn:x,isThenable:e=>e&&(_(e)||h(e))&&h(e.then)&&h(e.catch)};function F(e,t,n,r,o){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=(new Error).stack,this.message=e,this.name=\"AxiosError\",t&&(this.code=t),n&&(this.config=n),r&&(this.request=r),o&&(this.response=o)}j.inherits(F,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:j.toJSONObject(this.config),code:this.code,status:this.response&&this.response.status?this.response.status:null}}});const k=F.prototype,B={};function V(e){return j.isPlainObject(e)||j.isArray(e)}function G(e){return j.endsWith(e,\"[]\")?e.slice(0,-2):e}function W(e,t,n){return e?e.concat(t).map((function(e,t){return e=G(e),!n&&t?\"[\"+e+\"]\":e})).join(n?\".\":\"\"):t}[\"ERR_BAD_OPTION_VALUE\",\"ERR_BAD_OPTION\",\"ECONNABORTED\",\"ETIMEDOUT\",\"ERR_NETWORK\",\"ERR_FR_TOO_MANY_REDIRECTS\",\"ERR_DEPRECATED\",\"ERR_BAD_RESPONSE\",\"ERR_BAD_REQUEST\",\"ERR_CANCELED\",\"ERR_NOT_SUPPORT\",\"ERR_INVALID_URL\"].forEach((e=>{B[e]={value:e}})),Object.defineProperties(F,B),Object.defineProperty(k,\"isAxiosError\",{value:!0}),F.from=(e,t,n,r,o,i)=>{const s=Object.create(k);return j.toFlatObject(e,s,(function(e){return e!==Error.prototype}),(e=>\"isAxiosError\"!==e)),F.call(s,e.message,t,n,r,o),s.cause=e,s.name=e.name,i&&Object.assign(s,i),s};const H=j.toFlatObject(j,{},null,(function(e){return/^is[A-Z]/.test(e)}));function q(e,t,n){if(!j.isObject(e))throw new TypeError(\"target must be an object\");t=t||new FormData;const r=(n=j.toFlatObject(n,{metaTokens:!0,dots:!1,indexes:!1},!1,(function(e,t){return!j.isUndefined(t[e])}))).metaTokens,o=n.visitor||u,i=n.dots,s=n.indexes,a=(n.Blob||\"undefined\"!=typeof Blob&&Blob)&&j.isSpecCompliantForm(t);if(!j.isFunction(o))throw new TypeError(\"visitor must be a function\");function c(e){if(null===e)return\"\";if(j.isDate(e))return e.toISOString();if(!a&&j.isBlob(e))throw new F(\"Blob is not supported. Use a Buffer instead.\");return j.isArrayBuffer(e)||j.isTypedArray(e)?a&&\"function\"==typeof Blob?new Blob([e]):Buffer.from(e):e}function u(e,n,o){let a=e;if(e&&!o&&\"object\"==typeof e)if(j.endsWith(n,\"{}\"))n=r?n:n.slice(0,-2),e=JSON.stringify(e);else if(j.isArray(e)&&function(e){return j.isArray(e)&&!e.some(V)}(e)||(j.isFileList(e)||j.endsWith(n,\"[]\"))&&(a=j.toArray(e)))return n=G(n),a.forEach((function(e,r){!j.isUndefined(e)&&null!==e&&t.append(!0===s?W([n],r,i):null===s?n:n+\"[]\",c(e))})),!1;return!!V(e)||(t.append(W(o,n,i),c(e)),!1)}const l=[],d=Object.assign(H,{defaultVisitor:u,convertValue:c,isVisitable:V});if(!j.isObject(e))throw new TypeError(\"data must be an object\");return function e(n,r){if(!j.isUndefined(n)){if(-1!==l.indexOf(n))throw Error(\"Circular reference detected in \"+r.join(\".\"));l.push(n),j.forEach(n,(function(n,i){!0===(!(j.isUndefined(n)||null===n)&&o.call(t,n,j.isString(i)?i.trim():i,r,d))&&e(n,r?r.concat(i):[i])})),l.pop()}}(e),t}function X(e){const t={\"!\":\"%21\",\"'\":\"%27\",\"(\":\"%28\",\")\":\"%29\",\"~\":\"%7E\",\"%20\":\"+\",\"%00\":\"\\0\"};return encodeURIComponent(e).replace(/[!'()~]|%20|%00/g,(function(e){return t[e]}))}function K(e,t){this._pairs=[],e&&q(e,this,t)}const z=K.prototype;function Y(e){return encodeURIComponent(e).replace(/%3A/gi,\":\").replace(/%24/g,\"$\").replace(/%2C/gi,\",\").replace(/%20/g,\"+\").replace(/%5B/gi,\"[\").replace(/%5D/gi,\"]\")}function $(e,t,n){if(!t)return e;const r=n&&n.encode||Y,o=n&&n.serialize;let i;if(i=o?o(t,n):j.isURLSearchParams(t)?t.toString():new K(t,n).toString(r),i){const t=e.indexOf(\"#\");-1!==t&&(e=e.slice(0,t)),e+=(-1===e.indexOf(\"?\")?\"?\":\"&\")+i}return e}z.append=function(e,t){this._pairs.push([e,t])},z.toString=function(e){const t=e?function(t){return e.call(this,t,X)}:X;return this._pairs.map((function(e){return t(e[0])+\"=\"+t(e[1])}),\"\").join(\"&\")};var J=class{constructor(){this.handlers=[]}use(e,t,n){return this.handlers.push({fulfilled:e,rejected:t,synchronous:!!n&&n.synchronous,runWhen:n?n.runWhen:null}),this.handlers.length-1}eject(e){this.handlers[e]&&(this.handlers[e]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(e){j.forEach(this.handlers,(function(t){null!==t&&e(t)}))}},Q={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},Z={isBrowser:!0,classes:{URLSearchParams:\"undefined\"!=typeof URLSearchParams?URLSearchParams:K,FormData:\"undefined\"!=typeof FormData?FormData:null,Blob:\"undefined\"!=typeof Blob?Blob:null},isStandardBrowserEnv:(()=>{let e;return(\"undefined\"==typeof navigator||\"ReactNative\"!==(e=navigator.product)&&\"NativeScript\"!==e&&\"NS\"!==e)&&\"undefined\"!=typeof window&&\"undefined\"!=typeof document})(),isStandardBrowserWebWorkerEnv:\"undefined\"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope&&\"function\"==typeof self.importScripts,protocols:[\"http\",\"https\",\"file\",\"blob\",\"url\",\"data\"]};function ee(e){function t(e,n,r,o){let i=e[o++];const s=Number.isFinite(+i),a=o>=e.length;return i=!i&&j.isArray(r)?r.length:i,a?(j.hasOwnProp(r,i)?r[i]=[r[i],n]:r[i]=n,!s):(r[i]&&j.isObject(r[i])||(r[i]=[]),t(e,n,r[i],o)&&j.isArray(r[i])&&(r[i]=function(e){const t={},n=Object.keys(e);let r;const o=n.length;let i;for(r=0;r<o;r++)i=n[r],t[i]=e[i];return t}(r[i])),!s)}if(j.isFormData(e)&&j.isFunction(e.entries)){const n={};return j.forEachEntry(e,((e,r)=>{t(function(e){return j.matchAll(/\\w+|\\[(\\w*)]/g,e).map((e=>\"[]\"===e[0]?\"\":e[1]||e[0]))}(e),r,n,0)})),n}return null}const te={\"Content-Type\":void 0},ne={transitional:Q,adapter:[\"xhr\",\"http\"],transformRequest:[function(e,t){const n=t.getContentType()||\"\",r=n.indexOf(\"application/json\")>-1,o=j.isObject(e);if(o&&j.isHTMLForm(e)&&(e=new FormData(e)),j.isFormData(e))return r&&r?JSON.stringify(ee(e)):e;if(j.isArrayBuffer(e)||j.isBuffer(e)||j.isStream(e)||j.isFile(e)||j.isBlob(e))return e;if(j.isArrayBufferView(e))return e.buffer;if(j.isURLSearchParams(e))return t.setContentType(\"application/x-www-form-urlencoded;charset=utf-8\",!1),e.toString();let i;if(o){if(n.indexOf(\"application/x-www-form-urlencoded\")>-1)return function(e,t){return q(e,new Z.classes.URLSearchParams,Object.assign({visitor:function(e,t,n,r){return Z.isNode&&j.isBuffer(e)?(this.append(t,e.toString(\"base64\")),!1):r.defaultVisitor.apply(this,arguments)}},t))}(e,this.formSerializer).toString();if((i=j.isFileList(e))||n.indexOf(\"multipart/form-data\")>-1){const t=this.env&&this.env.FormData;return q(i?{\"files[]\":e}:e,t&&new t,this.formSerializer)}}return o||r?(t.setContentType(\"application/json\",!1),function(e,t,n){if(j.isString(e))try{return(0,JSON.parse)(e),j.trim(e)}catch(e){if(\"SyntaxError\"!==e.name)throw e}return(0,JSON.stringify)(e)}(e)):e}],transformResponse:[function(e){const t=this.transitional||ne.transitional,n=t&&t.forcedJSONParsing,r=\"json\"===this.responseType;if(e&&j.isString(e)&&(n&&!this.responseType||r)){const n=!(t&&t.silentJSONParsing)&&r;try{return JSON.parse(e)}catch(e){if(n){if(\"SyntaxError\"===e.name)throw F.from(e,F.ERR_BAD_RESPONSE,this,null,this.response);throw e}}}return e}],timeout:0,xsrfCookieName:\"XSRF-TOKEN\",xsrfHeaderName:\"X-XSRF-TOKEN\",maxContentLength:-1,maxBodyLength:-1,env:{FormData:Z.classes.FormData,Blob:Z.classes.Blob},validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:\"application/json, text/plain, */*\"}}};j.forEach([\"delete\",\"get\",\"head\"],(function(e){ne.headers[e]={}})),j.forEach([\"post\",\"put\",\"patch\"],(function(e){ne.headers[e]=j.merge(te)}));var re=ne;const oe=j.toObjectSet([\"age\",\"authorization\",\"content-length\",\"content-type\",\"etag\",\"expires\",\"from\",\"host\",\"if-modified-since\",\"if-unmodified-since\",\"last-modified\",\"location\",\"max-forwards\",\"proxy-authorization\",\"referer\",\"retry-after\",\"user-agent\"]),ie=Symbol(\"internals\");function se(e){return e&&String(e).trim().toLowerCase()}function ae(e){return!1===e||null==e?e:j.isArray(e)?e.map(ae):String(e)}function ce(e,t,n,r,o){return j.isFunction(r)?r.call(this,t,n):(o&&(t=n),j.isString(t)?j.isString(r)?-1!==t.indexOf(r):j.isRegExp(r)?r.test(t):void 0:void 0)}class ue{constructor(e){e&&this.set(e)}set(e,t,n){const r=this;function o(e,t,n){const o=se(t);if(!o)throw new Error(\"header name must be a non-empty string\");const i=j.findKey(r,o);(!i||void 0===r[i]||!0===n||void 0===n&&!1!==r[i])&&(r[i||t]=ae(e))}const i=(e,t)=>j.forEach(e,((e,n)=>o(e,n,t)));return j.isPlainObject(e)||e instanceof this.constructor?i(e,t):j.isString(e)&&(e=e.trim())&&!/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim())?i((e=>{const t={};let n,r,o;return e&&e.split(\"\\n\").forEach((function(e){o=e.indexOf(\":\"),n=e.substring(0,o).trim().toLowerCase(),r=e.substring(o+1).trim(),!n||t[n]&&oe[n]||(\"set-cookie\"===n?t[n]?t[n].push(r):t[n]=[r]:t[n]=t[n]?t[n]+\", \"+r:r)})),t})(e),t):null!=e&&o(t,e,n),this}get(e,t){if(e=se(e)){const n=j.findKey(this,e);if(n){const e=this[n];if(!t)return e;if(!0===t)return function(e){const t=Object.create(null),n=/([^\\s,;=]+)\\s*(?:=\\s*([^,;]+))?/g;let r;for(;r=n.exec(e);)t[r[1]]=r[2];return t}(e);if(j.isFunction(t))return t.call(this,e,n);if(j.isRegExp(t))return t.exec(e);throw new TypeError(\"parser must be boolean|regexp|function\")}}}has(e,t){if(e=se(e)){const n=j.findKey(this,e);return!(!n||void 0===this[n]||t&&!ce(0,this[n],n,t))}return!1}delete(e,t){const n=this;let r=!1;function o(e){if(e=se(e)){const o=j.findKey(n,e);!o||t&&!ce(0,n[o],o,t)||(delete n[o],r=!0)}}return j.isArray(e)?e.forEach(o):o(e),r}clear(e){const t=Object.keys(this);let n=t.length,r=!1;for(;n--;){const o=t[n];e&&!ce(0,this[o],o,e,!0)||(delete this[o],r=!0)}return r}normalize(e){const t=this,n={};return j.forEach(this,((r,o)=>{const i=j.findKey(n,o);if(i)return t[i]=ae(r),void delete t[o];const s=e?function(e){return e.trim().toLowerCase().replace(/([a-z\\d])(\\w*)/g,((e,t,n)=>t.toUpperCase()+n))}(o):String(o).trim();s!==o&&delete t[o],t[s]=ae(r),n[s]=!0})),this}concat(...e){return this.constructor.concat(this,...e)}toJSON(e){const t=Object.create(null);return j.forEach(this,((n,r)=>{null!=n&&!1!==n&&(t[r]=e&&j.isArray(n)?n.join(\", \"):n)})),t}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON()).map((([e,t])=>e+\": \"+t)).join(\"\\n\")}get[Symbol.toStringTag](){return\"AxiosHeaders\"}static from(e){return e instanceof this?e:new this(e)}static concat(e,...t){const n=new this(e);return t.forEach((e=>n.set(e))),n}static accessor(e){const t=(this[ie]=this[ie]={accessors:{}}).accessors,n=this.prototype;function r(e){const r=se(e);t[r]||(function(e,t){const n=j.toCamelCase(\" \"+t);[\"get\",\"set\",\"has\"].forEach((r=>{Object.defineProperty(e,r+n,{value:function(e,n,o){return this[r].call(this,t,e,n,o)},configurable:!0})}))}(n,e),t[r]=!0)}return j.isArray(e)?e.forEach(r):r(e),this}}ue.accessor([\"Content-Type\",\"Content-Length\",\"Accept\",\"Accept-Encoding\",\"User-Agent\",\"Authorization\"]),j.freezeMethods(ue.prototype),j.freezeMethods(ue);var le=ue;function de(e,t){const n=this||re,r=t||n,o=le.from(r.headers);let i=r.data;return j.forEach(e,(function(e){i=e.call(n,i,o.normalize(),t?t.status:void 0)})),o.normalize(),i}function fe(e){return!(!e||!e.__CANCEL__)}function pe(e,t,n){F.call(this,null==e?\"canceled\":e,F.ERR_CANCELED,t,n),this.name=\"CanceledError\"}j.inherits(pe,F,{__CANCEL__:!0});var he=Z.isStandardBrowserEnv?{write:function(e,t,n,r,o,i){const s=[];s.push(e+\"=\"+encodeURIComponent(t)),j.isNumber(n)&&s.push(\"expires=\"+new Date(n).toGMTString()),j.isString(r)&&s.push(\"path=\"+r),j.isString(o)&&s.push(\"domain=\"+o),!0===i&&s.push(\"secure\"),document.cookie=s.join(\"; \")},read:function(e){const t=document.cookie.match(new RegExp(\"(^|;\\\\s*)(\"+e+\")=([^;]*)\"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,\"\",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}};function Ee(e,t){return e&&!/^([a-z][a-z\\d+\\-.]*:)?\\/\\//i.test(t)?function(e,t){return t?e.replace(/\\/+$/,\"\")+\"/\"+t.replace(/^\\/+/,\"\"):e}(e,t):t}var _e=Z.isStandardBrowserEnv?function(){const e=/(msie|trident)/i.test(navigator.userAgent),t=document.createElement(\"a\");let n;function r(n){let r=n;return e&&(t.setAttribute(\"href\",r),r=t.href),t.setAttribute(\"href\",r),{href:t.href,protocol:t.protocol?t.protocol.replace(/:$/,\"\"):\"\",host:t.host,search:t.search?t.search.replace(/^\\?/,\"\"):\"\",hash:t.hash?t.hash.replace(/^#/,\"\"):\"\",hostname:t.hostname,port:t.port,pathname:\"/\"===t.pathname.charAt(0)?t.pathname:\"/\"+t.pathname}}return n=r(window.location.href),function(e){const t=j.isString(e)?r(e):e;return t.protocol===n.protocol&&t.host===n.host}}():function(){return!0};function me(e,t){let n=0;const r=function(e,t){e=e||10;const n=new Array(e),r=new Array(e);let o,i=0,s=0;return t=void 0!==t?t:1e3,function(a){const c=Date.now(),u=r[s];o||(o=c),n[i]=a,r[i]=c;let l=s,d=0;for(;l!==i;)d+=n[l++],l%=e;if(i=(i+1)%e,i===s&&(s=(s+1)%e),c-o<t)return;const f=u&&c-u;return f?Math.round(1e3*d/f):void 0}}(50,250);return o=>{const i=o.loaded,s=o.lengthComputable?o.total:void 0,a=i-n,c=r(a);n=i;const u={loaded:i,total:s,progress:s?i/s:void 0,bytes:a,rate:c||void 0,estimated:c&&s&&i<=s?(s-i)/c:void 0,event:o};u[t?\"download\":\"upload\"]=!0,e(u)}}const Oe={http:null,xhr:\"undefined\"!=typeof XMLHttpRequest&&function(e){return new Promise((function(t,n){let r=e.data;const o=le.from(e.headers).normalize(),i=e.responseType;let s;function a(){e.cancelToken&&e.cancelToken.unsubscribe(s),e.signal&&e.signal.removeEventListener(\"abort\",s)}j.isFormData(r)&&(Z.isStandardBrowserEnv||Z.isStandardBrowserWebWorkerEnv?o.setContentType(!1):o.setContentType(\"multipart/form-data;\",!1));let c=new XMLHttpRequest;if(e.auth){const t=e.auth.username||\"\",n=e.auth.password?unescape(encodeURIComponent(e.auth.password)):\"\";o.set(\"Authorization\",\"Basic \"+btoa(t+\":\"+n))}const u=Ee(e.baseURL,e.url);function l(){if(!c)return;const r=le.from(\"getAllResponseHeaders\"in c&&c.getAllResponseHeaders());!function(e,t,n){const r=n.config.validateStatus;n.status&&r&&!r(n.status)?t(new F(\"Request failed with status code \"+n.status,[F.ERR_BAD_REQUEST,F.ERR_BAD_RESPONSE][Math.floor(n.status/100)-4],n.config,n.request,n)):e(n)}((function(e){t(e),a()}),(function(e){n(e),a()}),{data:i&&\"text\"!==i&&\"json\"!==i?c.response:c.responseText,status:c.status,statusText:c.statusText,headers:r,config:e,request:c}),c=null}if(c.open(e.method.toUpperCase(),$(u,e.params,e.paramsSerializer),!0),c.timeout=e.timeout,\"onloadend\"in c?c.onloadend=l:c.onreadystatechange=function(){c&&4===c.readyState&&(0!==c.status||c.responseURL&&0===c.responseURL.indexOf(\"file:\"))&&setTimeout(l)},c.onabort=function(){c&&(n(new F(\"Request aborted\",F.ECONNABORTED,e,c)),c=null)},c.onerror=function(){n(new F(\"Network Error\",F.ERR_NETWORK,e,c)),c=null},c.ontimeout=function(){let t=e.timeout?\"timeout of \"+e.timeout+\"ms exceeded\":\"timeout exceeded\";const r=e.transitional||Q;e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(new F(t,r.clarifyTimeoutError?F.ETIMEDOUT:F.ECONNABORTED,e,c)),c=null},Z.isStandardBrowserEnv){const t=(e.withCredentials||_e(u))&&e.xsrfCookieName&&he.read(e.xsrfCookieName);t&&o.set(e.xsrfHeaderName,t)}void 0===r&&o.setContentType(null),\"setRequestHeader\"in c&&j.forEach(o.toJSON(),(function(e,t){c.setRequestHeader(t,e)})),j.isUndefined(e.withCredentials)||(c.withCredentials=!!e.withCredentials),i&&\"json\"!==i&&(c.responseType=e.responseType),\"function\"==typeof e.onDownloadProgress&&c.addEventListener(\"progress\",me(e.onDownloadProgress,!0)),\"function\"==typeof e.onUploadProgress&&c.upload&&c.upload.addEventListener(\"progress\",me(e.onUploadProgress)),(e.cancelToken||e.signal)&&(s=t=>{c&&(n(!t||t.type?new pe(null,e,c):t),c.abort(),c=null)},e.cancelToken&&e.cancelToken.subscribe(s),e.signal&&(e.signal.aborted?s():e.signal.addEventListener(\"abort\",s)));const d=function(e){const t=/^([-+\\w]{1,25})(:?\\/\\/|:)/.exec(e);return t&&t[1]||\"\"}(u);d&&-1===Z.protocols.indexOf(d)?n(new F(\"Unsupported protocol \"+d+\":\",F.ERR_BAD_REQUEST,e)):c.send(r||null)}))}};j.forEach(Oe,((e,t)=>{if(e){try{Object.defineProperty(e,\"name\",{value:t})}catch(e){}Object.defineProperty(e,\"adapterName\",{value:t})}}));function ye(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new pe(null,e)}function ge(e){return ye(e),e.headers=le.from(e.headers),e.data=de.call(e,e.transformRequest),-1!==[\"post\",\"put\",\"patch\"].indexOf(e.method)&&e.headers.setContentType(\"application/x-www-form-urlencoded\",!1),(e=>{e=j.isArray(e)?e:[e];const{length:t}=e;let n,r;for(let o=0;o<t&&(n=e[o],!(r=j.isString(n)?Oe[n.toLowerCase()]:n));o++);if(!r){if(!1===r)throw new F(`Adapter ${n} is not supported by the environment`,\"ERR_NOT_SUPPORT\");throw new Error(j.hasOwnProp(Oe,n)?`Adapter '${n}' is not available in the build`:`Unknown adapter '${n}'`)}if(!j.isFunction(r))throw new TypeError(\"adapter is not a function\");return r})(e.adapter||re.adapter)(e).then((function(t){return ye(e),t.data=de.call(e,e.transformResponse,t),t.headers=le.from(t.headers),t}),(function(t){return fe(t)||(ye(e),t&&t.response&&(t.response.data=de.call(e,e.transformResponse,t.response),t.response.headers=le.from(t.response.headers))),Promise.reject(t)}))}const Re=e=>e instanceof le?e.toJSON():e;function Se(e,t){t=t||{};const n={};function r(e,t,n){return j.isPlainObject(e)&&j.isPlainObject(t)?j.merge.call({caseless:n},e,t):j.isPlainObject(t)?j.merge({},t):j.isArray(t)?t.slice():t}function o(e,t,n){return j.isUndefined(t)?j.isUndefined(e)?void 0:r(void 0,e,n):r(e,t,n)}function i(e,t){if(!j.isUndefined(t))return r(void 0,t)}function s(e,t){return j.isUndefined(t)?j.isUndefined(e)?void 0:r(void 0,e):r(void 0,t)}function a(n,o,i){return i in t?r(n,o):i in e?r(void 0,n):void 0}const c={url:i,method:i,data:i,baseURL:s,transformRequest:s,transformResponse:s,paramsSerializer:s,timeout:s,timeoutMessage:s,withCredentials:s,adapter:s,responseType:s,xsrfCookieName:s,xsrfHeaderName:s,onUploadProgress:s,onDownloadProgress:s,decompress:s,maxContentLength:s,maxBodyLength:s,beforeRedirect:s,transport:s,httpAgent:s,httpsAgent:s,cancelToken:s,socketPath:s,responseEncoding:s,validateStatus:a,headers:(e,t)=>o(Re(e),Re(t),!0)};return j.forEach(Object.keys(Object.assign({},e,t)),(function(r){const i=c[r]||o,s=i(e[r],t[r],r);j.isUndefined(s)&&i!==a||(n[r]=s)})),n}const De={};[\"object\",\"boolean\",\"number\",\"function\",\"string\",\"symbol\"].forEach(((e,t)=>{De[e]=function(n){return typeof n===e||\"a\"+(t<1?\"n \":\" \")+e}}));const Te={};De.transitional=function(e,t,n){function r(e,t){return\"[Axios v1.4.0] Transitional option '\"+e+\"'\"+t+(n?\". \"+n:\"\")}return(n,o,i)=>{if(!1===e)throw new F(r(o,\" has been removed\"+(t?\" in \"+t:\"\")),F.ERR_DEPRECATED);return t&&!Te[o]&&(Te[o]=!0,console.warn(r(o,\" has been deprecated since v\"+t+\" and will be removed in the near future\"))),!e||e(n,o,i)}};var Ae={assertOptions:function(e,t,n){if(\"object\"!=typeof e)throw new F(\"options must be an object\",F.ERR_BAD_OPTION_VALUE);const r=Object.keys(e);let o=r.length;for(;o-- >0;){const i=r[o],s=t[i];if(s){const t=e[i],n=void 0===t||s(t,i,e);if(!0!==n)throw new F(\"option \"+i+\" must be \"+n,F.ERR_BAD_OPTION_VALUE)}else if(!0!==n)throw new F(\"Unknown option \"+i,F.ERR_BAD_OPTION)}},validators:De};const ve=Ae.validators;class be{constructor(e){this.defaults=e,this.interceptors={request:new J,response:new J}}request(e,t){\"string\"==typeof e?(t=t||{}).url=e:t=e||{},t=Se(this.defaults,t);const{transitional:n,paramsSerializer:r,headers:o}=t;let i;void 0!==n&&Ae.assertOptions(n,{silentJSONParsing:ve.transitional(ve.boolean),forcedJSONParsing:ve.transitional(ve.boolean),clarifyTimeoutError:ve.transitional(ve.boolean)},!1),null!=r&&(j.isFunction(r)?t.paramsSerializer={serialize:r}:Ae.assertOptions(r,{encode:ve.function,serialize:ve.function},!0)),t.method=(t.method||this.defaults.method||\"get\").toLowerCase(),i=o&&j.merge(o.common,o[t.method]),i&&j.forEach([\"delete\",\"get\",\"head\",\"post\",\"put\",\"patch\",\"common\"],(e=>{delete o[e]})),t.headers=le.concat(i,o);const s=[];let a=!0;this.interceptors.request.forEach((function(e){\"function\"==typeof e.runWhen&&!1===e.runWhen(t)||(a=a&&e.synchronous,s.unshift(e.fulfilled,e.rejected))}));const c=[];let u;this.interceptors.response.forEach((function(e){c.push(e.fulfilled,e.rejected)}));let l,d=0;if(!a){const e=[ge.bind(this),void 0];for(e.unshift.apply(e,s),e.push.apply(e,c),l=e.length,u=Promise.resolve(t);d<l;)u=u.then(e[d++],e[d++]);return u}l=s.length;let f=t;for(d=0;d<l;){const e=s[d++],t=s[d++];try{f=e(f)}catch(e){t.call(this,e);break}}try{u=ge.call(this,f)}catch(e){return Promise.reject(e)}for(d=0,l=c.length;d<l;)u=u.then(c[d++],c[d++]);return u}getUri(e){return $(Ee((e=Se(this.defaults,e)).baseURL,e.url),e.params,e.paramsSerializer)}}j.forEach([\"delete\",\"get\",\"head\",\"options\"],(function(e){be.prototype[e]=function(t,n){return this.request(Se(n||{},{method:e,url:t,data:(n||{}).data}))}})),j.forEach([\"post\",\"put\",\"patch\"],(function(e){function t(t){return function(n,r,o){return this.request(Se(o||{},{method:e,headers:t?{\"Content-Type\":\"multipart/form-data\"}:{},url:n,data:r}))}}be.prototype[e]=t(),be.prototype[e+\"Form\"]=t(!0)}));var Ce=be;class we{constructor(e){if(\"function\"!=typeof e)throw new TypeError(\"executor must be a function.\");let t;this.promise=new Promise((function(e){t=e}));const n=this;this.promise.then((e=>{if(!n._listeners)return;let t=n._listeners.length;for(;t-- >0;)n._listeners[t](e);n._listeners=null})),this.promise.then=e=>{let t;const r=new Promise((e=>{n.subscribe(e),t=e})).then(e);return r.cancel=function(){n.unsubscribe(t)},r},e((function(e,r,o){n.reason||(n.reason=new pe(e,r,o),t(n.reason))}))}throwIfRequested(){if(this.reason)throw this.reason}subscribe(e){this.reason?e(this.reason):this._listeners?this._listeners.push(e):this._listeners=[e]}unsubscribe(e){if(!this._listeners)return;const t=this._listeners.indexOf(e);-1!==t&&this._listeners.splice(t,1)}static source(){let e;return{token:new we((function(t){e=t})),cancel:e}}}var Ie=we;const Pe={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(Pe).forEach((([e,t])=>{Pe[t]=e}));var Ne=Pe;const Me=function e(t){const n=new Ce(t),o=r(Ce.prototype.request,n);return j.extend(o,Ce.prototype,n,{allOwnKeys:!0}),j.extend(o,n,null,{allOwnKeys:!0}),o.create=function(n){return e(Se(t,n))},o}(re);Me.Axios=Ce,Me.CanceledError=pe,Me.CancelToken=Ie,Me.isCancel=fe,Me.VERSION=\"1.4.0\",Me.toFormData=q,Me.AxiosError=F,Me.Cancel=Me.CanceledError,Me.all=function(e){return Promise.all(e)},Me.spread=function(e){return function(t){return e.apply(null,t)}},Me.isAxiosError=function(e){return j.isObject(e)&&!0===e.isAxiosError},Me.mergeConfig=Se,Me.AxiosHeaders=le,Me.formToJSON=e=>ee(j.isHTMLForm(e)?new FormData(e):e),Me.HttpStatusCode=Ne,Me.default=Me,e.exports=Me}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if(\"object\"==typeof globalThis)return globalThis;try{return this||new Function(\"return this\")()}catch(e){if(\"object\"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})};var r=n(607);return r.default})()));\n\n//# sourceURL=webpack://PWUISDK/./node_modules/pipwave-ekyc-sdk/dist/pw-bundle.js?");
3421
3410
 
3422
3411
  /***/ }),
3423
3412
 
@@ -3505,7 +3494,7 @@ eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElem
3505
3494
  /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3506
3495
 
3507
3496
  "use strict";
3508
- eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.mainSteps = exports.mainScreenId = void 0;\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass MainPage {\n get mainScreenId() {\n return exports.mainScreenId;\n }\n get mainSteps() {\n return exports.mainSteps;\n }\n set mainScreenId(value) {\n exports.mainScreenId = value;\n }\n set mainSteps(value) {\n exports.mainSteps = value;\n }\n constructor(mainScreenId, mainSteps) {\n this.mainScreenId = mainScreenId;\n this.mainSteps = mainSteps;\n }\n renderLoadingScreen() {\n this.overlayElement = document.createElement(\"div\");\n this.overlayElement.classList.add(\"pw-bg-black\", \"pw-bg-opacity-70\", \"pw-absolute\", \"pw-top-0\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-z-50\");\n this.overlayContent = document.createElement(\"div\");\n this.overlayContent.classList.add(\"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\");\n const spinner = (0, components_1.createSpinner)(4, \"grey-5\", 8);\n this.overlayContent.appendChild(spinner);\n this.overlayElement.appendChild(this.overlayContent);\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(this.overlayElement);\n }\n updateOverlayContent(content) {\n var _a, _b;\n (_a = this.overlayContent) === null || _a === void 0 ? void 0 : _a.remove();\n this.overlayContent = content;\n (_b = this.overlayElement) === null || _b === void 0 ? void 0 : _b.appendChild(this.overlayContent);\n }\n removeOverlayElement() {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.remove();\n }\n proceedNextMainstep(nextStep) {\n console.log(\"proceed next step\", nextStep);\n }\n closeMainPage() {\n console.log(\"close main page here\");\n }\n renderContent(content) {\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(content);\n }\n clearScreen() {\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.replaceChildren();\n }\n finishEkyc() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const event = new CustomEvent(\"finish:ekyc\");\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.remove();\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.dispatchEvent(event);\n }\n openImageFullScreen(img) {\n this.overlayElement = document.createElement(\"div\");\n this.overlayElement.classList.add(\"pw-bg-black\", \"pw-bg-opacity-90\", \"pw-absolute\", \"pw-top-0\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-z-50\", \"pw-transition-all\", \"pw-duration-500\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeIcon.classList.add(\"pw-absolute\", \"pw-top-5\", \"pw-right-5\");\n closeIcon.addEventListener(\"click\", () => {\n this.removeOverlayElement();\n });\n this.overlayElement.appendChild(closeIcon);\n this.overlayContent = document.createElement(\"div\");\n this.overlayContent.classList.add(\"pw-absolute\", \"pw-left-1\", \"pw-right-1\", \"pw-top-1/3\", \"pw-text-white\");\n const image = document.createElement(\"img\");\n image.classList.add(\"pw-w-full\");\n image.setAttribute(\"src\", img);\n this.overlayContent.appendChild(image);\n this.overlayElement.appendChild(this.overlayContent);\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(this.overlayElement);\n // this.overlayElement.classList.add(\"pw-bg-opacity-80\");\n }\n}\nexports[\"default\"] = MainPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/classes/MainPage.ts?");
3497
+ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.displayMode = exports.mainScreenId = void 0;\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass MainPage {\n get mainScreenId() {\n return exports.mainScreenId;\n }\n get displayMode() {\n return exports.displayMode;\n }\n set mainScreenId(value) {\n exports.mainScreenId = value;\n }\n set displayMode(value) {\n exports.displayMode = value;\n }\n constructor(mainScreenId, displayMode) {\n this.mainScreenId = mainScreenId;\n this.displayMode = displayMode;\n }\n renderLoadingScreen() {\n this.overlayElement = document.createElement(\"div\");\n this.overlayElement.classList.add(\"pw-bg-black\", \"pw-bg-opacity-70\", \"pw-absolute\", \"pw-top-0\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-z-50\");\n this.overlayContent = document.createElement(\"div\");\n this.overlayContent.classList.add(\"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\");\n const spinner = (0, components_1.createSpinner)(4, \"grey-5\", 8);\n this.overlayContent.appendChild(spinner);\n this.overlayElement.appendChild(this.overlayContent);\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(this.overlayElement);\n }\n updateOverlayContent(content) {\n var _a, _b;\n (_a = this.overlayContent) === null || _a === void 0 ? void 0 : _a.remove();\n this.overlayContent = content;\n (_b = this.overlayElement) === null || _b === void 0 ? void 0 : _b.appendChild(this.overlayContent);\n }\n removeOverlayElement() {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.remove();\n }\n proceedNextMainstep(nextStep) { }\n closeMainPage() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const event = new CustomEvent(\"close:ekyc\");\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.remove();\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.dispatchEvent(event);\n }\n renderContent(content) {\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(content);\n }\n clearScreen() {\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.replaceChildren();\n }\n finishEkyc() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const event = new CustomEvent(\"finish:ekyc\");\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.remove();\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.dispatchEvent(event);\n }\n openImageFullScreen(img) {\n this.overlayElement = document.createElement(\"div\");\n this.overlayElement.classList.add(\"pw-bg-black\", \"pw-bg-opacity-90\", \"pw-absolute\", \"pw-top-0\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-z-50\", \"pw-transition-all\", \"pw-duration-500\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeIcon.classList.add(\"pw-absolute\", \"pw-top-5\", \"pw-right-5\");\n closeIcon.addEventListener(\"click\", () => {\n this.removeOverlayElement();\n });\n this.overlayElement.appendChild(closeIcon);\n this.overlayContent = document.createElement(\"div\");\n this.overlayContent.classList.add(\"pw-absolute\", \"pw-left-1\", \"pw-right-1\", \"pw-top-1/3\", \"pw-text-white\");\n const image = document.createElement(\"img\");\n image.classList.add(\"pw-w-full\");\n image.setAttribute(\"src\", img);\n this.overlayContent.appendChild(image);\n this.overlayElement.appendChild(this.overlayContent);\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(this.overlayElement);\n // this.overlayElement.classList.add(\"pw-bg-opacity-80\");\n }\n openErrorPage() {\n this.clearScreen();\n const errorDiv = document.createElement(\"div\");\n errorDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const contentDiv = document.createElement(\"div\");\n errorDiv.appendChild(contentDiv);\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-16\");\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n contentDiv.appendChild(navigationDiv);\n const errorContainer = document.createElement(\"div\");\n errorContainer.classList.add(\"pw-relative\", \"pw-h-full\");\n const errorContentDiv = document.createElement(\"div\");\n errorContentDiv.classList.add(\"pw-absolute\", \"pw-top-1/3\", \"pw-text-center\", \"-pw-translate-y-1/3\");\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\");\n warningIcon.style.fontSize = \"60px\";\n errorContentDiv.appendChild(warningIcon);\n const errorTitle = document.createElement(\"div\");\n errorTitle.classList.add(\"pw-text-xl\", \"pw-mb-4\");\n errorTitle.innerHTML = \"Something went wrong\";\n errorContentDiv.appendChild(errorTitle);\n const errorDescription = document.createElement(\"div\");\n errorDescription.innerHTML =\n \"Please contact customer support for assistance or retry.\";\n errorContentDiv.appendChild(errorDescription);\n errorContainer.appendChild(errorContentDiv);\n errorDiv.appendChild(errorContainer);\n const screen = document.getElementById(this.mainScreenId);\n screen === null || screen === void 0 ? void 0 : screen.appendChild(errorDiv);\n }\n}\nexports[\"default\"] = MainPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/classes/MainPage.ts?");
3509
3498
 
3510
3499
  /***/ }),
3511
3500
 
@@ -3527,7 +3516,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\ncons
3527
3516
  /***/ ((__unused_webpack_module, exports) => {
3528
3517
 
3529
3518
  "use strict";
3530
- eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.hideFullLoading = exports.createFullLoading = exports.createSecondaryButton = exports.createTextInput = exports.createPrimaryButton = exports.createSpinner = exports.createOutlineButton = void 0;\nfunction createPrimaryButton(label) {\n const primaryButton = document.createElement(\"button\");\n primaryButton.setAttribute(\"type\", \"button\");\n primaryButton.classList.add(\"pw-w-full\", \"pw-h-14\", \"pw-border-none\", \"pw-text-center\", \"pw-rounded-[2.5rem]\", \"pw-bg-primary\", \"pw-text-white\", \"pw-cursor-pointer\", \"pw-text-base\", \"pw-drop-shadow-[0_4px_8px_rgba(200,123,221,0.60)]\");\n primaryButton.innerHTML = label;\n return primaryButton;\n}\nexports.createPrimaryButton = createPrimaryButton;\nfunction createSecondaryButton(label) {\n const primaryButton = document.createElement(\"button\");\n primaryButton.setAttribute(\"type\", \"button\");\n primaryButton.classList.add(\"pw-w-full\", \"pw-h-14\", \"pw-text-center\", \"pw-rounded-[2.5rem]\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-bg-white\", \"pw-cursor-pointer\", \"pw-shadow-grey-5\", \"pw-text-base\");\n primaryButton.innerHTML = label;\n return primaryButton;\n}\nexports.createSecondaryButton = createSecondaryButton;\nfunction createOutlineButton(label, icon) {\n const button = document.createElement(\"div\");\n button.classList.add(\"pw-p-4\", \"pw-rounded-lg\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-cursor-pointer\");\n const buttonContainer = document.createElement(\"div\");\n buttonContainer.classList.add(\"pw-flex\", \"pw-gap-x-3\", \"pw-items-center\");\n const iconContainer = document.createElement(\"div\");\n const iconImg = document.createElement(\"img\");\n iconImg.setAttribute(\"src\", icon);\n iconContainer.appendChild(iconImg);\n buttonContainer.appendChild(iconContainer);\n const labelContainer = document.createElement(\"div\");\n labelContainer.innerHTML = label;\n buttonContainer.appendChild(labelContainer);\n button.appendChild(buttonContainer);\n return button;\n}\nexports.createOutlineButton = createOutlineButton;\nfunction createTextInput(name, placeholder, isError) {\n const bigDiv = document.createElement(\"div\");\n const textInputDiv = document.createElement(\"div\");\n textInputDiv.classList.add(\"pw-relative\");\n const input = document.createElement(\"input\");\n input.setAttribute(\"name\", name);\n input.setAttribute(\"type\", \"text\");\n input.setAttribute(\"placeholder\", \" \");\n input.classList.add(\"pw-box-border\", \"pw-peer\", \"pw-text-base\", \"pw-w-full\", \"pw-h-14\", \"pw-pt-3\", \"pw-px-4\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-rounded-lg\", \"pw-outline-none\");\n textInputDiv.appendChild(input);\n const inputLabel = document.createElement(\"label\");\n inputLabel.setAttribute(\"for\", name);\n inputLabel.classList.add(\"pw-box-border\", \"pw-absolute\", \n // \"pw-text-xs\",\n \"pw-text-grey-7\", \"pw-left-4\", \"pw-top-2/4\", \"-pw-translate-y-2/4\", \"peer-focus:pw-top-3\", \"peer-focus:pw-text-xs\", \"pw-transition-all\", \"pw-duration-200\", \"pw-top-3\", \"pw-text-xs\", \"peer-placeholder-shown:pw-top-2/4\", \"peer-placeholder-shown:-pw-translate-y-2/4\", \"peer-placeholder-shown:pw-text-base\");\n inputLabel.innerHTML = placeholder;\n textInputDiv.appendChild(inputLabel);\n bigDiv.appendChild(textInputDiv);\n if (isError) {\n input.classList.add(\"pw-border-red-500\");\n const inputError = document.createElement(\"div\");\n inputError.classList.add(\"pw-text-red-500\", \"pw-mt-2\", \"pw-ml-2\", \"pw-text-xs\", \"pw-flex\", \"pw-items-center\", \"pw-gap-x-1\");\n inputError.innerHTML = `<span class=\"material-symbols-outlined\" style=\"font-size: 20px;\">\n error\n </span> This field is required`;\n bigDiv.appendChild(inputError);\n }\n return bigDiv;\n}\nexports.createTextInput = createTextInput;\n// function createDobInput(id: string) {\n// const dobInput = document.createElement(\"input\");\n// dobInput.setAttribute(\"type\", \"text\");\n// dobInput.setAttribute(\"id\", id);\n// let picker = new Pikaday({ field: document.getElementById(id) });\n// console.log(picker, \"this is the picker\");\n// return dobInput;\n// }\nfunction createSpinner(size = 1.5, color = \"neutral-100\", border = 2) {\n const loadingSpinner = document.createElement(\"div\");\n const borderSize = border === 8 ? `pw-border-8` : \"pw-border-2\";\n loadingSpinner.classList.add(\"pw-inline-block\", `pw-text-${color}`, \"pw-animate-spin\", \"pw-rounded-full\", borderSize, \"pw-border-solid\", \"pw-border-current\", \"pw-border-r-transparent\", \"pw-align-[-0.125em]\", \"pw-motion-reduce:animate-[spin_1.5s_linear_infinite]\");\n loadingSpinner.style.width = `${size}rem`;\n loadingSpinner.style.height = `${size}rem`;\n loadingSpinner.setAttribute(\"role\", \"status\");\n const loadingSpinnerSpan = document.createElement(\"span\");\n loadingSpinnerSpan.classList.add(\"!pw-absolute\", \"!-m-px\", \"!pw-h-px\", \"!pw-w-px\", \"!pw-overflow-hidden\", \"!pw-whitespace-nowrap\", \"!pw-border-0\", \"!pw-p-0\", \"![clip:pw-rect(0,0,0,0)]\");\n loadingSpinnerSpan.innerHTML = \"Loading...\";\n loadingSpinner.appendChild(loadingSpinnerSpan);\n return loadingSpinner;\n}\nexports.createSpinner = createSpinner;\nfunction createFullLoading(value) {\n const page = document.getElementById(value);\n if (!page)\n return;\n let loadingDiv = document.getElementById(\"loadingPage\");\n if (loadingDiv)\n return loadingDiv.classList.remove(\"pw-hidden\");\n loadingDiv = document.createElement(\"div\");\n loadingDiv.id = \"loadingPage\";\n loadingDiv.style.zIndex = \"9999\";\n loadingDiv.style.top = \"1.25rem\";\n loadingDiv.style.left = \"1rem\";\n loadingDiv.classList.add(\"pw-absolute\", \"pw-flex\", \"pw-items-center\", \"pw-justify-center\", \"pw-w-[calc(100%-2*1.25rem)]\", \"pw-h-[calc(100%-2*1rem)]\");\n const loadingSpinner = createSpinner(3, \"primary\", 4);\n loadingDiv.appendChild(loadingSpinner);\n page.appendChild(loadingDiv);\n}\nexports.createFullLoading = createFullLoading;\nfunction hideFullLoading() {\n let loadingDiv = document.getElementById(\"loadingPage\");\n if (!loadingDiv)\n return;\n loadingDiv.classList.add(\"pw-hidden\");\n}\nexports.hideFullLoading = hideFullLoading;\n\n\n//# sourceURL=webpack://PWUISDK/./src/components/components.ts?");
3519
+ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.hideFullLoading = exports.createFullLoading = exports.createSecondaryButton = exports.createTextInput = exports.createPrimaryButton = exports.createSpinner = exports.createOutlineButton = void 0;\nfunction createPrimaryButton(label) {\n const primaryButton = document.createElement(\"button\");\n primaryButton.setAttribute(\"type\", \"button\");\n primaryButton.classList.add(\"pw-w-full\", \"pw-h-14\", \"pw-border-none\", \"pw-text-center\", \"pw-rounded-[2.5rem]\", \"pw-bg-primary\", \"pw-text-white\", \"pw-cursor-pointer\", \"pw-text-base\", \"pw-drop-shadow-[0_4px_8px_rgba(200,123,221,0.60)]\");\n primaryButton.innerHTML = label;\n return primaryButton;\n}\nexports.createPrimaryButton = createPrimaryButton;\nfunction createSecondaryButton(label) {\n const primaryButton = document.createElement(\"button\");\n primaryButton.setAttribute(\"type\", \"button\");\n primaryButton.classList.add(\"pw-w-full\", \"pw-h-14\", \"pw-text-center\", \"pw-rounded-[2.5rem]\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-bg-white\", \"pw-cursor-pointer\", \"pw-shadow-grey-5\", \"pw-text-base\");\n primaryButton.innerHTML = label;\n return primaryButton;\n}\nexports.createSecondaryButton = createSecondaryButton;\nfunction createOutlineButton(label, icon) {\n const button = document.createElement(\"div\");\n button.classList.add(\"pw-p-4\", \"pw-rounded-lg\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-cursor-pointer\");\n const buttonContainer = document.createElement(\"div\");\n buttonContainer.classList.add(\"pw-flex\", \"pw-gap-x-3\", \"pw-items-center\");\n const iconContainer = document.createElement(\"div\");\n const iconImg = document.createElement(\"img\");\n iconImg.setAttribute(\"src\", icon);\n iconContainer.appendChild(iconImg);\n buttonContainer.appendChild(iconContainer);\n const labelContainer = document.createElement(\"div\");\n labelContainer.innerHTML = label;\n buttonContainer.appendChild(labelContainer);\n button.appendChild(buttonContainer);\n return button;\n}\nexports.createOutlineButton = createOutlineButton;\nfunction createTextInput(name, placeholder, isError) {\n const bigDiv = document.createElement(\"div\");\n const textInputDiv = document.createElement(\"div\");\n textInputDiv.classList.add(\"pw-relative\");\n const input = document.createElement(\"input\");\n input.setAttribute(\"name\", name);\n input.setAttribute(\"type\", \"text\");\n input.setAttribute(\"placeholder\", \" \");\n input.classList.add(\"pw-box-border\", \"pw-peer\", \"pw-text-base\", \"pw-w-full\", \"pw-h-14\", \"pw-pt-3\", \"pw-px-4\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-rounded-lg\", \"pw-outline-none\");\n textInputDiv.appendChild(input);\n const inputLabel = document.createElement(\"label\");\n inputLabel.setAttribute(\"for\", name);\n inputLabel.classList.add(\"pw-box-border\", \"pw-absolute\", \n // \"pw-text-xs\",\n \"pw-text-grey-7\", \"pw-left-4\", \"pw-top-2/4\", \"-pw-translate-y-2/4\", \"peer-focus:pw-top-3\", \"peer-focus:pw-text-xs\", \"pw-transition-all\", \"pw-duration-200\", \"pw-top-3\", \"pw-text-xs\", \"peer-placeholder-shown:pw-top-2/4\", \"peer-placeholder-shown:-pw-translate-y-2/4\", \"peer-placeholder-shown:pw-text-base\");\n inputLabel.innerHTML = placeholder;\n textInputDiv.appendChild(inputLabel);\n bigDiv.appendChild(textInputDiv);\n if (isError) {\n input.classList.add(\"pw-border-red-500\");\n const inputError = document.createElement(\"div\");\n inputError.classList.add(\"pw-text-red-500\", \"pw-mt-2\", \"pw-ml-2\", \"pw-text-xs\", \"pw-flex\", \"pw-items-center\", \"pw-gap-x-1\");\n inputError.innerHTML = `<span class=\"material-symbols-outlined\" style=\"font-size: 20px;\">\n error\n </span> This field is required`;\n bigDiv.appendChild(inputError);\n }\n return bigDiv;\n}\nexports.createTextInput = createTextInput;\nfunction createSpinner(size = 1.5, color = \"neutral-100\", border = 2) {\n const loadingSpinner = document.createElement(\"div\");\n const borderSize = border === 8 ? `pw-border-8` : \"pw-border-2\";\n loadingSpinner.classList.add(\"pw-inline-block\", `pw-text-${color}`, \"pw-animate-spin\", \"pw-rounded-full\", borderSize, \"pw-border-solid\", \"pw-border-current\", \"pw-border-r-transparent\", \"pw-align-[-0.125em]\", \"pw-motion-reduce:animate-[spin_1.5s_linear_infinite]\");\n loadingSpinner.style.width = `${size}rem`;\n loadingSpinner.style.height = `${size}rem`;\n loadingSpinner.setAttribute(\"role\", \"status\");\n const loadingSpinnerSpan = document.createElement(\"span\");\n loadingSpinnerSpan.classList.add(\"!pw-absolute\", \"!-m-px\", \"!pw-h-px\", \"!pw-w-px\", \"!pw-overflow-hidden\", \"!pw-whitespace-nowrap\", \"!pw-border-0\", \"!pw-p-0\", \"![clip:pw-rect(0,0,0,0)]\");\n loadingSpinnerSpan.innerHTML = \"Loading...\";\n loadingSpinner.appendChild(loadingSpinnerSpan);\n return loadingSpinner;\n}\nexports.createSpinner = createSpinner;\nfunction createFullLoading(value) {\n const page = document.getElementById(value);\n if (!page)\n return;\n let loadingDiv = document.getElementById(\"loadingPage\");\n if (loadingDiv)\n return loadingDiv.classList.remove(\"pw-hidden\");\n loadingDiv = document.createElement(\"div\");\n loadingDiv.id = \"loadingPage\";\n loadingDiv.style.zIndex = \"9999\";\n loadingDiv.style.top = \"1.25rem\";\n loadingDiv.style.left = \"1rem\";\n loadingDiv.classList.add(\"pw-absolute\", \"pw-flex\", \"pw-items-center\", \"pw-justify-center\", \"pw-w-[calc(100%-2*1.25rem)]\", \"pw-h-[calc(100%-2*1rem)]\");\n const loadingSpinner = createSpinner(3, \"primary\", 4);\n loadingDiv.appendChild(loadingSpinner);\n page.appendChild(loadingDiv);\n}\nexports.createFullLoading = createFullLoading;\nfunction hideFullLoading() {\n let loadingDiv = document.getElementById(\"loadingPage\");\n if (!loadingDiv)\n return;\n loadingDiv.classList.add(\"pw-hidden\");\n}\nexports.hideFullLoading = hideFullLoading;\n\n\n//# sourceURL=webpack://PWUISDK/./src/components/components.ts?");
3531
3520
 
3532
3521
  /***/ }),
3533
3522
 
@@ -3571,7 +3560,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3571
3560
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3572
3561
 
3573
3562
  "use strict";
3574
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst logo_pw_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/logo-pw.png */ \"./src/assets/img/logo-pw.png\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass Footer {\n constructor() { }\n render() {\n const footerDiv = document.createElement(\"div\");\n footerDiv.classList.add(\"pw-flex\", \"pw-items-center\", \"pw-justify-center\", \"pw-relative\", \"pw-text-xs\", \"pw-gap-x-1\");\n const footerText = document.createElement(\"div\");\n footerText.classList.add(\"pw-text-grey-6\");\n footerText.innerHTML = \"Powered by\";\n footerDiv.appendChild(footerText);\n const footerImg = document.createElement(\"img\");\n footerImg.setAttribute(\"src\", logo_pw_png_1.default);\n footerDiv.appendChild(footerImg);\n const earth = document.createElement(\"div\");\n earth.classList.add(\"pw-absolute\", \"pw-right-0\");\n earth.addEventListener(\"click\", () => {\n this.onClickEarth();\n });\n const earthIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"language\");\n earth.appendChild(earthIcon);\n footerDiv.appendChild(earth);\n return footerDiv;\n }\n onClickEarth() {\n console.log(\"on click earth sa\");\n }\n}\nexports[\"default\"] = Footer;\n\n\n//# sourceURL=webpack://PWUISDK/./src/components/footer.ts?");
3563
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst logo_pw_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/logo-pw.png */ \"./src/assets/img/logo-pw.png\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass Footer {\n constructor() { }\n render() {\n const footerDiv = document.createElement(\"div\");\n footerDiv.classList.add(\"pw-flex\", \"pw-items-center\", \"pw-justify-center\", \"pw-relative\", \"pw-text-xs\", \"pw-gap-x-1\");\n const footerText = document.createElement(\"div\");\n footerText.classList.add(\"pw-text-grey-6\");\n footerText.innerHTML = \"Powered by\";\n footerDiv.appendChild(footerText);\n const footerImg = document.createElement(\"img\");\n footerImg.setAttribute(\"src\", logo_pw_png_1.default);\n footerDiv.appendChild(footerImg);\n const earth = document.createElement(\"div\");\n earth.classList.add(\"pw-absolute\", \"pw-right-0\");\n earth.addEventListener(\"click\", () => {\n this.onClickEarth();\n });\n const earthIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"language\");\n earth.appendChild(earthIcon);\n footerDiv.appendChild(earth);\n return footerDiv;\n }\n onClickEarth() { }\n}\nexports[\"default\"] = Footer;\n\n\n//# sourceURL=webpack://PWUISDK/./src/components/footer.ts?");
3575
3564
 
3576
3565
  /***/ }),
3577
3566
 
@@ -3615,7 +3604,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nclas
3615
3604
  /***/ ((__unused_webpack_module, exports) => {
3616
3605
 
3617
3606
  "use strict";
3618
- eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nclass TextArea {\n constructor(name, placeholder) {\n this.value = \"\";\n this.isError = false;\n this.name = name;\n this.placeholder = placeholder;\n }\n get val() {\n return this.value;\n }\n set val(value) {\n this.value = value;\n if (this.inputE)\n this.inputE.value = value;\n }\n render() {\n this.componentDiv = document.createElement(\"div\");\n this.componentDiv.classList.add(\"pw-mb-5\");\n const textInputDiv = document.createElement(\"div\");\n textInputDiv.classList.add(\"pw-relative\", \"pw-text-grey-5\");\n this.inputE = document.createElement(\"textarea\");\n this.inputE.setAttribute(\"placeholder\", \" \");\n this.inputE.setAttribute(\"rows\", \"1\");\n this.inputE.setAttribute(\"maxlength\", \"350\");\n this.inputE.classList.add(\"pw-relative\", \"pw-box-border\", \"pw-font-['Roboto_Flex']\", \"pw-peer\", \"pw-text-base\", \"pw-w-full\", \"pw-h-14\", \"pw-pt-4\", \"pw-px-4\", \"pw-border-solid\", \"pw-border\", \"pw-border-grey-5\", \"pw-rounded-lg\", \"pw-outline-none\", \"invalid:[&:not(:placeholder-shown):not(:focus)]:pw-border-red-500\", \"pw-resize-none\", \"pw-overflow-y-hidden\", \"pw-transition-all\", \"pw-duration-100\");\n this.inputE.addEventListener(\"keyup\", (e) => {\n var _a;\n if (e.target) {\n console.log(e.target.scrollHeight, \"event scroll height\");\n const scrollHeight = ((_a = this.inputE) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;\n console.log(scrollHeight, \"this is the scroll height\");\n if (scrollHeight > 58) {\n this.inputE.style.height = `${scrollHeight}px`;\n }\n else {\n this.inputE.style.height = `58px`;\n }\n }\n });\n this.inputE.addEventListener(\"input\", (e) => {\n const val = (e === null || e === void 0 ? void 0 : e.target).value || \"\";\n this.onInputEvent(val);\n });\n textInputDiv.appendChild(this.inputE);\n const inputLabel = document.createElement(\"label\");\n inputLabel.setAttribute(\"for\", this.name);\n inputLabel.classList.add(\"pw-box-border\", \"pw-absolute\", \"pw-text-grey-7\", \"pw-left-4\", \"pw-top-2/4\", \"-pw-translate-y-2/4\", \"peer-focus:pw-top-3\", \"peer-focus:pw-text-xs\", \"pw-transition-all\", \"pw-duration-200\", \"pw-top-3\", \"pw-text-xs\", \"peer-placeholder-shown:pw-top-7\", \"peer-placeholder-shown:-pw-translate-y-2/4\", \"peer-placeholder-shown:pw-text-base\");\n inputLabel.innerHTML = this.placeholder;\n textInputDiv.appendChild(inputLabel);\n this.componentDiv.appendChild(textInputDiv);\n return this.componentDiv;\n }\n onAddErrorStyling(errorText = \"This field is required\") {\n var _a;\n if (!this.isError) {\n this.errorDiv = document.createElement(\"div\");\n this.errorDiv.classList.add(\"pw-text-red-500\", \"pw-mt-2\", \"pw-ml-2\", \"pw-text-xs\", \"pw-flex\", \"pw-items-center\", \"pw-gap-x-1\", \"pw-block\");\n this.errorDiv.innerHTML = `<span class=\"material-symbols-outlined\" style=\"font-size: 20px;\">\n error\n </span> ${errorText}`;\n if (this.componentDiv) {\n this.isError = true;\n this.componentDiv.classList.remove(\"pw-mb-5\");\n this.componentDiv.classList.add(\"pw-mb-3\");\n (_a = this.inputE) === null || _a === void 0 ? void 0 : _a.classList.add(\"pw-border-red-500\");\n this.componentDiv.appendChild(this.errorDiv);\n }\n }\n }\n onInputEvent(val) {\n this.value = val;\n if (this.isError && this.errorDiv) {\n this.removeErrorStyling();\n }\n }\n removeErrorStyling() {\n var _a, _b, _c, _d;\n if (this.errorDiv) {\n this.isError = false;\n (_a = this.componentDiv) === null || _a === void 0 ? void 0 : _a.classList.remove(\"pw-mb-3\");\n (_b = this.componentDiv) === null || _b === void 0 ? void 0 : _b.classList.add(\"pw-mb-5\");\n (_c = this.inputE) === null || _c === void 0 ? void 0 : _c.classList.remove(\"pw-border-red-500\");\n (_d = this.componentDiv) === null || _d === void 0 ? void 0 : _d.removeChild(this.errorDiv);\n this.errorDiv.remove();\n }\n }\n}\nexports[\"default\"] = TextArea;\n\n\n//# sourceURL=webpack://PWUISDK/./src/components/textArea.ts?");
3607
+ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nclass TextArea {\n constructor(name, placeholder) {\n this.value = \"\";\n this.isError = false;\n this.name = name;\n this.placeholder = placeholder;\n }\n get val() {\n return this.value;\n }\n set val(value) {\n this.value = value;\n if (this.inputE)\n this.inputE.value = value;\n }\n render() {\n this.componentDiv = document.createElement(\"div\");\n this.componentDiv.classList.add(\"pw-mb-5\");\n const textInputDiv = document.createElement(\"div\");\n textInputDiv.classList.add(\"pw-relative\", \"pw-text-grey-5\");\n this.inputE = document.createElement(\"textarea\");\n this.inputE.setAttribute(\"placeholder\", \" \");\n this.inputE.setAttribute(\"rows\", \"1\");\n this.inputE.setAttribute(\"maxlength\", \"350\");\n this.inputE.classList.add(\"pw-relative\", \"pw-box-border\", \"pw-font-['Roboto_Flex']\", \"pw-peer\", \"pw-text-base\", \"pw-w-full\", \"pw-h-14\", \"pw-pt-4\", \"pw-px-4\", \"pw-border-solid\", \"pw-border\", \"pw-border-grey-5\", \"pw-rounded-lg\", \"pw-outline-none\", \"invalid:[&:not(:placeholder-shown):not(:focus)]:pw-border-red-500\", \"pw-resize-none\", \"pw-overflow-y-hidden\", \"pw-transition-all\", \"pw-duration-100\");\n this.inputE.addEventListener(\"keyup\", (e) => {\n var _a;\n if (e.target) {\n const scrollHeight = ((_a = this.inputE) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;\n if (scrollHeight > 58) {\n this.inputE.style.height = `${scrollHeight}px`;\n }\n else {\n this.inputE.style.height = `58px`;\n }\n }\n });\n this.inputE.addEventListener(\"input\", (e) => {\n const val = (e === null || e === void 0 ? void 0 : e.target).value || \"\";\n this.onInputEvent(val);\n });\n textInputDiv.appendChild(this.inputE);\n const inputLabel = document.createElement(\"label\");\n inputLabel.setAttribute(\"for\", this.name);\n inputLabel.classList.add(\"pw-box-border\", \"pw-absolute\", \"pw-text-grey-7\", \"pw-left-4\", \"pw-top-2/4\", \"-pw-translate-y-2/4\", \"peer-focus:pw-top-3\", \"peer-focus:pw-text-xs\", \"pw-transition-all\", \"pw-duration-200\", \"pw-top-3\", \"pw-text-xs\", \"peer-placeholder-shown:pw-top-7\", \"peer-placeholder-shown:-pw-translate-y-2/4\", \"peer-placeholder-shown:pw-text-base\");\n inputLabel.innerHTML = this.placeholder;\n textInputDiv.appendChild(inputLabel);\n this.componentDiv.appendChild(textInputDiv);\n return this.componentDiv;\n }\n onAddErrorStyling(errorText = \"This field is required\") {\n var _a;\n if (!this.isError) {\n this.errorDiv = document.createElement(\"div\");\n this.errorDiv.classList.add(\"pw-text-red-500\", \"pw-mt-2\", \"pw-ml-2\", \"pw-text-xs\", \"pw-flex\", \"pw-items-center\", \"pw-gap-x-1\", \"pw-block\");\n this.errorDiv.innerHTML = `<span class=\"material-symbols-outlined\" style=\"font-size: 20px;\">\n error\n </span> ${errorText}`;\n if (this.componentDiv) {\n this.isError = true;\n this.componentDiv.classList.remove(\"pw-mb-5\");\n this.componentDiv.classList.add(\"pw-mb-3\");\n (_a = this.inputE) === null || _a === void 0 ? void 0 : _a.classList.add(\"pw-border-red-500\");\n this.componentDiv.appendChild(this.errorDiv);\n }\n }\n }\n onInputEvent(val) {\n this.value = val;\n if (this.isError && this.errorDiv) {\n this.removeErrorStyling();\n }\n }\n removeErrorStyling() {\n var _a, _b, _c, _d;\n if (this.errorDiv) {\n this.isError = false;\n (_a = this.componentDiv) === null || _a === void 0 ? void 0 : _a.classList.remove(\"pw-mb-3\");\n (_b = this.componentDiv) === null || _b === void 0 ? void 0 : _b.classList.add(\"pw-mb-5\");\n (_c = this.inputE) === null || _c === void 0 ? void 0 : _c.classList.remove(\"pw-border-red-500\");\n (_d = this.componentDiv) === null || _d === void 0 ? void 0 : _d.removeChild(this.errorDiv);\n this.errorDiv.remove();\n }\n }\n}\nexports[\"default\"] = TextArea;\n\n\n//# sourceURL=webpack://PWUISDK/./src/components/textArea.ts?");
3619
3608
 
3620
3609
  /***/ }),
3621
3610
 
@@ -3681,7 +3670,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
3681
3670
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3682
3671
 
3683
3672
  "use strict";
3684
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n__webpack_require__(/*! ./assets/scss/index.scss */ \"./src/assets/scss/index.scss\");\nconst uisdk_1 = __importDefault(__webpack_require__(/*! ./uisdk */ \"./src/uisdk.ts\"));\n// must cast as any to set property on window\n// const _global = (window /* browser */ || document || global) /* node */ as any;\n// _global.PWUISDK = PWUISDK;\n// console.log(PWUISDK, \"pwuisdk\");\nexports[\"default\"] = uisdk_1.default;\n\n\n//# sourceURL=webpack://PWUISDK/./src/index.ts?");
3673
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n__webpack_require__(/*! ./assets/scss/index.scss */ \"./src/assets/scss/index.scss\");\nconst uisdk_1 = __importDefault(__webpack_require__(/*! ./uisdk */ \"./src/uisdk.ts\"));\n// must cast as any to set property on window\nconst _global = (window /* browser */ || document || __webpack_require__.g) /* node */;\n_global.PWUISDK = uisdk_1.default;\nexports[\"default\"] = uisdk_1.default;\n\n\n//# sourceURL=webpack://PWUISDK/./src/index.ts?");
3685
3674
 
3686
3675
  /***/ }),
3687
3676
 
@@ -3703,7 +3692,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
3703
3692
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3704
3693
 
3705
3694
  "use strict";
3706
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst imagesHelper_1 = __webpack_require__(/*! ../helper/imagesHelper */ \"./src/helper/imagesHelper.ts\");\nclass CardError extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const mainDiv = document.createElement(\"div\");\n mainDiv.classList.add(\"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-right-0\", \"pw-bottom-0\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-between\");\n const cardErrorDiv = document.createElement(\"div\");\n cardErrorDiv.classList.add(\"pw-p-5\");\n mainDiv.appendChild(cardErrorDiv);\n const iconContainer = document.createElement(\"div\");\n iconContainer.classList.add(\"pw-mx-auto\", \"pw-mt-16\", \"pw-mb-4\", \"pw-text-center\");\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\");\n warningIcon.style.fontSize = \"60px\";\n iconContainer.appendChild(warningIcon);\n cardErrorDiv.appendChild(iconContainer);\n const title = document.createElement(\"div\");\n title.classList.add(\"pw-text-center\", \"pw-text-3xl\", \"pw-mb-10\");\n title.innerHTML = \"Submission error\";\n cardErrorDiv.appendChild(title);\n const cardsDiv = document.createElement(\"div\");\n cardsDiv.classList.add(\"pw-mx-auto\", \"pw-w-60\", \"pw-h-40\", \"pw-mb-5\");\n const cardImg = document.createElement(\"img\");\n cardImg.classList.add(\"pw-w-full\", \"pw-rounded-lg\");\n cardImg.setAttribute(\"src\", (0, imagesHelper_1.getFrontImg)());\n cardImg.addEventListener(\"click\", () => {\n this.openImageFullScreen(cardImg.src);\n });\n cardsDiv.appendChild(cardImg);\n cardErrorDiv.appendChild(cardsDiv);\n const tabsDiv = document.createElement(\"div\");\n tabsDiv.classList.add(\"pw-flex\", \"pw-justify-center\", \"pw-gap-x-3\", \"pw-mb-8\");\n const frontTabDiv = document.createElement(\"div\");\n frontTabDiv.classList.add(\"pw-box-border\", \"pw-text-center\", \"pw-border-solid\", \"pw-py-2\", \"pw-rounded-full\", \"pw-text-grey-6\", \"pw-cursor-pointer\", \"pw-border-primary\", \"pw-bg-primary-light\", \"pw-text-primary\");\n frontTabDiv.innerHTML = \"Front\";\n frontTabDiv.classList.add(\"pw-w-24\", \"pw-h-9\");\n tabsDiv.appendChild(frontTabDiv);\n const backTabDiv = document.createElement(\"div\");\n backTabDiv.classList.add(\"pw-box-border\", \"pw-text-center\", \"pw-border-solid\", \"pw-py-2\", \"pw-rounded-full\", \"pw-text-grey-6\", \"pw-cursor-pointer\");\n backTabDiv.innerHTML = \"Back\";\n backTabDiv.classList.add(\"pw-w-24\", \"pw-h-9\");\n frontTabDiv.addEventListener(\"click\", () => {\n cardImg.setAttribute(\"src\", (0, imagesHelper_1.getFrontImg)());\n this.changeTabStyle(frontTabDiv, backTabDiv);\n });\n backTabDiv.addEventListener(\"click\", () => {\n cardImg.setAttribute(\"src\", (0, imagesHelper_1.getBackImg)());\n this.changeTabStyle(backTabDiv, frontTabDiv);\n });\n tabsDiv.appendChild(backTabDiv);\n cardErrorDiv.appendChild(tabsDiv);\n const list = document.createElement(\"ul\");\n list.classList.add(\"pw-mb-4\", \"pw-px-4\");\n const listItem1 = document.createElement(\"li\");\n listItem1.classList.add(\"pw-mb-3\");\n listItem1.innerHTML = \"The image is blur, please take a clear photo.\";\n const listItem2 = document.createElement(\"li\");\n listItem2.innerHTML =\n \"The image has glare issues, please take a clear photo in a well-lit area.\";\n list.appendChild(listItem1);\n list.appendChild(listItem2);\n cardErrorDiv.appendChild(list);\n const contactSupportDiv = document.createElement(\"div\");\n contactSupportDiv.classList.add(\"pw-mb-16\");\n contactSupportDiv.innerHTML =\n \"If a problem persists, please contact support.\";\n cardErrorDiv.appendChild(contactSupportDiv);\n const retakeButton = (0, components_1.createPrimaryButton)(\"Retake\");\n retakeButton.addEventListener(\"click\", () => {\n this.onClickRetake();\n });\n const retakeContainer = document.createElement(\"div\");\n retakeContainer.classList.add(\"pw-p-5\");\n retakeContainer.appendChild(retakeButton);\n mainDiv.appendChild(retakeContainer);\n // cardErrorDiv.appendChild(retakeButton);\n // return cardErrorDiv;\n return mainDiv;\n }\n onClickRetake() {\n console.log(\"on click retake\");\n }\n changeTabStyle(selectedTab, notSelectedTab) {\n selectedTab.classList.add(\"pw-border-primary\", \"pw-bg-primary-light\", \"pw-text-primary\");\n notSelectedTab.classList.remove(\"pw-border-primary\", \"pw-bg-primary-light\", \"pw-text-primary\");\n }\n}\nexports[\"default\"] = CardError;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/CardError.ts?");
3695
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst imagesHelper_1 = __webpack_require__(/*! ../helper/imagesHelper */ \"./src/helper/imagesHelper.ts\");\nclass CardError extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const mainDiv = document.createElement(\"div\");\n mainDiv.classList.add(\"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-right-0\", \"pw-bottom-0\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-between\");\n const cardErrorDiv = document.createElement(\"div\");\n cardErrorDiv.classList.add(\"pw-p-5\");\n mainDiv.appendChild(cardErrorDiv);\n const iconContainer = document.createElement(\"div\");\n iconContainer.classList.add(\"pw-mx-auto\", \"pw-mt-16\", \"pw-mb-4\", \"pw-text-center\");\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\");\n warningIcon.style.fontSize = \"60px\";\n iconContainer.appendChild(warningIcon);\n cardErrorDiv.appendChild(iconContainer);\n const title = document.createElement(\"div\");\n title.classList.add(\"pw-text-center\", \"pw-text-3xl\", \"pw-mb-10\");\n title.innerHTML = \"Submission error\";\n cardErrorDiv.appendChild(title);\n const cardsDiv = document.createElement(\"div\");\n cardsDiv.classList.add(\"pw-mx-auto\", \"pw-w-60\", \"pw-h-40\", \"pw-mb-5\");\n const cardImg = document.createElement(\"img\");\n cardImg.classList.add(\"pw-w-full\", \"pw-rounded-lg\");\n cardImg.setAttribute(\"src\", (0, imagesHelper_1.getFrontImg)());\n cardImg.addEventListener(\"click\", () => {\n this.openImageFullScreen(cardImg.src);\n });\n cardsDiv.appendChild(cardImg);\n cardErrorDiv.appendChild(cardsDiv);\n const tabsDiv = document.createElement(\"div\");\n tabsDiv.classList.add(\"pw-flex\", \"pw-justify-center\", \"pw-gap-x-3\", \"pw-mb-8\");\n const frontTabDiv = document.createElement(\"div\");\n frontTabDiv.classList.add(\"pw-box-border\", \"pw-text-center\", \"pw-border-solid\", \"pw-py-2\", \"pw-rounded-full\", \"pw-text-grey-6\", \"pw-cursor-pointer\", \"pw-border-primary\", \"pw-bg-primary-light\", \"pw-text-primary\");\n frontTabDiv.innerHTML = \"Front\";\n frontTabDiv.classList.add(\"pw-w-24\", \"pw-h-9\");\n tabsDiv.appendChild(frontTabDiv);\n const backTabDiv = document.createElement(\"div\");\n backTabDiv.classList.add(\"pw-box-border\", \"pw-text-center\", \"pw-border-solid\", \"pw-py-2\", \"pw-rounded-full\", \"pw-text-grey-6\", \"pw-cursor-pointer\");\n backTabDiv.innerHTML = \"Back\";\n backTabDiv.classList.add(\"pw-w-24\", \"pw-h-9\");\n frontTabDiv.addEventListener(\"click\", () => {\n cardImg.setAttribute(\"src\", (0, imagesHelper_1.getFrontImg)());\n this.changeTabStyle(frontTabDiv, backTabDiv);\n });\n backTabDiv.addEventListener(\"click\", () => {\n cardImg.setAttribute(\"src\", (0, imagesHelper_1.getBackImg)());\n this.changeTabStyle(backTabDiv, frontTabDiv);\n });\n tabsDiv.appendChild(backTabDiv);\n cardErrorDiv.appendChild(tabsDiv);\n const list = document.createElement(\"ul\");\n list.classList.add(\"pw-mb-4\", \"pw-px-4\");\n const listItem1 = document.createElement(\"li\");\n listItem1.classList.add(\"pw-mb-3\");\n listItem1.innerHTML = \"The image is blur, please take a clear photo.\";\n const listItem2 = document.createElement(\"li\");\n listItem2.innerHTML =\n \"The image has glare issues, please take a clear photo in a well-lit area.\";\n list.appendChild(listItem1);\n list.appendChild(listItem2);\n cardErrorDiv.appendChild(list);\n const contactSupportDiv = document.createElement(\"div\");\n contactSupportDiv.classList.add(\"pw-mb-16\");\n contactSupportDiv.innerHTML =\n \"If a problem persists, please contact support.\";\n cardErrorDiv.appendChild(contactSupportDiv);\n const retakeButton = (0, components_1.createPrimaryButton)(\"Retake\");\n retakeButton.addEventListener(\"click\", () => {\n this.onClickRetake();\n });\n const retakeContainer = document.createElement(\"div\");\n retakeContainer.classList.add(\"pw-p-5\");\n retakeContainer.appendChild(retakeButton);\n mainDiv.appendChild(retakeContainer);\n // cardErrorDiv.appendChild(retakeButton);\n // return cardErrorDiv;\n return mainDiv;\n }\n onClickRetake() { }\n changeTabStyle(selectedTab, notSelectedTab) {\n selectedTab.classList.add(\"pw-border-primary\", \"pw-bg-primary-light\", \"pw-text-primary\");\n notSelectedTab.classList.remove(\"pw-border-primary\", \"pw-bg-primary-light\", \"pw-text-primary\");\n }\n}\nexports[\"default\"] = CardError;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/CardError.ts?");
3707
3696
 
3708
3697
  /***/ }),
3709
3698
 
@@ -3714,7 +3703,18 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3714
3703
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3715
3704
 
3716
3705
  "use strict";
3717
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst CardError_1 = __importDefault(__webpack_require__(/*! ./CardError */ \"./src/pageClass/CardError.ts\"));\nconst StartSelfie_1 = __importDefault(__webpack_require__(/*! ./StartSelfie */ \"./src/pageClass/StartSelfie.ts\"));\nconst ReviewEkyc_1 = __importDefault(__webpack_require__(/*! ./ReviewEkyc */ \"./src/pageClass/ReviewEkyc.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\nclass ConfirmDoc extends MainPage_1.default {\n constructor(mainScreenId, mainSteps, defaultCountry, docType, frontImg, backImg) {\n super(mainScreenId, mainSteps);\n this.defaultCountry = defaultCountry;\n this.docType = docType;\n this.frontImg = frontImg;\n if (backImg) {\n this.backImg = backImg;\n }\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const mainDiv = document.createElement(\"div\");\n mainDiv.classList.add(\"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-right-0\", \"pw-bottom-0\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-between\");\n const confirmIdDiv = document.createElement(\"div\");\n confirmIdDiv.classList.add(\"pw-overflow-y-auto\", \"pw-p-5\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-6\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(3, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButtonDiv = document.createElement(\"div\");\n closeButtonDiv.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeButton = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButtonDiv.appendChild(closeButton);\n navigationDiv.appendChild(closeButtonDiv);\n confirmIdDiv.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-6\", \"pw-text-center\");\n titleDiv.innerHTML = \"Confirm your document\";\n confirmIdDiv.appendChild(titleDiv);\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-mb-4\", \"pw-text-center\");\n descriptionDiv.innerHTML =\n \"Submit front and back of the same document, make sure it's clear and not expired.\";\n confirmIdDiv.appendChild(descriptionDiv);\n const frontIdDiv = document.createElement(\"div\");\n frontIdDiv.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-3\");\n const frontIdContentDiv = document.createElement(\"div\");\n frontIdContentDiv.classList.add(\"pw-relative\", \"pw-flex\", \"pw-justify-end\", \"pw-mb-5\");\n frontIdDiv.appendChild(frontIdContentDiv);\n const frontIdWording = document.createElement(\"div\");\n frontIdWording.classList.add(\"pw-text-center\", \"pw-absolute\", \"pw-top-2\", \"pw-right-2/4\", \"pw-translate-x-2/4\");\n frontIdWording.innerHTML = \"Front\";\n const rotateContentDiv = document.createElement(\"div\");\n const rotateButton = document.createElement(\"div\");\n rotateButton.classList.add(\"pw-box-border\", \"pw-w-14\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\");\n const rotateLeft = (0, getGoogleIcon_1.getGoogleIcon)(\"rotate_left\");\n rotateButton.appendChild(rotateLeft);\n rotateContentDiv.appendChild(rotateButton);\n frontIdContentDiv.appendChild(frontIdWording);\n frontIdContentDiv.appendChild(rotateContentDiv);\n confirmIdDiv.appendChild(frontIdDiv);\n const frontImgDiv = document.createElement(\"div\");\n frontImgDiv.classList.add(\"pw-mx-auto\", \"pw-w-36\", \"pw-h-24\", \"pw-rounded-lg\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\", \"pw-transition-all\", \"pw-duration-500\");\n const frontImg = document.createElement(\"img\");\n frontImg.classList.add(\"pw-rounded-lg\", \"pw-object-contain\");\n frontImg.setAttribute(\"src\", this.frontImg);\n frontImgDiv.appendChild(frontImg);\n frontImgDiv.addEventListener(\"click\", () => {\n this.openImageFullScreen(this.frontImg);\n });\n frontIdDiv.appendChild(frontImgDiv);\n let rotation = 0;\n const angle = 90;\n rotateContentDiv.addEventListener(\"click\", () => {\n rotation = rotation + angle;\n frontImgDiv.style.transform = `rotate(-${rotation}deg)`;\n });\n const retakeFrontIdButton = document.createElement(\"div\");\n retakeFrontIdButton.classList.add(\"pw-mx-auto\", \"pw-box-border\", \"pw-w-36\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\", \"pw-cursor-pointer\");\n retakeFrontIdButton.innerHTML = \"Retake\";\n retakeFrontIdButton.addEventListener(\"click\", () => {\n console.log(\"on click\");\n });\n frontIdDiv.appendChild(retakeFrontIdButton);\n // confirmIdDiv\n const backIdDiv = document.createElement(\"div\");\n backIdDiv.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-3\");\n const backIdContentDiv = document.createElement(\"div\");\n backIdContentDiv.classList.add(\"pw-relative\", \"pw-flex\", \"pw-justify-end\", \"pw-mb-5\");\n backIdDiv.appendChild(backIdContentDiv);\n const backIdWording = document.createElement(\"div\");\n backIdWording.classList.add(\"pw-text-center\", \"pw-absolute\", \"pw-top-2\", \"pw-right-2/4\", \"pw-translate-x-2/4\");\n backIdWording.innerHTML = \"Back\";\n backIdContentDiv.appendChild(backIdWording);\n // rotate content is from above\n const rotateContentBackId = document.createElement(\"div\");\n // rotateContentBackId.classList.add(\"pw-flex-none\");\n const rotateButtonBackId = document.createElement(\"div\");\n rotateButtonBackId.classList.add(\"pw-box-border\", \"pw-w-14\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\");\n const roateLeftBackId = (0, getGoogleIcon_1.getGoogleIcon)(\"rotate_left\");\n rotateButtonBackId.appendChild(roateLeftBackId);\n rotateContentBackId.appendChild(rotateButtonBackId);\n backIdContentDiv.appendChild(rotateContentBackId);\n if (this.backImg) {\n const backImgDiv = document.createElement(\"div\");\n backImgDiv.classList.add(\"pw-mx-auto\", \"pw-w-36\", \"pw-h-24\", \"pw-rounded-lg\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\", \"pw-transition-all\", \"pw-duration-500\");\n const backImg = document.createElement(\"img\");\n backImg.classList.add(\"pw-rounded-lg\");\n backImg.setAttribute(\"src\", this.backImg);\n backImgDiv.appendChild(backImg);\n backIdDiv.appendChild(backImgDiv);\n backImgDiv.addEventListener(\"click\", () => {\n this.openImageFullScreen(this.backImg);\n });\n const retakeBackIdButton = document.createElement(\"div\");\n retakeBackIdButton.classList.add(\"pw-mx-auto\", \"pw-box-border\", \"pw-w-36\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\", \"pw-cursor-pointer\");\n retakeBackIdButton.innerHTML = \"Retake\";\n backIdDiv.appendChild(retakeBackIdButton);\n confirmIdDiv.appendChild(backIdDiv);\n let backRotation = 0;\n const backAngle = 90;\n rotateContentBackId.addEventListener(\"click\", () => {\n backRotation = backRotation + backAngle;\n backImgDiv.style.transform = `rotate(-${backRotation}deg)`;\n });\n }\n const proceedButtonDiv = document.createElement(\"div\");\n proceedButtonDiv.classList.add(\"pw-p-5\", \"pw-shadow-footer-shadow\");\n const proceedButton = (0, components_1.createPrimaryButton)(\"Proceed\");\n proceedButton.addEventListener(\"click\", () => this.onClickProceed(proceedButton));\n proceedButtonDiv.appendChild(proceedButton);\n mainDiv.appendChild(confirmIdDiv);\n mainDiv.appendChild(proceedButtonDiv);\n return mainDiv;\n }\n onClickProceed(proceedButton) {\n return __awaiter(this, void 0, void 0, function* () {\n // on loading btn\n const loadingSpinner = (0, components_1.createSpinner)();\n proceedButton.innerHTML = \"\";\n proceedButton.appendChild(loadingSpinner);\n try {\n const req = Object.assign(Object.assign({ front_doc_base64: this.frontImg }, (this.backImg && { back_doc_base64: this.backImg })), { doc_type: this.docType, issuing_country: this.defaultCountry });\n yield uisdk_1.pwInstance.uploadDoc(req);\n const startSelfie = new StartSelfie_1.default(this.mainScreenId, this.mainSteps);\n this.clearScreen();\n startSelfie.render();\n }\n catch (err) {\n if ([\"PwError\", \"PwReqError\"].includes(err.name) && err.type) {\n if ([\n \"openApi/verification-type-invalid\",\n \"openApi/issuing-country-invalid\",\n \"openApi/doc-type-invalid\",\n \"openApi/doc-unpair\",\n \"openApi/doc-empty\",\n \"openApi/doc-front-back-img-unsimilar\",\n \"openApi/doc-not-positioned-proper\",\n \"openApi/img-exposed\",\n ].includes(err.type)) {\n this.clearScreen();\n const failPage = new CardError_1.default(this.mainScreenId, this.mainSteps);\n return failPage.render();\n }\n if ([\n \"openApi/max-doc-attempt\",\n \"openApi/limit-exceed\",\n \"openApi/max-session-attempt\",\n ].includes(err.type)) {\n this.clearScreen();\n // redirect to thank you page\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.mainSteps);\n return reviewEkyc.render();\n }\n }\n // Pending: redirect to common error page\n console.log(\"Failure on unknown\", JSON.stringify(err));\n }\n finally {\n // off loading btn\n if (loadingSpinner.hasChildNodes())\n proceedButton.removeChild(loadingSpinner);\n proceedButton.innerHTML = \"Proceed\";\n }\n });\n }\n}\nexports[\"default\"] = ConfirmDoc;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/ConfirmDoc.ts?");
3706
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst CardError_1 = __importDefault(__webpack_require__(/*! ./CardError */ \"./src/pageClass/CardError.ts\"));\nconst StartSelfie_1 = __importDefault(__webpack_require__(/*! ./StartSelfie */ \"./src/pageClass/StartSelfie.ts\"));\nconst ReviewEkyc_1 = __importDefault(__webpack_require__(/*! ./ReviewEkyc */ \"./src/pageClass/ReviewEkyc.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\nclass ConfirmDoc extends MainPage_1.default {\n constructor(mainScreenId, displayMode, defaultCountry, docType, frontImg, backImg) {\n super(mainScreenId, displayMode);\n this.defaultCountry = defaultCountry;\n this.docType = docType;\n this.frontImg = frontImg;\n if (backImg) {\n this.backImg = backImg;\n }\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const mainDiv = document.createElement(\"div\");\n mainDiv.classList.add(\"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-right-0\", \"pw-bottom-0\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-between\");\n const confirmIdDiv = document.createElement(\"div\");\n confirmIdDiv.classList.add(\"pw-overflow-y-auto\", \"pw-p-5\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-6\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(3, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButtonDiv = document.createElement(\"div\");\n closeButtonDiv.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeButton = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButtonDiv.appendChild(closeButton);\n navigationDiv.appendChild(closeButtonDiv);\n confirmIdDiv.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-6\", \"pw-text-center\");\n titleDiv.innerHTML = \"Confirm your document\";\n confirmIdDiv.appendChild(titleDiv);\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-mb-4\", \"pw-text-center\");\n descriptionDiv.innerHTML =\n \"Submit front and back of the same document, make sure it's clear and not expired.\";\n confirmIdDiv.appendChild(descriptionDiv);\n const frontIdDiv = document.createElement(\"div\");\n frontIdDiv.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-3\");\n const frontIdContentDiv = document.createElement(\"div\");\n frontIdContentDiv.classList.add(\"pw-relative\", \"pw-flex\", \"pw-justify-end\", \"pw-mb-5\");\n frontIdDiv.appendChild(frontIdContentDiv);\n const frontIdWording = document.createElement(\"div\");\n frontIdWording.classList.add(\"pw-text-center\", \"pw-absolute\", \"pw-top-2\", \"pw-right-2/4\", \"pw-translate-x-2/4\");\n frontIdWording.innerHTML = \"Front\";\n const rotateContentDiv = document.createElement(\"div\");\n const rotateButton = document.createElement(\"div\");\n rotateButton.classList.add(\"pw-box-border\", \"pw-w-14\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\");\n const rotateLeft = (0, getGoogleIcon_1.getGoogleIcon)(\"rotate_left\");\n rotateButton.appendChild(rotateLeft);\n rotateContentDiv.appendChild(rotateButton);\n frontIdContentDiv.appendChild(frontIdWording);\n frontIdContentDiv.appendChild(rotateContentDiv);\n confirmIdDiv.appendChild(frontIdDiv);\n const frontImgDiv = document.createElement(\"div\");\n frontImgDiv.classList.add(\"pw-mx-auto\", \"pw-w-36\", \"pw-h-24\", \"pw-rounded-lg\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\", \"pw-transition-all\", \"pw-duration-500\");\n const frontImg = document.createElement(\"img\");\n frontImg.classList.add(\"pw-rounded-lg\", \"pw-object-contain\");\n frontImg.setAttribute(\"src\", this.frontImg);\n frontImgDiv.appendChild(frontImg);\n frontImgDiv.addEventListener(\"click\", () => {\n this.openImageFullScreen(this.frontImg);\n });\n frontIdDiv.appendChild(frontImgDiv);\n let rotation = 0;\n const angle = 90;\n rotateContentDiv.addEventListener(\"click\", () => {\n rotation = rotation + angle;\n frontImgDiv.style.transform = `rotate(-${rotation}deg)`;\n });\n const retakeFrontIdButton = document.createElement(\"div\");\n retakeFrontIdButton.classList.add(\"pw-mx-auto\", \"pw-box-border\", \"pw-w-36\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\", \"pw-cursor-pointer\");\n retakeFrontIdButton.innerHTML = \"Retake\";\n retakeFrontIdButton.addEventListener(\"click\", () => { });\n frontIdDiv.appendChild(retakeFrontIdButton);\n // confirmIdDiv\n const backIdDiv = document.createElement(\"div\");\n backIdDiv.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-3\");\n const backIdContentDiv = document.createElement(\"div\");\n backIdContentDiv.classList.add(\"pw-relative\", \"pw-flex\", \"pw-justify-end\", \"pw-mb-5\");\n backIdDiv.appendChild(backIdContentDiv);\n const backIdWording = document.createElement(\"div\");\n backIdWording.classList.add(\"pw-text-center\", \"pw-absolute\", \"pw-top-2\", \"pw-right-2/4\", \"pw-translate-x-2/4\");\n backIdWording.innerHTML = \"Back\";\n backIdContentDiv.appendChild(backIdWording);\n // rotate content is from above\n const rotateContentBackId = document.createElement(\"div\");\n // rotateContentBackId.classList.add(\"pw-flex-none\");\n const rotateButtonBackId = document.createElement(\"div\");\n rotateButtonBackId.classList.add(\"pw-box-border\", \"pw-w-14\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\");\n const roateLeftBackId = (0, getGoogleIcon_1.getGoogleIcon)(\"rotate_left\");\n rotateButtonBackId.appendChild(roateLeftBackId);\n rotateContentBackId.appendChild(rotateButtonBackId);\n backIdContentDiv.appendChild(rotateContentBackId);\n if (this.backImg) {\n const backImgDiv = document.createElement(\"div\");\n backImgDiv.classList.add(\"pw-mx-auto\", \"pw-w-36\", \"pw-h-24\", \"pw-rounded-lg\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\", \"pw-transition-all\", \"pw-duration-500\");\n const backImg = document.createElement(\"img\");\n backImg.classList.add(\"pw-rounded-lg\");\n backImg.setAttribute(\"src\", this.backImg);\n backImgDiv.appendChild(backImg);\n backIdDiv.appendChild(backImgDiv);\n backImgDiv.addEventListener(\"click\", () => {\n this.openImageFullScreen(this.backImg);\n });\n const retakeBackIdButton = document.createElement(\"div\");\n retakeBackIdButton.classList.add(\"pw-mx-auto\", \"pw-box-border\", \"pw-w-36\", \"pw-h-10\", \"pw-border-solid\", \"pw-rounded-[40px]\", \"pw-border-grey-5\", \"pw-px-3\", \"pw-py-2\", \"pw-text-center\", \"pw-cursor-pointer\");\n retakeBackIdButton.innerHTML = \"Retake\";\n backIdDiv.appendChild(retakeBackIdButton);\n confirmIdDiv.appendChild(backIdDiv);\n let backRotation = 0;\n const backAngle = 90;\n rotateContentBackId.addEventListener(\"click\", () => {\n backRotation = backRotation + backAngle;\n backImgDiv.style.transform = `rotate(-${backRotation}deg)`;\n });\n }\n const proceedButtonDiv = document.createElement(\"div\");\n proceedButtonDiv.classList.add(\"pw-p-5\", \"pw-shadow-footer-shadow\");\n const proceedButton = (0, components_1.createPrimaryButton)(\"Proceed\");\n proceedButton.addEventListener(\"click\", () => this.onClickProceed(proceedButton));\n proceedButtonDiv.appendChild(proceedButton);\n mainDiv.appendChild(confirmIdDiv);\n mainDiv.appendChild(proceedButtonDiv);\n return mainDiv;\n }\n onClickProceed(proceedButton) {\n return __awaiter(this, void 0, void 0, function* () {\n // on loading btn\n const loadingSpinner = (0, components_1.createSpinner)();\n proceedButton.innerHTML = \"\";\n proceedButton.appendChild(loadingSpinner);\n try {\n const req = Object.assign(Object.assign({ front_doc_base64: this.frontImg }, (this.backImg && { back_doc_base64: this.backImg })), { doc_type: this.docType, issuing_country: this.defaultCountry });\n yield uisdk_1.pwInstance.uploadDoc(req);\n const startSelfie = new StartSelfie_1.default(this.mainScreenId, this.displayMode);\n this.clearScreen();\n startSelfie.render();\n }\n catch (err) {\n if ([\"PwError\", \"PwReqError\"].includes(err.name) && err.type) {\n if ([\n \"openApi/verification-type-invalid\",\n \"openApi/issuing-country-invalid\",\n \"openApi/doc-type-invalid\",\n \"openApi/doc-unpair\",\n \"openApi/doc-empty\",\n \"openApi/doc-front-back-img-unsimilar\",\n \"openApi/doc-not-positioned-proper\",\n \"openApi/img-exposed\",\n ].includes(err.type)) {\n this.clearScreen();\n const failPage = new CardError_1.default(this.mainScreenId, this.displayMode);\n return failPage.render();\n }\n if ([\n \"openApi/max-doc-attempt\",\n \"openApi/limit-exceed\",\n \"openApi/max-session-attempt\",\n \"openApi/session-id-expired\",\n \"session-id-expired\",\n ].includes(err.type)) {\n this.clearScreen();\n // redirect to thank you page\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.displayMode);\n return reviewEkyc.render();\n }\n }\n this.openErrorPage();\n }\n finally {\n // off loading btn\n if (loadingSpinner.hasChildNodes())\n proceedButton.removeChild(loadingSpinner);\n proceedButton.innerHTML = \"Proceed\";\n }\n });\n }\n}\nexports[\"default\"] = ConfirmDoc;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/ConfirmDoc.ts?");
3707
+
3708
+ /***/ }),
3709
+
3710
+ /***/ "./src/pageClass/ErrorPage.ts":
3711
+ /*!************************************!*\
3712
+ !*** ./src/pageClass/ErrorPage.ts ***!
3713
+ \************************************/
3714
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3715
+
3716
+ "use strict";
3717
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass ErrorPage extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const errorDiv = document.createElement(\"div\");\n errorDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const contentDiv = document.createElement(\"div\");\n errorDiv.appendChild(contentDiv);\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-16\");\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n contentDiv.appendChild(navigationDiv);\n const errorContainer = document.createElement(\"div\");\n errorContainer.classList.add(\"pw-relative\", \"pw-h-full\");\n const errorContentDiv = document.createElement(\"div\");\n errorContentDiv.classList.add(\"pw-absolute\", \"pw-top-1/3\", \"pw-text-center\", \"-pw-translate-y-1/3\");\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\");\n warningIcon.style.fontSize = \"60px\";\n errorContentDiv.appendChild(warningIcon);\n const errorTitle = document.createElement(\"div\");\n errorTitle.classList.add(\"pw-text-xl\", \"pw-mb-4\");\n errorTitle.innerHTML = \"Something went wrong\";\n errorContentDiv.appendChild(errorTitle);\n const errorDescription = document.createElement(\"div\");\n errorDescription.innerHTML =\n \"Please contact customer support for assistance or retry.\";\n errorContentDiv.appendChild(errorDescription);\n errorContainer.appendChild(errorContentDiv);\n errorDiv.appendChild(errorContainer);\n return errorDiv;\n }\n}\nexports[\"default\"] = ErrorPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/ErrorPage.ts?");
3718
3718
 
3719
3719
  /***/ }),
3720
3720
 
@@ -3725,7 +3725,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
3725
3725
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3726
3726
 
3727
3727
  "use strict";
3728
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst ReviewEkyc_1 = __importDefault(__webpack_require__(/*! ../pageClass/ReviewEkyc */ \"./src/pageClass/ReviewEkyc.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst textInput_1 = __importDefault(__webpack_require__(/*! ../components/textInput */ \"./src/components/textInput.ts\"));\nconst textArea_1 = __importDefault(__webpack_require__(/*! ../components/textArea */ \"./src/components/textArea.ts\"));\nconst dobInput_1 = __importDefault(__webpack_require__(/*! ../components/dobInput */ \"./src/components/dobInput.ts\"));\nconst selectDropdown_1 = __importDefault(__webpack_require__(/*! ../components/selectDropdown */ \"./src/components/selectDropdown.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst formCharacterValidation = {\n full_name: { min: 1, max: 160 },\n given_name: { min: 1, max: 70 },\n surname: { min: 1, max: 70 },\n id_number: { min: 1, max: 40 },\n date_of_birth: { min: 1, max: 10 },\n line1: { min: 1, max: 350 },\n city: { min: 1, max: 70 },\n state_iso: { min: 4, max: 9 },\n zip: { min: 1, max: 40 },\n country_iso2: { min: 2, max: 2 },\n};\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\nclass FormEkyc extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n this.formDiv = document.createElement(\"div\");\n this.formDetail = {};\n this.originFormPayload = {};\n }\n createForm(payload) {\n var _a;\n this.originFormPayload = payload;\n const overlayDialog = document.createElement(\"div\");\n overlayDialog.classList.add(\"pw-bg-black\", \"pw-bg-opacity-75\", \"pw-transition-opacity\", \"pw-duration-900\", \"pw-absolute\", \"pw-top-0\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-z-30\");\n const dialog = document.createElement(\"div\");\n dialog.id = \"dialog-body\";\n dialog.classList.add(\"pw-bg-white\", \"pw-p-5\", \"pw-absolute\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-max-h-[90vh]\", \"pw-rounded-t-lg\");\n const dialogContainer = document.createElement(\"div\");\n dialogContainer.classList.add(\"pw-relative\");\n dialog.appendChild(dialogContainer);\n const dialogTitle = document.createElement(\"div\");\n dialogTitle.classList.add(\"pw-text-center\", \"pw-text-xl\");\n dialogTitle.innerHTML = \"Edit your details\";\n dialogContainer.appendChild(dialogTitle);\n const closeDialog = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeDialog.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n dialogContainer.appendChild(closeDialog);\n closeDialog.addEventListener(\"click\", () => {\n this.closeFormEkycDialog();\n });\n const form = document.createElement(\"form\");\n form.classList.add(\"pw-mt-4\");\n // full_name, given_name, surname fields\n if (payload.full_name !== undefined) {\n const full_name = new textInput_1.default(\"name\", \"Full name\");\n form.appendChild(full_name.render());\n full_name.val = payload.full_name;\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { full_name });\n }\n if (payload.given_name !== undefined) {\n const given_name = new textInput_1.default(\"name\", \"Given name\");\n form.appendChild(given_name.render());\n given_name.val = payload.given_name;\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { given_name });\n }\n if (payload.surname !== undefined) {\n const surname = new textInput_1.default(\"name\", \"Surname\");\n form.appendChild(surname.render());\n surname.val = payload.surname;\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { surname });\n }\n // id field\n const id = new textInput_1.default(\"id\", \"Identity card number\");\n form.appendChild(id.render());\n id.val = payload.id_number || \"\";\n // dob field\n const dob = new dobInput_1.default();\n form.appendChild(dob.render());\n dob.val = payload.date_of_birth\n ? (0, moment_1.default)(payload.date_of_birth, \"YYYY-MM-DD\").format(\"DD MMM YYYY\")\n : \"\";\n // address fields - address, city, state, zip, country\n const address = new textArea_1.default(\"address\", \"Address\");\n form.appendChild(address.render());\n address.val = payload.line1 || \"\";\n // - city\n const city = new textInput_1.default(\"city\", \"City\");\n form.appendChild(city.render());\n city.val = payload.city || \"\";\n // - state\n const stateValue = payload.state_iso || payload.state_name || \"\";\n const stateLabel = payload.state_name || payload.state_iso || \"\";\n // Create the state dropdown option if there's state information\n const stateOptions = stateValue\n ? [{ value: stateValue, label: stateLabel }]\n : [];\n const state = new selectDropdown_1.default(\"state\", \"State/Region\", stateOptions);\n form.appendChild(state.render());\n state.val = payload.state_iso || \"\";\n if (payload.country_iso2)\n this.updateRegionState(payload.country_iso2);\n // - zip\n const zip = new textInput_1.default(\"zip\", \"Zip code\");\n form.appendChild(zip.render());\n zip.val = ((_a = payload.zip) === null || _a === void 0 ? void 0 : _a.toString()) || \"\";\n // - country\n const countries = uisdk_1.pwInstance.countries.map((country) => {\n return { value: country.iso_code, label: country.name };\n });\n const country = new selectDropdown_1.default(\"country\", \"Country\", countries);\n country.val = payload.country_iso2 || \"\";\n country.onUpdateValue = () => __awaiter(this, void 0, void 0, function* () {\n // reset state dropdown when country value is changed\n yield this.updateRegionState(country.val);\n });\n form.appendChild(country.render());\n //\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { id_number: id, date_of_birth: dob, line1: address, city, state_iso: state, zip, country_iso2: country });\n const submitButton = (0, components_1.createPrimaryButton)(\"Submit\");\n submitButton.addEventListener(\"click\", () => {\n this.onClickSubmit(submitButton);\n });\n form.appendChild(submitButton);\n dialog.appendChild(form);\n overlayDialog.appendChild(dialog);\n this.formDiv = overlayDialog;\n }\n updateRegionState(country) {\n return __awaiter(this, void 0, void 0, function* () {\n const state = this.formDetail.state_iso;\n if (!state)\n return;\n state.val = \"\";\n state.isLoading = true;\n const states = yield uisdk_1.pwInstance.fetchStates(country || \"\");\n const options = states.map((state) => {\n return { value: state.iso_code, label: state.name };\n });\n state.setOption(options);\n state.isLoading = false;\n });\n }\n openFormEkycDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.appendChild(this.formDiv);\n }\n closeFormEkycDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.removeChild(this.formDiv);\n }\n onClickSubmit(submitButton) {\n return __awaiter(this, void 0, void 0, function* () {\n let hasError = false;\n for (const key in this.formDetail) {\n if (Object.prototype.hasOwnProperty.call(this.formDetail, key)) {\n const { min, max } = formCharacterValidation[key];\n const inputDetail = this.formDetail[key];\n if (inputDetail.val.length < min || inputDetail.val.length > max) {\n hasError = true;\n inputDetail.onAddErrorStyling();\n }\n }\n }\n if (hasError)\n return;\n // onloading\n const loadingSpinner = (0, components_1.createSpinner)();\n const submitButtonTxt = (submitButton === null || submitButton === void 0 ? void 0 : submitButton.innerHTML) || \"\";\n if (submitButton)\n submitButton.innerHTML = \"\";\n submitButton === null || submitButton === void 0 ? void 0 : submitButton.appendChild(loadingSpinner);\n try {\n // pass payload to sdk\n const reqPayload = Object.entries(this.formDetail).reduce((result, [key, value]) => {\n let keyInstance = key;\n if (keyInstance === \"country_iso2\")\n result[keyInstance] = value.val;\n else\n result[keyInstance] = value.val;\n return result;\n }, {});\n yield uisdk_1.pwInstance.updateForm(reqPayload);\n this.showReviewPageDialog(reqPayload);\n }\n finally {\n // off loading\n if (loadingSpinner.hasChildNodes())\n submitButton === null || submitButton === void 0 ? void 0 : submitButton.removeChild(loadingSpinner);\n if (submitButton)\n submitButton.innerHTML = submitButtonTxt;\n }\n });\n }\n showReviewPageDialog(payload) {\n var _a;\n // show the review content dialog\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.mainSteps);\n const dialog = (_a = this.formDiv) === null || _a === void 0 ? void 0 : _a.querySelector(\"#dialog-body\");\n if (!dialog)\n return;\n dialog.classList.remove(\"pw-p-5\");\n dialog.replaceChildren();\n const header = reviewEkyc.createContentHeader(\"Thank you, your info has been updated.\");\n const body = reviewEkyc.createContentBody({\n id_type: \"national_identity_document\",\n result: Object.assign(Object.assign({}, this.originFormPayload), payload),\n });\n const footer = document.createElement(\"div\");\n footer.classList.add(\"pw-p-5\");\n const doneButton = (0, components_1.createPrimaryButton)(\"Done\");\n doneButton.addEventListener(\"click\", () => {\n // Pending: redirect to close window\n });\n footer.appendChild(doneButton);\n dialog.appendChild(header);\n if (body)\n dialog.appendChild(body);\n dialog.appendChild(footer);\n }\n}\nexports[\"default\"] = FormEkyc;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/FormEkyc.ts?");
3728
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst ReviewEkyc_1 = __importDefault(__webpack_require__(/*! ../pageClass/ReviewEkyc */ \"./src/pageClass/ReviewEkyc.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst textInput_1 = __importDefault(__webpack_require__(/*! ../components/textInput */ \"./src/components/textInput.ts\"));\nconst textArea_1 = __importDefault(__webpack_require__(/*! ../components/textArea */ \"./src/components/textArea.ts\"));\nconst dobInput_1 = __importDefault(__webpack_require__(/*! ../components/dobInput */ \"./src/components/dobInput.ts\"));\nconst selectDropdown_1 = __importDefault(__webpack_require__(/*! ../components/selectDropdown */ \"./src/components/selectDropdown.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst formCharacterValidation = {\n full_name: { min: 1, max: 160 },\n given_name: { min: 1, max: 70 },\n surname: { min: 1, max: 70 },\n id_number: { min: 1, max: 40 },\n date_of_birth: { min: 1, max: 10 },\n line1: { min: 1, max: 350 },\n city: { min: 1, max: 70 },\n state_iso: { min: 4, max: 9 },\n zip: { min: 1, max: 40 },\n country_iso2: { min: 2, max: 2 },\n};\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\nclass FormEkyc extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n this.formDiv = document.createElement(\"div\");\n this.formDetail = {};\n this.originFormPayload = {};\n }\n createForm(payload) {\n var _a;\n this.originFormPayload = payload;\n const overlayDialog = document.createElement(\"div\");\n overlayDialog.classList.add(\"pw-bg-black\", \"pw-bg-opacity-75\", \"pw-transition-opacity\", \"pw-duration-900\", \"pw-absolute\", \"pw-top-0\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-z-30\");\n const dialog = document.createElement(\"div\");\n dialog.id = \"dialog-body\";\n dialog.classList.add(\"pw-bg-white\", \"pw-p-5\", \"pw-absolute\", \"pw-bottom-0\", \"pw-left-0\", \"pw-right-0\", \"pw-max-h-[90vh]\", \"pw-rounded-t-lg\");\n const dialogContainer = document.createElement(\"div\");\n dialogContainer.classList.add(\"pw-relative\");\n dialog.appendChild(dialogContainer);\n const dialogTitle = document.createElement(\"div\");\n dialogTitle.classList.add(\"pw-text-center\", \"pw-text-xl\");\n dialogTitle.innerHTML = \"Edit your details\";\n dialogContainer.appendChild(dialogTitle);\n const closeDialog = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeDialog.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n dialogContainer.appendChild(closeDialog);\n closeDialog.addEventListener(\"click\", () => {\n this.closeFormEkycDialog();\n });\n const form = document.createElement(\"form\");\n form.classList.add(\"pw-mt-4\");\n // full_name, given_name, surname fields\n if (payload.full_name !== undefined) {\n const full_name = new textInput_1.default(\"name\", \"Full name\");\n form.appendChild(full_name.render());\n full_name.val = payload.full_name;\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { full_name });\n }\n if (payload.given_name !== undefined) {\n const given_name = new textInput_1.default(\"name\", \"Given name\");\n form.appendChild(given_name.render());\n given_name.val = payload.given_name;\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { given_name });\n }\n if (payload.surname !== undefined) {\n const surname = new textInput_1.default(\"name\", \"Surname\");\n form.appendChild(surname.render());\n surname.val = payload.surname;\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { surname });\n }\n // id field\n const id = new textInput_1.default(\"id\", \"Identity card number\");\n form.appendChild(id.render());\n id.val = payload.id_number || \"\";\n // dob field\n const dob = new dobInput_1.default();\n form.appendChild(dob.render());\n dob.val = payload.date_of_birth\n ? (0, moment_1.default)(payload.date_of_birth, \"YYYY-MM-DD\").format(\"DD MMM YYYY\")\n : \"\";\n // address fields - address, city, state, zip, country\n const address = new textArea_1.default(\"address\", \"Address\");\n form.appendChild(address.render());\n address.val = payload.line1 || \"\";\n // - city\n const city = new textInput_1.default(\"city\", \"City\");\n form.appendChild(city.render());\n city.val = payload.city || \"\";\n // - state\n const stateValue = payload.state_iso || payload.state_name || \"\";\n const stateLabel = payload.state_name || payload.state_iso || \"\";\n // Create the state dropdown option if there's state information\n const stateOptions = stateValue\n ? [{ value: stateValue, label: stateLabel }]\n : [];\n const state = new selectDropdown_1.default(\"state\", \"State/Region\", stateOptions);\n form.appendChild(state.render());\n state.val = payload.state_iso || \"\";\n if (payload.country_iso2)\n this.updateRegionState(payload.country_iso2);\n // - zip\n const zip = new textInput_1.default(\"zip\", \"Zip code\");\n form.appendChild(zip.render());\n zip.val = ((_a = payload.zip) === null || _a === void 0 ? void 0 : _a.toString()) || \"\";\n // - country\n const countries = uisdk_1.pwInstance.countries.map((country) => {\n return { value: country.iso_code, label: country.name };\n });\n const country = new selectDropdown_1.default(\"country\", \"Country\", countries);\n country.val = payload.country_iso2 || \"\";\n country.onUpdateValue = () => __awaiter(this, void 0, void 0, function* () {\n // reset state dropdown when country value is changed\n yield this.updateRegionState(country.val);\n });\n form.appendChild(country.render());\n //\n this.formDetail = Object.assign(Object.assign({}, this.formDetail), { id_number: id, date_of_birth: dob, line1: address, city, state_iso: state, zip, country_iso2: country });\n const submitButton = (0, components_1.createPrimaryButton)(\"Submit\");\n submitButton.addEventListener(\"click\", () => {\n this.onClickSubmit(submitButton);\n });\n form.appendChild(submitButton);\n dialog.appendChild(form);\n overlayDialog.appendChild(dialog);\n this.formDiv = overlayDialog;\n }\n updateRegionState(country) {\n return __awaiter(this, void 0, void 0, function* () {\n const state = this.formDetail.state_iso;\n if (!state)\n return;\n state.val = \"\";\n state.isLoading = true;\n const states = yield uisdk_1.pwInstance.fetchStates(country || \"\");\n const options = states.map((state) => {\n return { value: state.iso_code, label: state.name };\n });\n state.setOption(options);\n state.isLoading = false;\n });\n }\n openFormEkycDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.appendChild(this.formDiv);\n }\n closeFormEkycDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.removeChild(this.formDiv);\n }\n onClickSubmit(submitButton) {\n var _a, _b;\n return __awaiter(this, void 0, void 0, function* () {\n let hasError = false;\n for (const key in this.formDetail) {\n if (Object.prototype.hasOwnProperty.call(this.formDetail, key)) {\n const { min, max } = formCharacterValidation[key];\n const inputDetail = this.formDetail[key];\n if (inputDetail.val.length < min || inputDetail.val.length > max) {\n hasError = true;\n inputDetail.onAddErrorStyling();\n }\n }\n }\n if (hasError)\n return;\n // onloading\n const loadingSpinner = (0, components_1.createSpinner)();\n const submitButtonTxt = (submitButton === null || submitButton === void 0 ? void 0 : submitButton.innerHTML) || \"\";\n if (submitButton)\n submitButton.innerHTML = \"\";\n submitButton === null || submitButton === void 0 ? void 0 : submitButton.appendChild(loadingSpinner);\n try {\n // pass payload to sdk\n const reqPayload = Object.entries(this.formDetail).reduce((result, [key, value]) => {\n let keyInstance = key;\n if (keyInstance === \"country_iso2\") {\n result[keyInstance] = value.val;\n }\n else\n result[keyInstance] = value.val;\n return result;\n }, {});\n yield uisdk_1.pwInstance.updateForm(reqPayload);\n const countryDropdown = this.formDetail[\"country_iso2\"];\n const stateDropdown = this.formDetail[\"state_iso\"];\n // pass in label name too\n if (countryDropdown)\n reqPayload[\"country_name\"] = (_a = countryDropdown.selectedOption) === null || _a === void 0 ? void 0 : _a.label;\n if (stateDropdown)\n reqPayload[\"state_name\"] = (_b = stateDropdown.selectedOption) === null || _b === void 0 ? void 0 : _b.label;\n this.showReviewPageDialog(reqPayload);\n }\n finally {\n // off loading\n if (loadingSpinner.hasChildNodes())\n submitButton === null || submitButton === void 0 ? void 0 : submitButton.removeChild(loadingSpinner);\n if (submitButton)\n submitButton.innerHTML = submitButtonTxt;\n }\n });\n }\n showReviewPageDialog(payload) {\n var _a;\n // show the review content dialog\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.displayMode);\n const dialog = (_a = this.formDiv) === null || _a === void 0 ? void 0 : _a.querySelector(\"#dialog-body\");\n if (!dialog)\n return;\n dialog.classList.remove(\"pw-p-5\");\n dialog.replaceChildren();\n const header = reviewEkyc.createContentHeader(\"Thank you, your info has been updated.\");\n const body = reviewEkyc.createContentBody({\n id_type: \"national_identity_document\",\n result: Object.assign(Object.assign({}, this.originFormPayload), payload),\n });\n const footer = document.createElement(\"div\");\n footer.classList.add(\"pw-p-5\");\n const doneButton = (0, components_1.createPrimaryButton)(\"Done\");\n doneButton.addEventListener(\"click\", () => {\n this.finishEkyc();\n });\n footer.appendChild(doneButton);\n dialog.appendChild(header);\n if (body)\n dialog.appendChild(body);\n dialog.appendChild(footer);\n }\n}\nexports[\"default\"] = FormEkyc;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/FormEkyc.ts?");
3729
3729
 
3730
3730
  /***/ }),
3731
3731
 
@@ -3736,7 +3736,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
3736
3736
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3737
3737
 
3738
3738
  "use strict";
3739
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nclass LoadingPage extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n }\n get title() {\n var _a;\n return ((_a = this.titleElement) === null || _a === void 0 ? void 0 : _a.innerHTML) || \"\";\n }\n set title(value) {\n if (this.titleElement) {\n this.titleElement.innerHTML = value;\n }\n }\n get description() {\n var _a;\n return ((_a = this.descElement) === null || _a === void 0 ? void 0 : _a.innerHTML) || \"\";\n }\n set description(value) {\n if (this.descElement) {\n this.descElement.innerHTML = value;\n }\n }\n render(title, description) {\n this.renderContent(this.createPage(title, description));\n }\n createPage(title, description) {\n const loadingScreenDiv = document.createElement(\"div\");\n loadingScreenDiv.classList.add(\"pw-h-full\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-items-center\");\n const loadingBar = document.createElement(\"div\");\n loadingBar.classList.add(\"pw-w-10/12\", \"pw-h-3\", \"pw-relative\", \"pw-bg-grey-4\", \"pw-rounded-lg\", \"pw-mb-6\", \"pw-overflow-hidden\");\n const loadingContent = document.createElement(\"div\");\n loadingContent.classList.add(\"pw-h-3\", \"pw-bg-gradient-to-r\", \"pw-from-[#AF4AFF]\", \"pw-to-[#DD53FF]\", \"pw-rounded-lg\", \"pw-animate-loading\", \"pw-w-full\");\n loadingBar.appendChild(loadingContent);\n loadingScreenDiv.appendChild(loadingBar);\n this.titleElement = document.createElement(\"div\");\n this.titleElement.classList.add(\"pw-text-2xl\", \"pw-text-center\", \"pw-mb-4\");\n if (title) {\n this.title = title;\n }\n loadingScreenDiv.appendChild(this.titleElement);\n this.descElement = document.createElement(\"div\");\n this.descElement.classList.add(\"pw-text-center\");\n if (description) {\n this.description = description;\n }\n loadingScreenDiv.appendChild(this.descElement);\n return loadingScreenDiv;\n }\n}\nexports[\"default\"] = LoadingPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/LoadingPage.ts?");
3739
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nclass LoadingPage extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n }\n get title() {\n var _a;\n return ((_a = this.titleElement) === null || _a === void 0 ? void 0 : _a.innerHTML) || \"\";\n }\n set title(value) {\n if (this.titleElement) {\n this.titleElement.innerHTML = value;\n }\n }\n get description() {\n var _a;\n return ((_a = this.descElement) === null || _a === void 0 ? void 0 : _a.innerHTML) || \"\";\n }\n set description(value) {\n if (this.descElement) {\n this.descElement.innerHTML = value;\n }\n }\n render(title, description) {\n this.renderContent(this.createPage(title, description));\n }\n createPage(title, description) {\n const loadingScreenDiv = document.createElement(\"div\");\n loadingScreenDiv.classList.add(\"pw-h-full\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-items-center\");\n const loadingBar = document.createElement(\"div\");\n loadingBar.classList.add(\"pw-w-10/12\", \"pw-h-3\", \"pw-relative\", \"pw-bg-grey-4\", \"pw-rounded-lg\", \"pw-mb-6\", \"pw-overflow-hidden\");\n const loadingContent = document.createElement(\"div\");\n loadingContent.classList.add(\"pw-h-3\", \"pw-bg-gradient-to-r\", \"pw-from-[#AF4AFF]\", \"pw-to-[#DD53FF]\", \"pw-rounded-lg\", \"pw-animate-loading\", \"pw-w-full\");\n loadingBar.appendChild(loadingContent);\n loadingScreenDiv.appendChild(loadingBar);\n this.titleElement = document.createElement(\"div\");\n this.titleElement.classList.add(\"pw-text-2xl\", \"pw-text-center\", \"pw-mb-4\");\n if (title) {\n this.title = title;\n }\n loadingScreenDiv.appendChild(this.titleElement);\n this.descElement = document.createElement(\"div\");\n this.descElement.classList.add(\"pw-text-center\");\n if (description) {\n this.description = description;\n }\n loadingScreenDiv.appendChild(this.descElement);\n return loadingScreenDiv;\n }\n}\nexports[\"default\"] = LoadingPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/LoadingPage.ts?");
3740
3740
 
3741
3741
  /***/ }),
3742
3742
 
@@ -3747,7 +3747,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3747
3747
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3748
3748
 
3749
3749
  "use strict";
3750
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst FormEkyc_1 = __importDefault(__webpack_require__(/*! ./FormEkyc */ \"./src/pageClass/FormEkyc.ts\"));\n// constant\nconst doc_1 = __webpack_require__(/*! ../constant/doc */ \"./src/constant/doc.ts\");\n// components\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst footer_1 = __importDefault(__webpack_require__(/*! ../components/footer */ \"./src/components/footer.ts\"));\nconst ThankYou_1 = __importDefault(__webpack_require__(/*! ./ThankYou */ \"./src/pageClass/ThankYou.ts\"));\nclass ReviewEkyc extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n }\n render(payload) {\n return __awaiter(this, void 0, void 0, function* () {\n const element = yield this.createPage(payload);\n this.renderContent(element);\n });\n }\n createContentHeader(title, description) {\n const headerDiv = document.createElement(\"div\");\n headerDiv.classList.add(\"pw-p-5\");\n // icon\n const iconDiv = document.createElement(\"div\");\n iconDiv.classList.add(\"pw-text-center\", \"pw-mb-3\");\n const icon = (0, getGoogleIcon_1.getGoogleIcon)(\"check_circle\");\n icon.classList.add(\"pw-text-primary\");\n icon.style.fontSize = \"60px\";\n iconDiv.appendChild(icon);\n headerDiv.appendChild(iconDiv);\n // title\n const wordingDiv = document.createElement(\"div\");\n wordingDiv.classList.add(\"pw-text-center\", \"pw-mb-4\");\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-3\");\n titleDiv.innerHTML = title;\n wordingDiv.appendChild(titleDiv);\n headerDiv.appendChild(wordingDiv);\n // description\n if (description) {\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-text-center\", \"pw-mb-3\");\n descriptionDiv.innerHTML = description;\n wordingDiv.appendChild(descriptionDiv);\n headerDiv.appendChild(wordingDiv);\n }\n return headerDiv;\n }\n createContentBody(payload) {\n const { result, id_type, filepaths } = payload;\n if (!result)\n return;\n const bodyDiv = document.createElement(\"div\");\n bodyDiv.classList.add(\"pw-bg-grey-2\", \"pw-p-5\");\n let resultCopy = Object.assign({}, result);\n const arrangement = Object.keys(doc_1.formLabelMapping);\n for (let i = 0; i < arrangement.length; i++) {\n const key = arrangement[i];\n if (result[key] === undefined)\n continue;\n const formGroup = this.createFormGroup(doc_1.formLabelMapping[key], result[key] || \"\");\n bodyDiv.appendChild(formGroup);\n delete resultCopy[key];\n }\n for (const [key, value] of Object.entries(resultCopy)) {\n if ([\"state_iso\", \"country_iso2\"].includes(key))\n continue;\n const formGroup = this.createFormGroup(doc_1.formLabelMapping[key], value);\n bodyDiv.appendChild(formGroup);\n }\n // images\n const frontImgSrc = filepaths === null || filepaths === void 0 ? void 0 : filepaths.front_doc_key;\n const backImageSrc = filepaths === null || filepaths === void 0 ? void 0 : filepaths.back_doc_key;\n if (id_type && (frontImgSrc || backImageSrc)) {\n const idTypeLabel = document.createElement(\"div\");\n idTypeLabel.classList.add(\"pw-mt-7\", \"pw-mb-2\");\n idTypeLabel.innerHTML = `ID Type: ${doc_1.idTypeMapping[id_type] || \"\"}`;\n bodyDiv.appendChild(idTypeLabel);\n }\n if (frontImgSrc) {\n const frontCard = document.createElement(\"div\");\n frontCard.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-4\");\n const frontTitle = document.createElement(\"div\");\n frontTitle.classList.add(\"pw-text-center\", \"pw-mb-4\");\n frontTitle.innerHTML = \"Front\";\n frontCard.appendChild(frontTitle);\n const frontImgContainer = document.createElement(\"div\");\n frontImgContainer.classList.add(\"pw-mx-auto\", \"pw-w-full\", \"pw-rounded-lg\", \"pw-outline-grey-6\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\");\n const frontImage = document.createElement(\"img\");\n frontImage.classList.add(\"pw-rounded-lg\", \"pw-cursor-pointer\");\n frontImage.setAttribute(\"src\", frontImgSrc);\n frontImage.setAttribute(\"alt\", \"Front Image\");\n frontImage.addEventListener(\"click\", () => {\n this.openImageFullScreen(frontImgSrc);\n });\n frontImgContainer.appendChild(frontImage);\n frontCard.appendChild(frontImgContainer);\n bodyDiv.appendChild(frontCard);\n }\n if (backImageSrc) {\n const backCard = document.createElement(\"div\");\n backCard.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-4\");\n const backTitle = document.createElement(\"div\");\n backTitle.classList.add(\"pw-text-center\", \"pw-mb-4\");\n backTitle.innerHTML = \"Back\";\n backCard.appendChild(backTitle);\n const backImgContainer = document.createElement(\"div\");\n backImgContainer.classList.add(\"pw-mx-auto\", \"pw-w-full\", \"pw-rounded-lg\", \"pw-outline-grey-6\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\");\n const backImage = document.createElement(\"img\");\n backImage.classList.add(\"pw-rounded-lg\", \"pw-cursor-pointer\");\n backImage.setAttribute(\"src\", backImageSrc);\n backImage.setAttribute(\"alt\", \"Front Image\");\n backImage.addEventListener(\"click\", () => {\n this.openImageFullScreen(backImageSrc);\n });\n backImgContainer.appendChild(backImage);\n backCard.appendChild(backImgContainer);\n bodyDiv.appendChild(backCard);\n }\n return bodyDiv;\n }\n createPage(payload) {\n return __awaiter(this, void 0, void 0, function* () {\n console.log(\"createPage\", payload);\n const reviewEkycDiv = document.createElement(\"div\");\n reviewEkycDiv.classList.add(\"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-right-0\", \"pw-bottom-0\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-overflow-y-hidden\");\n const contentDiv = document.createElement(\"div\");\n contentDiv.classList.add(\"pw-overflow-auto\");\n reviewEkycDiv.appendChild(contentDiv);\n const firstSectionDiv = document.createElement(\"div\");\n firstSectionDiv.classList.add(\"pw-p-5\");\n contentDiv.appendChild(firstSectionDiv);\n const footerDiv = document.createElement(\"div\");\n footerDiv.classList.add(\"pw-p-5\", \"pw-shadow-footer-shadow\");\n reviewEkycDiv.appendChild(footerDiv);\n // dialog header - first section\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(5, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n firstSectionDiv.appendChild(navigationDiv);\n // dialog content - header + content\n // 1. header of the dialog content\n const isEditable = !!(payload === null || payload === void 0 ? void 0 : payload.result);\n const description = isEditable\n ? \"Update your submission details on this page or simply close it if no changes are necessary.\"\n : \"\";\n const headerDiv = this.createContentHeader(\"Thank you, your eKYC is completed\", description);\n contentDiv.appendChild(headerDiv);\n // 2. content of the dialog content\n if (isEditable) {\n const body = this.createContentBody(payload);\n if (body)\n contentDiv.appendChild(body);\n }\n // dialog footer\n const confirmButton = (0, components_1.createPrimaryButton)(\"All good\");\n confirmButton.classList.add(\"pw-mb-3\");\n confirmButton.addEventListener(\"click\", () => {\n this.onClickConfirm();\n });\n footerDiv.appendChild(confirmButton);\n if (isEditable) {\n const updateInfoButton = (0, components_1.createSecondaryButton)(\"Update info\");\n updateInfoButton.classList.add(\"pw-mb-5\");\n footerDiv.appendChild(updateInfoButton);\n updateInfoButton.addEventListener(\"click\", () => {\n this.onClickUpdateInfo(payload);\n });\n }\n const footer = new footer_1.default();\n const footerPw = footer.render();\n footerPw.classList.add(\"pw-text-grey-6\");\n footerDiv.appendChild(footerPw);\n return reviewEkycDiv;\n });\n }\n createFormGroup(formLabel, formValue) {\n const formGroup = document.createElement(\"div\");\n formGroup.classList.add(\"pw-flex\", \"pw-flex-row\", \"pw-mb-5\");\n const label = document.createElement(\"div\");\n label.classList.add(\"pw-basis-2/5\");\n label.innerHTML = formLabel;\n const value = document.createElement(\"div\");\n value.classList.add(\"pw-basis-3/5\");\n value.innerHTML = formValue;\n formGroup.appendChild(label);\n formGroup.appendChild(value);\n return formGroup;\n }\n onClickUpdateInfo(payload) {\n const { result } = payload;\n if (!result)\n return;\n if (!this.formEkyc) {\n this.formEkyc = new FormEkyc_1.default(this.mainScreenId, this.mainSteps);\n this.formEkyc.createForm(result);\n }\n this.formEkyc.openFormEkycDialog();\n }\n onClickConfirm() {\n const tqPage = new ThankYou_1.default(this.mainScreenId, this.mainSteps);\n this.clearScreen();\n tqPage.render();\n // Pending: redirect to close window\n console.log(\"on click confirm\");\n }\n}\nexports[\"default\"] = ReviewEkyc;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/ReviewEkyc.ts?");
3750
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst FormEkyc_1 = __importDefault(__webpack_require__(/*! ./FormEkyc */ \"./src/pageClass/FormEkyc.ts\"));\n// constant\nconst doc_1 = __webpack_require__(/*! ../constant/doc */ \"./src/constant/doc.ts\");\n// components\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst footer_1 = __importDefault(__webpack_require__(/*! ../components/footer */ \"./src/components/footer.ts\"));\nclass ReviewEkyc extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n }\n render(payload) {\n return __awaiter(this, void 0, void 0, function* () {\n const element = yield this.createPage(payload);\n this.renderContent(element);\n });\n }\n createContentHeader(title, description) {\n const headerDiv = document.createElement(\"div\");\n headerDiv.classList.add(\"pw-p-5\");\n // icon\n const iconDiv = document.createElement(\"div\");\n iconDiv.classList.add(\"pw-text-center\", \"pw-mb-3\");\n const icon = (0, getGoogleIcon_1.getGoogleIcon)(\"check_circle\");\n icon.classList.add(\"pw-text-primary\");\n icon.style.fontSize = \"60px\";\n iconDiv.appendChild(icon);\n headerDiv.appendChild(iconDiv);\n // title\n const wordingDiv = document.createElement(\"div\");\n wordingDiv.classList.add(\"pw-text-center\", \"pw-mb-4\");\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-3\");\n titleDiv.innerHTML = title;\n wordingDiv.appendChild(titleDiv);\n headerDiv.appendChild(wordingDiv);\n // description\n if (description) {\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-text-center\", \"pw-mb-3\");\n descriptionDiv.innerHTML = description;\n wordingDiv.appendChild(descriptionDiv);\n headerDiv.appendChild(wordingDiv);\n }\n return headerDiv;\n }\n createContentBody(payload) {\n const { result, id_type, filepaths } = payload;\n if (!result)\n return;\n const bodyDiv = document.createElement(\"div\");\n bodyDiv.classList.add(\"pw-bg-grey-2\", \"pw-p-5\");\n let resultCopy = Object.assign({}, result);\n const arrangement = Object.keys(doc_1.formLabelMapping);\n for (let i = 0; i < arrangement.length; i++) {\n const key = arrangement[i];\n if (result[key] === undefined)\n continue;\n const formGroup = this.createFormGroup(doc_1.formLabelMapping[key], result[key] || \"\");\n bodyDiv.appendChild(formGroup);\n delete resultCopy[key];\n }\n for (const [key, value] of Object.entries(resultCopy)) {\n if ([\"state_iso\", \"country_iso2\"].includes(key))\n continue;\n const formGroup = this.createFormGroup(doc_1.formLabelMapping[key], value);\n bodyDiv.appendChild(formGroup);\n }\n // images\n const frontImgSrc = filepaths === null || filepaths === void 0 ? void 0 : filepaths.front_doc_key;\n const backImageSrc = filepaths === null || filepaths === void 0 ? void 0 : filepaths.back_doc_key;\n if (id_type && (frontImgSrc || backImageSrc)) {\n const idTypeLabel = document.createElement(\"div\");\n idTypeLabel.classList.add(\"pw-mt-7\", \"pw-mb-2\");\n idTypeLabel.innerHTML = `ID Type: ${doc_1.idTypeMapping[id_type] || \"\"}`;\n bodyDiv.appendChild(idTypeLabel);\n }\n if (frontImgSrc) {\n const frontCard = document.createElement(\"div\");\n frontCard.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-4\");\n const frontTitle = document.createElement(\"div\");\n frontTitle.classList.add(\"pw-text-center\", \"pw-mb-4\");\n frontTitle.innerHTML = \"Front\";\n frontCard.appendChild(frontTitle);\n const frontImgContainer = document.createElement(\"div\");\n frontImgContainer.classList.add(\"pw-mx-auto\", \"pw-w-full\", \"pw-rounded-lg\", \"pw-outline-grey-6\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\");\n const frontImage = document.createElement(\"img\");\n frontImage.classList.add(\"pw-rounded-lg\", \"pw-cursor-pointer\");\n frontImage.setAttribute(\"src\", frontImgSrc);\n frontImage.setAttribute(\"alt\", \"Front Image\");\n frontImage.addEventListener(\"click\", () => {\n this.openImageFullScreen(frontImgSrc);\n });\n frontImgContainer.appendChild(frontImage);\n frontCard.appendChild(frontImgContainer);\n bodyDiv.appendChild(frontCard);\n }\n if (backImageSrc) {\n const backCard = document.createElement(\"div\");\n backCard.classList.add(\"pw-outline-dashed\", \"pw-outline-grey-6\", \"pw-py-4\", \"pw-px-5\", \"pw-rounded-2xl\", \"pw-mb-4\");\n const backTitle = document.createElement(\"div\");\n backTitle.classList.add(\"pw-text-center\", \"pw-mb-4\");\n backTitle.innerHTML = \"Back\";\n backCard.appendChild(backTitle);\n const backImgContainer = document.createElement(\"div\");\n backImgContainer.classList.add(\"pw-mx-auto\", \"pw-w-full\", \"pw-rounded-lg\", \"pw-outline-grey-6\", \"pw-text-center\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-center\", \"pw-mb-7\");\n const backImage = document.createElement(\"img\");\n backImage.classList.add(\"pw-rounded-lg\", \"pw-cursor-pointer\");\n backImage.setAttribute(\"src\", backImageSrc);\n backImage.setAttribute(\"alt\", \"Front Image\");\n backImage.addEventListener(\"click\", () => {\n this.openImageFullScreen(backImageSrc);\n });\n backImgContainer.appendChild(backImage);\n backCard.appendChild(backImgContainer);\n bodyDiv.appendChild(backCard);\n }\n return bodyDiv;\n }\n createPage(payload) {\n return __awaiter(this, void 0, void 0, function* () {\n const reviewEkycDiv = document.createElement(\"div\");\n reviewEkycDiv.classList.add(\"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-right-0\", \"pw-bottom-0\", \"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-overflow-y-hidden\");\n const contentDiv = document.createElement(\"div\");\n contentDiv.classList.add(\"pw-overflow-auto\");\n reviewEkycDiv.appendChild(contentDiv);\n const firstSectionDiv = document.createElement(\"div\");\n firstSectionDiv.classList.add(\"pw-p-5\");\n contentDiv.appendChild(firstSectionDiv);\n const footerDiv = document.createElement(\"div\");\n footerDiv.classList.add(\"pw-p-5\", \"pw-shadow-footer-shadow\");\n reviewEkycDiv.appendChild(footerDiv);\n // dialog header - first section\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(5, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n firstSectionDiv.appendChild(navigationDiv);\n // dialog content - header + content\n // 1. header of the dialog content\n const isEditable = !!(payload === null || payload === void 0 ? void 0 : payload.result);\n const description = isEditable\n ? \"Update your submission details on this page or simply close it if no changes are necessary.\"\n : \"\";\n const headerDiv = this.createContentHeader(\"Thank you, your eKYC is completed\", description);\n contentDiv.appendChild(headerDiv);\n // 2. content of the dialog content\n if (isEditable) {\n const body = this.createContentBody(payload);\n if (body)\n contentDiv.appendChild(body);\n }\n // dialog footer\n const confirmButton = (0, components_1.createPrimaryButton)(\"All good\");\n confirmButton.classList.add(\"pw-mb-3\");\n confirmButton.addEventListener(\"click\", () => {\n this.finishEkyc();\n });\n footerDiv.appendChild(confirmButton);\n if (isEditable) {\n const updateInfoButton = (0, components_1.createSecondaryButton)(\"Update info\");\n updateInfoButton.classList.add(\"pw-mb-5\");\n footerDiv.appendChild(updateInfoButton);\n updateInfoButton.addEventListener(\"click\", () => {\n this.onClickUpdateInfo(payload);\n });\n }\n const footer = new footer_1.default();\n const footerPw = footer.render();\n footerPw.classList.add(\"pw-text-grey-6\");\n footerDiv.appendChild(footerPw);\n return reviewEkycDiv;\n });\n }\n createFormGroup(formLabel, formValue) {\n const formGroup = document.createElement(\"div\");\n formGroup.classList.add(\"pw-flex\", \"pw-flex-row\", \"pw-mb-5\");\n const label = document.createElement(\"div\");\n label.classList.add(\"pw-basis-2/5\");\n label.innerHTML = formLabel;\n const value = document.createElement(\"div\");\n value.classList.add(\"pw-basis-3/5\");\n value.innerHTML = formValue;\n formGroup.appendChild(label);\n formGroup.appendChild(value);\n return formGroup;\n }\n onClickUpdateInfo(payload) {\n const { result } = payload;\n if (!result)\n return;\n if (!this.formEkyc) {\n this.formEkyc = new FormEkyc_1.default(this.mainScreenId, this.displayMode);\n this.formEkyc.createForm(result);\n }\n this.formEkyc.openFormEkycDialog();\n }\n}\nexports[\"default\"] = ReviewEkyc;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/ReviewEkyc.ts?");
3751
3751
 
3752
3752
  /***/ }),
3753
3753
 
@@ -3758,7 +3758,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
3758
3758
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3759
3759
 
3760
3760
  "use strict";
3761
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst example_selfie_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/example_selfie.png */ \"./src/assets/img/example_selfie.png\"));\nclass SelfieError extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const pageDiv = document.createElement(\"div\");\n pageDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const selfieErrorDiv = document.createElement(\"div\");\n const iconContainer = document.createElement(\"div\");\n iconContainer.classList.add(\"pw-mx-auto\", \"pw-mt-16\", \"pw-mb-4\", \"pw-text-center\");\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\");\n warningIcon.style.fontSize = \"60px\";\n iconContainer.appendChild(warningIcon);\n selfieErrorDiv.appendChild(iconContainer);\n const title = document.createElement(\"div\");\n title.classList.add(\"pw-text-center\", \"pw-text-3xl\", \"pw-mb-10\");\n title.innerHTML = \"Submission error\";\n selfieErrorDiv.appendChild(title);\n const selfieDiv = document.createElement(\"div\");\n selfieDiv.classList.add(\"pw-mb-8\");\n const selfieContainer = document.createElement(\"div\");\n selfieContainer.classList.add(\"pw-h-52\", \"pw-w-48\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-rounded-full\", \"pw-mx-auto\", \"pw-overflow-hidden\");\n selfieDiv.appendChild(selfieContainer);\n const selfieImage = document.createElement(\"img\");\n selfieImage.classList.add(\"pw-w-full\");\n selfieImage.setAttribute(\"src\", example_selfie_png_1.default);\n selfieContainer.appendChild(selfieImage);\n selfieErrorDiv.appendChild(selfieDiv);\n const list = document.createElement(\"ul\");\n list.classList.add(\"pw-mb-4\", \"pw-px-4\");\n const listItem1 = document.createElement(\"li\");\n listItem1.classList.add(\"pw-mb-3\");\n listItem1.innerHTML = \"The image is blur, please take a clear photo.\";\n const listItem2 = document.createElement(\"li\");\n listItem2.innerHTML =\n \"The image has glare issues, please take a clear photo in a well-lit area.\";\n list.appendChild(listItem1);\n list.appendChild(listItem2);\n selfieErrorDiv.appendChild(list);\n const contactSupportDiv = document.createElement(\"div\");\n contactSupportDiv.classList.add(\"pw-mb-16\");\n contactSupportDiv.innerHTML = `If a problem persists, please <a class=\"pw-text-primary pw-no-underline\" href=\"#\">contact support.</a>`;\n selfieErrorDiv.appendChild(contactSupportDiv);\n const retakeButton = (0, components_1.createPrimaryButton)(\"Retake\");\n retakeButton.addEventListener(\"click\", () => {\n this.onClickRetake();\n });\n pageDiv.appendChild(selfieErrorDiv);\n pageDiv.appendChild(retakeButton);\n return pageDiv;\n }\n onClickRetake() {\n console.log(\"on click retake\");\n }\n}\nexports[\"default\"] = SelfieError;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/SelfieError.ts?");
3761
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst example_selfie_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/example_selfie.png */ \"./src/assets/img/example_selfie.png\"));\nclass SelfieError extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const pageDiv = document.createElement(\"div\");\n pageDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const selfieErrorDiv = document.createElement(\"div\");\n const iconContainer = document.createElement(\"div\");\n iconContainer.classList.add(\"pw-mx-auto\", \"pw-mt-16\", \"pw-mb-4\", \"pw-text-center\");\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\");\n warningIcon.style.fontSize = \"60px\";\n iconContainer.appendChild(warningIcon);\n selfieErrorDiv.appendChild(iconContainer);\n const title = document.createElement(\"div\");\n title.classList.add(\"pw-text-center\", \"pw-text-3xl\", \"pw-mb-10\");\n title.innerHTML = \"Submission error\";\n selfieErrorDiv.appendChild(title);\n const selfieDiv = document.createElement(\"div\");\n selfieDiv.classList.add(\"pw-mb-8\");\n const selfieContainer = document.createElement(\"div\");\n selfieContainer.classList.add(\"pw-h-52\", \"pw-w-48\", \"pw-border-solid\", \"pw-border-grey-5\", \"pw-rounded-full\", \"pw-mx-auto\", \"pw-overflow-hidden\");\n selfieDiv.appendChild(selfieContainer);\n const selfieImage = document.createElement(\"img\");\n selfieImage.classList.add(\"pw-w-full\");\n selfieImage.setAttribute(\"src\", example_selfie_png_1.default);\n selfieContainer.appendChild(selfieImage);\n selfieErrorDiv.appendChild(selfieDiv);\n const list = document.createElement(\"ul\");\n list.classList.add(\"pw-mb-4\", \"pw-px-4\");\n const listItem1 = document.createElement(\"li\");\n listItem1.classList.add(\"pw-mb-3\");\n listItem1.innerHTML = \"The image is blur, please take a clear photo.\";\n const listItem2 = document.createElement(\"li\");\n listItem2.innerHTML =\n \"The image has glare issues, please take a clear photo in a well-lit area.\";\n list.appendChild(listItem1);\n list.appendChild(listItem2);\n selfieErrorDiv.appendChild(list);\n const contactSupportDiv = document.createElement(\"div\");\n contactSupportDiv.classList.add(\"pw-mb-16\");\n contactSupportDiv.innerHTML = `If a problem persists, please <a class=\"pw-text-primary pw-no-underline\" href=\"#\">contact support.</a>`;\n selfieErrorDiv.appendChild(contactSupportDiv);\n const retakeButton = (0, components_1.createPrimaryButton)(\"Retake\");\n retakeButton.addEventListener(\"click\", () => {\n this.onClickRetake();\n });\n pageDiv.appendChild(selfieErrorDiv);\n pageDiv.appendChild(retakeButton);\n return pageDiv;\n }\n onClickRetake() { }\n}\nexports[\"default\"] = SelfieError;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/SelfieError.ts?");
3762
3762
 
3763
3763
  /***/ }),
3764
3764
 
@@ -3769,7 +3769,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3769
3769
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3770
3770
 
3771
3771
  "use strict";
3772
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst VerifyId_1 = __importDefault(__webpack_require__(/*! ./VerifyId */ \"./src/pageClass/VerifyId.ts\"));\nconst StartSelfie_1 = __importDefault(__webpack_require__(/*! ./StartSelfie */ \"./src/pageClass/StartSelfie.ts\"));\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst icon_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon.png */ \"./src/assets/img/icon.png\"));\nconst icon_id_card_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-id-card.png */ \"./src/assets/img/icon-id-card.png\"));\nconst icon_id_take_selfie_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-id-take-selfie.png */ \"./src/assets/img/icon-id-take-selfie.png\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst footer_1 = __importDefault(__webpack_require__(/*! ../components/footer */ \"./src/components/footer.ts\"));\nclass StartPage extends MainPage_1.default {\n constructor(mainScreenId, mainSteps, verificationTypes) {\n super(mainScreenId, mainSteps);\n this.verificationTypes = verificationTypes;\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const firstPageDiv = document.createElement(\"div\");\n firstPageDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const contentDiv = document.createElement(\"div\");\n firstPageDiv.appendChild(contentDiv);\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-16\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(1, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n contentDiv.appendChild(navigationDiv);\n const iconDiv = document.createElement(\"div\");\n iconDiv.classList.add(\"pw-text-center\", \"pw-mb-9\");\n const icon = document.createElement(\"img\");\n icon.setAttribute(\"src\", icon_png_1.default);\n icon.setAttribute(\"alt\", \"eKYC Verification\");\n iconDiv.appendChild(icon);\n contentDiv.appendChild(iconDiv);\n const wordingDiv = document.createElement(\"div\");\n wordingDiv.classList.add(\"pw-text-center\", \"pw-mb-4\");\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-4\");\n titleDiv.innerHTML = \"eKYC Verification\";\n wordingDiv.appendChild(titleDiv);\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.innerHTML =\n \"Please ensure your document is clear, readable and valid.\";\n wordingDiv.appendChild(descriptionDiv);\n contentDiv.appendChild(wordingDiv);\n if (this.verificationTypes.includes(\"national_identity_document\")) {\n const takeIdPhotoDiv = document.createElement(\"div\");\n takeIdPhotoDiv.classList.add(\"pw-flex\", \"pw-justify-center\", \"pw-items-center\", \"pw-gap-x-3\", \"pw-mb-2\");\n const iconIdImage = document.createElement(\"img\");\n iconIdImage.setAttribute(\"src\", icon_id_card_png_1.default);\n iconIdImage.setAttribute(\"alt\", \"Icon of id card\");\n takeIdPhotoDiv.appendChild(iconIdImage);\n const idWording = document.createElement(\"div\");\n idWording.classList.add(\"pw-font-medium\");\n idWording.innerHTML = \"Take ID photo\";\n takeIdPhotoDiv.appendChild(idWording);\n contentDiv.appendChild(takeIdPhotoDiv);\n }\n if (this.verificationTypes.includes(\"selfie\")) {\n const selfieDiv = document.createElement(\"div\");\n selfieDiv.classList.add(\"pw-flex\", \"pw-justify-center\", \"pw-items-center\", \"pw-gap-x-3\", \"pw-mb-2\");\n const selfieImage = document.createElement(\"img\");\n selfieImage.setAttribute(\"src\", icon_id_take_selfie_png_1.default);\n selfieImage.setAttribute(\"alt\", \"Icon of selfie\");\n selfieDiv.appendChild(selfieImage);\n const selfieWording = document.createElement(\"div\");\n selfieWording.classList.add(\"pw-font-medium\");\n selfieWording.innerHTML = \"Take a selfie\";\n selfieDiv.appendChild(selfieWording);\n contentDiv.appendChild(selfieDiv);\n }\n const footerDiv = document.createElement(\"div\");\n firstPageDiv.appendChild(footerDiv);\n const startNowButton = (0, components_1.createPrimaryButton)(\"Start now\");\n startNowButton.classList.add(\"pw-mb-5\");\n startNowButton.addEventListener(\"click\", () => {\n this.onStartNow(startNowButton);\n });\n footerDiv.appendChild(startNowButton);\n const footer = new footer_1.default().render();\n footerDiv.appendChild(footer);\n return firstPageDiv;\n }\n onStartNow(startNowButton) {\n this.clearScreen();\n if (this.verificationTypes.includes(\"national_identity_document\")) {\n const verifyId = new VerifyId_1.default(this.mainScreenId, this.mainSteps);\n verifyId.render();\n }\n else if (this.verificationTypes.includes(\"selfie\")) {\n const startSelfie = new StartSelfie_1.default(this.mainScreenId, this.mainSteps);\n startSelfie.render();\n }\n }\n}\nexports[\"default\"] = StartPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/StartPage.ts?");
3772
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst VerifyId_1 = __importDefault(__webpack_require__(/*! ./VerifyId */ \"./src/pageClass/VerifyId.ts\"));\nconst StartSelfie_1 = __importDefault(__webpack_require__(/*! ./StartSelfie */ \"./src/pageClass/StartSelfie.ts\"));\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst icon_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon.png */ \"./src/assets/img/icon.png\"));\nconst icon_id_card_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-id-card.png */ \"./src/assets/img/icon-id-card.png\"));\nconst icon_id_take_selfie_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-id-take-selfie.png */ \"./src/assets/img/icon-id-take-selfie.png\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst footer_1 = __importDefault(__webpack_require__(/*! ../components/footer */ \"./src/components/footer.ts\"));\nclass StartPage extends MainPage_1.default {\n constructor(mainScreenId, displayMode, verificationTypes) {\n super(mainScreenId, displayMode);\n this.verificationTypes = verificationTypes;\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const firstPageDiv = document.createElement(\"div\");\n firstPageDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const contentDiv = document.createElement(\"div\");\n firstPageDiv.appendChild(contentDiv);\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-16\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(1, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n closeButton.addEventListener(\"click\", () => this.closeMainPage());\n navigationDiv.appendChild(closeButton);\n contentDiv.appendChild(navigationDiv);\n const iconDiv = document.createElement(\"div\");\n iconDiv.classList.add(\"pw-text-center\", \"pw-mb-9\");\n const icon = document.createElement(\"img\");\n icon.setAttribute(\"src\", icon_png_1.default);\n icon.setAttribute(\"alt\", \"eKYC Verification\");\n iconDiv.appendChild(icon);\n contentDiv.appendChild(iconDiv);\n const wordingDiv = document.createElement(\"div\");\n wordingDiv.classList.add(\"pw-text-center\", \"pw-mb-4\");\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-4\");\n titleDiv.innerHTML = \"eKYC Verification\";\n wordingDiv.appendChild(titleDiv);\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.innerHTML =\n \"Please ensure your document is clear, readable and valid.\";\n wordingDiv.appendChild(descriptionDiv);\n contentDiv.appendChild(wordingDiv);\n if (this.verificationTypes.includes(\"national_identity_document\")) {\n const takeIdPhotoDiv = document.createElement(\"div\");\n takeIdPhotoDiv.classList.add(\"pw-flex\", \"pw-justify-center\", \"pw-items-center\", \"pw-gap-x-3\", \"pw-mb-2\");\n const iconIdImage = document.createElement(\"img\");\n iconIdImage.setAttribute(\"src\", icon_id_card_png_1.default);\n iconIdImage.setAttribute(\"alt\", \"Icon of id card\");\n takeIdPhotoDiv.appendChild(iconIdImage);\n const idWording = document.createElement(\"div\");\n idWording.classList.add(\"pw-font-medium\");\n idWording.innerHTML = \"Take ID photo\";\n takeIdPhotoDiv.appendChild(idWording);\n contentDiv.appendChild(takeIdPhotoDiv);\n }\n if (this.verificationTypes.includes(\"selfie\")) {\n const selfieDiv = document.createElement(\"div\");\n selfieDiv.classList.add(\"pw-flex\", \"pw-justify-center\", \"pw-items-center\", \"pw-gap-x-3\", \"pw-mb-2\");\n const selfieImage = document.createElement(\"img\");\n selfieImage.setAttribute(\"src\", icon_id_take_selfie_png_1.default);\n selfieImage.setAttribute(\"alt\", \"Icon of selfie\");\n selfieDiv.appendChild(selfieImage);\n const selfieWording = document.createElement(\"div\");\n selfieWording.classList.add(\"pw-font-medium\");\n selfieWording.innerHTML = \"Take a selfie\";\n selfieDiv.appendChild(selfieWording);\n contentDiv.appendChild(selfieDiv);\n }\n const footerDiv = document.createElement(\"div\");\n firstPageDiv.appendChild(footerDiv);\n const startNowButton = (0, components_1.createPrimaryButton)(\"Start now\");\n startNowButton.classList.add(\"pw-mb-5\");\n startNowButton.addEventListener(\"click\", () => {\n this.onStartNow(startNowButton);\n });\n footerDiv.appendChild(startNowButton);\n const footer = new footer_1.default().render();\n footerDiv.appendChild(footer);\n return firstPageDiv;\n }\n onStartNow(startNowButton) {\n this.clearScreen();\n if (this.verificationTypes.includes(\"national_identity_document\")) {\n const verifyId = new VerifyId_1.default(this.mainScreenId, this.displayMode);\n verifyId.render();\n }\n else if (this.verificationTypes.includes(\"selfie\")) {\n const startSelfie = new StartSelfie_1.default(this.mainScreenId, this.displayMode);\n startSelfie.render();\n }\n }\n}\nexports[\"default\"] = StartPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/StartPage.ts?");
3773
3773
 
3774
3774
  /***/ }),
3775
3775
 
@@ -3780,18 +3780,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3780
3780
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3781
3781
 
3782
3782
  "use strict";
3783
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst face_camera_1 = __importDefault(__webpack_require__(/*! ../plugins/face-camera */ \"./src/plugins/face-camera.ts\"));\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\n// assets\nconst icon_selfie_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-selfie.png */ \"./src/assets/img/icon-selfie.png\"));\n// pages\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst ReviewEkyc_1 = __importDefault(__webpack_require__(/*! ./ReviewEkyc */ \"./src/pageClass/ReviewEkyc.ts\"));\nconst StartPage_1 = __importDefault(__webpack_require__(/*! ./StartPage */ \"./src/pageClass/StartPage.ts\"));\nconst LoadingPage_1 = __importDefault(__webpack_require__(/*! ./LoadingPage */ \"./src/pageClass/LoadingPage.ts\"));\nconst SelfieError_1 = __importDefault(__webpack_require__(/*! ./SelfieError */ \"./src/pageClass/SelfieError.ts\"));\n// components\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nclass StartSelfie extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const selfiePageDiv = document.createElement(\"div\");\n selfiePageDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const startSelfieDiv = document.createElement(\"div\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-16\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(4, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButtonDiv = document.createElement(\"div\");\n closeButtonDiv.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeButton = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButtonDiv.appendChild(closeButton);\n navigationDiv.appendChild(closeButtonDiv);\n startSelfieDiv.appendChild(navigationDiv);\n const iconDiv = document.createElement(\"div\");\n iconDiv.classList.add(\"pw-text-center\", \"pw-mb-9\");\n const icon = document.createElement(\"img\");\n icon.setAttribute(\"src\", icon_selfie_png_1.default);\n icon.setAttribute(\"alt\", \"eKYC Verification\");\n iconDiv.appendChild(icon);\n startSelfieDiv.appendChild(iconDiv);\n const wordingDiv = document.createElement(\"div\");\n wordingDiv.classList.add(\"pw-text-center\", \"pw-mb-4\");\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-4\");\n titleDiv.innerHTML = \"Take a selfie\";\n wordingDiv.appendChild(titleDiv);\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.innerHTML =\n \"Position your face in the frame and follow the instructions given. Do not wear sunglasses, hat or accessories. Background must be light and neutral.\";\n wordingDiv.appendChild(descriptionDiv);\n startSelfieDiv.appendChild(wordingDiv);\n selfiePageDiv.appendChild(startSelfieDiv);\n const startSelfieButton = (0, components_1.createPrimaryButton)(\"Start selfie\");\n startSelfieButton.addEventListener(\"click\", () => __awaiter(this, void 0, void 0, function* () {\n this.onClickSelfie();\n }));\n selfiePageDiv.appendChild(startSelfieButton);\n return selfiePageDiv;\n }\n createCameraDiv() {\n const screen = document.getElementById(this.mainScreenId);\n const cameraDiv = document.createElement(\"div\");\n cameraDiv.setAttribute(\"id\", \"pw-camera-container\");\n screen === null || screen === void 0 ? void 0 : screen.appendChild(cameraDiv);\n }\n uploadSelfie(detail) {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n // show loading spinner in full pg\n (0, components_1.createFullLoading)(this.mainScreenId);\n const { image, livenessScore } = detail;\n yield uisdk_1.pwInstance.uploadSelfie({\n selfie_base64: image,\n liveness_score: livenessScore,\n });\n }\n finally {\n // hide loading spinner in full pg\n (0, components_1.hideFullLoading)();\n }\n });\n }\n viewEkycResult() {\n return __awaiter(this, void 0, void 0, function* () {\n // show loading page\n const loadingPage = new LoadingPage_1.default(this.mainScreenId, this.mainSteps);\n // 1. first desc in loading screen\n this.clearScreen();\n loadingPage.render(\"Securely uploading the pictures to server\", \"Please do not close your browser, this may take a moment.\");\n // 2. after 3 seconds\n // update desc in loading screen, and call sdk\n yield new Promise((resolve) => setTimeout(resolve, 3000));\n loadingPage.title = \"Analysing the pictures\";\n const payload = yield uisdk_1.pwInstance.viewResult();\n const { status, is_retriable, id_status, selfie_status, id_type, result, filepaths, } = payload;\n // 3. Redirect to page\n this.clearScreen();\n // redirect to thank you page and show update btn\n if (status === \"approved\") {\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.mainSteps);\n reviewEkyc.render({\n id_type,\n result,\n filepaths,\n });\n }\n // (fail: pending status / not able to retry)\n // redirect to thank you page and show ntg\n else if (!is_retriable || status === \"pending\") {\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.mainSteps);\n return reviewEkyc.render({\n id_type,\n result,\n filepaths,\n });\n }\n // (fail: review/rejected status - able to retry)\n // Pending: redirect to message pg (tell user to redo and show which part consist error)\n else {\n console.log(id_status, selfie_status);\n const firstPage = new StartPage_1.default(this.mainScreenId, this.mainSteps, uisdk_1.pwInstance.tokenDetails.verification_types);\n firstPage.render();\n }\n return true;\n });\n }\n onClickSelfie() {\n this.createCameraDiv();\n const faceCamera = new face_camera_1.default(\"pw-camera-container\", this.mainScreenId);\n faceCamera.init();\n faceCamera.listenToSelfieCapture((e) => __awaiter(this, void 0, void 0, function* () {\n try {\n faceCamera.pauseSmileFace();\n yield this.uploadSelfie(e.detail);\n faceCamera.stopVideoStream();\n yield this.viewEkycResult();\n }\n catch (err) {\n if (err.type &&\n [\n \"openApi/max-selfie-attempt\",\n \"openApi/max-session-attempt\",\n \"openApi/limit-exceed\",\n \"attempt-exceeded\",\n ].includes(err.type)) {\n this.clearScreen();\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.mainSteps);\n return reviewEkyc.render();\n }\n else if (err.type &&\n [\n \"openApi/verification-type-invalid\",\n \"openApi/issuing-country-invalid\",\n \"openApi/doc-type-invalid\",\n \"openApi/doc-unpair\",\n \"openApi/doc-empty\",\n \"openApi/doc-front-back-img-unsimilar\",\n \"openApi/doc-not-positioned-proper\",\n \"openApi/img-exposed\",\n ].includes(err.type)) {\n this.clearScreen();\n // redirect to selfie error page\n const selfieError = new SelfieError_1.default(this.mainScreenId, this.mainSteps);\n return selfieError.render();\n }\n // Pending: redirect to common error page\n console.log(\"Failure on unknown\", JSON.stringify(err));\n }\n }));\n }\n}\nexports[\"default\"] = StartSelfie;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/StartSelfie.ts?");
3784
-
3785
- /***/ }),
3786
-
3787
- /***/ "./src/pageClass/ThankYou.ts":
3788
- /*!***********************************!*\
3789
- !*** ./src/pageClass/ThankYou.ts ***!
3790
- \***********************************/
3791
- /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3792
-
3793
- "use strict";
3794
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass ThankYouPage extends MainPage_1.default {\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const pageDiv = document.createElement(\"div\");\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-5\", \"pw-top-5\");\n const closeIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButton.appendChild(closeIcon);\n closeButton.addEventListener(\"click\", () => {\n this.finishEkyc();\n });\n pageDiv.appendChild(closeButton);\n const contentDiv = document.createElement(\"div\");\n contentDiv.classList.add(\"pw-absolute\", \"pw-top-1/2\", \"-pw-translate-y-1/2\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-w-72\");\n pageDiv.appendChild(contentDiv);\n const thankYouTitle = document.createElement(\"div\");\n thankYouTitle.classList.add(\"pw-font-medium\", \"pw-text-2xl\", \"pw-text-center\");\n thankYouTitle.innerHTML = \"You may now close this window\";\n contentDiv.appendChild(thankYouTitle);\n return pageDiv;\n }\n}\nexports[\"default\"] = ThankYouPage;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/ThankYou.ts?");
3783
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst face_camera_1 = __importDefault(__webpack_require__(/*! ../plugins/face-camera */ \"./src/plugins/face-camera.ts\"));\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\n// assets\nconst icon_selfie_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-selfie.png */ \"./src/assets/img/icon-selfie.png\"));\n// pages\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst ReviewEkyc_1 = __importDefault(__webpack_require__(/*! ./ReviewEkyc */ \"./src/pageClass/ReviewEkyc.ts\"));\nconst StartPage_1 = __importDefault(__webpack_require__(/*! ./StartPage */ \"./src/pageClass/StartPage.ts\"));\nconst LoadingPage_1 = __importDefault(__webpack_require__(/*! ./LoadingPage */ \"./src/pageClass/LoadingPage.ts\"));\nconst SelfieError_1 = __importDefault(__webpack_require__(/*! ./SelfieError */ \"./src/pageClass/SelfieError.ts\"));\n// components\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nclass StartSelfie extends MainPage_1.default {\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n const selfiePageDiv = document.createElement(\"div\");\n selfiePageDiv.classList.add(\"pw-flex\", \"pw-flex-col\", \"pw-justify-between\", \"pw-h-full\");\n const startSelfieDiv = document.createElement(\"div\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-16\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(4, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButtonDiv = document.createElement(\"div\");\n closeButtonDiv.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeButton = (0, getGoogleIcon_1.getGoogleIcon)(\"close\");\n closeButtonDiv.appendChild(closeButton);\n navigationDiv.appendChild(closeButtonDiv);\n startSelfieDiv.appendChild(navigationDiv);\n const iconDiv = document.createElement(\"div\");\n iconDiv.classList.add(\"pw-text-center\", \"pw-mb-9\");\n const icon = document.createElement(\"img\");\n icon.setAttribute(\"src\", icon_selfie_png_1.default);\n icon.setAttribute(\"alt\", \"eKYC Verification\");\n iconDiv.appendChild(icon);\n startSelfieDiv.appendChild(iconDiv);\n const wordingDiv = document.createElement(\"div\");\n wordingDiv.classList.add(\"pw-text-center\", \"pw-mb-4\");\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-4\");\n titleDiv.innerHTML = \"Take a selfie\";\n wordingDiv.appendChild(titleDiv);\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.innerHTML =\n \"Position your face in the frame and follow the instructions given. Do not wear sunglasses, hat or accessories. Background must be light and neutral.\";\n wordingDiv.appendChild(descriptionDiv);\n startSelfieDiv.appendChild(wordingDiv);\n selfiePageDiv.appendChild(startSelfieDiv);\n const startSelfieButton = (0, components_1.createPrimaryButton)(\"Start selfie\");\n startSelfieButton.addEventListener(\"click\", () => __awaiter(this, void 0, void 0, function* () {\n this.onClickSelfie();\n }));\n selfiePageDiv.appendChild(startSelfieButton);\n return selfiePageDiv;\n }\n createCameraDiv() {\n const screen = document.getElementById(this.mainScreenId);\n const cameraDiv = document.createElement(\"div\");\n cameraDiv.setAttribute(\"id\", \"pw-camera-container\");\n screen === null || screen === void 0 ? void 0 : screen.appendChild(cameraDiv);\n }\n uploadSelfie(detail) {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n // show loading spinner in full pg\n (0, components_1.createFullLoading)(this.mainScreenId);\n const { image, livenessScore } = detail;\n yield uisdk_1.pwInstance.uploadSelfie({\n selfie_base64: image,\n liveness_score: livenessScore,\n });\n }\n finally {\n // hide loading spinner in full pg\n (0, components_1.hideFullLoading)();\n }\n });\n }\n viewEkycResult() {\n return __awaiter(this, void 0, void 0, function* () {\n // show loading page\n const loadingPage = new LoadingPage_1.default(this.mainScreenId, this.displayMode);\n // 1. first desc in loading screen\n this.clearScreen();\n loadingPage.render(\"Securely uploading the pictures to server\", \"Please do not close your browser, this may take a moment.\");\n // 2. after 3 seconds\n // update desc in loading screen, and call sdk\n yield new Promise((resolve) => setTimeout(resolve, 3000));\n loadingPage.title = \"Analysing the pictures\";\n const payload = yield uisdk_1.pwInstance.viewResult();\n const { status, is_retriable, id_status, selfie_status, id_type, result, filepaths, } = payload;\n // 3. Redirect to page\n this.clearScreen();\n // redirect to thank you page and show update btn\n if (status === \"approved\") {\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.displayMode);\n reviewEkyc.render({\n id_type,\n result,\n filepaths,\n });\n }\n // (fail: pending status / not able to retry)\n // redirect to thank you page and show ntg\n else if (!is_retriable || status === \"pending\") {\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.displayMode);\n return reviewEkyc.render({\n id_type,\n result,\n filepaths,\n });\n }\n // (fail: review/rejected status - able to retry)\n // Pending: redirect to message pg (tell user to redo and show which part consist error)\n else {\n const firstPage = new StartPage_1.default(this.mainScreenId, this.displayMode, uisdk_1.pwInstance.verificationTypes);\n firstPage.render();\n }\n return true;\n });\n }\n onClickSelfie() {\n this.createCameraDiv();\n const faceCamera = new face_camera_1.default(\"pw-camera-container\", this.mainScreenId);\n faceCamera.init();\n faceCamera.listenToSelfieCapture((e) => __awaiter(this, void 0, void 0, function* () {\n try {\n faceCamera.pauseSmileFace();\n yield this.uploadSelfie(e.detail);\n faceCamera.stopVideoStream();\n yield this.viewEkycResult();\n }\n catch (err) {\n if (err.type &&\n [\n \"openApi/max-selfie-attempt\",\n \"openApi/max-session-attempt\",\n \"openApi/limit-exceed\",\n \"openApi/session-id-expired\",\n \"attempt-exceeded\",\n \"session-id-expired\",\n ].includes(err.type)) {\n this.clearScreen();\n const reviewEkyc = new ReviewEkyc_1.default(this.mainScreenId, this.displayMode);\n return reviewEkyc.render();\n }\n else if (err.type &&\n [\n \"openApi/verification-type-invalid\",\n \"openApi/issuing-country-invalid\",\n \"openApi/doc-type-invalid\",\n \"openApi/doc-unpair\",\n \"openApi/doc-empty\",\n \"openApi/doc-front-back-img-unsimilar\",\n \"openApi/doc-not-positioned-proper\",\n \"openApi/img-exposed\",\n ].includes(err.type)) {\n this.clearScreen();\n // redirect to selfie error page\n const selfieError = new SelfieError_1.default(this.mainScreenId, this.displayMode);\n return selfieError.render();\n }\n this.openErrorPage();\n }\n }));\n }\n}\nexports[\"default\"] = StartSelfie;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/StartSelfie.ts?");
3795
3784
 
3796
3785
  /***/ }),
3797
3786
 
@@ -3802,7 +3791,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3802
3791
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3803
3792
 
3804
3793
  "use strict";
3805
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\n// plugins\nconst card_camera_1 = __importDefault(__webpack_require__(/*! ../plugins/card-camera */ \"./src/plugins/card-camera.ts\"));\n// models\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\n// components\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst dropdownButton_1 = __importDefault(__webpack_require__(/*! ../components/dropdownButton */ \"./src/components/dropdownButton.ts\"));\n// assets\nconst icon_id_card_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-id-card.png */ \"./src/assets/img/icon-id-card.png\"));\nconst icon_passport_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-passport.png */ \"./src/assets/img/icon-passport.png\"));\n// pages\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst ConfirmDoc_1 = __importDefault(__webpack_require__(/*! ./ConfirmDoc */ \"./src/pageClass/ConfirmDoc.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst imagesHelper_1 = __webpack_require__(/*! ../helper/imagesHelper */ \"./src/helper/imagesHelper.ts\");\nclass VerifyId extends MainPage_1.default {\n get docTypeMapping() {\n return {\n national_identity_document: {\n front: camera_1.CARD_TYPES.ID,\n back: camera_1.CARD_TYPES.ID_BACK,\n },\n driving_license: {\n front: camera_1.CARD_TYPES.LICENSE,\n back: camera_1.CARD_TYPES.LICENSE_BACK,\n },\n passport: {\n front: camera_1.CARD_TYPES.PASSPORT,\n back: undefined,\n },\n };\n }\n constructor(mainScreenId, mainSteps) {\n super(mainScreenId, mainSteps);\n this.frontImg = \"\";\n this.backImg = \"\";\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n var _a;\n const verifyIdDiv = document.createElement(\"div\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-6\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(2, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = document.createElement(\"span\");\n closeIcon.classList.add(\"material-icons\", \"pw-text-gray-400\", \"pw-cursor-pointer\");\n closeIcon.innerHTML = \"close\";\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n verifyIdDiv.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-6\");\n titleDiv.innerHTML = \"Verify your ID\";\n verifyIdDiv.appendChild(titleDiv);\n // issuing country/region\n const countries = uisdk_1.pwInstance.issuingCountries;\n this.defaultCountry = ((_a = uisdk_1.pwInstance.defaultCountry) === null || _a === void 0 ? void 0 : _a.iso_code) || \"\";\n const fieldName = \"Issuing country/region\";\n // - dropdown button label\n const country = document.createElement(\"div\");\n country.classList.add(\"pw-mb-3\");\n country.innerHTML = fieldName;\n verifyIdDiv.appendChild(country);\n // - dropdown button instance\n const countryDropdown = new dropdownButton_1.default(\"issuing-country\", fieldName, countries.map((country) => {\n return { value: country.iso_code, label: country.name };\n }), this.defaultCountry);\n // - dropdown button event listener\n countryDropdown.onUpdateValue = (value) => {\n this.defaultCountry = value;\n };\n // - dropdown button render\n const countryDropdownDiv = countryDropdown.render();\n countryDropdownDiv.classList.add(\"pw-mb-6\");\n verifyIdDiv.appendChild(countryDropdownDiv);\n // ID card\n const documentTypeDiv = document.createElement(\"div\");\n documentTypeDiv.classList.add(\"pw-mb-3\");\n documentTypeDiv.innerHTML = \"Document type\";\n verifyIdDiv.appendChild(documentTypeDiv);\n const idButton = (0, components_1.createOutlineButton)(\"ID Card\", icon_id_card_png_1.default);\n idButton.classList.add(\"pw-mb-3\");\n // ID card button click event\n idButton.addEventListener(\"click\", () => {\n this.createCameraDiv();\n this.onClickDoc(\"national_identity_document\");\n });\n verifyIdDiv.appendChild(idButton);\n // License button click event\n const driverLicense = (0, components_1.createOutlineButton)(\"Driver's License\", icon_id_card_png_1.default);\n driverLicense.classList.add(\"pw-mb-3\");\n driverLicense.addEventListener(\"click\", () => {\n this.createCameraDiv();\n this.onClickDoc(\"driving_license\");\n });\n verifyIdDiv.appendChild(driverLicense);\n // Passport button click event\n const passport = (0, components_1.createOutlineButton)(\"Passport\", icon_passport_png_1.default);\n passport.classList.add(\"pw-mb-3\");\n passport.addEventListener(\"click\", () => {\n this.createCameraDiv();\n this.onClickDoc(\"passport\");\n });\n verifyIdDiv.appendChild(passport);\n return verifyIdDiv;\n }\n createCameraDiv() {\n const screen = document.getElementById(this.mainScreenId);\n const cameraDiv = document.createElement(\"div\");\n cameraDiv.setAttribute(\"id\", \"pw-camera-container\");\n screen === null || screen === void 0 ? void 0 : screen.appendChild(cameraDiv);\n }\n onClickDoc(docType) {\n const typeMapping = this.docTypeMapping[docType];\n const idCam = new card_camera_1.default(\"pw-camera-container\", typeMapping.front, this.mainScreenId);\n idCam.init();\n idCam.listenToCaptureImage((payload) => {\n const { type, image } = payload.detail;\n // only need front img\n if (type === typeMapping.front && !typeMapping.back) {\n this.frontImg = image;\n (0, imagesHelper_1.setFrontImg)(this.frontImg);\n idCam.stopVideoStream();\n this.onRedirectDocConfirmPg(docType);\n }\n // need both front and back img\n else if (type === typeMapping.front) {\n this.frontImg = image;\n (0, imagesHelper_1.setFrontImg)(this.frontImg);\n this.renderLoadingScreen();\n setTimeout(() => {\n this.updateOverlayContent(this.swapSideDisplay());\n // idCam.flipOverlayContainer();\n // this.flipCard();\n }, 200);\n setTimeout(() => {\n this.removeOverlayElement();\n idCam.updateType(typeMapping.back);\n }, 2000);\n }\n else if (type === typeMapping.back) {\n this.backImg = image;\n (0, imagesHelper_1.setBackImg)(this.backImg);\n idCam.stopVideoStream();\n this.onRedirectDocConfirmPg(docType);\n }\n });\n }\n onRedirectDocConfirmPg(docType) {\n const confirmDoc = new ConfirmDoc_1.default(this.mainScreenId, this.mainSteps, this.defaultCountry || \"\", docType, this.frontImg, this.backImg);\n this.clearScreen();\n confirmDoc.render();\n }\n swapSideDisplay() {\n const swapSide = document.createElement(\"div\");\n swapSide.classList.add(\"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\");\n const cardDescription = document.createElement(\"div\");\n cardDescription.classList.add(\"pw-text-center\", \"pw-mb-5\", \"pw-text-2xl\", \"pw-text-white\");\n cardDescription.innerHTML = \"Flip the other side\";\n swapSide.appendChild(cardDescription);\n const cardContainer = document.createElement(\"div\");\n cardContainer.classList.add(\"pw-text-center\");\n const card = (0, getGoogleIcon_1.getGoogleIcon)(\"credit_card\");\n card.classList.add(\"pw-text-white\", \"pw-text-center\", \"pw-animate-camera\");\n card.style.fontSize = \"77px\";\n cardContainer.appendChild(card);\n swapSide.appendChild(cardContainer);\n return swapSide;\n }\n}\nexports[\"default\"] = VerifyId;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/VerifyId.ts?");
3794
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst uisdk_1 = __webpack_require__(/*! ../uisdk */ \"./src/uisdk.ts\");\n// plugins\nconst card_camera_1 = __importDefault(__webpack_require__(/*! ../plugins/card-camera */ \"./src/plugins/card-camera.ts\"));\n// models\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\n// components\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst stepper_1 = __importDefault(__webpack_require__(/*! ../components/stepper */ \"./src/components/stepper.ts\"));\nconst dropdownButton_1 = __importDefault(__webpack_require__(/*! ../components/dropdownButton */ \"./src/components/dropdownButton.ts\"));\n// assets\nconst icon_id_card_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-id-card.png */ \"./src/assets/img/icon-id-card.png\"));\nconst icon_passport_png_1 = __importDefault(__webpack_require__(/*! ../assets/img/icon-passport.png */ \"./src/assets/img/icon-passport.png\"));\n// pages\nconst MainPage_1 = __importDefault(__webpack_require__(/*! ../classes/MainPage */ \"./src/classes/MainPage.ts\"));\nconst ConfirmDoc_1 = __importDefault(__webpack_require__(/*! ./ConfirmDoc */ \"./src/pageClass/ConfirmDoc.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst imagesHelper_1 = __webpack_require__(/*! ../helper/imagesHelper */ \"./src/helper/imagesHelper.ts\");\nclass VerifyId extends MainPage_1.default {\n get docTypeMapping() {\n return {\n national_identity_document: {\n front: camera_1.CARD_TYPES.ID,\n back: camera_1.CARD_TYPES.ID_BACK,\n },\n driving_license: {\n front: camera_1.CARD_TYPES.LICENSE,\n back: camera_1.CARD_TYPES.LICENSE_BACK,\n },\n passport: {\n front: camera_1.CARD_TYPES.PASSPORT,\n back: undefined,\n },\n };\n }\n constructor(mainScreenId, displayMode) {\n super(mainScreenId, displayMode);\n this.frontImg = \"\";\n this.backImg = \"\";\n }\n render() {\n this.renderContent(this.createPage());\n }\n createPage() {\n var _a;\n const verifyIdDiv = document.createElement(\"div\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-relative\", \"pw-text-center\", \"pw-mb-6\");\n const stepper = new stepper_1.default();\n const stepperElement = stepper.render(2, 5);\n navigationDiv.classList.add(\"pw-pt-3\");\n navigationDiv.appendChild(stepperElement);\n const closeButton = document.createElement(\"div\");\n closeButton.classList.add(\"pw-absolute\", \"pw-right-0\", \"pw-top-0\");\n const closeIcon = document.createElement(\"span\");\n closeIcon.classList.add(\"material-icons\", \"pw-text-gray-400\", \"pw-cursor-pointer\");\n closeIcon.innerHTML = \"close\";\n closeButton.appendChild(closeIcon);\n navigationDiv.appendChild(closeButton);\n verifyIdDiv.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-font-medium\", \"pw-mb-6\");\n titleDiv.innerHTML = \"Verify your ID\";\n verifyIdDiv.appendChild(titleDiv);\n // issuing country/region\n const countries = uisdk_1.pwInstance.issuingCountries;\n this.defaultCountry = ((_a = uisdk_1.pwInstance.defaultCountry) === null || _a === void 0 ? void 0 : _a.iso_code) || \"\";\n const fieldName = \"Issuing country/region\";\n // - dropdown button label\n const country = document.createElement(\"div\");\n country.classList.add(\"pw-mb-3\");\n country.innerHTML = fieldName;\n verifyIdDiv.appendChild(country);\n // - dropdown button instance\n const countryDropdown = new dropdownButton_1.default(\"issuing-country\", fieldName, countries.map((country) => {\n return { value: country.iso_code, label: country.name };\n }), this.defaultCountry);\n // - dropdown button event listener\n countryDropdown.onUpdateValue = (value) => {\n this.defaultCountry = value;\n };\n // - dropdown button render\n const countryDropdownDiv = countryDropdown.render();\n countryDropdownDiv.classList.add(\"pw-mb-6\");\n verifyIdDiv.appendChild(countryDropdownDiv);\n // ID card\n const documentTypeDiv = document.createElement(\"div\");\n documentTypeDiv.classList.add(\"pw-mb-3\");\n documentTypeDiv.innerHTML = \"Document type\";\n verifyIdDiv.appendChild(documentTypeDiv);\n const idButton = (0, components_1.createOutlineButton)(\"ID Card\", icon_id_card_png_1.default);\n idButton.classList.add(\"pw-mb-3\");\n // ID card button click event\n idButton.addEventListener(\"click\", () => {\n this.createCameraDiv();\n this.onClickDoc(\"national_identity_document\");\n });\n verifyIdDiv.appendChild(idButton);\n // License button click event\n const driverLicense = (0, components_1.createOutlineButton)(\"Driver's License\", icon_id_card_png_1.default);\n driverLicense.classList.add(\"pw-mb-3\");\n driverLicense.addEventListener(\"click\", () => {\n this.createCameraDiv();\n this.onClickDoc(\"driving_license\");\n });\n verifyIdDiv.appendChild(driverLicense);\n // Passport button click event\n const passport = (0, components_1.createOutlineButton)(\"Passport\", icon_passport_png_1.default);\n passport.classList.add(\"pw-mb-3\");\n passport.addEventListener(\"click\", () => {\n this.createCameraDiv();\n this.onClickDoc(\"passport\");\n });\n verifyIdDiv.appendChild(passport);\n return verifyIdDiv;\n }\n createCameraDiv() {\n const screen = document.getElementById(this.mainScreenId);\n const cameraDiv = document.createElement(\"div\");\n cameraDiv.setAttribute(\"id\", \"pw-camera-container\");\n screen === null || screen === void 0 ? void 0 : screen.appendChild(cameraDiv);\n }\n onClickDoc(docType) {\n const typeMapping = this.docTypeMapping[docType];\n const idCam = new card_camera_1.default(\"pw-camera-container\", typeMapping.front, this.mainScreenId);\n idCam.init();\n idCam.listenToCaptureImage((payload) => {\n const { type, image } = payload.detail;\n // only need front img\n if (type === typeMapping.front && !typeMapping.back) {\n this.frontImg = image;\n (0, imagesHelper_1.setFrontImg)(this.frontImg);\n idCam.stopVideoStream();\n this.onRedirectDocConfirmPg(docType);\n }\n // need both front and back img\n else if (type === typeMapping.front) {\n this.frontImg = image;\n (0, imagesHelper_1.setFrontImg)(this.frontImg);\n this.renderLoadingScreen();\n setTimeout(() => {\n this.updateOverlayContent(this.swapSideDisplay());\n // idCam.flipOverlayContainer();\n // this.flipCard();\n }, 200);\n setTimeout(() => {\n this.removeOverlayElement();\n idCam.updateType(typeMapping.back);\n }, 2000);\n }\n else if (type === typeMapping.back) {\n this.backImg = image;\n (0, imagesHelper_1.setBackImg)(this.backImg);\n idCam.stopVideoStream();\n this.onRedirectDocConfirmPg(docType);\n }\n });\n }\n onRedirectDocConfirmPg(docType) {\n const confirmDoc = new ConfirmDoc_1.default(this.mainScreenId, this.displayMode, this.defaultCountry || \"\", docType, this.frontImg, this.backImg);\n this.clearScreen();\n confirmDoc.render();\n }\n swapSideDisplay() {\n const swapSide = document.createElement(\"div\");\n swapSide.classList.add(\"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\");\n const cardDescription = document.createElement(\"div\");\n cardDescription.classList.add(\"pw-text-center\", \"pw-mb-5\", \"pw-text-2xl\", \"pw-text-white\");\n cardDescription.innerHTML = \"Flip the other side\";\n swapSide.appendChild(cardDescription);\n const cardContainer = document.createElement(\"div\");\n cardContainer.classList.add(\"pw-text-center\");\n const card = (0, getGoogleIcon_1.getGoogleIcon)(\"credit_card\");\n card.classList.add(\"pw-text-white\", \"pw-text-center\", \"pw-animate-camera\");\n card.style.fontSize = \"77px\";\n cardContainer.appendChild(card);\n swapSide.appendChild(cardContainer);\n return swapSide;\n }\n}\nexports[\"default\"] = VerifyId;\n\n\n//# sourceURL=webpack://PWUISDK/./src/pageClass/VerifyId.ts?");
3806
3795
 
3807
3796
  /***/ }),
3808
3797
 
@@ -3813,7 +3802,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3813
3802
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3814
3803
 
3815
3804
  "use strict";
3816
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst card_detection_1 = __importDefault(__webpack_require__(/*! ./card-detection */ \"./src/plugins/card-detection.ts\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nconst camera_instruction_1 = __importDefault(__webpack_require__(/*! ../constant/camera-instruction */ \"./src/constant/camera-instruction.ts\"));\nconst bottomDialog_1 = __importDefault(__webpack_require__(/*! ../components/bottomDialog */ \"./src/components/bottomDialog.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nclass CardCamera {\n constructor(cameraId, cardType, mainScreenId = \"\") {\n this.cameraTimeLimit = 90000;\n this.videoElement = null;\n this.canvasElement = null;\n this.overlayElement = null;\n this.titleElement = null;\n this.footerElement = null;\n this.cameraId = cameraId;\n this.cardType = cardType;\n this.mainScreenId = mainScreenId;\n }\n isMobile() {\n const navigator = window.navigator.userAgent ||\n window.navigator.vendor ||\n window.opera;\n if (!navigator)\n return false;\n var isMobile = /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(navigator) ||\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(navigator.substr(0, 4));\n return isMobile;\n }\n captureImage() {\n if (!this.canvasElement || !this.videoElement || !this.overlayElement)\n return \"\";\n const canvas = document.createElement(\"canvas\");\n canvas.width = this.canvasElement.clientWidth;\n canvas.height = this.canvasElement.clientHeight;\n var ctx = canvas.getContext(\"2d\");\n if (!ctx)\n return \"\";\n //draw image to canvas. scale to target dimensions\n ctx.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);\n // crop the selected part image\n const x = (canvas.width - this.overlayElement.clientWidth) / 2;\n const y = (canvas.height - this.overlayElement.clientHeight) / 2;\n const imgData = ctx.getImageData(x, y, this.overlayElement.clientWidth, this.overlayElement.clientHeight);\n canvas.width = this.overlayElement.clientWidth;\n canvas.height = this.overlayElement.clientHeight;\n ctx.putImageData(imgData, 0, 0);\n //convert to desired file format\n return canvas.toDataURL(\"image/jpeg\");\n }\n init() {\n // 1. Draw the camera display\n this.drawCameraDisplay();\n // 2. Setup related SDK\n const { videoElement, canvasElement, titleElement } = this;\n this.cardDetectionSdk = new card_detection_1.default({\n videoElement,\n canvasElement,\n titleElement,\n });\n // 3. Get the camera permission and trigger the card detection\n this.cameraInit();\n // 4. Start timer to close camera\n this.timer = setTimeout(() => __awaiter(this, void 0, void 0, function* () {\n yield this.stopVideoStream();\n this.openIdleDialog();\n }), this.cameraTimeLimit);\n }\n openIdleDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const overlay = document.createElement(\"div\");\n overlay.classList.add(\"pw-bg-black\", \"pw-bg-opacity-70\", \"pw-absolute\", \"pw-inset-0\", \"pw-z-50\");\n const overlayContent = document.createElement(\"div\");\n overlayContent.classList.add(\"pw-box-sizing\", \"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\", \"pw-p-5\", \"pw-bg-white\", \"pw-rounded-lg\", \"pw-w-4/5\", \"pw-text-center\");\n overlay.appendChild(overlayContent);\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\", \"pw-pt-1\", \"pw-mb-4\");\n warningIcon.style.fontSize = \"60px\";\n overlayContent.appendChild(warningIcon);\n const dialogWording = document.createElement(\"div\");\n dialogWording.classList.add(\"pw-text-center\", \"pw-mb-6\");\n dialogWording.innerHTML = \"You have been idle for too long.\";\n overlayContent.appendChild(dialogWording);\n const buttonContainer = document.createElement(\"div\");\n buttonContainer.classList.add(\"pw-w-36\", \"pw-mx-auto\");\n const okayButton = (0, components_1.createSecondaryButton)(\"Okay\");\n buttonContainer.appendChild(okayButton);\n overlayContent.appendChild(buttonContainer);\n okayButton.addEventListener(\"click\", () => {\n overlay.remove();\n });\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.appendChild(overlay);\n }\n drawCameraDisplay() {\n // 1. header section\n const header = document.createElement(\"div\");\n header.id = camera_1.ELEMENT_IDS.HEADER;\n // header.classList.add(\"camera-header-area\");\n header.classList.add(\"pw-absolute\", \"pw-z-[2]\", \"pw-w-full\", \"pw-text-white\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-px-5\", \"pw-py-4\", \"pw-flex\", \"pw-justify-between\", \"pw-items-end\", \"pw-mb-4\");\n const backArrow = (0, getGoogleIcon_1.getGoogleIcon)(\"arrow_back_ios\");\n backArrow.classList.add(\"pw-cursor-pointer\");\n backArrow.addEventListener(\"click\", () => {\n this.stopVideoStream();\n });\n navigationDiv.appendChild(backArrow);\n header.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.id = \"pw-camera-title\";\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-text-center\", \"pw-mb-4\", \"pw-px-5\");\n // Set title\n titleDiv.innerHTML = camera_instruction_1.default[this.cardType].title;\n header.appendChild(titleDiv);\n this.titleElement = titleDiv;\n // Set Description\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-text-center\", \"pw-px-5\");\n descriptionDiv.innerHTML =\n \"Place your document within the frame and take photo.\";\n header.appendChild(descriptionDiv);\n const body = document.createElement(\"div\");\n body.id = camera_1.ELEMENT_IDS.BODY;\n body.classList.add(\"camera-body-area\");\n const videoContainer = document.createElement(\"div\");\n videoContainer.id = camera_1.ELEMENT_IDS.VIDEO_CONTAINER;\n videoContainer.classList.add(\"video-container\");\n const overlayContainer = document.createElement(\"div\");\n overlayContainer.id = camera_1.ELEMENT_IDS.OVERLAY_CONTAINER;\n overlayContainer.classList.add(\"overlay-container\");\n const overlayElement = document.createElement(\"div\");\n overlayElement.id = camera_1.ELEMENT_IDS.OVERLAY;\n overlayElement.classList.add(\"overlay-element\");\n overlayElement.classList.add(\"pw-hidden\");\n const topBorderElement = document.createElement(\"div\");\n topBorderElement.id = camera_1.ELEMENT_IDS.TOP_BORDER;\n topBorderElement.classList.add(\"border-element\");\n topBorderElement.classList.add(\"border-top-element\");\n const bottomBorderElement = document.createElement(\"div\");\n bottomBorderElement.id = camera_1.ELEMENT_IDS.BOTTOM_BORDER;\n bottomBorderElement.classList.add(\"border-element\");\n bottomBorderElement.classList.add(\"border-bottom-element\");\n const canvasElement = document.createElement(\"canvas\");\n canvasElement.id = camera_1.ELEMENT_IDS.CANVAS;\n canvasElement.classList.add(\"video-element\");\n canvasElement.classList.add(\"canvas-element\");\n const videoElement = document.createElement(\"video\");\n videoElement.id = camera_1.ELEMENT_IDS.VIDEO;\n videoElement.autoplay = true;\n videoElement.classList.add(\"video-element\");\n // 2.1\n this.videoElement = videoElement;\n this.overlayElement = overlayElement;\n this.canvasElement = canvasElement;\n overlayElement.appendChild(topBorderElement);\n overlayElement.appendChild(bottomBorderElement);\n overlayContainer.appendChild(overlayElement);\n videoContainer.appendChild(overlayContainer);\n videoContainer.appendChild(canvasElement);\n videoContainer.appendChild(videoElement);\n body.appendChild(videoContainer);\n // 3. append child\n const mainBody = document.getElementById(this.cameraId);\n if (!mainBody)\n return;\n mainBody.classList.add(\"camera-bg\", \"pw-overflow-y-hidden\");\n mainBody.appendChild(header);\n mainBody.appendChild(body);\n }\n listenToCaptureImage(cb) {\n const cameraBody = document.getElementById(this.cameraId);\n cameraBody === null || cameraBody === void 0 ? void 0 : cameraBody.addEventListener(\"captureImage\", (e) => {\n cb(e);\n });\n }\n // here also is where the take picture button resides\n renderCameraBottomUi() {\n const footer = document.createElement(\"div\");\n footer.id = camera_1.ELEMENT_IDS.FOOTER;\n footer.classList.add(\"pw-absolute\", \"pw-bottom-[10%]\", \"pw-z-[2]\", \"pw-w-full\", \"pw-text-white\", \"pw-relative\");\n const takePicButton = document.createElement(\"div\");\n takePicButton.id = \"takePicButton\";\n takePicButton.classList.add(\"pw-box-border\", \"pw-mx-auto\", \"pw-absolute\", \"pw-bottom-16\", \"pw-relative\", \"pw-rounded-full\", \"pw-h-16\", \"pw-w-16\", \"pw-border-solid\", \"pw-border-white\", \"pw-border-4\", \"pw-cursor-pointer\");\n const smallCircleContainer = document.createElement(\"div\");\n smallCircleContainer.classList.add(\"pw-absolute\", \"pw-top-1/2\", \"-pw-translate-y-1/2\", \"pw-left-1/2\", \"-pw-translate-x-1/2\");\n takePicButton.appendChild(smallCircleContainer);\n const smallCircle = document.createElement(\"div\");\n smallCircle.classList.add(\"pw-w-11\", \"pw-h-11\", \"pw-bg-white\", \"pw-rounded-full\", \"pw-transition-all\", \"pw-duration-100\", \"active:pw-scale-90\");\n smallCircleContainer.appendChild(smallCircle);\n footer.appendChild(takePicButton);\n takePicButton.addEventListener(\"click\", () => {\n const mainBody = document.getElementById(this.cameraId);\n const image = this.captureImage();\n const event = new CustomEvent(\"captureImage\", {\n detail: {\n image,\n type: this.cardType,\n },\n });\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.dispatchEvent(event);\n });\n const mainBody = document.getElementById(this.cameraId);\n const helpDialog = new bottomDialog_1.default(\"pw-help-card-camera\");\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.appendChild(helpDialog.render());\n const dialogContent = document.createElement(\"div\");\n const ul = document.createElement(\"ul\");\n ul.classList.add(\"pw-px-5\");\n const item_1 = document.createElement(\"li\");\n item_1.innerHTML = \"Position your face within the frame.\";\n ul.appendChild(item_1);\n const item_2 = document.createElement(\"li\");\n item_2.innerHTML = \"Make sure your face is not blur or cropped.\";\n ul.appendChild(item_2);\n const item_3 = document.createElement(\"li\");\n item_3.innerHTML = \"Avoid reflection and glare.\";\n ul.appendChild(item_3);\n dialogContent.appendChild(ul);\n helpDialog.addContent(dialogContent);\n const helpIcon = document.createElement(\"span\");\n helpIcon.classList.add(\"pw-absolute\", \"pw-bottom-28\", \"pw-left-10\", \"material-symbols-outlined\", \"pw-scale-[1.7]\");\n helpIcon.innerHTML = \"help\";\n helpIcon.addEventListener(\"click\", () => {\n helpDialog.openDialog();\n });\n footer.appendChild(helpIcon);\n this.footerElement = footer;\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.appendChild(footer);\n }\n stopVideoStream() {\n if (!this.videoElement)\n return;\n const stream = this.videoElement.srcObject;\n if (!stream)\n return;\n const tracks = stream.getTracks();\n tracks.forEach(function (track) {\n track.stop();\n });\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.videoElement.srcObject = null;\n const cameraDiv = document.getElementById(this.cameraId);\n cameraDiv === null || cameraDiv === void 0 ? void 0 : cameraDiv.remove();\n }\n updateType(cardType) {\n this.cardType = cardType;\n const title = document.getElementById(\"pw-camera-title\");\n if (title) {\n title.innerHTML = camera_instruction_1.default[this.cardType].title;\n }\n }\n loadVideoStream(videoElement) {\n const initialConstraints = {\n width: {\n ideal: window.screen.width, // 1280, 1024, 640\n },\n height: {\n ideal: window.screen.height, // 960, 768, 480\n },\n video: true,\n };\n // Load the video stream\n const nav = window.navigator.mediaDevices\n ? window.navigator.mediaDevices\n : window.navigator;\n if (!nav)\n return;\n nav\n .getUserMedia(initialConstraints)\n .then((stream) => {\n videoElement.srcObject = stream;\n })\n .catch((err) => {\n console.error(\"Error accessing the camera:\", err);\n });\n }\n cameraInit() {\n if (!this.videoElement)\n return;\n this.loadVideoStream(this.videoElement);\n // video event listeners\n this.videoElement.addEventListener(\"loadedmetadata\", () => {\n var _a;\n this.cardDetectionSdk.init(this.cardType);\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.classList.remove(\"pw-hidden\");\n });\n this.videoElement.addEventListener(\"resize\", () => {\n const isFooterExist = document.getElementById(camera_1.ELEMENT_IDS.FOOTER);\n if (!isFooterExist) {\n this.renderCameraBottomUi();\n }\n this.resizeElement();\n });\n window.addEventListener(\"resize\", () => {\n this.resizeElement();\n });\n screen.orientation.addEventListener(\"change\", () => {\n const orientationType = screen.orientation.type;\n if (!orientationType || !this.isMobile)\n return;\n if ([\"landscape-primary\", \"landscape-secondary\"].includes(orientationType)) {\n console.log(\"Pop dialog: Please use portrait view\");\n }\n else if ([\"portrait-secondary\", \"portrait-primary\"].includes(orientationType)) {\n console.log(\"Close dialog\");\n }\n });\n }\n resizeElement() {\n if (window.screen.width < window.screen.height) {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: window.screen.width > 640 ? \"auto\" : \"100%\",\n height: \"auto\",\n });\n }\n else {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: \"auto\",\n height: \"auto\",\n });\n }\n this.cardDetectionSdk.resizeElement();\n }\n listenToClickHelp(cb) {\n const mainBody = document.getElementById(this.cameraId);\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.addEventListener(\"click:helpIcon\", () => {\n cb();\n });\n }\n}\nexports[\"default\"] = CardCamera;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/card-camera.ts?");
3805
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst card_detection_1 = __importDefault(__webpack_require__(/*! ./card-detection */ \"./src/plugins/card-detection.ts\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nconst camera_instruction_1 = __importDefault(__webpack_require__(/*! ../constant/camera-instruction */ \"./src/constant/camera-instruction.ts\"));\nconst bottomDialog_1 = __importDefault(__webpack_require__(/*! ../components/bottomDialog */ \"./src/components/bottomDialog.ts\"));\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nclass CardCamera {\n constructor(cameraId, cardType, mainScreenId = \"\") {\n this.cameraTimeLimit = 90000;\n this.videoElement = null;\n this.canvasElement = null;\n this.overlayElement = null;\n this.titleElement = null;\n this.footerElement = null;\n this.cameraId = cameraId;\n this.cardType = cardType;\n this.mainScreenId = mainScreenId;\n }\n isMobile() {\n const navigator = window.navigator.userAgent ||\n window.navigator.vendor ||\n window.opera;\n if (!navigator)\n return false;\n var isMobile = /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(navigator) ||\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(navigator.substr(0, 4));\n return isMobile;\n }\n captureImage() {\n if (!this.canvasElement || !this.videoElement || !this.overlayElement)\n return \"\";\n const canvas = document.createElement(\"canvas\");\n canvas.width = this.canvasElement.clientWidth;\n canvas.height = this.canvasElement.clientHeight;\n var ctx = canvas.getContext(\"2d\");\n if (!ctx)\n return \"\";\n //draw image to canvas. scale to target dimensions\n ctx.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);\n // crop the selected part image\n const x = (canvas.width - this.overlayElement.clientWidth) / 2;\n const y = (canvas.height - this.overlayElement.clientHeight) / 2;\n const imgData = ctx.getImageData(x, y, this.overlayElement.clientWidth, this.overlayElement.clientHeight);\n canvas.width = this.overlayElement.clientWidth;\n canvas.height = this.overlayElement.clientHeight;\n ctx.putImageData(imgData, 0, 0);\n //convert to desired file format\n return canvas.toDataURL(\"image/jpeg\");\n }\n init() {\n // 1. Draw the camera display\n this.drawCameraDisplay();\n // 2. Setup related SDK\n const { videoElement, canvasElement, titleElement } = this;\n this.cardDetectionSdk = new card_detection_1.default({\n videoElement,\n canvasElement,\n titleElement,\n });\n // 3. Get the camera permission and trigger the card detection\n this.cameraInit();\n // 4. Start timer to close camera\n this.timer = setTimeout(() => __awaiter(this, void 0, void 0, function* () {\n yield this.stopVideoStream();\n this.openIdleDialog();\n }), this.cameraTimeLimit);\n }\n openIdleDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const overlay = document.createElement(\"div\");\n overlay.classList.add(\"pw-bg-black\", \"pw-bg-opacity-70\", \"pw-absolute\", \"pw-inset-0\", \"pw-z-50\");\n const overlayContent = document.createElement(\"div\");\n overlayContent.classList.add(\"pw-box-sizing\", \"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\", \"pw-p-5\", \"pw-bg-white\", \"pw-rounded-lg\", \"pw-w-4/5\", \"pw-text-center\");\n overlay.appendChild(overlayContent);\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\", \"pw-pt-1\", \"pw-mb-4\");\n warningIcon.style.fontSize = \"60px\";\n overlayContent.appendChild(warningIcon);\n const dialogWording = document.createElement(\"div\");\n dialogWording.classList.add(\"pw-text-center\", \"pw-mb-6\");\n dialogWording.innerHTML = \"You have been idle for too long.\";\n overlayContent.appendChild(dialogWording);\n const buttonContainer = document.createElement(\"div\");\n buttonContainer.classList.add(\"pw-w-36\", \"pw-mx-auto\");\n const okayButton = (0, components_1.createSecondaryButton)(\"Okay\");\n buttonContainer.appendChild(okayButton);\n overlayContent.appendChild(buttonContainer);\n okayButton.addEventListener(\"click\", () => {\n overlay.remove();\n });\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.appendChild(overlay);\n }\n drawCameraDisplay() {\n // 1. header section\n const header = document.createElement(\"div\");\n header.id = camera_1.ELEMENT_IDS.HEADER;\n // header.classList.add(\"camera-header-area\");\n header.classList.add(\"pw-absolute\", \"pw-z-[2]\", \"pw-w-full\", \"pw-text-white\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-px-5\", \"pw-py-4\", \"pw-flex\", \"pw-justify-between\", \"pw-items-end\", \"pw-mb-4\");\n const backArrow = (0, getGoogleIcon_1.getGoogleIcon)(\"arrow_back_ios\");\n backArrow.classList.add(\"pw-cursor-pointer\");\n backArrow.addEventListener(\"click\", () => {\n this.stopVideoStream();\n });\n navigationDiv.appendChild(backArrow);\n header.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.id = \"pw-camera-title\";\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-text-center\", \"pw-mb-4\", \"pw-px-5\");\n // Set title\n titleDiv.innerHTML = camera_instruction_1.default[this.cardType].title;\n header.appendChild(titleDiv);\n this.titleElement = titleDiv;\n // Set Description\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-text-center\", \"pw-px-5\");\n descriptionDiv.innerHTML =\n \"Place your document within the frame and take photo.\";\n header.appendChild(descriptionDiv);\n const body = document.createElement(\"div\");\n body.id = camera_1.ELEMENT_IDS.BODY;\n body.classList.add(\"camera-body-area\");\n const videoContainer = document.createElement(\"div\");\n videoContainer.id = camera_1.ELEMENT_IDS.VIDEO_CONTAINER;\n videoContainer.classList.add(\"video-container\");\n const overlayContainer = document.createElement(\"div\");\n overlayContainer.id = camera_1.ELEMENT_IDS.OVERLAY_CONTAINER;\n overlayContainer.classList.add(\"overlay-container\");\n const overlayElement = document.createElement(\"div\");\n overlayElement.id = camera_1.ELEMENT_IDS.OVERLAY;\n overlayElement.classList.add(\"overlay-element\");\n overlayElement.classList.add(\"pw-hidden\");\n const topBorderElement = document.createElement(\"div\");\n topBorderElement.id = camera_1.ELEMENT_IDS.TOP_BORDER;\n topBorderElement.classList.add(\"border-element\");\n topBorderElement.classList.add(\"border-top-element\");\n const bottomBorderElement = document.createElement(\"div\");\n bottomBorderElement.id = camera_1.ELEMENT_IDS.BOTTOM_BORDER;\n bottomBorderElement.classList.add(\"border-element\");\n bottomBorderElement.classList.add(\"border-bottom-element\");\n const canvasElement = document.createElement(\"canvas\");\n canvasElement.id = camera_1.ELEMENT_IDS.CANVAS;\n canvasElement.classList.add(\"video-element\");\n canvasElement.classList.add(\"canvas-element\");\n const videoElement = document.createElement(\"video\");\n videoElement.id = camera_1.ELEMENT_IDS.VIDEO;\n videoElement.autoplay = true;\n videoElement.classList.add(\"video-element\");\n // 2.1\n this.videoElement = videoElement;\n this.overlayElement = overlayElement;\n this.canvasElement = canvasElement;\n overlayElement.appendChild(topBorderElement);\n overlayElement.appendChild(bottomBorderElement);\n overlayContainer.appendChild(overlayElement);\n videoContainer.appendChild(overlayContainer);\n videoContainer.appendChild(canvasElement);\n videoContainer.appendChild(videoElement);\n body.appendChild(videoContainer);\n // 3. append child\n const mainBody = document.getElementById(this.cameraId);\n if (!mainBody)\n return;\n mainBody.classList.add(\"camera-bg\", \"pw-overflow-y-hidden\");\n mainBody.appendChild(header);\n mainBody.appendChild(body);\n }\n listenToCaptureImage(cb) {\n const cameraBody = document.getElementById(this.cameraId);\n cameraBody === null || cameraBody === void 0 ? void 0 : cameraBody.addEventListener(\"captureImage\", (e) => {\n cb(e);\n });\n }\n // here also is where the take picture button resides\n renderCameraBottomUi() {\n const footer = document.createElement(\"div\");\n footer.id = camera_1.ELEMENT_IDS.FOOTER;\n footer.classList.add(\"pw-absolute\", \"pw-bottom-[10%]\", \"pw-z-[2]\", \"pw-w-full\", \"pw-text-white\", \"pw-relative\");\n const takePicButton = document.createElement(\"div\");\n takePicButton.id = \"takePicButton\";\n takePicButton.classList.add(\"pw-box-border\", \"pw-mx-auto\", \"pw-absolute\", \"pw-bottom-16\", \"pw-relative\", \"pw-rounded-full\", \"pw-h-16\", \"pw-w-16\", \"pw-border-solid\", \"pw-border-white\", \"pw-border-4\", \"pw-cursor-pointer\");\n const smallCircleContainer = document.createElement(\"div\");\n smallCircleContainer.classList.add(\"pw-absolute\", \"pw-top-1/2\", \"-pw-translate-y-1/2\", \"pw-left-1/2\", \"-pw-translate-x-1/2\");\n takePicButton.appendChild(smallCircleContainer);\n const smallCircle = document.createElement(\"div\");\n smallCircle.classList.add(\"pw-w-11\", \"pw-h-11\", \"pw-bg-white\", \"pw-rounded-full\", \"pw-transition-all\", \"pw-duration-100\", \"active:pw-scale-90\");\n smallCircleContainer.appendChild(smallCircle);\n footer.appendChild(takePicButton);\n takePicButton.addEventListener(\"click\", () => {\n const mainBody = document.getElementById(this.cameraId);\n const image = this.captureImage();\n const event = new CustomEvent(\"captureImage\", {\n detail: {\n image,\n type: this.cardType,\n },\n });\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.dispatchEvent(event);\n });\n const mainBody = document.getElementById(this.cameraId);\n const helpDialog = new bottomDialog_1.default(\"pw-help-card-camera\");\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.appendChild(helpDialog.render());\n const dialogContent = document.createElement(\"div\");\n const ul = document.createElement(\"ul\");\n ul.classList.add(\"pw-px-5\");\n const item_1 = document.createElement(\"li\");\n item_1.innerHTML = \"Position your face within the frame.\";\n ul.appendChild(item_1);\n const item_2 = document.createElement(\"li\");\n item_2.innerHTML = \"Make sure your face is not blur or cropped.\";\n ul.appendChild(item_2);\n const item_3 = document.createElement(\"li\");\n item_3.innerHTML = \"Avoid reflection and glare.\";\n ul.appendChild(item_3);\n dialogContent.appendChild(ul);\n helpDialog.addContent(dialogContent);\n const helpIcon = document.createElement(\"span\");\n helpIcon.classList.add(\"pw-absolute\", \"pw-bottom-28\", \"pw-left-10\", \"material-symbols-outlined\", \"pw-scale-[1.7]\");\n helpIcon.innerHTML = \"help\";\n helpIcon.addEventListener(\"click\", () => {\n helpDialog.openDialog();\n });\n footer.appendChild(helpIcon);\n this.footerElement = footer;\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.appendChild(footer);\n }\n stopVideoStream() {\n if (!this.videoElement)\n return;\n const stream = this.videoElement.srcObject;\n if (!stream)\n return;\n const tracks = stream.getTracks();\n tracks.forEach(function (track) {\n track.stop();\n });\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.videoElement.srcObject = null;\n const cameraDiv = document.getElementById(this.cameraId);\n cameraDiv === null || cameraDiv === void 0 ? void 0 : cameraDiv.remove();\n }\n updateType(cardType) {\n this.cardType = cardType;\n const title = document.getElementById(\"pw-camera-title\");\n if (title) {\n title.innerHTML = camera_instruction_1.default[this.cardType].title;\n }\n }\n loadVideoStream(videoElement) {\n const initialConstraints = {\n width: {\n ideal: window.screen.width, // 1280, 1024, 640\n },\n height: {\n ideal: window.screen.height, // 960, 768, 480\n },\n video: true,\n };\n // Load the video stream\n const nav = window.navigator.mediaDevices\n ? window.navigator.mediaDevices\n : window.navigator;\n if (!nav)\n return;\n nav\n .getUserMedia(initialConstraints)\n .then((stream) => {\n videoElement.srcObject = stream;\n })\n .catch((err) => {\n console.error(\"Error accessing the camera:\", err);\n });\n }\n cameraInit() {\n if (!this.videoElement)\n return;\n this.loadVideoStream(this.videoElement);\n // video event listeners\n this.videoElement.addEventListener(\"loadedmetadata\", () => {\n var _a;\n this.cardDetectionSdk.init(this.cardType);\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.classList.remove(\"pw-hidden\");\n });\n this.videoElement.addEventListener(\"resize\", () => {\n const isFooterExist = document.getElementById(camera_1.ELEMENT_IDS.FOOTER);\n if (!isFooterExist) {\n this.renderCameraBottomUi();\n }\n this.resizeElement();\n });\n window.addEventListener(\"resize\", () => {\n this.resizeElement();\n });\n screen.orientation.addEventListener(\"change\", () => {\n const orientationType = screen.orientation.type;\n if (!orientationType || !this.isMobile)\n return;\n if ([\"landscape-primary\", \"landscape-secondary\"].includes(orientationType)) {\n // TO ADD DIALOG ASK USER TO USE POTRAIT VIEW\n }\n else if ([\"portrait-secondary\", \"portrait-primary\"].includes(orientationType)) {\n // TO BE CONFIRM IF NEED CLOSE DIALOG\n }\n });\n }\n resizeElement() {\n if (window.screen.width < window.screen.height) {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: window.screen.width > 640 ? \"auto\" : \"100%\",\n height: \"auto\",\n });\n }\n else {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: \"auto\",\n height: \"auto\",\n });\n }\n this.cardDetectionSdk.resizeElement();\n }\n listenToClickHelp(cb) {\n const mainBody = document.getElementById(this.cameraId);\n mainBody === null || mainBody === void 0 ? void 0 : mainBody.addEventListener(\"click:helpIcon\", () => {\n cb();\n });\n }\n}\nexports[\"default\"] = CardCamera;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/card-camera.ts?");
3817
3806
 
3818
3807
  /***/ }),
3819
3808
 
@@ -3824,7 +3813,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
3824
3813
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3825
3814
 
3826
3815
  "use strict";
3827
- eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nclass CARDDETECTIONSDK {\n constructor(val) {\n this.type = camera_1.CARD_TYPES.ID;\n // html element\n this.videoElement = null;\n this.canvasElement = null;\n this.titleElement = null;\n Object.assign(this, val);\n }\n resizeElement() {\n if (!this.videoElement || !this.canvasElement)\n return;\n const videoWidth = this.videoElement.clientWidth;\n const videoHeight = this.videoElement.clientHeight;\n // 1. resize canvas to match video size\n this.canvasElement.width = videoWidth;\n this.canvasElement.height = videoHeight;\n // 2. resize square overlay to match video size\n var squareSize = videoHeight > videoWidth ? videoWidth : videoHeight;\n var ratio = this.type === camera_1.CARD_TYPES.PASSPORT ? 1.333 : 1.568;\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.OVERLAY}`).css({\n \"border-radius\": \"15px\",\n border: \"0px\",\n width: squareSize,\n height: squareSize / ratio,\n });\n // 3. show border corner\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.TOP_BORDER}`).css({\n display: \"inherit\",\n });\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.BOTTOM_BORDER}`).css({\n display: \"inherit\",\n });\n }\n disableDetection() {\n console.log(\"disableDetection\");\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.TOP_BORDER}`).css({\n display: \"none\",\n });\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.BOTTOM_BORDER}`).css({\n display: \"none\",\n });\n }\n init(type) {\n if (type)\n this.type = type;\n this.resizeElement();\n // if (this.titleElement)\n // this.titleElement.innerHTML = `Card Type - ${this.type}`;\n }\n}\nexports[\"default\"] = CARDDETECTIONSDK;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/card-detection.ts?");
3816
+ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nclass CARDDETECTIONSDK {\n constructor(val) {\n this.type = camera_1.CARD_TYPES.ID;\n // html element\n this.videoElement = null;\n this.canvasElement = null;\n this.titleElement = null;\n Object.assign(this, val);\n }\n resizeElement() {\n if (!this.videoElement || !this.canvasElement)\n return;\n const videoWidth = this.videoElement.clientWidth;\n const videoHeight = this.videoElement.clientHeight;\n // 1. resize canvas to match video size\n this.canvasElement.width = videoWidth;\n this.canvasElement.height = videoHeight;\n // 2. resize square overlay to match video size\n var squareSize = videoHeight > videoWidth ? videoWidth : videoHeight;\n var ratio = this.type === camera_1.CARD_TYPES.PASSPORT ? 1.333 : 1.568;\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.OVERLAY}`).css({\n \"border-radius\": \"15px\",\n border: \"0px\",\n width: squareSize,\n height: squareSize / ratio,\n });\n // 3. show border corner\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.TOP_BORDER}`).css({\n display: \"inherit\",\n });\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.BOTTOM_BORDER}`).css({\n display: \"inherit\",\n });\n }\n disableDetection() {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.TOP_BORDER}`).css({\n display: \"none\",\n });\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.BOTTOM_BORDER}`).css({\n display: \"none\",\n });\n }\n init(type) {\n if (type)\n this.type = type;\n this.resizeElement();\n // if (this.titleElement)\n // this.titleElement.innerHTML = `Card Type - ${this.type}`;\n }\n}\nexports[\"default\"] = CARDDETECTIONSDK;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/card-detection.ts?");
3828
3817
 
3829
3818
  /***/ }),
3830
3819
 
@@ -3835,7 +3824,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
3835
3824
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3836
3825
 
3837
3826
  "use strict";
3838
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst face_detection_1 = __importDefault(__webpack_require__(/*! ./face-detection */ \"./src/plugins/face-detection.ts\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass FaceCamera {\n constructor(cameraId, mainScreenId = \"\") {\n this.cameraTimeLimit = 90000;\n this.videoElement = null;\n this.canvasElement = null;\n this.overlayElement = null;\n this.titleElement = null;\n this.cameraId = cameraId;\n this.mainScreenId = mainScreenId;\n }\n isMobile() {\n const navigator = window.navigator.userAgent ||\n window.navigator.vendor ||\n window.opera;\n if (!navigator)\n return false;\n var isMobile = /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(navigator) ||\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(navigator.substr(0, 4));\n return isMobile;\n }\n captureImage() {\n if (!this.canvasElement || !this.videoElement || !this.overlayElement)\n return \"\";\n const canvas = document.createElement(\"canvas\");\n canvas.width = this.canvasElement.clientWidth;\n canvas.height = this.canvasElement.clientHeight;\n var ctx = canvas.getContext(\"2d\");\n if (!ctx)\n return \"\";\n //draw image to canvas. scale to target dimensions\n ctx.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);\n // crop the selected part image\n const x = (canvas.width - this.overlayElement.clientWidth) / 2;\n const y = (canvas.height - this.overlayElement.clientHeight) / 2;\n const imgData = ctx.getImageData(x, y, this.overlayElement.clientWidth, this.overlayElement.clientHeight);\n canvas.width = this.overlayElement.clientWidth;\n canvas.height = this.overlayElement.clientHeight;\n ctx.putImageData(imgData, 0, 0);\n //convert to desired file format\n return canvas.toDataURL(\"image/jpeg\");\n }\n init() {\n // 1. Draw the camera display\n this.drawCameraDisplay();\n // 2. Setup related SDK\n const { videoElement, canvasElement, overlayElement, titleElement } = this;\n this.faceDetectionSdk = new face_detection_1.default({\n videoElement,\n canvasElement,\n overlayElement,\n titleElement,\n });\n // 3. Get the camera permission and trigger the selfie detection\n this.cameraInit();\n // 4. Trigger event after 3 seconds of face detection\n this.faceDetectionSdk.setCaptureImage((livenessScore) => {\n var _a;\n const image = this.captureImage();\n const event = new CustomEvent(\"selfieCapture\", {\n detail: { image, livenessScore },\n });\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);\n });\n // 5. Face camera custom events listeners\n const description = document.getElementById(\"pw-camera-description\");\n this.faceDetectionSdk.listenToUserNoSmile(() => {\n if (description) {\n description.innerHTML = \"Please smile at the camera\";\n }\n });\n this.faceDetectionSdk.listenToUserSmiled(() => {\n if (description) {\n description.innerHTML = \"Please keep smiling for 3 seconds\";\n }\n });\n this.faceDetectionSdk.listenToUserSmiledButNotLiveness(() => {\n if (description) {\n description.innerHTML =\n \"Please show a neutral expression at the camera.\";\n }\n });\n this.faceDetectionSdk.listenToLookStraight(() => {\n if (description) {\n description.innerHTML = \"Please look straight at the camera\";\n }\n });\n this.faceDetectionSdk.listenToPlaceFace(() => {\n if (description) {\n description.innerHTML = \"Place your face within the rounded frame.\";\n }\n });\n // 6. Start timer to close camera\n this.timer = setTimeout(() => __awaiter(this, void 0, void 0, function* () {\n yield this.stopVideoStream();\n this.openIdleDialog();\n }), this.cameraTimeLimit);\n }\n openIdleDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const overlay = document.createElement(\"div\");\n overlay.classList.add(\"pw-bg-black\", \"pw-bg-opacity-70\", \"pw-absolute\", \"pw-inset-0\", \"pw-z-50\");\n const overlayContent = document.createElement(\"div\");\n overlayContent.classList.add(\"pw-box-sizing\", \"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\", \"pw-p-5\", \"pw-bg-white\", \"pw-rounded-lg\", \"pw-w-4/5\", \"pw-text-center\");\n overlay.appendChild(overlayContent);\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\", \"pw-pt-1\", \"pw-mb-4\");\n warningIcon.style.fontSize = \"60px\";\n overlayContent.appendChild(warningIcon);\n const dialogWording = document.createElement(\"div\");\n dialogWording.classList.add(\"pw-text-center\", \"pw-mb-6\");\n dialogWording.innerHTML = \"You have been idle for too long.\";\n overlayContent.appendChild(dialogWording);\n const buttonContainer = document.createElement(\"div\");\n buttonContainer.classList.add(\"pw-w-36\", \"pw-mx-auto\");\n const okayButton = (0, components_1.createSecondaryButton)(\"Okay\");\n buttonContainer.appendChild(okayButton);\n overlayContent.appendChild(buttonContainer);\n okayButton.addEventListener(\"click\", () => {\n overlay.remove();\n });\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.appendChild(overlay);\n }\n drawCameraDisplay() {\n // 1. header section\n const header = document.createElement(\"div\");\n header.id = camera_1.ELEMENT_IDS.HEADER;\n // header.classList.add(\"camera-header-area\");\n header.classList.add(\"pw-absolute\", \"pw-z-[2]\", \"pw-w-full\", \"pw-text-white\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-px-5\", \"pw-py-4\", \"pw-flex\", \"pw-justify-between\", \"pw-items-end\", \"pw-mb-4\");\n const backArrow = document.createElement(\"span\");\n backArrow.classList.add(\"material-symbols-outlined\");\n backArrow.innerHTML = \"arrow_back_ios\";\n backArrow.addEventListener(\"click\", () => {\n this.stopVideoStream();\n });\n navigationDiv.appendChild(backArrow);\n // const close = document.createElement(\"span\");\n // close.classList.add(\"material-symbols-outlined\");\n // close.innerHTML = \"close\";\n // navigationDiv.appendChild(close);\n header.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.id = \"pw-camera-title\";\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-text-center\", \"pw-mb-4\", \"pw-px-5\");\n // Set Description\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-text-center\", \"pw-px-5\");\n descriptionDiv.id = \"pw-camera-description\";\n descriptionDiv.innerHTML = \"Place your face within the rounded frame\";\n this.descriptionElement = descriptionDiv;\n header.appendChild(descriptionDiv);\n const body = document.createElement(\"div\");\n body.id = camera_1.ELEMENT_IDS.BODY;\n body.classList.add(\"camera-body-area\");\n const videoContainer = document.createElement(\"div\");\n videoContainer.id = camera_1.ELEMENT_IDS.VIDEO_CONTAINER;\n videoContainer.classList.add(\"video-container\");\n const overlayContainer = document.createElement(\"div\");\n overlayContainer.id = camera_1.ELEMENT_IDS.OVERLAY_CONTAINER;\n overlayContainer.classList.add(\"overlay-container\");\n const overlayElement = document.createElement(\"div\");\n overlayElement.id = camera_1.ELEMENT_IDS.OVERLAY;\n overlayElement.classList.add(\"overlay-element\");\n overlayElement.classList.add(\"pw-hidden\");\n const canvasElement = document.createElement(\"canvas\");\n canvasElement.id = camera_1.ELEMENT_IDS.CANVAS;\n canvasElement.classList.add(\"video-element\");\n canvasElement.classList.add(\"canvas-element\");\n const videoElement = document.createElement(\"video\");\n videoElement.id = camera_1.ELEMENT_IDS.VIDEO;\n videoElement.autoplay = true;\n videoElement.classList.add(\"video-element\");\n // green tick icon\n const iconElement = document.createElement(\"span\");\n iconElement.id = \"pw-camera-check-icon\";\n iconElement.classList.add(\"pw-hidden\", \"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-w-full\", \"pw-h-full\", \"pw-flex\", \"pw-items-center\", \"pw-justify-center\");\n const checkIcon = document.createElement(\"span\");\n checkIcon.classList.add(\"material-icons\", \"pw-text-green-500\", \"pw-text-4xl\", \"pw-rounded-full\");\n checkIcon.style.fontSize = \"48px\";\n checkIcon.innerHTML = \"check_circle\";\n iconElement.appendChild(checkIcon);\n // 2.1\n this.videoElement = videoElement;\n this.overlayElement = overlayElement;\n this.canvasElement = canvasElement;\n overlayContainer.appendChild(overlayElement);\n overlayContainer.appendChild(iconElement);\n videoContainer.appendChild(overlayContainer);\n videoContainer.appendChild(canvasElement);\n videoContainer.appendChild(videoElement);\n body.appendChild(videoContainer);\n // 3. append child\n const mainBody = document.getElementById(this.cameraId);\n if (!mainBody)\n return;\n mainBody.classList.add(\"camera-bg\");\n mainBody.appendChild(header);\n mainBody.appendChild(body);\n }\n loadVideoStream(videoElement) {\n const initialConstraints = {\n width: {\n ideal: window.screen.width, // 1280, 1024, 640\n },\n height: {\n ideal: window.screen.height, // 960, 768, 480\n },\n video: true,\n };\n // Load the video stream\n const nav = window.navigator.mediaDevices\n ? window.navigator.mediaDevices\n : window.navigator;\n if (!nav)\n return;\n nav\n .getUserMedia(initialConstraints)\n .then((stream) => {\n videoElement.srcObject = stream;\n })\n .catch((err) => {\n console.error(\"Error accessing the camera:\", err);\n });\n }\n cameraInit() {\n if (!this.videoElement)\n return;\n this.loadVideoStream(this.videoElement);\n // video event listeners\n this.videoElement.addEventListener(\"loadedmetadata\", () => __awaiter(this, void 0, void 0, function* () {\n var _a;\n this.faceDetectionSdk.init();\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.classList.remove(\"pw-hidden\");\n }));\n this.videoElement.addEventListener(\"resize\", () => {\n this.resizeElement();\n });\n window.addEventListener(\"resize\", () => {\n this.resizeElement();\n });\n screen.orientation.addEventListener(\"change\", () => {\n const orientationType = screen.orientation.type;\n if (!orientationType || !this.isMobile)\n return;\n if ([\"landscape-primary\", \"landscape-secondary\"].includes(orientationType)) {\n console.log(\"Pop dialog: Please use portrait view\");\n }\n else if ([\"portrait-secondary\", \"portrait-primary\"].includes(orientationType)) {\n console.log(\"Close dialog\");\n }\n });\n }\n stopVideoStream() {\n if (!this.videoElement)\n return;\n const stream = this.videoElement.srcObject;\n if (!stream)\n return;\n const tracks = stream.getTracks();\n tracks.forEach(function (track) {\n track.stop();\n });\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.videoElement.srcObject = null;\n const cameraDiv = document.getElementById(this.cameraId);\n cameraDiv === null || cameraDiv === void 0 ? void 0 : cameraDiv.remove();\n }\n resizeElement() {\n if (window.screen.width < window.screen.height) {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: window.screen.width > 640 ? \"auto\" : \"100%\",\n height: \"auto\",\n });\n }\n else {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: \"auto\",\n height: \"auto\",\n });\n }\n this.faceDetectionSdk.resizeElement();\n }\n listenToSelfieCapture(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"selfieCapture\", (e) => {\n cb(e);\n });\n }\n pauseSmileFace() {\n var _a, _b;\n return __awaiter(this, void 0, void 0, function* () {\n // stop the video\n (_a = this.videoElement) === null || _a === void 0 ? void 0 : _a.pause();\n yield ((_b = this.faceDetectionSdk) === null || _b === void 0 ? void 0 : _b.disableDetection());\n // clear description\n const description = document.getElementById(\"pw-camera-description\");\n if (description)\n description.innerHTML = \"\";\n // show green tick icon\n const checkIcon = document.getElementById(\"pw-camera-check-icon\");\n checkIcon === null || checkIcon === void 0 ? void 0 : checkIcon.classList.remove(\"pw-hidden\");\n // remove those smile and neutral img\n const overlayElement = document.getElementById(\"overlayElement\");\n if (overlayElement) {\n overlayElement.classList.remove(\"overlay-element--selfie-smile\");\n overlayElement.classList.remove(\"overlay-element--selfie-neutral\");\n overlayElement.classList.add(\"overlay-element--active\");\n }\n });\n }\n}\nexports[\"default\"] = FaceCamera;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/face-camera.ts?");
3827
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst face_detection_1 = __importDefault(__webpack_require__(/*! ./face-detection */ \"./src/plugins/face-detection.ts\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nconst components_1 = __webpack_require__(/*! ../components/components */ \"./src/components/components.ts\");\nconst getGoogleIcon_1 = __webpack_require__(/*! ../helper/getGoogleIcon */ \"./src/helper/getGoogleIcon.ts\");\nclass FaceCamera {\n constructor(cameraId, mainScreenId = \"\") {\n this.cameraTimeLimit = 90000;\n this.videoElement = null;\n this.canvasElement = null;\n this.overlayElement = null;\n this.titleElement = null;\n this.cameraId = cameraId;\n this.mainScreenId = mainScreenId;\n }\n isMobile() {\n const navigator = window.navigator.userAgent ||\n window.navigator.vendor ||\n window.opera;\n if (!navigator)\n return false;\n var isMobile = /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(navigator) ||\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(navigator.substr(0, 4));\n return isMobile;\n }\n captureImage() {\n if (!this.canvasElement || !this.videoElement || !this.overlayElement)\n return \"\";\n const canvas = document.createElement(\"canvas\");\n canvas.width = this.canvasElement.clientWidth;\n canvas.height = this.canvasElement.clientHeight;\n var ctx = canvas.getContext(\"2d\");\n if (!ctx)\n return \"\";\n //draw image to canvas. scale to target dimensions\n ctx.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);\n // crop the selected part image\n const x = (canvas.width - this.overlayElement.clientWidth) / 2;\n const y = (canvas.height - this.overlayElement.clientHeight) / 2;\n const imgData = ctx.getImageData(x, y, this.overlayElement.clientWidth, this.overlayElement.clientHeight);\n canvas.width = this.overlayElement.clientWidth;\n canvas.height = this.overlayElement.clientHeight;\n ctx.putImageData(imgData, 0, 0);\n //convert to desired file format\n return canvas.toDataURL(\"image/jpeg\");\n }\n init() {\n // 1. Draw the camera display\n this.drawCameraDisplay();\n // 2. Setup related SDK\n const { videoElement, canvasElement, overlayElement, titleElement } = this;\n this.faceDetectionSdk = new face_detection_1.default({\n videoElement,\n canvasElement,\n overlayElement,\n titleElement,\n });\n // 3. Get the camera permission and trigger the selfie detection\n this.cameraInit();\n // 4. Trigger event after 3 seconds of face detection\n this.faceDetectionSdk.setCaptureImage((livenessScore) => {\n var _a;\n const image = this.captureImage();\n const event = new CustomEvent(\"selfieCapture\", {\n detail: { image, livenessScore },\n });\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);\n });\n // 5. Face camera custom events listeners\n const description = document.getElementById(\"pw-camera-description\");\n this.faceDetectionSdk.listenToUserNoSmile(() => {\n if (description) {\n description.innerHTML = \"Please smile at the camera\";\n }\n });\n this.faceDetectionSdk.listenToUserSmiled(() => {\n if (description) {\n description.innerHTML = \"Please keep smiling for 3 seconds\";\n }\n });\n this.faceDetectionSdk.listenToUserSmiledButNotLiveness(() => {\n if (description) {\n description.innerHTML =\n \"Please show a neutral expression at the camera.\";\n }\n });\n this.faceDetectionSdk.listenToLookStraight(() => {\n if (description) {\n description.innerHTML = \"Please look straight at the camera\";\n }\n });\n this.faceDetectionSdk.listenToPlaceFace(() => {\n if (description) {\n description.innerHTML = \"Place your face within the rounded frame.\";\n }\n });\n // 6. Start timer to close camera\n this.timer = setTimeout(() => __awaiter(this, void 0, void 0, function* () {\n yield this.stopVideoStream();\n this.openIdleDialog();\n }), this.cameraTimeLimit);\n }\n openIdleDialog() {\n const mainScreen = document.getElementById(this.mainScreenId);\n const overlay = document.createElement(\"div\");\n overlay.classList.add(\"pw-bg-black\", \"pw-bg-opacity-70\", \"pw-absolute\", \"pw-inset-0\", \"pw-z-50\");\n const overlayContent = document.createElement(\"div\");\n overlayContent.classList.add(\"pw-box-sizing\", \"pw-absolute\", \"pw-left-1/2\", \"-pw-translate-x-1/2\", \"pw-top-1/3\", \"pw-p-5\", \"pw-bg-white\", \"pw-rounded-lg\", \"pw-w-4/5\", \"pw-text-center\");\n overlay.appendChild(overlayContent);\n const warningIcon = (0, getGoogleIcon_1.getGoogleIcon)(\"warning\");\n warningIcon.classList.add(\"pw-text-orange-400\", \"pw-pt-1\", \"pw-mb-4\");\n warningIcon.style.fontSize = \"60px\";\n overlayContent.appendChild(warningIcon);\n const dialogWording = document.createElement(\"div\");\n dialogWording.classList.add(\"pw-text-center\", \"pw-mb-6\");\n dialogWording.innerHTML = \"You have been idle for too long.\";\n overlayContent.appendChild(dialogWording);\n const buttonContainer = document.createElement(\"div\");\n buttonContainer.classList.add(\"pw-w-36\", \"pw-mx-auto\");\n const okayButton = (0, components_1.createSecondaryButton)(\"Okay\");\n buttonContainer.appendChild(okayButton);\n overlayContent.appendChild(buttonContainer);\n okayButton.addEventListener(\"click\", () => {\n overlay.remove();\n });\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.appendChild(overlay);\n }\n drawCameraDisplay() {\n // 1. header section\n const header = document.createElement(\"div\");\n header.id = camera_1.ELEMENT_IDS.HEADER;\n // header.classList.add(\"camera-header-area\");\n header.classList.add(\"pw-absolute\", \"pw-z-[2]\", \"pw-w-full\", \"pw-text-white\");\n const navigationDiv = document.createElement(\"div\");\n navigationDiv.classList.add(\"pw-px-5\", \"pw-py-4\", \"pw-flex\", \"pw-justify-between\", \"pw-items-end\", \"pw-mb-4\");\n const backArrow = document.createElement(\"span\");\n backArrow.classList.add(\"material-symbols-outlined\");\n backArrow.innerHTML = \"arrow_back_ios\";\n backArrow.addEventListener(\"click\", () => {\n this.stopVideoStream();\n });\n navigationDiv.appendChild(backArrow);\n // const close = document.createElement(\"span\");\n // close.classList.add(\"material-symbols-outlined\");\n // close.innerHTML = \"close\";\n // navigationDiv.appendChild(close);\n header.appendChild(navigationDiv);\n const titleDiv = document.createElement(\"div\");\n titleDiv.id = \"pw-camera-title\";\n titleDiv.classList.add(\"pw-text-3xl\", \"pw-text-center\", \"pw-mb-4\", \"pw-px-5\");\n // Set Description\n const descriptionDiv = document.createElement(\"div\");\n descriptionDiv.classList.add(\"pw-text-center\", \"pw-px-5\");\n descriptionDiv.id = \"pw-camera-description\";\n descriptionDiv.innerHTML = \"Place your face within the rounded frame\";\n this.descriptionElement = descriptionDiv;\n header.appendChild(descriptionDiv);\n const body = document.createElement(\"div\");\n body.id = camera_1.ELEMENT_IDS.BODY;\n body.classList.add(\"camera-body-area\");\n const videoContainer = document.createElement(\"div\");\n videoContainer.id = camera_1.ELEMENT_IDS.VIDEO_CONTAINER;\n videoContainer.classList.add(\"video-container\");\n const overlayContainer = document.createElement(\"div\");\n overlayContainer.id = camera_1.ELEMENT_IDS.OVERLAY_CONTAINER;\n overlayContainer.classList.add(\"overlay-container\");\n const overlayElement = document.createElement(\"div\");\n overlayElement.id = camera_1.ELEMENT_IDS.OVERLAY;\n overlayElement.classList.add(\"overlay-element\");\n overlayElement.classList.add(\"pw-hidden\");\n const canvasElement = document.createElement(\"canvas\");\n canvasElement.id = camera_1.ELEMENT_IDS.CANVAS;\n canvasElement.classList.add(\"video-element\");\n canvasElement.classList.add(\"canvas-element\");\n const videoElement = document.createElement(\"video\");\n videoElement.id = camera_1.ELEMENT_IDS.VIDEO;\n videoElement.autoplay = true;\n videoElement.classList.add(\"video-element\");\n // green tick icon\n const iconElement = document.createElement(\"span\");\n iconElement.id = \"pw-camera-check-icon\";\n iconElement.classList.add(\"pw-hidden\", \"pw-absolute\", \"pw-top-0\", \"pw-left-0\", \"pw-w-full\", \"pw-h-full\", \"pw-flex\", \"pw-items-center\", \"pw-justify-center\");\n const checkIcon = document.createElement(\"span\");\n checkIcon.classList.add(\"material-icons\", \"pw-text-green-500\", \"pw-text-4xl\", \"pw-rounded-full\");\n checkIcon.style.fontSize = \"48px\";\n checkIcon.innerHTML = \"check_circle\";\n iconElement.appendChild(checkIcon);\n // 2.1\n this.videoElement = videoElement;\n this.overlayElement = overlayElement;\n this.canvasElement = canvasElement;\n overlayContainer.appendChild(overlayElement);\n overlayContainer.appendChild(iconElement);\n videoContainer.appendChild(overlayContainer);\n videoContainer.appendChild(canvasElement);\n videoContainer.appendChild(videoElement);\n body.appendChild(videoContainer);\n // 3. append child\n const mainBody = document.getElementById(this.cameraId);\n if (!mainBody)\n return;\n mainBody.classList.add(\"camera-bg\");\n mainBody.appendChild(header);\n mainBody.appendChild(body);\n }\n loadVideoStream(videoElement) {\n const initialConstraints = {\n width: {\n ideal: window.screen.width, // 1280, 1024, 640\n },\n height: {\n ideal: window.screen.height, // 960, 768, 480\n },\n video: true,\n };\n // Load the video stream\n const nav = window.navigator.mediaDevices\n ? window.navigator.mediaDevices\n : window.navigator;\n if (!nav)\n return;\n nav\n .getUserMedia(initialConstraints)\n .then((stream) => {\n videoElement.srcObject = stream;\n })\n .catch((err) => {\n console.error(\"Error accessing the camera:\", err);\n });\n }\n cameraInit() {\n if (!this.videoElement)\n return;\n this.loadVideoStream(this.videoElement);\n // video event listeners\n this.videoElement.addEventListener(\"loadedmetadata\", () => __awaiter(this, void 0, void 0, function* () {\n var _a;\n this.faceDetectionSdk.init();\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.classList.remove(\"pw-hidden\");\n }));\n this.videoElement.addEventListener(\"resize\", () => {\n this.resizeElement();\n });\n window.addEventListener(\"resize\", () => {\n this.resizeElement();\n });\n screen.orientation.addEventListener(\"change\", () => {\n const orientationType = screen.orientation.type;\n if (!orientationType || !this.isMobile)\n return;\n if ([\"landscape-primary\", \"landscape-secondary\"].includes(orientationType)) {\n // TO ADD DIALOG ASK USER TO USE POTRAIT VIEW\n }\n else if ([\"portrait-secondary\", \"portrait-primary\"].includes(orientationType)) {\n // TO BE CONFIRM IF NEED CLOSE DIALOG\n }\n });\n }\n stopVideoStream() {\n if (!this.videoElement)\n return;\n const stream = this.videoElement.srcObject;\n if (!stream)\n return;\n const tracks = stream.getTracks();\n tracks.forEach(function (track) {\n track.stop();\n });\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.videoElement.srcObject = null;\n const cameraDiv = document.getElementById(this.cameraId);\n cameraDiv === null || cameraDiv === void 0 ? void 0 : cameraDiv.remove();\n }\n resizeElement() {\n if (window.screen.width < window.screen.height) {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: window.screen.width > 640 ? \"auto\" : \"100%\",\n height: \"auto\",\n });\n }\n else {\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.VIDEO_CONTAINER}`).css({\n width: \"auto\",\n height: \"auto\",\n });\n }\n this.faceDetectionSdk.resizeElement();\n }\n listenToSelfieCapture(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"selfieCapture\", (e) => {\n cb(e);\n });\n }\n pauseSmileFace() {\n var _a, _b;\n return __awaiter(this, void 0, void 0, function* () {\n // stop the video\n (_a = this.videoElement) === null || _a === void 0 ? void 0 : _a.pause();\n yield ((_b = this.faceDetectionSdk) === null || _b === void 0 ? void 0 : _b.disableDetection());\n // clear description\n const description = document.getElementById(\"pw-camera-description\");\n if (description)\n description.innerHTML = \"\";\n // show green tick icon\n const checkIcon = document.getElementById(\"pw-camera-check-icon\");\n checkIcon === null || checkIcon === void 0 ? void 0 : checkIcon.classList.remove(\"pw-hidden\");\n // remove those smile and neutral img\n const overlayElement = document.getElementById(\"overlayElement\");\n if (overlayElement) {\n overlayElement.classList.remove(\"overlay-element--selfie-smile\");\n overlayElement.classList.remove(\"overlay-element--selfie-neutral\");\n overlayElement.classList.add(\"overlay-element--active\");\n }\n });\n }\n}\nexports[\"default\"] = FaceCamera;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/face-camera.ts?");
3839
3828
 
3840
3829
  /***/ }),
3841
3830
 
@@ -3846,7 +3835,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
3846
3835
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3847
3836
 
3848
3837
  "use strict";
3849
- eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst faceapi = __importStar(__webpack_require__(/*! face-api.js */ \"./node_modules/face-api.js/build/es6/index.js\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nclass FACEDETECTIONSDK {\n constructor(val) {\n this.isDone = false; // use to check if the face detection is done\n // === use as vuex state ===\n this.prevEmotionalState = \"\";\n this.currenEmotionaltState = \"\";\n this.isLiveness = false;\n // === constant variable ===\n this.face_api_detection_options = new faceapi.TinyFaceDetectorOptions({\n inputSize: 224,\n });\n this.faceTrack_settings = {\n contrast: 3,\n brightness: 0.5,\n threshold: 100,\n minCorrelation: 0.17,\n minScore: 0.6,\n };\n // html element\n this.videoElement = null;\n this.canvasElement = null;\n this.overlayElement = null;\n this.titleElement = null;\n this.instructionElement = null;\n Object.assign(this, val);\n }\n setCaptureImage(captureImage) {\n this.captureImage = captureImage;\n }\n // get the face position\n getFaceXY(pos) {\n var posF = {\n top: Math.min.apply(Math, pos.map(function (o) {\n return o.y;\n })),\n bottom: Math.max.apply(Math, pos.map(function (o) {\n return o.y;\n })),\n left: Math.min.apply(Math, pos.map(function (o) {\n return o.x;\n })),\n right: Math.max.apply(Math, pos.map(function (o) {\n return o.x;\n })),\n };\n return {\n x: posF[\"left\"],\n y: posF[\"top\"],\n w: posF[\"right\"] - posF[\"left\"],\n h: posF[\"bottom\"] - posF[\"top\"],\n };\n }\n // get the circle area position\n getCircleXY() {\n if (!this.canvasElement || !this.overlayElement)\n return { x: 0, y: 0, w: 0, h: 0 };\n // canvas rectangle position\n const posR = this.canvasElement.getBoundingClientRect();\n // circle position\n const posC = this.overlayElement.getBoundingClientRect();\n return {\n // get the coord x and y of the circle inside the canvas rectangle\n x: posC.x - posR.x,\n y: posC.y - posR.y,\n w: posC.width,\n h: posC.height,\n };\n }\n // to detect if your face is looking straight at the camera\n isAngleDetected(pos) {\n var angleOne = (Math.atan2(Math.abs(pos[7][\"y\"] - pos[33][\"y\"]), Math.abs(pos[7][\"x\"] - pos[33][\"x\"])) *\n 180) /\n Math.PI;\n var angleTwo = (Math.atan2(Math.abs(pos[60][\"y\"] - pos[33][\"y\"]), Math.abs(pos[60][\"x\"] - pos[33][\"x\"])) *\n 180) /\n Math.PI;\n var distance1 = Math.abs(pos[0][\"x\"] - pos[33][\"x\"]);\n var distance2 = Math.abs(pos[14][\"x\"] - pos[33][\"x\"]);\n const isAngle = !((angleOne > 40 && angleOne < 93) ||\n (angleTwo > 40 && angleTwo < 93));\n const isDistance = Math.abs(distance1 - distance2) / distance1 > 0.5;\n return isAngle || isDistance;\n }\n // check if the face is inside the circle area\n isFaceDetected(pos) {\n const posCircle = this.getCircleXY();\n const posFace = this.getFaceXY(pos);\n if (posFace.x + posFace.w < posCircle.x + posCircle.w &&\n posFace.x > posCircle.x &&\n posFace.y > posCircle.y &&\n posFace.y + posFace.h < posCircle.y + posCircle.h)\n return true;\n return false;\n }\n // check if the face emotional is changing\n detectLiveness(current) {\n this.prevEmotionalState = this.currenEmotionaltState;\n this.currenEmotionaltState = current;\n return (this.prevEmotionalState &&\n this.currenEmotionaltState &&\n this.prevEmotionalState != this.currenEmotionaltState);\n }\n // check if the face in the video is similar to the previous face\n detectSimilarFace(current) {\n this.prevFaceDescriptor = this.currentFaceDescriptor;\n this.currentFaceDescriptor = current;\n if (!this.prevFaceDescriptor || !this.currentFaceDescriptor)\n return 1;\n // the smaller the distance, the more similar the faces are\n return faceapi.euclideanDistance(this.prevFaceDescriptor, this.currentFaceDescriptor);\n }\n // reset instruction html text and all those checking\n resetInstructions() {\n this.isLiveness = false;\n this.currenEmotionaltState = \"\";\n this.prevEmotionalState = \"\";\n this.prevFaceDescriptor = undefined;\n this.currentFaceDescriptor = undefined;\n const overlayId = `#${camera_1.ELEMENT_IDS.OVERLAY}`;\n (0, jquery_1.default)(overlayId).removeClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(overlayId).removeClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(overlayId).removeClass(\"overlay-element--active\");\n }\n checkFace(livenessScore, pos, currentExpression, currentFaceDescriptor) {\n var _a, _b, _c, _d;\n const isFace = this.isFaceDetected(pos);\n // 1. check if the face is inside the circle area\n if (!isFace) {\n this.resetInstructions();\n return;\n }\n // 2. check if the face is looking straight at the camera\n else if (this.isAngleDetected(pos)) {\n this.resetInstructions();\n const event = new CustomEvent(\"lookStraight\");\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);\n if (this.instructionElement)\n this.instructionElement.innerHTML = \"Look straight at the camera.\";\n return;\n }\n // 3. check the liveness of the face\n if (this.detectLiveness(currentExpression))\n this.isLiveness = true;\n // 4. check the similarity of the face\n const isSimilarFace = this.detectSimilarFace(currentFaceDescriptor) < 0.6;\n if (this.isLiveness && !isSimilarFace) {\n this.resetInstructions();\n return;\n }\n if (currentExpression !== \"happy\") {\n const event = new CustomEvent(\"userNoSmile\");\n (_b = this.overlayElement) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);\n (0, jquery_1.default)(\"#overlayElement\").addClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--active\");\n }\n else if (this.isLiveness) {\n // emit event here STAY 3 seconds\n const event = new CustomEvent(\"userSmiled\");\n (_c = this.overlayElement) === null || _c === void 0 ? void 0 : _c.dispatchEvent(event);\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(\"#overlayElement\").addClass(\"overlay-element--active\");\n if (isSimilarFace &&\n this.isLiveness &&\n this.currenEmotionaltState === \"happy\" &&\n this.captureImage) {\n this.captureImage(livenessScore);\n }\n }\n else if (!this.isDone) {\n const event = new CustomEvent(\"userSmiledButNotLiveness\");\n (_d = this.overlayElement) === null || _d === void 0 ? void 0 : _d.dispatchEvent(event);\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(\"#overlayElement\").addClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--active\");\n }\n }\n detectFace() {\n var _a, _b;\n return __awaiter(this, void 0, void 0, function* () {\n console.log(\"detectFace\");\n if (!this.videoElement || !this.canvasElement || !this.overlayElement)\n return;\n const displaySize = {\n width: this.canvasElement.width,\n height: this.canvasElement.height,\n };\n const detections = yield faceapi\n .detectSingleFace(this.videoElement, this.face_api_detection_options)\n .withFaceLandmarks()\n .withFaceExpressions()\n .withFaceDescriptor();\n const event = new CustomEvent(\"placeFace\");\n if (typeof detections !== \"undefined\") {\n const expressions = detections.expressions;\n const currentExpression = Object.keys(expressions).reduce((a, b) => {\n return expressions[a] >\n expressions[b]\n ? a\n : b;\n });\n const resizedDetections = faceapi.resizeResults(detections, displaySize);\n const pos = resizedDetections.landmarks.positions;\n const score = detections.detection.score;\n if (score > this.faceTrack_settings.minScore && pos) {\n this.checkFace(score, pos, currentExpression, detections.descriptor);\n }\n else {\n this.resetInstructions();\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);\n }\n // draw canvas points for developer view only\n // if (typeof resizedDetections !== \"undefined\" && this.canvasElement) {\n // this.canvasElement\n // .getContext(\"2d\")\n // ?.clearRect(\n // 0,\n // 0,\n // this.canvasElement.width,\n // this.canvasElement.height\n // );\n // if (resizedDetections) {\n // faceapi.draw.drawDetections(this.canvasElement, resizedDetections);\n // faceapi.draw.drawFaceLandmarks(this.canvasElement, resizedDetections);\n // faceapi.draw.drawFaceExpressions(\n // this.canvasElement,\n // resizedDetections\n // );\n // }\n // }\n }\n else {\n this.resetInstructions();\n (_b = this.overlayElement) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);\n }\n if (!this.isDone)\n this.iFrameRef = requestAnimationFrame(() => this.detectFace());\n });\n }\n disableDetection() {\n return __awaiter(this, void 0, void 0, function* () {\n this.isDone = true;\n if (this.iFrameRef)\n cancelAnimationFrame(this.iFrameRef);\n this.iFrameRef = undefined;\n this.resetInstructions();\n });\n }\n resizeElement() {\n if (!this.videoElement || !this.canvasElement)\n return;\n // 1. resize canvas to match video size\n this.canvasElement.width = this.videoElement.clientWidth;\n this.canvasElement.height = this.videoElement.clientHeight;\n // 2. resize circle overlay to match video size\n var circleSize = this.videoElement.clientHeight > this.videoElement.clientWidth\n ? this.videoElement.clientWidth - this.videoElement.clientWidth / 6\n : this.videoElement.clientHeight - this.videoElement.clientHeight / 6;\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.OVERLAY}`).css({\n \"border-radius\": \"50%\",\n border: \"solid white 3px\",\n width: (circleSize / 5) * 4.5,\n height: circleSize,\n });\n }\n // train face-api models\n loadModel() {\n return __awaiter(this, void 0, void 0, function* () {\n this.loadedModel = yield Promise.all([\n faceapi.nets.tinyFaceDetector.loadFromUri(\"./models\"),\n faceapi.nets.tinyFaceDetector.loadFromUri(\"/models\"),\n faceapi.nets.faceLandmark68Net.loadFromUri(\"/models\"),\n faceapi.nets.faceRecognitionNet.loadFromUri(\"/models\"),\n faceapi.nets.faceExpressionNet.loadFromUri(\"/models\"),\n ]);\n });\n }\n init() {\n return __awaiter(this, void 0, void 0, function* () {\n this.isDone = false;\n this.resizeElement();\n if (!this.loadedModel)\n yield this.loadModel();\n if (!this.iFrameRef)\n yield this.detectFace();\n });\n }\n listenToUserNoSmile(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"userNoSmile\", () => {\n cb();\n });\n }\n listenToUserSmiled(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"userSmiled\", () => {\n cb();\n });\n }\n listenToUserSmiledButNotLiveness(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"userSmiledButNotLiveness\", () => {\n cb();\n });\n }\n listenToLookStraight(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"lookStraight\", () => {\n cb();\n });\n }\n listenToPlaceFace(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"placeFace\", () => {\n cb();\n });\n }\n}\nexports[\"default\"] = FACEDETECTIONSDK;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/face-detection.ts?");
3838
+ eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst jquery_1 = __importDefault(__webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\"));\nconst faceapi = __importStar(__webpack_require__(/*! face-api.js */ \"./node_modules/face-api.js/build/es6/index.js\"));\nconst camera_1 = __webpack_require__(/*! ../models/camera */ \"./src/models/camera.ts\");\nclass FACEDETECTIONSDK {\n constructor(val) {\n this.isDone = false; // use to check if the face detection is done\n // === use as vuex state ===\n this.prevEmotionalState = \"\";\n this.currenEmotionaltState = \"\";\n this.isLiveness = false;\n // === constant variable ===\n this.face_api_detection_options = new faceapi.TinyFaceDetectorOptions({\n inputSize: 224,\n });\n this.faceTrack_settings = {\n contrast: 3,\n brightness: 0.5,\n threshold: 100,\n minCorrelation: 0.17,\n minScore: 0.6,\n };\n // html element\n this.videoElement = null;\n this.canvasElement = null;\n this.overlayElement = null;\n this.titleElement = null;\n this.instructionElement = null;\n Object.assign(this, val);\n }\n setCaptureImage(captureImage) {\n this.captureImage = captureImage;\n }\n // get the face position\n getFaceXY(pos) {\n var posF = {\n top: Math.min.apply(Math, pos.map(function (o) {\n return o.y;\n })),\n bottom: Math.max.apply(Math, pos.map(function (o) {\n return o.y;\n })),\n left: Math.min.apply(Math, pos.map(function (o) {\n return o.x;\n })),\n right: Math.max.apply(Math, pos.map(function (o) {\n return o.x;\n })),\n };\n return {\n x: posF[\"left\"],\n y: posF[\"top\"],\n w: posF[\"right\"] - posF[\"left\"],\n h: posF[\"bottom\"] - posF[\"top\"],\n };\n }\n // get the circle area position\n getCircleXY() {\n if (!this.canvasElement || !this.overlayElement)\n return { x: 0, y: 0, w: 0, h: 0 };\n // canvas rectangle position\n const posR = this.canvasElement.getBoundingClientRect();\n // circle position\n const posC = this.overlayElement.getBoundingClientRect();\n return {\n // get the coord x and y of the circle inside the canvas rectangle\n x: posC.x - posR.x,\n y: posC.y - posR.y,\n w: posC.width,\n h: posC.height,\n };\n }\n // to detect if your face is looking straight at the camera\n isAngleDetected(pos) {\n var angleOne = (Math.atan2(Math.abs(pos[7][\"y\"] - pos[33][\"y\"]), Math.abs(pos[7][\"x\"] - pos[33][\"x\"])) *\n 180) /\n Math.PI;\n var angleTwo = (Math.atan2(Math.abs(pos[60][\"y\"] - pos[33][\"y\"]), Math.abs(pos[60][\"x\"] - pos[33][\"x\"])) *\n 180) /\n Math.PI;\n var distance1 = Math.abs(pos[0][\"x\"] - pos[33][\"x\"]);\n var distance2 = Math.abs(pos[14][\"x\"] - pos[33][\"x\"]);\n const isAngle = !((angleOne > 40 && angleOne < 93) ||\n (angleTwo > 40 && angleTwo < 93));\n const isDistance = Math.abs(distance1 - distance2) / distance1 > 0.5;\n return isAngle || isDistance;\n }\n // check if the face is inside the circle area\n isFaceDetected(pos) {\n const posCircle = this.getCircleXY();\n const posFace = this.getFaceXY(pos);\n if (posFace.x + posFace.w < posCircle.x + posCircle.w &&\n posFace.x > posCircle.x &&\n posFace.y > posCircle.y &&\n posFace.y + posFace.h < posCircle.y + posCircle.h)\n return true;\n return false;\n }\n // check if the face emotional is changing\n detectLiveness(current) {\n this.prevEmotionalState = this.currenEmotionaltState;\n this.currenEmotionaltState = current;\n return (this.prevEmotionalState &&\n this.currenEmotionaltState &&\n this.prevEmotionalState != this.currenEmotionaltState);\n }\n // check if the face in the video is similar to the previous face\n detectSimilarFace(current) {\n this.prevFaceDescriptor = this.currentFaceDescriptor;\n this.currentFaceDescriptor = current;\n if (!this.prevFaceDescriptor || !this.currentFaceDescriptor)\n return 1;\n // the smaller the distance, the more similar the faces are\n return faceapi.euclideanDistance(this.prevFaceDescriptor, this.currentFaceDescriptor);\n }\n // reset instruction html text and all those checking\n resetInstructions() {\n this.isLiveness = false;\n this.currenEmotionaltState = \"\";\n this.prevEmotionalState = \"\";\n this.prevFaceDescriptor = undefined;\n this.currentFaceDescriptor = undefined;\n const overlayId = `#${camera_1.ELEMENT_IDS.OVERLAY}`;\n (0, jquery_1.default)(overlayId).removeClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(overlayId).removeClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(overlayId).removeClass(\"overlay-element--active\");\n }\n checkFace(livenessScore, pos, currentExpression, currentFaceDescriptor) {\n var _a, _b, _c, _d;\n const isFace = this.isFaceDetected(pos);\n // 1. check if the face is inside the circle area\n if (!isFace) {\n this.resetInstructions();\n return;\n }\n // 2. check if the face is looking straight at the camera\n else if (this.isAngleDetected(pos)) {\n this.resetInstructions();\n const event = new CustomEvent(\"lookStraight\");\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);\n if (this.instructionElement)\n this.instructionElement.innerHTML = \"Look straight at the camera.\";\n return;\n }\n // 3. check the liveness of the face\n if (this.detectLiveness(currentExpression))\n this.isLiveness = true;\n // 4. check the similarity of the face\n const isSimilarFace = this.detectSimilarFace(currentFaceDescriptor) < 0.6;\n if (this.isLiveness && !isSimilarFace) {\n this.resetInstructions();\n return;\n }\n if (currentExpression !== \"happy\") {\n const event = new CustomEvent(\"userNoSmile\");\n (_b = this.overlayElement) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);\n (0, jquery_1.default)(\"#overlayElement\").addClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--active\");\n }\n else if (this.isLiveness) {\n // emit event here STAY 3 seconds\n const event = new CustomEvent(\"userSmiled\");\n (_c = this.overlayElement) === null || _c === void 0 ? void 0 : _c.dispatchEvent(event);\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(\"#overlayElement\").addClass(\"overlay-element--active\");\n if (isSimilarFace &&\n this.isLiveness &&\n this.currenEmotionaltState === \"happy\" &&\n this.captureImage) {\n this.captureImage(livenessScore);\n }\n }\n else if (!this.isDone) {\n const event = new CustomEvent(\"userSmiledButNotLiveness\");\n (_d = this.overlayElement) === null || _d === void 0 ? void 0 : _d.dispatchEvent(event);\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--selfie-smile\");\n (0, jquery_1.default)(\"#overlayElement\").addClass(\"overlay-element--selfie-neutral\");\n (0, jquery_1.default)(\"#overlayElement\").removeClass(\"overlay-element--active\");\n }\n }\n detectFace() {\n var _a, _b;\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.videoElement || !this.canvasElement || !this.overlayElement)\n return;\n const displaySize = {\n width: this.canvasElement.width,\n height: this.canvasElement.height,\n };\n const detections = yield faceapi\n .detectSingleFace(this.videoElement, this.face_api_detection_options)\n .withFaceLandmarks()\n .withFaceExpressions()\n .withFaceDescriptor();\n const event = new CustomEvent(\"placeFace\");\n if (typeof detections !== \"undefined\") {\n const expressions = detections.expressions;\n const currentExpression = Object.keys(expressions).reduce((a, b) => {\n return expressions[a] >\n expressions[b]\n ? a\n : b;\n });\n const resizedDetections = faceapi.resizeResults(detections, displaySize);\n const pos = resizedDetections.landmarks.positions;\n const score = detections.detection.score;\n if (score > this.faceTrack_settings.minScore && pos) {\n this.checkFace(score, pos, currentExpression, detections.descriptor);\n }\n else {\n this.resetInstructions();\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);\n }\n // draw canvas points for developer view only\n // if (typeof resizedDetections !== \"undefined\" && this.canvasElement) {\n // this.canvasElement\n // .getContext(\"2d\")\n // ?.clearRect(\n // 0,\n // 0,\n // this.canvasElement.width,\n // this.canvasElement.height\n // );\n // if (resizedDetections) {\n // faceapi.draw.drawDetections(this.canvasElement, resizedDetections);\n // faceapi.draw.drawFaceLandmarks(this.canvasElement, resizedDetections);\n // faceapi.draw.drawFaceExpressions(\n // this.canvasElement,\n // resizedDetections\n // );\n // }\n // }\n }\n else {\n this.resetInstructions();\n (_b = this.overlayElement) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);\n }\n if (!this.isDone)\n this.iFrameRef = requestAnimationFrame(() => this.detectFace());\n });\n }\n disableDetection() {\n return __awaiter(this, void 0, void 0, function* () {\n this.isDone = true;\n if (this.iFrameRef)\n cancelAnimationFrame(this.iFrameRef);\n this.iFrameRef = undefined;\n this.resetInstructions();\n });\n }\n resizeElement() {\n if (!this.videoElement || !this.canvasElement)\n return;\n // 1. resize canvas to match video size\n this.canvasElement.width = this.videoElement.clientWidth;\n this.canvasElement.height = this.videoElement.clientHeight;\n // 2. resize circle overlay to match video size\n var circleSize = this.videoElement.clientHeight > this.videoElement.clientWidth\n ? this.videoElement.clientWidth - this.videoElement.clientWidth / 6\n : this.videoElement.clientHeight - this.videoElement.clientHeight / 6;\n (0, jquery_1.default)(`#${camera_1.ELEMENT_IDS.OVERLAY}`).css({\n \"border-radius\": \"50%\",\n border: \"solid white 3px\",\n width: (circleSize / 5) * 4.5,\n height: circleSize,\n });\n }\n // train face-api models\n loadModel() {\n return __awaiter(this, void 0, void 0, function* () {\n this.loadedModel = yield Promise.all([\n faceapi.nets.tinyFaceDetector.loadFromUri(\"./models\"),\n faceapi.nets.tinyFaceDetector.loadFromUri(\"/models\"),\n faceapi.nets.faceLandmark68Net.loadFromUri(\"/models\"),\n faceapi.nets.faceRecognitionNet.loadFromUri(\"/models\"),\n faceapi.nets.faceExpressionNet.loadFromUri(\"/models\"),\n ]);\n });\n }\n init() {\n return __awaiter(this, void 0, void 0, function* () {\n this.isDone = false;\n this.resizeElement();\n if (!this.loadedModel)\n yield this.loadModel();\n if (!this.iFrameRef)\n yield this.detectFace();\n });\n }\n listenToUserNoSmile(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"userNoSmile\", () => {\n cb();\n });\n }\n listenToUserSmiled(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"userSmiled\", () => {\n cb();\n });\n }\n listenToUserSmiledButNotLiveness(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"userSmiledButNotLiveness\", () => {\n cb();\n });\n }\n listenToLookStraight(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"lookStraight\", () => {\n cb();\n });\n }\n listenToPlaceFace(cb) {\n var _a;\n (_a = this.overlayElement) === null || _a === void 0 ? void 0 : _a.addEventListener(\"placeFace\", () => {\n cb();\n });\n }\n}\nexports[\"default\"] = FACEDETECTIONSDK;\n\n\n//# sourceURL=webpack://PWUISDK/./src/plugins/face-detection.ts?");
3850
3839
 
3851
3840
  /***/ }),
3852
3841
 
@@ -3857,7 +3846,7 @@ eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ?
3857
3846
  /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
3858
3847
 
3859
3848
  "use strict";
3860
- eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.pwInstance = void 0;\nconst pipwave_ekyc_sdk_1 = __webpack_require__(/*! pipwave-ekyc-sdk */ \"./node_modules/pipwave-ekyc-sdk/dist/pw-bundle.js\");\n// pages\nconst StartPage_1 = __importDefault(__webpack_require__(/*! ./pageClass/StartPage */ \"./src/pageClass/StartPage.ts\"));\nconst LoadingPage_1 = __importDefault(__webpack_require__(/*! ./pageClass/LoadingPage */ \"./src/pageClass/LoadingPage.ts\"));\nexports.pwInstance = new pipwave_ekyc_sdk_1.PWSDK();\nclass PWUISDK {\n constructor() {\n this.mainSteps = [\n \"start_page\",\n \"verify_id\",\n \"confirm_doc\",\n \"selfie\",\n \"ekyc_review\",\n ];\n }\n init(value) {\n return __awaiter(this, void 0, void 0, function* () {\n const mainContainer = document.getElementById(value);\n if (!mainContainer) {\n alert(\"Invalid target\");\n throw new Error(\"Invalid target\");\n }\n const sdkContainer = document.createElement(\"div\");\n sdkContainer.classList.add(\"pw-box-border\", \"pwsdk-ui\", \"pw-m-0\", \"pw-p-0\", \"pw-max-h-[51rem]\");\n mainContainer.appendChild(sdkContainer);\n const mainScreen = this.createMainScreen(value);\n sdkContainer.appendChild(mainScreen);\n // show loading page\n const loadingPage = new LoadingPage_1.default(this.mainScreenId, this.mainSteps);\n loadingPage.render(\"Loading\");\n try {\n const accessToken = \"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoiMTAwMDAwNDAxIiwibWVyY2hhbnRfaWQiOiJHMkctdGVzdGluZyIsInNlc3Npb25faWQiOiJiODY2NTEzNi02ZGI1LTRkNjItOTUzNy1lYzY0NGMyOTI4YTgiLCJzY29wZXMiOiJQT1NUXy9la3ljL3Nlc3Npb24ve3Nlc3Npb25faWR9L2RvYyxQT1NUXy9la3ljL3Nlc3Npb24ve3Nlc3Npb25faWR9L3NlbGZpZSxHRVRfL2VreWMvc2Vzc2lvbi97c2Vzc2lvbl9pZH0vY2hlY2ssUFVUXy9la3ljL3Nlc3Npb24ve3Nlc3Npb25faWR9L2ZlZWRiYWNrIiwibGFuZ3VhZ2UiOiJlbiIsInZlcmlmaWNhdGlvbl90eXBlcyI6WyJuYXRpb25hbF9pZGVudGl0eV9kb2N1bWVudCIsInNlbGZpZSJdLCJtYXhfcmV0cmllcyI6MCwiZXhwaXJlZF9hdCI6MTY5MjI2MzY0NTI5Niwic3VwcG9ydGVkX2NvdW50cmllcyI6W10sImV4Y2x1ZGVkX2NvdW50cmllcyI6W119.SzjOeFQqiBCdQKVhecWtdvNITHITrSGYCsd6pVEXUzI\";\n const result = yield exports.pwInstance.init(accessToken);\n const { verification_types } = result;\n const firstPage = new StartPage_1.default(this.mainScreenId, this.mainSteps, verification_types);\n loadingPage.clearScreen();\n firstPage.render();\n }\n catch (error) {\n // Pending: redirect to common error page\n loadingPage.clearScreen();\n console.log(\"uisdk error\", error);\n }\n });\n }\n createMainScreen(value) {\n const mainScreen = document.createElement(\"div\");\n mainScreen.classList.add(\"pw-relative\", \"pw-font-pw\", \"pw-mx-auto\", \"pw-max-w-sm\", \"pw-rounded-lg\", \"pw-min:pw-border-solid\", \"pw-min:pw-border-grey-4\", \"pw-py-4\", \"pw-px-5\", \"pw-overflow-x-hidden\", \"pw-h-[calc(100vh-3rem)]\", \"pw-max-h-[51rem]\");\n const id = `mainScreen_${value}`;\n mainScreen.id = id;\n this.mainScreenId = id;\n return mainScreen;\n }\n listenToFinishEkyc(cb) {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.addEventListener(\"finish:ekyc\", () => {\n cb();\n });\n }\n}\nexports[\"default\"] = PWUISDK;\n\n\n//# sourceURL=webpack://PWUISDK/./src/uisdk.ts?");
3849
+ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.pwInstance = void 0;\nconst pipwave_ekyc_sdk_1 = __webpack_require__(/*! pipwave-ekyc-sdk */ \"./node_modules/pipwave-ekyc-sdk/dist/pw-bundle.js\");\n// pages\nconst StartPage_1 = __importDefault(__webpack_require__(/*! ./pageClass/StartPage */ \"./src/pageClass/StartPage.ts\"));\nconst LoadingPage_1 = __importDefault(__webpack_require__(/*! ./pageClass/LoadingPage */ \"./src/pageClass/LoadingPage.ts\"));\nconst ErrorPage_1 = __importDefault(__webpack_require__(/*! ./pageClass/ErrorPage */ \"./src/pageClass/ErrorPage.ts\"));\nexports.pwInstance = new pipwave_ekyc_sdk_1.PWSDK();\nclass PWUISDK {\n init({ target, accessToken, displayMode = \"in-page\" }) {\n return __awaiter(this, void 0, void 0, function* () {\n const mainContainer = document.getElementById(target);\n if (!mainContainer) {\n throw new Error(\"Invalid target\");\n }\n const sdkContainer = document.createElement(\"div\");\n sdkContainer.classList.add(\"pw-box-border\", \"pwsdk-ui\", \"pw-m-0\", \"pw-p-0\", \"pw-max-h-[51rem]\");\n mainContainer.appendChild(sdkContainer);\n const mainScreen = this.createMainScreen(target);\n sdkContainer.appendChild(mainScreen);\n // show loading page\n const loadingPage = new LoadingPage_1.default(this.mainScreenId, displayMode);\n loadingPage.render(\"Loading\");\n try {\n const result = yield exports.pwInstance.init(accessToken);\n const { verification_types } = result;\n const firstPage = new StartPage_1.default(this.mainScreenId, displayMode, verification_types);\n loadingPage.clearScreen();\n firstPage.render();\n }\n catch (error) {\n loadingPage.clearScreen();\n const err = new ErrorPage_1.default(this.mainScreenId, displayMode);\n err.render();\n }\n });\n }\n createMainScreen(value) {\n const mainScreen = document.createElement(\"div\");\n mainScreen.classList.add(\"pw-relative\", \"pw-font-pw\", \"pw-mx-auto\", \"pw-max-w-sm\", \"pw-rounded-lg\", \"pw-min:pw-border-solid\", \"pw-min:pw-border-grey-4\", \"pw-py-4\", \"pw-px-5\", \"pw-overflow-x-hidden\", \"pw-h-[calc(100vh-3rem)]\", \"pw-max-h-[51rem]\");\n const id = `mainScreen_${value}`;\n mainScreen.id = id;\n this.mainScreenId = id;\n return mainScreen;\n }\n onClose(cb) {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.addEventListener(\"close:ekyc\", () => {\n cb();\n });\n }\n onFinish(cb) {\n const mainScreen = document.getElementById(this.mainScreenId);\n mainScreen === null || mainScreen === void 0 ? void 0 : mainScreen.addEventListener(\"finish:ekyc\", () => {\n cb();\n });\n }\n}\nexports[\"default\"] = PWUISDK;\n\n\n//# sourceURL=webpack://PWUISDK/./src/uisdk.ts?");
3861
3850
 
3862
3851
  /***/ }),
3863
3852
 
@@ -3883,50 +3872,6 @@ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeC
3883
3872
 
3884
3873
  /***/ }),
3885
3874
 
3886
- /***/ "./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot":
3887
- /*!*******************************************************************************!*\
3888
- !*** ./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot ***!
3889
- \*******************************************************************************/
3890
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3891
-
3892
- "use strict";
3893
- eval("module.exports = __webpack_require__.p + \"4674f8ded773cb03e824.eot\";\n\n//# sourceURL=webpack://PWUISDK/./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot?");
3894
-
3895
- /***/ }),
3896
-
3897
- /***/ "./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf":
3898
- /*!*******************************************************************************!*\
3899
- !*** ./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf ***!
3900
- \*******************************************************************************/
3901
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3902
-
3903
- "use strict";
3904
- eval("module.exports = __webpack_require__.p + \"5e7382c63da0098d634a.ttf\";\n\n//# sourceURL=webpack://PWUISDK/./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf?");
3905
-
3906
- /***/ }),
3907
-
3908
- /***/ "./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff":
3909
- /*!********************************************************************************!*\
3910
- !*** ./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff ***!
3911
- \********************************************************************************/
3912
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3913
-
3914
- "use strict";
3915
- eval("module.exports = __webpack_require__.p + \"83bebaf37c09c7e1c3ee.woff\";\n\n//# sourceURL=webpack://PWUISDK/./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff?");
3916
-
3917
- /***/ }),
3918
-
3919
- /***/ "./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2":
3920
- /*!*********************************************************************************!*\
3921
- !*** ./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2 ***!
3922
- \*********************************************************************************/
3923
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3924
-
3925
- "use strict";
3926
- eval("module.exports = __webpack_require__.p + \"cff684e59ffb052d72cb.woff2\";\n\n//# sourceURL=webpack://PWUISDK/./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2?");
3927
-
3928
- /***/ }),
3929
-
3930
3875
  /***/ "./src/assets/img/example_selfie.png":
3931
3876
  /*!*******************************************!*\
3932
3877
  !*** ./src/assets/img/example_selfie.png ***!
@@ -3942,10 +3887,10 @@ eval("module.exports = __webpack_require__.p + \"57635c717fdc1191b299.png\";\n\n
3942
3887
  /*!*****************************************!*\
3943
3888
  !*** ./src/assets/img/icon-id-card.png ***!
3944
3889
  \*****************************************/
3945
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3890
+ /***/ ((module) => {
3946
3891
 
3947
3892
  "use strict";
3948
- eval("module.exports = __webpack_require__.p + \"6b7dddff26aa104fa23a.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon-id-card.png?");
3893
+ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHDSURBVHgB7ZZNTsJAFMf/b4qJ7riB3SumNwA3Juz0BNDEj6XcADiCKyMsgBO4bMIGvEGNHKCeQFy5oX2+AYy1oVCqgAn8kqbT9nXem/c1A+zYdujecsyMjxYDBawRBbQNA/WM4VOVwQWsmQAosw9TDOEyNoT2usKGySwS0LFiRudqUOyP8yXgc2ZVFfuzUbnLl6KNBDycOG1ilPSYGjmH4wRFcf1mUKxF3zePnQITepHXnhjRRwKCScKbmBgeA8GbpVyjvSFWdyLyyQnJxoZAXORh/hx9uZW+nhWjv1QIph6INUBW+I4l0GUl4SwnEg4FfU4SUr5lPWZt92IY9z08k4yeZFVtLKYVfphThpwd+QfVWV8aVteK9g/dUGDIYNEVYW4VTCduB4Zxd+2eudojo2D/lpkq0TJMy0IDVs0/74REQ0ksj5hdn/BqMA7FXSYTWdKl/iQEMw0Y1zjrrfLDjauCxlHXYuVXiJAXWRMp+ZkD0v0ogK07XdIJ9P6gfNQo1JTSGSDK9xRObbfoIQXNnNNLc6j5TkLGc1rlk98je8OyBsjgDRtg1wcUJTxErES5tHk1MmCnTaDfoBeuj+XYsfV8AnweohmpDz6QAAAAAElFTkSuQmCC\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon-id-card.png?");
3949
3894
 
3950
3895
  /***/ }),
3951
3896
 
@@ -3953,10 +3898,10 @@ eval("module.exports = __webpack_require__.p + \"6b7dddff26aa104fa23a.png\";\n\n
3953
3898
  /*!************************************************!*\
3954
3899
  !*** ./src/assets/img/icon-id-take-selfie.png ***!
3955
3900
  \************************************************/
3956
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3901
+ /***/ ((module) => {
3957
3902
 
3958
3903
  "use strict";
3959
- eval("module.exports = __webpack_require__.p + \"99e8d68ac2302586e944.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon-id-take-selfie.png?");
3904
+ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHOSURBVHgB7ZdPTsJQEMa/aanRHd6g7IVwBFiyEk8gJOreE4AnEFcmQgKeAFd2KUfA4J4eoe4w8BinRCIL276HlMbEX9K0Saed703f/Cn1St75kqkDcB4RODYKzXHNhwEPRY8TTHyL0LaWjHac8xRxw4Vb4QUyg/O0GaqrSY2wBzZ9WsiYzAXksAX98jC/wGFZ4uha4MAGjU2zZI1xBHrF5/pcHU1Z4QUK/aWi4Vxh2i15LWyBkYDQ+RI0/CltWdK5V/T6MMRy5iisjyRjcX4bfx+N7olXQQKbPrXT7nv18UhIBxeTWhOaaH8CRZarY8eGhU1bADEHOnYi4B0GaAtw7NmTpqmunZmA5vgskK1+F2tE8KWcD5CGgBAn99GWED8iwrljoQpDtmo+0kwa8ugpST1gUMDMrwe5WWcVpb+GdgTWq5Z0KMe+kOGHn0l3LyQKuC97bk5qvry0AjN8GeWqSU2KkpzbYdPZfmpKFBGbBbaiFn43srkLiV6cQeRI9rX6KXaAFLHjzQzRGskcFb/ZTJirw3rUvciJiJkCmdsH2AnRfSRSwOVbbSSnEVLmfyrOXABp/ESm9XO6QiJA2XUwaeEigK/DC+wbkoUr3HwCpim12KD0wmgAAAAASUVORK5CYII=\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon-id-take-selfie.png?");
3960
3905
 
3961
3906
  /***/ }),
3962
3907
 
@@ -3964,10 +3909,10 @@ eval("module.exports = __webpack_require__.p + \"99e8d68ac2302586e944.png\";\n\n
3964
3909
  /*!******************************************!*\
3965
3910
  !*** ./src/assets/img/icon-passport.png ***!
3966
3911
  \******************************************/
3967
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3912
+ /***/ ((module) => {
3968
3913
 
3969
3914
  "use strict";
3970
- eval("module.exports = __webpack_require__.p + \"6066b413c3f9efac085d.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon-passport.png?");
3915
+ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG0SURBVHgB1VQxTsNAEJz1OYgy+YHpASUvIHSkgxckSIBEyQtwXgAdEiBBXgBd6MgPiIAH+Ae4A8neW/YSkEJIbMcUKFNY57m7nZ3bvQOWHTRNXG/221boHJAqFkPkEcKD51ZvkvSmV1lBWCK4QzBO7Ce8WQtRGr8T81AAeo4DEmxXzEft6KVFbixAr8jeXAERdFODfSEECa/uXq33myImXjEI3Vzefh/Z6reJj1vD9FQx0kgt3alkDD85Sdg8rfjKMbbUTbOUgGbYOx62Ih3WvqjGxPSIU0ddPcNmKYHD19bgcuPhjSBDGHSF8TiaMKZB1t5oAoFv3tf06ObGyKzBTf1u1BVCVBXY+JunlKtqb/S/P9yLs2JkOkjT1frR605tgpq8mAP3uapr0RnlBDTc6UW9H7kiw3jbxHzm3LAne8Zq4T1pJExt9VhOwHWHb9FOtYP8lAOltC0lMIzmuKvggneyYhS5B2GFcepScUXXy3ZPBpG2pytymLffRwFYoANG53Kjj4SxEAo9FX9BpgP37qAA1NncKv+vg6zMimKGA4pRFoSogICczFqYH1wT4/zne/nwCWDEqbGdCXAVAAAAAElFTkSuQmCC\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon-passport.png?");
3971
3916
 
3972
3917
  /***/ }),
3973
3918
 
@@ -3986,10 +3931,10 @@ eval("module.exports = __webpack_require__.p + \"43b5d11c42fbd9d6bd4b.png\";\n\n
3986
3931
  /*!*********************************!*\
3987
3932
  !*** ./src/assets/img/icon.png ***!
3988
3933
  \*********************************/
3989
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3934
+ /***/ ((module) => {
3990
3935
 
3991
3936
  "use strict";
3992
- eval("module.exports = __webpack_require__.p + \"55a4970ef78c9bb412fc.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon.png?");
3937
+ eval("module.exports = \"data:image/png;base64,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\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/icon.png?");
3993
3938
 
3994
3939
  /***/ }),
3995
3940
 
@@ -3997,10 +3942,10 @@ eval("module.exports = __webpack_require__.p + \"55a4970ef78c9bb412fc.png\";\n\n
3997
3942
  /*!************************************!*\
3998
3943
  !*** ./src/assets/img/logo-pw.png ***!
3999
3944
  \************************************/
4000
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3945
+ /***/ ((module) => {
4001
3946
 
4002
3947
  "use strict";
4003
- eval("module.exports = __webpack_require__.p + \"abdfc62f24a1d76a13f4.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/logo-pw.png?");
3948
+ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAATCAYAAAB4DJieAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN+SURBVHgB7ZntcdpAEIYXhv8hFUQdmFRgXAFOBSC7AOMKjCswFGAjd2BXEKgglKB0oDRg8rxw8sgKd5KxkwkevTPHnnR7q9N+A2b/Ce7u7hJr4EXbGhwEOvaPMZ/PTyFfGI9xHKfWoBY6KK7/9PTU9zG02+0VCn3wrUvx7O8xTc/PzxMPz8hNJafLiBibPdagFjoyUqvVuvIxrNdrKTrBWHF5jbryg/Ue+/PrK+ZfYc1yHjkCPHOm6dnZWcK1bj9aY6RXoUPEyMvTXYsouA8ZQkco+B4DLPI1RYmMxDTDOA/MldIiDD+CTgtihvqAZ7MXGYm9MzhL18nO7IOiw8utoCvPekKUHEF7Lr0tCmtDR2XAMXwtd69bFOCMLTzaXwJnG+MIOt+pfVDUaSa6JSoPjnIDKJp8G13aizQP1TnPXkXnKRH/yT175ms+lBXgTQOyVEe78B1Dl4Fa2lVGYH2qs5vLNCoPoT2QC50Rvp88Y+GcPyQ7CskUbm9vx8hS07WU7jpOSJQ/rMQf5Youoe9oWkyHZbh0KOwTTRFOcMMLXUI/M1TcTjy8PRkBmpjnHOxXZpipHqME26UkpU50ccFYqa4y7rmdIfvIJxvcwPeLkUo251X6XXlkDySbyyEyzScTHslUhlJJ4XKedVx0fLdtJ1YXL+pOAAN9IP9V0ZRD8mlANvWO1Lq2N4AzzNTMYKRuyKgo+p51NUVSuJxX9CQgWs3YCbJTztizMGT4Kzm/9pj/rJKpoBmoUVPZUUT1bWukTC/DIdPSvkEhMl6kPQtEiuOLNFc6sD2gZgXFjuTR8lh7A5ChSNE7XvDi1wG+KTxSZsx845AV3/e0JtlL9sgBFgFeRciNykWFzCVj7egx50jUnsu6m1qDV0zKO/CSfunW83Wo7qi+uLZ9te8XW/ankJ6+IoQ80LappqrjE4+cbhaqDUpROMeleFya6lbIjZE5hvado69CspEZm79524B3nahBQtbA1dTsuZlQIbR6yLu9YN3RQ6Rg23rFvshwnnEVU0XnukGoiShDBb8gt+rZKaTyjAX+hxo8crpJ8V7tn5Cw8hBvOMrT3o66k+3i43pqe8A1KQt7B2DskR04Kg0lRbvcW+wA/0gf8CWsD4p80GsVWWvwZrRVqJT/RXcxKPy1zvjGiF2HM67DhzEn1uBjofk/Kozm/6gDQWOoA8FvTxYZyJ5xmUkAAAAASUVORK5CYII=\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/logo-pw.png?");
4004
3949
 
4005
3950
  /***/ }),
4006
3951
 
@@ -4008,10 +3953,10 @@ eval("module.exports = __webpack_require__.p + \"abdfc62f24a1d76a13f4.png\";\n\n
4008
3953
  /*!*****************************************!*\
4009
3954
  !*** ./src/assets/img/mask-neutral.png ***!
4010
3955
  \*****************************************/
4011
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3956
+ /***/ ((module) => {
4012
3957
 
4013
3958
  "use strict";
4014
- eval("module.exports = __webpack_require__.p + \"a37df928f2e0c1d63dcc.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/mask-neutral.png?");
3959
+ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAADmCAYAAADBavm7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MThCRjMwN0UxMjg3MTFFQjhFQTBEMjE1NDNCMzdBMDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThCRjMwN0QxMjg3MTFFQjhFQTBEMjE1NDNCMzdBMDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBM0JCRTlGOUU2OEQxMUVBQjdGN0M1NjNBNDUyODZERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBM0JCRTlGQUU2OEQxMUVBQjdGN0M1NjNBNDUyODZERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoT9BEgAABQWSURBVHja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\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/mask-neutral.png?");
4015
3960
 
4016
3961
  /***/ }),
4017
3962
 
@@ -4019,10 +3964,10 @@ eval("module.exports = __webpack_require__.p + \"a37df928f2e0c1d63dcc.png\";\n\n
4019
3964
  /*!***************************************!*\
4020
3965
  !*** ./src/assets/img/mask-smile.png ***!
4021
3966
  \***************************************/
4022
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3967
+ /***/ ((module) => {
4023
3968
 
4024
3969
  "use strict";
4025
- eval("module.exports = __webpack_require__.p + \"ef1bcc8d682d604c5fa0.png\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/mask-smile.png?");
3970
+ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAADmCAYAAADBavm7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MThCRjMwN0ExMjg3MTFFQjhFQTBEMjE1NDNCMzdBMDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThCRjMwNzkxMjg3MTFFQjhFQTBEMjE1NDNCMzdBMDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBM0JCRTlGREU2OEQxMUVBQjdGN0M1NjNBNDUyODZERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBM0JCRTlGRUU2OEQxMUVBQjdGN0M1NjNBNDUyODZERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvMNr3EAABapSURBVHja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\";\n\n//# sourceURL=webpack://PWUISDK/./src/assets/img/mask-smile.png?");
4026
3971
 
4027
3972
  /***/ }),
4028
3973