{"version":3,"sources":["webpack:///./src/components/form-controls/MultifactorSecret.vue?a954","webpack:///./src/components/form-controls/MultifactorSecret.vue","webpack:///./src/components/form-controls/MultifactorSecret.vue?a07c","webpack:///src/components/form-controls/MultifactorSecret.vue","webpack:///./src/components/form-controls/MultifactorSecret.vue?b2a2","webpack:///./src/components/form-controls/MultifactorSecret.vue?4abc","webpack:///./src/components/form-controls/MultifactorSecret.vue?f666"],"names":["content","__esModule","default","module","i","locals","exports","add","name","components","CExpandable","QrcodeVue","props","setupUrl","type","String","secret","disabled","Boolean","data","showSecret","computed","strippedSecret","match","join","methods","copySecret","range","document","body","createTextRange","moveToElementText","$refs","select","selection","window","getSelection","createRange","selectNodeContents","removeAllRanges","addRange","execCommand","notify","component","_vm","this","_c","_self","staticClass","class","_v","attrs","_s","ref","on","$event","indexOf","_k","keyCode","key","preventDefault","___CSS_LOADER_API_IMPORT___","push"],"mappings":"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","file":"78.44c880ab96f61ce1a233.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-1!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.31_webpack@4.46.0/node_modules/postcss-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--7-4!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./MultifactorSecret.vue?vue&type=style&index=0&id=a877a7b2&prod&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/.pnpm/vue-style-loader@4.1.3/node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"59b05a88\", content, true, {});","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"multifactor-secret\",class:{ 'multifactor-secret__show-manual' : _vm.showSecret }},[_c('p',[_vm._v(\"Use an authenticator app, like \"),_c('a',{staticClass:\"no-underline\",attrs:{\"target\":\"_blank\",\"href\":\"https://support.google.com/accounts/answer/1066447/get-verification-codes-with-google-authenticator-android\"}},[_vm._v(\"Google Authenticator\")]),_vm._v(\" or \"),_c('a',{staticClass:\"no-underline\",attrs:{\"target\":\"_blank\",\"href\":\"https://www.microsoft.com/en-us/account/authenticator\"}},[_vm._v(\"Microsoft Authenticator\")]),_vm._v(\", to \"+_vm._s(_vm.showSecret ? \"enter or paste the code\" : \"scan the QR code\")+\".\")]),_vm._v(\" \"),_c('div',{staticClass:\"multifactor-secret__code my-4\"},[_c('qrcode-vue',{staticClass:\"multifactor-secret__qr flex flex--center\",attrs:{\"value\":_vm.setupUrl,\"size\":130,\"foreground\":\"#234652\",\"background\":\"#F7FAFA\"}}),_vm._v(\" \"),_c('c-expandable',{staticClass:\"multifactor-secret__manual\",attrs:{\"expanded\":_vm.showSecret}},[_c('p',{staticClass:\"matins heavy sz-2 text-center\"},[_vm._v(\"Enter this code into your authenticator app\")]),_vm._v(\" \"),_c('div',{ref:\"secret\",staticClass:\"bg-brady sz-2 p-2 text-center\",attrs:{\"tabindex\":_vm.showSecret ? '0' : '-1'},on:{\"focus\":_vm.copySecret}},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.strippedSecret)+\"\\n\\t\\t\\t\")])])],1),_vm._v(\" \"),_c('a',{staticClass:\"multifactor-secret__show sz-2 underline mb-3\",attrs:{\"tabindex\":_vm.disabled ? '-1' : '0'},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;_vm.showSecret = !_vm.showSecret},\"click\":function($event){$event.preventDefault();_vm.showSecret = !_vm.showSecret}}},[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.showSecret ? \"Scan the QR Code\" : \"Can't scan the QR code?\")+\"\\n\\t\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./MultifactorSecret.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./MultifactorSecret.vue?vue&type=script&lang=js\"","<template>\r\n\t<div class=\"multifactor-secret\" :class=\"{ 'multifactor-secret__show-manual' : showSecret }\">\r\n\t\t<p>Use an authenticator app, like <a class=\"no-underline\" target=\"_blank\" href=\"https://support.google.com/accounts/answer/1066447/get-verification-codes-with-google-authenticator-android\">Google Authenticator</a> or <a class=\"no-underline\" target=\"_blank\" href=\"https://www.microsoft.com/en-us/account/authenticator\">Microsoft Authenticator</a>, to {{ showSecret ? \"enter or paste the code\" : \"scan the QR code\" }}.</p>\r\n\t\t<div class=\"multifactor-secret__code my-4\">\r\n\t\t\t<qrcode-vue\r\n\t\t\t\tclass=\"multifactor-secret__qr flex flex--center\"\r\n\t\t\t\t:value=\"setupUrl\"\r\n\t\t\t\t:size=\"130\"\r\n\t\t\t\tforeground=\"#234652\"\r\n\t\t\t\tbackground=\"#F7FAFA\"\r\n\t\t\t/>\r\n\t\t\t<c-expandable :expanded=\"showSecret\" class=\"multifactor-secret__manual\">\r\n\t\t\t\t<p class=\"matins heavy sz-2 text-center\">Enter this code into your authenticator&nbsp;app</p>\r\n\t\t\t\t<div ref=\"secret\" class=\"bg-brady sz-2 p-2 text-center\" :tabindex=\"showSecret ? '0' : '-1'\" @focus=\"copySecret\">\r\n\t\t\t\t\t{{ strippedSecret }}\r\n\t\t\t\t</div>\r\n\t\t\t</c-expandable>\r\n\t\t</div>\r\n\t\t<a\r\n\t\t\tclass=\"multifactor-secret__show sz-2 underline mb-3\"\r\n\t\t\t:tabindex=\"disabled ? '-1' : '0'\"\r\n\t\t\t@keypress.enter=\"showSecret = !showSecret\"\r\n\t\t\t@click.prevent=\"showSecret = !showSecret\"\r\n\t\t>\r\n\t\t\t{{ showSecret ? \"Scan the QR Code\" : \"Can't scan the QR code?\" }}\r\n\t\t</a>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport CExpandable from '@cognitoforms/shared-components/src/components/interaction/Expandable.vue';\r\n\timport QrcodeVue from 'qrcode.vue';\r\n\timport notify from '@cognitoforms/shared-components/src/utilities/notify';\r\n\r\n\texport default {\r\n\t\tname: 'CMultifactorSecret',\r\n\t\tcomponents: {\r\n\t\t\tCExpandable,\r\n\t\t\tQrcodeVue\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\tsetupUrl: { type: String, default: null },\r\n\t\t\tsecret: { type: String, default: null },\r\n\t\t\tdisabled: { type: Boolean, default: false }\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tshowSecret: false\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tstrippedSecret() {\r\n\t\t\t\t// add spaces between every 4 characters for readability\r\n\t\t\t\treturn this.secret.match(/.{1,4}/g).join(' ');\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tcopySecret() {\r\n\t\t\t\tlet range;\r\n\t\t\t\t// Select the secret\r\n\t\t\t\t// if statement is for browser support\r\n\t\t\t\tif (document.body.createTextRange) {\r\n\t\t\t\t\trange = document.body.createTextRange();\r\n\t\t\t\t\trange.moveToElementText(this.$refs.secret);\r\n\t\t\t\t\trange.select();\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tconst selection = window.getSelection();\r\n\t\t\t\t\trange = document.createRange();\r\n\t\t\t\t\trange.selectNodeContents(this.$refs.secret);\r\n\t\t\t\t\tselection.removeAllRanges();\r\n\t\t\t\t\tselection.addRange(range);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst copied = document.execCommand('copy');\r\n\t\t\t\tif (copied)\r\n\t\t\t\t\tnotify('Code copied to your clipboard.', 'success');\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.multifactor-secret {\r\n\r\n\t&__show-manual {\r\n\r\n\t\t.multifactor-secret__qr {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\r\n\t\t.multifactor-secret__manual {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&__qr {\r\n\t\topacity: 1;\r\n\t\ttransition: opacity .25s;\r\n\t}\r\n\r\n\t&__code {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t&__manual {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\twidth: 100%;\r\n\t\tcursor: text;\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n\r\n\t&__show {\r\n\t\tdisplay: block;\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n</style>","import { render, staticRenderFns } from \"./MultifactorSecret.vue?vue&type=template&id=a877a7b2\"\nimport script from \"./MultifactorSecret.vue?vue&type=script&lang=js\"\nexport * from \"./MultifactorSecret.vue?vue&type=script&lang=js\"\nimport style0 from \"./MultifactorSecret.vue?vue&type=style&index=0&id=a877a7b2&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/.pnpm/vue-style-loader@4.1.3/node_modules/vue-style-loader/index.js!../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-1!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.31_webpack@4.46.0/node_modules/postcss-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--7-4!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./MultifactorSecret.vue?vue&type=style&index=0&id=a877a7b2&prod&lang=scss\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".multifactor-secret__show-manual .multifactor-secret__qr{opacity:0}.multifactor-secret__show-manual .multifactor-secret__manual{opacity:1}.multifactor-secret__qr{opacity:1;transition:opacity .25s}.multifactor-secret__code{position:relative}.multifactor-secret__manual{cursor:text;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.multifactor-secret__show{display:block;text-align:center}\", \"\"]);\n// Exports\nmodule.exports = exports;\n"],"sourceRoot":""}