{"version":3,"sources":["webpack:///./src/views/pages/payouts/payout-settings.vue?ccad","webpack:///./src/components/breadcrumb.vue?2e8e","webpack:///./src/views/pages/payouts/payout-settings.vue?4c9e","webpack:///./src/views/pages/payouts/payout-settings.vue?c988","webpack:///src/views/pages/payouts/payout-settings.vue","webpack:///./src/views/pages/payouts/payout-settings.vue?71d5","webpack:///./src/views/pages/payouts/payout-settings.vue?95d9","webpack:///./src/components/breadcrumb.vue?2dd7","webpack:///src/components/breadcrumb.vue","webpack:///./src/components/breadcrumb.vue?e486","webpack:///./src/components/breadcrumb.vue?525f","webpack:///./src/assets/images/arrow_left.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","items","name","notification","staticClass","on","resetNotificationError","_v","_s","message","_e","staticStyle","twoFAUserDetails","is_2fa_enabled","$event","toggleSwitchFor2FASetup","directives","rawName","value","expression","domProps","_q","default_2fa_channel","$set","open2FAModal","$t","model","callback","$$v","verify2FAOtp","googleAuthQRUrl","phone_number","email_address","preventDefault","verifyOTP","apply","arguments","submitted","$v","otpData","otp","$error","handleOtpChange","required","resendOTP","staticRenderFns","components","Layout","OtpInput","Breadcrumb","data","output","mounted","computed","text","to","active","userDetails","watch","validations","filters","formateDate","methods","resetOTPData","console","type","dispatch","optDetails","then","responseData","subUserID","subUserDetails","catch","error","openOtpModel","action","setUp2FADetails","twoFAUserDetailsCopy","beforeDestroy","component","goBackTo","goback","props","default","module","exports"],"mappings":"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","file":"js/chunk-90c5b230.94143fa9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payout-settings.vue?vue&type=style&index=0&id=242e33ca&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./breadcrumb.vue?vue&type=style&index=0&id=d155fadc&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payout-settings.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('breadcrumb',{attrs:{\"items\":_vm.items,\"goBackTo\":{ name: 'Payouts' }}}),(_vm.notification.message)?_c('b-alert',{staticClass:\"mt-3\",attrs:{\"variant\":\"danger\",\"show\":\"\",\"dismissible\":\"\"},on:{\"dismissed\":_vm.resetNotificationError}},[_vm._v(_vm._s(_vm.notification.message))]):_vm._e(),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[(_vm.twoFAUserDetails)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-12\"},[_c('div',{staticClass:\"toggle-settings\"},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"gap\":\"15px\"}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M10.4902 2.23006L5.50016 4.11006C4.35016 4.54006 3.41016 5.90006 3.41016 7.12006V14.5501C3.41016 15.7301 4.19016 17.2801 5.14016 17.9901L9.44016 21.2001C10.8502 22.2601 13.1702 22.2601 14.5802 21.2001L18.8802 17.9901C19.8302 17.2801 20.6102 15.7301 20.6102 14.5501V7.12006C20.6102 5.89006 19.6702 4.53006 18.5202 4.10006L13.5302 2.23006C12.6802 1.92006 11.3202 1.92006 10.4902 2.23006Z\",\"stroke\":\"#292D32\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M9.05078 11.8702L10.6608 13.4802L14.9608 9.18018\",\"stroke\":\"#292D32\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('div',{staticStyle:{\"padding-right\":\"90px\"}},[_c('p',{staticClass:\"my-auto flex-fill\"},[_vm._v(\" Secure Your Account \")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"font-size\":\"12px\",\"line-height\":\"20px\",\"margin-top\":\"6px\",\"color\":\"rgba(0, 0, 0, 0.30)\"}},[_vm._v(\" Two -factor authentication adds an extra layer of security to your account. By enabling this feature, you will receive a 6-digits code for every payout. \")])]),_c('div',[_c('div',{staticClass:\"d-flex\"},[(!_vm.twoFAUserDetails.is_2fa_enabled)?_c('b-btn',{staticClass:\"cancel bg-white text-dark\",staticStyle:{\"border\":\"1.50px #DCDAD5 solid\",\"padding\":\"12px 24px\"},attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.toggleSwitchFor2FASetup(true)}}},[_vm._v(\" Disable \")]):_vm._e(),(_vm.twoFAUserDetails.is_2fa_enabled)?_c('button',{staticClass:\"btn btn-primary\",staticStyle:{\"padding\":\"12px 24px\"},on:{\"click\":function($event){return _vm.toggleSwitchFor2FASetup(false)}}},[_vm._v(\" Enable \")]):_vm._e()],1)])]),_c('div',{staticStyle:{\"border-top\":\"1px rgba(220, 218, 213, 0.30) solid\",\"margin-top\":\"25px\"}}),(_vm.twoFAUserDetails.is_2fa_enabled)?_c('div',{staticStyle:{\"margin-top\":\"25px\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 col-sm-6 col-6 paymentContent customRadioFor2fa\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.twoFAUserDetails.default_2fa_channel),expression:\"twoFAUserDetails.default_2fa_channel\"}],staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"radio\",\"value\":\"google-auth\",\"id\":\"google-auth\",\"name\":\"paymentOption\"},domProps:{\"checked\":_vm._q(_vm.twoFAUserDetails.default_2fa_channel,\"google-auth\")},on:{\"change\":function($event){return _vm.$set(_vm.twoFAUserDetails, \"default_2fa_channel\", \"google-auth\")}}}),_c('div',{staticClass:\"paymentLabel\"},[_c('label',{staticStyle:{\"margin-bottom\":\"0px\",\"cursor\":\"pointer\"},attrs:{\"for\":\"google-auth\"}},[_c('span',{staticStyle:{\"display\":\"inline-block\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"font-size\":\"14px\",\"line-height\":\"20px\",\"color\":\"#000\"}},[_vm._v(\"Google Authentication\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"color\":\"rgba(0, 0, 0, 0.50)\",\"font-size\":\"12px\",\"line-height\":\"20px\",\"font-weight\":\"325\"}},[_vm._v(\"Authentication by Google\")])])])])]),_c('div',{staticClass:\"col-md-4 col-sm-6 col-6 paymentContent customRadioFor2fa\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.twoFAUserDetails.default_2fa_channel),expression:\"twoFAUserDetails.default_2fa_channel\"}],staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"radio\",\"value\":\"email\",\"id\":\"email\",\"name\":\"paymentOption\"},domProps:{\"checked\":_vm._q(_vm.twoFAUserDetails.default_2fa_channel,\"email\")},on:{\"change\":function($event){return _vm.$set(_vm.twoFAUserDetails, \"default_2fa_channel\", \"email\")}}}),_c('div',{staticClass:\"paymentLabel\"},[_c('label',{staticStyle:{\"margin-bottom\":\"0px\",\"cursor\":\"pointer\"},attrs:{\"for\":\"email\"}},[_c('span',{staticStyle:{\"display\":\"inline-block\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"font-size\":\"14px\",\"line-height\":\"20px\",\"color\":\"#000\"}},[_vm._v(\"Email\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"color\":\"rgba(0, 0, 0, 0.50)\",\"font-size\":\"12px\",\"line-height\":\"20px\",\"font-weight\":\"325\"}},[_vm._v(\"Authentication by Email\")])])])])]),_c('div',{staticClass:\"col-md-3 col-sm-6 col-6 paymentContent customRadioFor2fa\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.twoFAUserDetails.default_2fa_channel),expression:\"twoFAUserDetails.default_2fa_channel\"}],staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"radio\",\"value\":\"phone\",\"id\":\"phone\",\"name\":\"paymentOption\"},domProps:{\"checked\":_vm._q(_vm.twoFAUserDetails.default_2fa_channel,\"phone\")},on:{\"change\":function($event){return _vm.$set(_vm.twoFAUserDetails, \"default_2fa_channel\", \"phone\")}}}),_c('div',{staticClass:\"paymentLabel\"},[_c('label',{staticStyle:{\"margin-bottom\":\"0px\",\"cursor\":\"pointer\"},attrs:{\"for\":\"phone\"}},[_c('span',{staticStyle:{\"display\":\"inline-block\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"font-size\":\"14px\",\"line-height\":\"20px\",\"color\":\"#000\"}},[_vm._v(\"Phone\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"color\":\"rgba(0, 0, 0, 0.50)\",\"font-size\":\"12px\",\"line-height\":\"20px\",\"font-weight\":\"325\"}},[_vm._v(\"Authentication by Phone\")])])])])]),_c('div',{staticClass:\"col-md-1 col-sm-6 col-6\"},[_c('button',{staticClass:\"btn btn-primary btn-sm text-nowrap float-right\",on:{\"click\":function($event){return _vm.open2FAModal()}}},[_vm._v(_vm._s(_vm.$t(\"button.update\")))])])])]):_vm._e()])])]):_vm._e()])]),_c('b-modal',{attrs:{\"size\":\"md\",\"id\":\"verify2FAOtpModal\",\"title\":\"\",\"title-class\":\"text-dark font-18\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\",\"header-class\":\"twoFA-modal-header-custom\",\"body-class\":\"twoFA-modal-body-custom\"},model:{value:(_vm.verify2FAOtp),callback:function ($$v) {_vm.verify2FAOtp=$$v},expression:\"verify2FAOtp\"}},[(_vm.notification.message)?_c('b-alert',{staticClass:\"mt-3\",attrs:{\"variant\":\"danger\",\"show\":\"\",\"dismissible\":\"\"},on:{\"dismissed\":_vm.resetNotificationError}},[_vm._v(\" \"+_vm._s(_vm.notification.message))]):_vm._e(),_c('div',[_c('div',{staticClass:\"mb-2\"},[(_vm.twoFAUserDetails && _vm.twoFAUserDetails.default_2fa_channel == 'google-auth')?_c('div',[_c('div',{staticStyle:{\"line-height\":\"20px\",\"margin-bottom\":\"4px\",\"font-size\":\"18px\"}},[_vm._v(\"Two Step Verification\")]),_c('div',{staticStyle:{\"font-size\":\"12px\",\"font-weight\":\"325\",\"line-height\":\"20px\",\"color\":\"rgba(0, 0, 0, 0.30)\",\"margin-bottom\":\"16px\"}},[_vm._v(\"Please follow the instructions below\")]),_c('div',{staticStyle:{\"background\":\"rgba(220, 218, 213, 0.30)\",\"border-radius\":\"12px\",\"padding\":\"16px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"18\",\"viewBox\":\"0 0 14 18\",\"fill\":\"none\"}},[_c('rect',{attrs:{\"x\":\"0.5\",\"y\":\"0.5\",\"width\":\"13\",\"height\":\"17\",\"rx\":\"3.5\",\"stroke\":\"#FC6B2D\"}})]),_c('div',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.50)\",\"font-size\":\"12px\",\"font-weight\":\"325\",\"padding-left\":\"12px\"}},[_vm._v(\"Install Google Authenticator \")])]),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"margin-top\":\"12px\"}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"18\",\"height\":\"18\",\"viewBox\":\"0 0 18 18\",\"fill\":\"none\"}},[_c('g',{attrs:{\"id\":\"vuesax/linear/scan-barcode\"}},[_c('g',{attrs:{\"id\":\"scan-barcode\"}},[_c('path',{attrs:{\"id\":\"Vector\",\"d\":\"M1.5 6.75V4.875C1.5 3.0075 3.0075 1.5 4.875 1.5H6.75\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_2\",\"d\":\"M11.25 1.5H13.125C14.9925 1.5 16.5 3.0075 16.5 4.875V6.75\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_3\",\"d\":\"M16.5 12V13.125C16.5 14.9925 14.9925 16.5 13.125 16.5H12\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_4\",\"d\":\"M6.75 16.5H4.875C3.0075 16.5 1.5 14.9925 1.5 13.125V11.25\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_5\",\"d\":\"M7.875 5.25V6.75C7.875 7.5 7.5 7.875 6.75 7.875H5.25C4.5 7.875 4.125 7.5 4.125 6.75V5.25C4.125 4.5 4.5 4.125 5.25 4.125H6.75C7.5 4.125 7.875 4.5 7.875 5.25Z\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_6\",\"d\":\"M13.875 5.25V6.75C13.875 7.5 13.5 7.875 12.75 7.875H11.25C10.5 7.875 10.125 7.5 10.125 6.75V5.25C10.125 4.5 10.5 4.125 11.25 4.125H12.75C13.5 4.125 13.875 4.5 13.875 5.25Z\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_7\",\"d\":\"M7.875 11.25V12.75C7.875 13.5 7.5 13.875 6.75 13.875H5.25C4.5 13.875 4.125 13.5 4.125 12.75V11.25C4.125 10.5 4.5 10.125 5.25 10.125H6.75C7.5 10.125 7.875 10.5 7.875 11.25Z\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"id\":\"Vector_8\",\"d\":\"M13.875 11.25V12.75C13.875 13.5 13.5 13.875 12.75 13.875H11.25C10.5 13.875 10.125 13.5 10.125 12.75V11.25C10.125 10.5 10.5 10.125 11.25 10.125H12.75C13.5 10.125 13.875 10.5 13.875 11.25Z\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])]),_c('div',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.50)\",\"font-size\":\"12px\",\"font-weight\":\"325\",\"padding-left\":\"12px\"}},[_vm._v(\"Scan QR Code with an authenticator app to generate OTP \")])])]),(_vm.googleAuthQRUrl)?_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"24px\"}},[_c('img',{staticStyle:{\"width\":\"120px\",\"object-fit\":\"contain\"},attrs:{\"src\":(\"\" + _vm.googleAuthQRUrl),\"alt\":\"\"}})]):_vm._e(),_c('div',{staticStyle:{\"margin-top\":\"32px\",\"line-height\":\"20px\",\"font-size\":\"12px\",\"text-align\":\"center\"}},[_vm._v(\"Type your 6-digit security code\")])]):_vm._e(),(_vm.twoFAUserDetails && _vm.twoFAUserDetails.default_2fa_channel == 'phone')?_c('div',{staticClass:\"text-center\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"26\",\"height\":\"45\",\"viewBox\":\"0 0 26 45\",\"fill\":\"none\"}},[_c('g',{attrs:{\"id\":\"Union\"}},[_c('mask',{attrs:{\"id\":\"path-1-inside-1_2_108045\",\"fill\":\"white\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M6 2.5H19.7143C21.6473 2.5 23.2143 4.067 23.2143 6V6.42857H2.5V6C2.5 4.067 4.067 2.5 6 2.5ZM0 38.5714V6.42857V6C0 2.68629 2.68629 0 6 0H19.7143C23.028 0 25.7143 2.68629 25.7143 6V6.42857V38.5714V39C25.7143 42.3137 23.028 45 19.7143 45H6C2.68629 45 0 42.3137 0 39V38.5714ZM23.2143 38.5714V39C23.2143 40.933 21.6473 42.5 19.7143 42.5H6C4.067 42.5 2.5 40.933 2.5 39V38.5714H23.2143Z\"}})]),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M6 2.5H19.7143C21.6473 2.5 23.2143 4.067 23.2143 6V6.42857H2.5V6C2.5 4.067 4.067 2.5 6 2.5ZM0 38.5714V6.42857V6C0 2.68629 2.68629 0 6 0H19.7143C23.028 0 25.7143 2.68629 25.7143 6V6.42857V38.5714V39C25.7143 42.3137 23.028 45 19.7143 45H6C2.68629 45 0 42.3137 0 39V38.5714ZM23.2143 38.5714V39C23.2143 40.933 21.6473 42.5 19.7143 42.5H6C4.067 42.5 2.5 40.933 2.5 39V38.5714H23.2143Z\",\"fill\":\"#DCDAD5\",\"fill-opacity\":\"0.3\"}}),_c('path',{attrs:{\"d\":\"M23.2143 6.42857V8.92857H25.7143V6.42857H23.2143ZM2.5 6.42857H0V8.92857H2.5V6.42857ZM23.2143 38.5714H25.7143V36.0714H23.2143V38.5714ZM2.5 38.5714V36.0714H0V38.5714H2.5ZM19.7143 0H6V5H19.7143V0ZM25.7143 6C25.7143 2.68629 23.028 0 19.7143 0V5C20.2666 5 20.7143 5.44771 20.7143 6H25.7143ZM25.7143 6.42857V6H20.7143V6.42857H25.7143ZM2.5 8.92857H23.2143V3.92857H2.5V8.92857ZM0 6V6.42857H5V6H0ZM6 0C2.68629 0 0 2.68629 0 6H5C5 5.44772 5.44771 5 6 5V0ZM2.5 38.5714V6.42857H-2.5V38.5714H2.5ZM-2.5 6V6.42857H2.5V6H-2.5ZM6 -2.5C1.30558 -2.5 -2.5 1.30558 -2.5 6H2.5C2.5 4.067 4.067 2.5 6 2.5V-2.5ZM19.7143 -2.5H6V2.5H19.7143V-2.5ZM28.2143 6C28.2143 1.30558 24.4087 -2.5 19.7143 -2.5V2.5C21.6473 2.5 23.2143 4.067 23.2143 6H28.2143ZM28.2143 6.42857V6H23.2143V6.42857H28.2143ZM23.2143 6.42857V38.5714H28.2143V6.42857H23.2143ZM28.2143 39V38.5714H23.2143V39H28.2143ZM19.7143 47.5C24.4087 47.5 28.2143 43.6944 28.2143 39H23.2143C23.2143 40.933 21.6473 42.5 19.7143 42.5V47.5ZM6 47.5H19.7143V42.5H6V47.5ZM-2.5 39C-2.5 43.6944 1.30558 47.5 6 47.5V42.5C4.067 42.5 2.5 40.933 2.5 39H-2.5ZM-2.5 38.5714V39H2.5V38.5714H-2.5ZM25.7143 39V38.5714H20.7143V39H25.7143ZM19.7143 45C23.028 45 25.7143 42.3137 25.7143 39H20.7143C20.7143 39.5523 20.2666 40 19.7143 40V45ZM6 45H19.7143V40H6V45ZM0 39C0 42.3137 2.68629 45 6 45V40C5.44772 40 5 39.5523 5 39H0ZM0 38.5714V39H5V38.5714H0ZM23.2143 36.0714H2.5V41.0714H23.2143V36.0714Z\",\"fill\":\"black\",\"mask\":\"url(#path-1-inside-1_2_108045)\"}})])]),_c('div',{staticStyle:{\"margin-top\":\"24px\",\"line-height\":\"20px\",\"margin-bottom\":\"12px\"}},[_vm._v(\"Two Step Verification\")]),_c('div',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.30)\",\"font-size\":\"12px\",\"margin-bottom\":\"25px\"}},[_vm._v(\"Enter the verification code we sent to your mobile number\")]),_c('div',[_vm._v(_vm._s(_vm.twoFAUserDetails.phone_number))]),_c('div',{staticStyle:{\"margin-top\":\"32px\",\"line-height\":\"20px\",\"font-size\":\"12px\"}},[_vm._v(\"Type your 6-digit security code\")])]):_vm._e(),(_vm.twoFAUserDetails && _vm.twoFAUserDetails.default_2fa_channel == 'email')?_c('div',{staticClass:\"text-center\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"45\",\"height\":\"45\",\"viewBox\":\"0 0 45 45\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M31.875 38.4375H13.125C7.5 38.4375 3.75 35.625 3.75 29.0625V15.9375C3.75 9.375 7.5 6.5625 13.125 6.5625H31.875C37.5 6.5625 41.25 9.375 41.25 15.9375V29.0625C41.25 35.625 37.5 38.4375 31.875 38.4375Z\",\"stroke\":\"black\",\"stroke-width\":\"2.5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M31.875 16.875L26.0062 21.5625C24.075 23.1 20.9062 23.1 18.975 21.5625L13.125 16.875\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"2.5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('div',{staticStyle:{\"margin-top\":\"24px\",\"line-height\":\"20px\",\"margin-bottom\":\"12px\"}},[_vm._v(\"Two Step Verification\")]),_c('div',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.30)\",\"font-size\":\"12px\",\"margin-bottom\":\"25px\"}},[_vm._v(\"Enter the verification code we sent to your email address\")]),_c('div',[_vm._v(_vm._s(_vm.twoFAUserDetails.email_address))]),_c('div',{staticStyle:{\"margin-top\":\"32px\",\"line-height\":\"20px\",\"font-size\":\"12px\"}},[_vm._v(\"Type your 6-digit security code\")])]):_vm._e()]),_c('form',{staticClass:\"text-center\",on:{\"submit\":function($event){$event.preventDefault();return _vm.verifyOTP.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group\"},[_c('OtpInput',{attrs:{\"id\":\"otpVal\",\"input-classes\":_vm.submitted && _vm.$v.otpData.otp.$error ? 'is-invalid otp-input form-control' : 'otp-input form-control',\"separator\":\" \",\"num-inputs\":6,\"should-auto-focus\":true,\"is-input-num\":true},on:{\"on-change\":_vm.handleOtpChange}}),(_vm.submitted && !_vm.$v.otpData.otp.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t('profile.otp_required'))+\" \")]):_vm._e()],1),_c('div',{staticStyle:{}},[_c('button',{staticClass:\"btn btn-primary\",staticStyle:{\"margin\":\"0 auto\",\"line-height\":\"20px\",\"padding\":\"12px 140px\",\"display\":\"block\"},attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.$t('button.submit')))]),_c('span',{staticStyle:{\"margin-top\":\"16px\",\"display\":\"inline-block\",\"font-size\":\"12px\",\"margin-bottom\":\"40px\"}},[_vm._v(\" Didn’t get the code? \"),_c('span',{staticClass:\"text-chai\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.resendOTP}},[_vm._v(_vm._s(_vm.$t('profile.resend_otp')))])])])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport moment from \"moment\";\n// import Switches from \"vue-switches\";\nimport {\n  required,\n  // minLength\n} from \"vuelidate/lib/validators\";\nimport Layout from \"../../layouts/main\";\n// import appConfig from \"@/app.config\";\nimport { notificationMethods } from \"@/state/helpers\";\n// import Multiselect from 'vue-multiselect';\nimport * as cloneDeep from \"lodash.clonedeep\";\nimport {\n  SETUP_OR_GENERATE_2FA_OTP,\n  UPDATE_SUB_USER_DETAILS,\n  VERIFY_2FA_FOR_CURRENT_USER,\n  FETCH_SUB_USER_DETAILS_BY_ID,\n} from \"@/state/actions.type\";\nimport OtpInput from \"@bachdgvn/vue-otp-input\";\nimport Breadcrumb from '../../../components/breadcrumb.vue';\n\nexport default {\n  components: {\n    // Multiselect,\n    // Switches,\n    Layout,\n    OtpInput,\n    Breadcrumb\n  },\n\n  data() {\n    return {\n      output: null,\n      twoFAUserDetails: null,\n      googleAuthQRUrl: null,\n      otpData: {\n        otp: \"\",\n      },\n      submitted: false,\n      verify2FAOtp: false,\n    };\n  },\n\n  mounted() {\n    this.twoFAUserDetails = cloneDeep(this.userDetails);\n  },\n\n  computed: {\n    notification() {\n      return this.$store ? this.$store.state.notification : null;\n    },\n\n    items() {\n      return [\n        {\n          text: this.$t(\"menuitems.payouts.list.payouts\"),\n          to: { name: 'Payouts' }\n        },\n        {\n          text: 'Payout Settings',\n          active: true,\n        },\n      ];\n    },\n\n    userDetails() {\n      return this.$store.getters[\"auth/getCurrentUser\"];\n    },\n\n  },\n\n  watch: {\n    userDetails() {\n      this.twoFAUserDetails = cloneDeep(this.userDetails);\n    },\n  },\n\n  validations: {\n    otpData: {\n      otp: { required },\n    },\n  },\n\n  filters: {\n    formateDate(value) {\n      return moment(value).format(\"MMMM DD YYYY, h:mm:ss a\");\n    },\n  },\n\n  methods: {\n    ...notificationMethods,\n\n    resetOTPData() {\n      this.otpData = {\n        otp: \"\"\n      };\n    },\n\n    // eslint-disable-next-line no-unused-vars\n    verifyOTP(e) {\n      this.submitted = true;\n      console.log(\"this.$v\", this.$v)\n      // stop here if form is invalid\n      this.$v.$touch();\n      if (this.$v.$invalid) {\n        return;\n      } else {\n        //\n        console.log(\"otpData\", this.otpData);\n        const optDetails = {\n          type: this.twoFAUserDetails.default_2fa_channel,\n          otp: this.otpData.otp,\n        };\n        this.$store\n          .dispatch(`accounts/${VERIFY_2FA_FOR_CURRENT_USER}`, optDetails)\n          .then(responseData => {\n            this.$store.dispatch(`accounts/${UPDATE_SUB_USER_DETAILS}`, {subUserID: this.twoFAUserDetails.subUserUuid, subUserDetails: this.twoFAUserDetails} )\n            this.verify2FAOtp = false;\n            console.log(\"Success of VERIFY_2FA_FOR_CURRENT_USER\", responseData);\n            this.resetOTPData();\n          })\n          .catch(error => {\n            this.resetOTPData();\n            console.log(\"Error while verifying OTP\", error);\n          })\n\n      }\n      this.submitted = false;\n    },\n\n    resetNotificationError() {\n      this.$store.dispatch(\"notification/clear\");\n    },\n\n    openOtpModel() {\n      this.resetOTPData();\n      this.resetNotificationError();\n      this.verify2FAOtp = true;\n    },\n\n    open2FAModal(){\n      console.log(\"open2FAModal\", this.twoFAUserDetails)\n      const setUp2FADetails = {\n        type: this.twoFAUserDetails.default_2fa_channel,\n        action:\"setup\"\n      };\n      if (this.twoFAUserDetails && this.twoFAUserDetails.default_2fa_channel === 'google-auth' && this.twoFAUserDetails.is_google_auth_setup) {\n        // Don't call QR code directly open OTP\n        this.openOtpModel();\n      } else {\n        this.$store\n          .dispatch(`accounts/${SETUP_OR_GENERATE_2FA_OTP}`, setUp2FADetails)\n          .then(responseData => {\n            if(responseData.type === 'google-auth') {\n              this.googleAuthQRUrl = responseData.QRCodeImage;\n            }\n            this.googleAuthQRUrl = responseData.QRCodeImage;\n            this.openOtpModel();\n            // Open OTP Input Modal\n            console.log(\"Response of SETUP_OR_GENERATE_2FA_OTP\", responseData);\n          })\n          .catch(error => {\n            console.log(\"Error of SETUP_OR_GENERATE_2FA_OTP\", error);\n          })\n        // this.$store.dispatch(`accounts/${UPDATE_SUB_USER_DETAILS}`, this.twoFAUserDetails)\n        // this.$store.dispatch(`accounts/${UPDATE_SUB_USER_DETAILS}`, {subUserID: this.twoFAUserDetails.subUserUuid, subUserDetails: this.twoFAUserDetails} )\n      }\n    },\n\n    toggleSwitchFor2FASetup(val) {\n      if(this.twoFAUserDetails.default_2fa_channel !== \"\") {\n        // this.twoFAUserDetails.is_2fa_enabled = val\n        const twoFAUserDetailsCopy = cloneDeep(this.userDetails);\n        twoFAUserDetailsCopy.is_2fa_enabled = val;\n        console.log(\"Backend request -- Updating 2fa \", val)\n        this.$store\n          .dispatch(`accounts/${UPDATE_SUB_USER_DETAILS}`, {subUserID: twoFAUserDetailsCopy.subUserUuid, subUserDetails: twoFAUserDetailsCopy} )\n          .then(responseData => {\n            this.$store.dispatch(`accounts/${FETCH_SUB_USER_DETAILS_BY_ID}`)\n            // Open OTP Input Modal\n            console.log(\"Response of SETUP_OR_GENERATE_2FA_OTP\", responseData);\n          })\n          .catch(error => {\n            console.log(\"Error of SETUP_OR_GENERATE_2FA_OTP\", error);\n          });\n      } else {\n        this.twoFAUserDetails.is_2fa_enabled = val\n        console.log(\"No backend request -- Updating 2fa \", val)\n      }\n    },\n\n    resendOTP() {\n      const setUp2FADetails = {\n        type: this.twoFAUserDetails.default_2fa_channel,\n        action:\"resend\"\n      };\n      this.$store\n        .dispatch(`accounts/${SETUP_OR_GENERATE_2FA_OTP}`, setUp2FADetails)\n        .then(responseData => {\n          console.log(\"Successfully resend OTP\", responseData);\n        })\n        .catch(error => {\n          console.log(\"Error while resending OTP\", error);\n        })\n    },\n\n    handleOtpChange(value) {\n      this.otpData.otp = value;\n    },\n  },\n\n  beforeDestroy() {\n    this.$store.dispatch(\"notification/clear\");\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <breadcrumb :items=\"items\" :goBackTo=\"{ name: 'Payouts' }\" />\n\n    <b-alert\n      variant=\"danger\"\n      class=\"mt-3\"\n      v-if=\"notification.message\"\n      show\n      dismissible\n      @dismissed=\"resetNotificationError\"\n      >{{ notification.message }}</b-alert\n    >\n    <div class=\"row\">\n      <div class=\"col-lg-12\">\n        <div class=\"row\" v-if=\"twoFAUserDetails\">\n          <div class=\"col-sm-12 col-md-12\">\n            <!-- <div class=\"row mt-2 ml-1\">\n              <div class=\"d-flex align-items-center\" > -->\n                <!-- <label class=\"mr-2\" style=\"font-size: 1.2rem;\" for=\"is_active\">{{ $t(\"profile.2fa\") }}</label> -->\n                <!-- <switches\n                  v-model=\"twoFAUserDetails.is_2fa_enabled\"\n                  type-bold=\"true\"\n                  color=\"primary\"\n                  class=\"ml-1 mt-3 font-size-10\"\n                ></switches> -->\n              <!-- </div>\n            </div> -->\n\n            \n            <div class=\"toggle-settings\">\n              <div class=\"d-flex\" style=\"gap: 15px;\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M10.4902 2.23006L5.50016 4.11006C4.35016 4.54006 3.41016 5.90006 3.41016 7.12006V14.5501C3.41016 15.7301 4.19016 17.2801 5.14016 17.9901L9.44016 21.2001C10.8502 22.2601 13.1702 22.2601 14.5802 21.2001L18.8802 17.9901C19.8302 17.2801 20.6102 15.7301 20.6102 14.5501V7.12006C20.6102 5.89006 19.6702 4.53006 18.5202 4.10006L13.5302 2.23006C12.6802 1.92006 11.3202 1.92006 10.4902 2.23006Z\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M9.05078 11.8702L10.6608 13.4802L14.9608 9.18018\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  </svg>\n                  <div style=\"padding-right: 90px;\">\n                    <p class=\"my-auto flex-fill\">\n                      Secure Your Account\n                    </p>\n                    <p style=\"margin-bottom: 0px;font-size: 12px;line-height: 20px;margin-top: 6px;color: rgba(0, 0, 0, 0.30);\">\n                      Two -factor authentication adds an extra layer of security to your account. By enabling this feature, you will receive a 6-digits code for every payout.\n                    </p>\n                  </div>\n                  <div>\n                    <!-- <switches\n                      :value=\"twoFAUserDetails.is_2fa_enabled\"\n                      type-bold=\"true\"\n                      color=\"primary\"\n                      class=\"mb-0\"\n                      @input=\"toggleSwitchFor2FASetup($event)\"\n                    ></switches> -->\n                    <div class=\"d-flex\">\n                      <b-btn\n                        v-if=\"!twoFAUserDetails.is_2fa_enabled\"\n                        variant=\"primary\" \n                        class=\"cancel bg-white text-dark\"\n                        @click=\"toggleSwitchFor2FASetup(true)\"\n                        style=\"border: 1.50px #DCDAD5 solid;padding: 12px 24px;\"\n                      >\n                        Disable\n                      </b-btn>\n                        <button\n                        v-if=\"twoFAUserDetails.is_2fa_enabled\"\n                        class=\"btn btn-primary\"\n                        @click=\"toggleSwitchFor2FASetup(false)\"\n                        style=\"padding: 12px 24px;\"\n                      >\n                          Enable\n                        </button>\n                    </div>\n                  </div>\n              </div>\n              <div style=\"border-top: 1px rgba(220, 218, 213, 0.30) solid; margin-top: 25px;\"></div>\n              <div style=\"margin-top: 25px;\" v-if=\"twoFAUserDetails.is_2fa_enabled\">\n                <div class=\"row\" >\n                  <!-- <span style=\"width: 200px;\">{{ $t(\"profile.default_2fa_channel\") }}</span>\n                  <multiselect\n                    style=\"width: 250px;\"\n                    v-model=\"twoFAUserDetails.default_2fa_channel\"\n                    :options=\"['email', 'phone', 'google-auth']\"\n                    class=\"sm-multiselect\"\n                    :allow-empty=\"false\"\n                    :searchable=\"false\"\n                    :multiple=\"false\"\n                    :taggable=\"false\"\n                  ></multiselect> -->\n                  \n                  <div class=\"col-md-4 col-sm-6 col-6 paymentContent customRadioFor2fa\">\n                      <input style=\"display: none;\" type=\"radio\" v-model=\"twoFAUserDetails.default_2fa_channel\" value=\"google-auth\" v-bind:id=\"`google-auth`\" name=\"paymentOption\">\n                      <div class=\"paymentLabel\">\n                          <label style=\"margin-bottom: 0px; cursor: pointer;\" v-bind:for=\"`google-auth`\" > \n                            <span style=\"display: inline-block;\">\n                              <p style=\"margin-bottom: 0px;font-size: 14px;line-height: 20px;color: #000;\">Google Authentication</p> \n                              <p style=\"margin-bottom: 0px;color: rgba(0, 0, 0, 0.50);font-size: 12px;line-height: 20px;font-weight: 325;\">Authentication by Google</p>\n                            </span>\n                          </label>\n                      </div>\n                  </div>\n\n                  <div class=\"col-md-4 col-sm-6 col-6 paymentContent customRadioFor2fa\">\n                      <input style=\"display: none;\" type=\"radio\" v-model=\"twoFAUserDetails.default_2fa_channel\" value=\"email\" v-bind:id=\"`email`\" name=\"paymentOption\">\n                      <div class=\"paymentLabel\">\n                          <label style=\"margin-bottom: 0px; cursor: pointer;\" v-bind:for=\"`email`\" > \n                            <span style=\"display: inline-block;\">\n                              <p style=\"margin-bottom: 0px;font-size: 14px;line-height: 20px;color: #000;\">Email</p> \n                              <p style=\"margin-bottom: 0px;color: rgba(0, 0, 0, 0.50);font-size: 12px;line-height: 20px;font-weight: 325;\">Authentication by Email</p> \n                            </span>\n                          </label>\n                      </div>\n                  </div>\n\n                <div class=\"col-md-3 col-sm-6 col-6 paymentContent customRadioFor2fa\">\n                      <input style=\"display: none;\" type=\"radio\" v-model=\"twoFAUserDetails.default_2fa_channel\" value=\"phone\" v-bind:id=\"`phone`\" name=\"paymentOption\">\n                      <div class=\"paymentLabel\">\n                          <label style=\"margin-bottom: 0px; cursor: pointer;\" v-bind:for=\"`phone`\" > \n                            <span style=\"display: inline-block;\">\n                              <p style=\"margin-bottom: 0px;font-size: 14px;line-height: 20px;color: #000;\">Phone</p> \n                              <p style=\"margin-bottom: 0px;color: rgba(0, 0, 0, 0.50);font-size: 12px;line-height: 20px;font-weight: 325;\">Authentication by Phone</p>\n                            </span>\n                          </label>\n                      </div>\n                </div>\n                <div class=\"col-md-1 col-sm-6 col-6\">\n                  <button class=\"btn btn-primary btn-sm text-nowrap float-right\" @click=\"open2FAModal()\">{{ $t(\"button.update\") }}</button>\n                </div>\n                </div>\n              </div>\n          </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <b-modal\n      size=\"md\"\n      id=\"verify2FAOtpModal\"\n      v-model=\"verify2FAOtp\"\n      title=\"\"\n      title-class=\"text-dark font-18\"\n      no-close-on-backdrop\n      hide-footer\n      header-class=\"twoFA-modal-header-custom\"\n      body-class=\"twoFA-modal-body-custom\"\n    >\n      <b-alert\n        variant=\"danger\"\n        class=\"mt-3\"\n        v-if=\"notification.message\"\n        show\n        dismissible\n        @dismissed=\"resetNotificationError\"\n      > {{ notification.message }}</b-alert>\n      \n      <div>\n        <div class=\"mb-2\">\n          <!-- <span >{{ $t('profile.2fa_msg') }}</span>\n          <span v-else>{{ $t('profile.2fa_otp_msg') }}</span> -->\n          <div v-if=\"twoFAUserDetails && twoFAUserDetails.default_2fa_channel == 'google-auth'\">\n              <div style=\"line-height: 20px;margin-bottom: 4px;font-size: 18px;\">Two Step Verification</div>\n              <div style=\"font-size: 12px;font-weight: 325;line-height: 20px;color: rgba(0, 0, 0, 0.30);margin-bottom: 16px;\">Please follow the instructions below</div>\n              <div style=\"background: rgba(220, 218, 213, 0.30);border-radius: 12px;padding: 16px;\">\n                <div style=\"display: flex;align-items: center;\"> \n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"18\" viewBox=\"0 0 14 18\" fill=\"none\">\n                  <rect x=\"0.5\" y=\"0.5\" width=\"13\" height=\"17\" rx=\"3.5\" stroke=\"#FC6B2D\"/>\n                  </svg>\n                  <div style=\"color: rgba(0, 0, 0, 0.50);font-size: 12px;font-weight: 325;padding-left: 12px;\">Install Google Authenticator </div>\n                </div>\n                <div style=\"display: flex;align-items: center; margin-top: 12px;\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n                  <g id=\"vuesax/linear/scan-barcode\">\n                  <g id=\"scan-barcode\">\n                  <path id=\"Vector\" d=\"M1.5 6.75V4.875C1.5 3.0075 3.0075 1.5 4.875 1.5H6.75\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_2\" d=\"M11.25 1.5H13.125C14.9925 1.5 16.5 3.0075 16.5 4.875V6.75\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_3\" d=\"M16.5 12V13.125C16.5 14.9925 14.9925 16.5 13.125 16.5H12\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_4\" d=\"M6.75 16.5H4.875C3.0075 16.5 1.5 14.9925 1.5 13.125V11.25\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_5\" d=\"M7.875 5.25V6.75C7.875 7.5 7.5 7.875 6.75 7.875H5.25C4.5 7.875 4.125 7.5 4.125 6.75V5.25C4.125 4.5 4.5 4.125 5.25 4.125H6.75C7.5 4.125 7.875 4.5 7.875 5.25Z\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_6\" d=\"M13.875 5.25V6.75C13.875 7.5 13.5 7.875 12.75 7.875H11.25C10.5 7.875 10.125 7.5 10.125 6.75V5.25C10.125 4.5 10.5 4.125 11.25 4.125H12.75C13.5 4.125 13.875 4.5 13.875 5.25Z\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_7\" d=\"M7.875 11.25V12.75C7.875 13.5 7.5 13.875 6.75 13.875H5.25C4.5 13.875 4.125 13.5 4.125 12.75V11.25C4.125 10.5 4.5 10.125 5.25 10.125H6.75C7.5 10.125 7.875 10.5 7.875 11.25Z\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path id=\"Vector_8\" d=\"M13.875 11.25V12.75C13.875 13.5 13.5 13.875 12.75 13.875H11.25C10.5 13.875 10.125 13.5 10.125 12.75V11.25C10.125 10.5 10.5 10.125 11.25 10.125H12.75C13.5 10.125 13.875 10.5 13.875 11.25Z\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  </g>\n                  </g>\n                  </svg>\n                  <div style=\"color: rgba(0, 0, 0, 0.50);font-size: 12px;font-weight: 325;padding-left: 12px;\">Scan QR Code with an authenticator app to generate OTP </div>\n                </div>\n              </div>\n              <div v-if=\"googleAuthQRUrl\" style=\"margin-top: 24px;\" class=\"text-center\">\n                <img :src=\"`${googleAuthQRUrl}`\" alt style=\"width: 120px; object-fit: contain;\"/>\n              </div>\n              <div style=\"margin-top: 32px;line-height: 20px;font-size: 12px;text-align: center;\">Type your 6-digit security code</div>\n          </div>\n\n          <div class=\"text-center\" v-if=\"twoFAUserDetails && twoFAUserDetails.default_2fa_channel == 'phone'\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"45\" viewBox=\"0 0 26 45\" fill=\"none\">\n              <g id=\"Union\">\n              <mask id=\"path-1-inside-1_2_108045\" fill=\"white\">\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 2.5H19.7143C21.6473 2.5 23.2143 4.067 23.2143 6V6.42857H2.5V6C2.5 4.067 4.067 2.5 6 2.5ZM0 38.5714V6.42857V6C0 2.68629 2.68629 0 6 0H19.7143C23.028 0 25.7143 2.68629 25.7143 6V6.42857V38.5714V39C25.7143 42.3137 23.028 45 19.7143 45H6C2.68629 45 0 42.3137 0 39V38.5714ZM23.2143 38.5714V39C23.2143 40.933 21.6473 42.5 19.7143 42.5H6C4.067 42.5 2.5 40.933 2.5 39V38.5714H23.2143Z\"/>\n              </mask>\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 2.5H19.7143C21.6473 2.5 23.2143 4.067 23.2143 6V6.42857H2.5V6C2.5 4.067 4.067 2.5 6 2.5ZM0 38.5714V6.42857V6C0 2.68629 2.68629 0 6 0H19.7143C23.028 0 25.7143 2.68629 25.7143 6V6.42857V38.5714V39C25.7143 42.3137 23.028 45 19.7143 45H6C2.68629 45 0 42.3137 0 39V38.5714ZM23.2143 38.5714V39C23.2143 40.933 21.6473 42.5 19.7143 42.5H6C4.067 42.5 2.5 40.933 2.5 39V38.5714H23.2143Z\" fill=\"#DCDAD5\" fill-opacity=\"0.3\"/>\n              <path d=\"M23.2143 6.42857V8.92857H25.7143V6.42857H23.2143ZM2.5 6.42857H0V8.92857H2.5V6.42857ZM23.2143 38.5714H25.7143V36.0714H23.2143V38.5714ZM2.5 38.5714V36.0714H0V38.5714H2.5ZM19.7143 0H6V5H19.7143V0ZM25.7143 6C25.7143 2.68629 23.028 0 19.7143 0V5C20.2666 5 20.7143 5.44771 20.7143 6H25.7143ZM25.7143 6.42857V6H20.7143V6.42857H25.7143ZM2.5 8.92857H23.2143V3.92857H2.5V8.92857ZM0 6V6.42857H5V6H0ZM6 0C2.68629 0 0 2.68629 0 6H5C5 5.44772 5.44771 5 6 5V0ZM2.5 38.5714V6.42857H-2.5V38.5714H2.5ZM-2.5 6V6.42857H2.5V6H-2.5ZM6 -2.5C1.30558 -2.5 -2.5 1.30558 -2.5 6H2.5C2.5 4.067 4.067 2.5 6 2.5V-2.5ZM19.7143 -2.5H6V2.5H19.7143V-2.5ZM28.2143 6C28.2143 1.30558 24.4087 -2.5 19.7143 -2.5V2.5C21.6473 2.5 23.2143 4.067 23.2143 6H28.2143ZM28.2143 6.42857V6H23.2143V6.42857H28.2143ZM23.2143 6.42857V38.5714H28.2143V6.42857H23.2143ZM28.2143 39V38.5714H23.2143V39H28.2143ZM19.7143 47.5C24.4087 47.5 28.2143 43.6944 28.2143 39H23.2143C23.2143 40.933 21.6473 42.5 19.7143 42.5V47.5ZM6 47.5H19.7143V42.5H6V47.5ZM-2.5 39C-2.5 43.6944 1.30558 47.5 6 47.5V42.5C4.067 42.5 2.5 40.933 2.5 39H-2.5ZM-2.5 38.5714V39H2.5V38.5714H-2.5ZM25.7143 39V38.5714H20.7143V39H25.7143ZM19.7143 45C23.028 45 25.7143 42.3137 25.7143 39H20.7143C20.7143 39.5523 20.2666 40 19.7143 40V45ZM6 45H19.7143V40H6V45ZM0 39C0 42.3137 2.68629 45 6 45V40C5.44772 40 5 39.5523 5 39H0ZM0 38.5714V39H5V38.5714H0ZM23.2143 36.0714H2.5V41.0714H23.2143V36.0714Z\" fill=\"black\" mask=\"url(#path-1-inside-1_2_108045)\"/>\n              </g>\n              </svg>\n              <div style=\"margin-top: 24px;line-height: 20px;margin-bottom: 12px;\">Two Step Verification</div>\n              <div style=\"color: rgba(0, 0, 0, 0.30);font-size: 12px;margin-bottom: 25px;\">Enter the verification code we sent to your mobile number</div>\n              <div>{{twoFAUserDetails.phone_number}}</div>\n              <div style=\"margin-top: 32px;line-height: 20px;font-size: 12px;\">Type your 6-digit security code</div>\n          </div>\n          <div class=\"text-center\" v-if=\"twoFAUserDetails && twoFAUserDetails.default_2fa_channel == 'email'\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\" viewBox=\"0 0 45 45\" fill=\"none\">\n              <path d=\"M31.875 38.4375H13.125C7.5 38.4375 3.75 35.625 3.75 29.0625V15.9375C3.75 9.375 7.5 6.5625 13.125 6.5625H31.875C37.5 6.5625 41.25 9.375 41.25 15.9375V29.0625C41.25 35.625 37.5 38.4375 31.875 38.4375Z\" stroke=\"black\" stroke-width=\"2.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              <path d=\"M31.875 16.875L26.0062 21.5625C24.075 23.1 20.9062 23.1 18.975 21.5625L13.125 16.875\" stroke=\"#FC6B2D\" stroke-width=\"2.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n              <div style=\"margin-top: 24px;line-height: 20px;margin-bottom: 12px;\">Two Step Verification</div>\n              <div style=\"color: rgba(0, 0, 0, 0.30);font-size: 12px;margin-bottom: 25px;\">Enter the verification code we sent to your email address</div>\n              <div>{{twoFAUserDetails.email_address}}</div>\n              <div style=\"margin-top: 32px;line-height: 20px;font-size: 12px;\">Type your 6-digit security code</div>\n          </div>\n\n\n\n        </div>\n        <form class=\"text-center\" @submit.prevent=\"verifyOTP\">\n\n          <div class=\"form-group\">\n            <!-- <label for=\"otpVal\">{{ $t('profile.otp') }}<span class=\"ml-1 text-danger\">*</span></label> -->\n            <!-- <input\n              id=\"otpVal\"\n              type=\"text\"\n              class=\"form-control\"\n              placeholder=\"Enter One Time Password\"\n              v-model=\"otpData.otp\"\n              :class=\"{ 'is-invalid': submitted && $v.otpData.otp.$error }\"\n            /> -->\n            <OtpInput\n              id=\"otpVal\"\n              :input-classes=\"submitted && $v.otpData.otp.$error ? 'is-invalid otp-input form-control' : 'otp-input form-control'\"\n              separator=\" \"\n              :num-inputs=\"6\"\n              :should-auto-focus=\"true\"\n              :is-input-num=\"true\"\n              @on-change=\"handleOtpChange\"\n            />\n            <div\n              v-if=\"submitted && !$v.otpData.otp.required\"\n              class=\"invalid-feedback\"\n            > {{ $t('profile.otp_required') }} </div>\n          </div>\n          <div style=\"margin-top=25px;\">\n            <button style=\"margin: 0 auto;line-height: 20px;padding: 12px 140px; display: block;\" type=\"submit\" class=\"btn btn-primary\">{{ $t('button.submit') }}</button>\n            <span style=\"margin-top: 16px;display: inline-block;font-size: 12px;margin-bottom: 40px;\"> Didn’t get the code? <span class=\"text-chai\" style=\"cursor: pointer;\" @click=\"resendOTP\">{{ $t('profile.resend_otp') }}</span></span>\n          </div>\n            <!-- <b-button class=\"mr-1\" variant=\"light\" @click=\"verify2FAOtp = false\">{{ $t('button.close') }}</b-button> -->\n        </form>\n      </div>\n\n    </b-modal>\n  </Layout>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.font-size-num {\n  font-size: 14px;\n  margin-top: 4.5px;\n  font-weight: bold !important;\n}\n\n.font-size {\n  font-size: 16px;\n  font-weight: bold !important;\n}\n\n.dropdown-container select {\n  /* for Firefox */\n  -moz-appearance: none;\n  /* for Safari, Chrome, Opera */\n  -webkit-appearance: none;\n}\n\n\n.dropdown-container select::-ms-expand {\n  display: none;\n}\n.toggle-settings {\n    margin-top: 25px;\n    padding: 25px;\n    border-radius: 8px;\n    border: 1px solid #DCDAD5;\n}\n\n/* radio button  */\n.customRadioFor2fa > input[type=\"radio\"] {\n    opacity: 0;\n\n    &:hover{\n        cursor: pointer;\n    }\n}\n.customRadioFor2fa > input[type=\"radio\"] + * label::before {\n    content: \"\";\n    display: inline-block;\n    vertical-align: top;\n    width: 20px;\n    height: 20px;\n    margin-right: 16px;\n    border-radius: 50%;\n    border-style: solid;\n    border-width: 1.5px;\n    border-color:#DCDAD5;\n    cursor: pointer;\n    margin-left: 12px;\n    \n}\n.customRadioFor2fa > input[type=\"radio\"]:checked + * {\n    color: #fc6b2d;\n}\n.customRadioFor2fa > input[type=\"radio\"]:checked + * label::before {\n    background: radial-gradient(#fc6b2d 0%, #fc6b2d 40%, transparent 50%, transparent);\n}\n.customRadioFor2fa > input[type=\"radio\"] + * {\n    margin-left: -10px;\n    margin-top: 0px;    \n}\n::v-deep .otp-input.form-control{\n  width: 38px;\n  height: 40px;\n  border-radius: 12px;\n  margin-left: 10px;\n}\n::v-deep #otpVal{\n      justify-content: center;\n}\n</style>\n<style >\n  .twoFA-modal-header-custom{\n      border-bottom: none;\n      padding-bottom: 0px;\n  }\n  .twoFA-modal-body-custom{\n      padding: 16px 40px 16px 40px;\n  }\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payout-settings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payout-settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payout-settings.vue?vue&type=template&id=242e33ca&scoped=true&\"\nimport script from \"./payout-settings.vue?vue&type=script&lang=js&\"\nexport * from \"./payout-settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payout-settings.vue?vue&type=style&index=0&id=242e33ca&lang=scss&scoped=true&\"\nimport style1 from \"./payout-settings.vue?vue&type=style&index=1&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"242e33ca\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex\"},[_c('button',{staticClass:\"btn my-auto\",attrs:{\"disabled\":!_vm.goBackTo},on:{\"click\":_vm.goback}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/arrow_left.svg\"),\"alt\":\"back\"}})]),_c('b-breadcrumb',{staticClass:\"my-auto py-0\",attrs:{\"items\":_vm.items}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"d-flex\">\n        <button :disabled=\"!goBackTo\" @click=\"goback\" class=\"btn my-auto\">\n          <img src=\"@/assets/images/arrow_left.svg\" alt=\"back\" />\n        </button>\n        <b-breadcrumb class=\"my-auto py-0\" :items=\"items\"></b-breadcrumb>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        items: {\n            type: Array,\n            default: () => {\n                return []\n            },\n        },\n        goBackTo: Object\n    },\n\n    methods: {\n        goback() {\n            if(this.goBackTo) {\n                this.$router.push(this.goBackTo);\n            }\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n/* Add a color to all links inside the list */\na {\n    color: rgba(0, 0, 0, 0.50);\n    text-decoration: none;\n    font-style: normal;\n}\n\nbutton {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    padding: 0;\n    background: rgb(217,217,217, 0.3);\n    border: none;\n}\nli{\n    font-size: 12px;\n}\nli:last-child {\n    color: #FC6B2D;\n}\n\nol {\n    background-color: #FFF !important;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./breadcrumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./breadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./breadcrumb.vue?vue&type=template&id=d155fadc&scoped=true&\"\nimport script from \"./breadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./breadcrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./breadcrumb.vue?vue&type=style&index=0&id=d155fadc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d155fadc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/arrow_left.26890a40.svg\";"],"sourceRoot":""}