{"version":3,"sources":["webpack:///./src/views/AdditionalInformation.vue?4ffc","webpack:///./src/views/AdditionalInformation.vue","webpack:///src/views/AdditionalInformation.vue","webpack:///./src/views/AdditionalInformation.vue?3846","webpack:///./src/views/AdditionalInformation.vue?1178"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","renderComponentText","getAuthenticationBoxError","attrs","_m","_e","accountIDView","ref","popovers","accountid","element","title","content","directives","name","rawName","value","expression","class","accountIDError","domProps","on","$event","target","composing","event","formatacctid","$v","$touch","type","indexOf","_k","keyCode","key","tryAuthentication","require","ssn","ssnError","formatSSN","unmaskSSN","maskSSN","storeUnmaskedSSN","backBtn","supportPhoneNumber","staticRenderFns","data","showResentMessage","unmaskedSSN","invalidCode","ssnView","email","components","PayByPhone","WhereCanIFindAcctID","Popover","created","mounted","methods","mapActions","toggleResentMessage","val","acctID","originalView","newAuthValue","newVal","authedBySSN","authedByAccountId","accountId","paramsObj","params","computed","mapGetters","errorExists","accountidError","validations","required","minLength","maxlength","component"],"mappings":"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","file":"js/chunk-30d112e0.bb962993.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdditionalInformation.vue?vue&type=style&index=0&id=362fe090&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"one-time-payment-container\"},[_c('div',{staticClass:\"one-time-payment-card\"},[_c('div',{staticClass:\"one-time-payment-card-header\"},[_vm._v(\"\\n            To continue with your payment, we need a little more information\\n        \")]),_c('div',{staticClass:\"one-time-payment-card-guidance\"},[_vm._v(\"\\n            We're having trouble finding your account with the information provided.\\n            Enter your\\n            \"+_vm._s(_vm.renderComponentText)+\" to\\n            continue with your payment.\\n        \")]),(_vm.getAuthenticationBoxError)?_c('div',{staticClass:\"error-box\",attrs:{\"role\":\"alert\",\"aria-live\":\"assertive\"}},[_vm._m(0)]):_vm._e(),(_vm.accountIDView)?_c('div',[_c('div',[_c('div',{staticClass:\"ssn-label-row\"},[_c('label',{staticClass:\"one-time-payment-ac-field-label\",attrs:{\"for\":\"one-time-payment-ac-input\"}},[_vm._v(\"\\n                        12-Digit Account ID\\n                    \")]),_c('i',{ref:\"actionsPopover\",staticClass:\"vcore_icon icon-info\"}),_c('Popover',{staticClass:\"popover-style\",attrs:{\"target\":_vm.popovers.accountid.element,\"title\":_vm.popovers.accountid.title,\"content\":_vm.popovers.accountid.content}})],1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accountid),expression:\"accountid\"}],staticClass:\"one-time-payment-input\",class:{ 'input-error': this.accountIDError },attrs:{\"id\":\"one-time-payment-ac-input\",\"type\":\"text\",\"maxlength\":\"12\",\"aria-label\":\"one-time-code-input\",\"tabindex\":\"0\"},domProps:{\"value\":(_vm.accountid)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.accountid=$event.target.value},event => _vm.formatacctid(event.target.value)],\"blur\":function($event){return _vm.$v.accountid.$touch()},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.tryAuthentication()}}}),(this.accountIDError)?_c('div',{staticClass:\"one-time-code-error-grid\"},[_c('img',{staticClass:\"one-time-code-error-icon\",attrs:{\"src\":require(\"../assets/images/ErrorIcon.svg\"),\"alt\":\"error-icon\"}}),(this.accountIDError)?_c('div',{staticClass:\"field-error\"},[_vm._v(\"Please enter a 12-digit Account ID Number\\n                    \")]):_vm._e()]):_vm._e()]),_c('WhereCanIFindAcctID')],1):_c('div',[_c('div',{staticClass:\"ssn-label-row\"},[_c('label',{staticClass:\"one-time-payment-field-label\",attrs:{\"for\":\"one-time-payment-input-ssn\"}},[_vm._v(\"\\n                    Social Security Number\\n                \")]),_c('span',[_c('i',{ref:\"actionsPopover\",staticClass:\"vcore_icon icon-info\"}),_c('Popover',{staticClass:\"popover-style\",attrs:{\"target\":_vm.popovers.ssn.element,\"title\":_vm.popovers.ssn.title,\"content\":_vm.popovers.ssn.content}})],1)]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ssn),expression:\"ssn\"}],staticClass:\"one-time-payment-input\",class:{ 'input-error': this.ssnError },attrs:{\"id\":\"one-time-payment-input-ssn\",\"type\":\"text\",\"tabindex\":\"0\",\"maxlength\":\"11\",\"aria-label\":\"one-time-code-input\"},domProps:{\"value\":(_vm.ssn)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.ssn=$event.target.value},event => _vm.formatSSN(event.target.value)],\"focusin\":_vm.unmaskSSN,\"focusout\":_vm.maskSSN,\"blur\":function($event){return _vm.$v.ssn.$touch()},\"keyup\":[function($event){return _vm.storeUnmaskedSSN()},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.tryAuthentication()}]}}),(this.ssnError)?_c('div',{staticClass:\"one-time-code-error-grid\"},[_c('img',{staticClass:\"one-time-code-error-icon\",attrs:{\"src\":require(\"../assets/images/ErrorIcon.svg\"),\"alt\":\"error-icon\"}}),(this.ssnError)?_c('div',{staticClass:\"field-error\"},[_vm._v(\"Please enter a valid Social Security Number\")]):_vm._e()]):_vm._e()]),_c('div',{staticClass:\"one-time-payment-primary-button\",attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.tryAuthentication()},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.tryAuthentication()}}},[_vm._v(\"\\n            Continue\\n        \")]),_c('div',{staticClass:\"one-time-payment-back-button\",attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.backBtn()},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.backBtn()}}},[_vm._v(\"\\n            Back\\n        \")])]),_c('div',{staticClass:\"pay-by-phone-container\"},[_c('div',{staticClass:\"pay-by-phone\"},[_c('PayByPhone',{attrs:{\"phone\":_vm.supportPhoneNumber}})],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"error-box-content\"},[_c('img',{attrs:{\"src\":require(\"@Shared/assets/images/warning.svg\"),\"alt\":\"warning\"}}),_c('div',{staticClass:\"error-box-text\"},[_c('span',{staticClass:\"header\"},[_vm._v(\"Your Information Does Not Match Our Records\")]),_c('div',{staticClass:\"error-box_string\"},[_vm._v(\"We are unable to authenticate you from the information below.\\n                        Please try again.\")])])])\n}]\n\nexport { render, staticRenderFns }","<!-- eslint-disable prettier/prettier -->\r\n<template>\r\n    <div class=\"one-time-payment-container\">\r\n        <div class=\"one-time-payment-card\">\r\n            <div class=\"one-time-payment-card-header\">\r\n                To continue with your payment, we need a little more information\r\n            </div>\r\n            <div class=\"one-time-payment-card-guidance\">\r\n                We're having trouble finding your account with the information provided.\r\n                Enter your\r\n                {{ renderComponentText }} to\r\n                continue with your payment.\r\n            </div>\r\n            <div v-if=\"getAuthenticationBoxError\" class=\"error-box\" role=\"alert\" aria-live=\"assertive\">\r\n                <div class=\"error-box-content\">\r\n                    <img src=\"@Shared/assets/images/warning.svg\" alt=\"warning\" />\r\n                    <div class=\"error-box-text\">\r\n                        <span class=\"header\">Your Information Does Not Match Our Records</span>\r\n                        <div class=\"error-box_string\">We are unable to authenticate you from the information below.\r\n                            Please try again.</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div v-if=\"accountIDView\">\r\n                <div>\r\n                    <div class=\"ssn-label-row\">\r\n                        <label class=\"one-time-payment-ac-field-label\" for=\"one-time-payment-ac-input\">\r\n                            12-Digit Account ID\r\n                        </label>\r\n                        <i ref=\"actionsPopover\" class=\"vcore_icon icon-info\"></i>\r\n                        <Popover :target=\"popovers.accountid.element\" :title=\"popovers.accountid.title\"\r\n                            :content=\"popovers.accountid.content\" class=\"popover-style\" />\r\n\r\n                    </div>\r\n                    <input class=\"one-time-payment-input\" id=\"one-time-payment-ac-input\" type=\"text\"\r\n                        @input='event => formatacctid(event.target.value)' v-model=\"accountid\"\r\n                        :class=\"{ 'input-error': this.accountIDError }\" @blur=\"$v.accountid.$touch()\" maxlength=\"12\"\r\n                        aria-label=\"one-time-code-input\" tabindex=\"0\" v-on:keyup.enter=\"tryAuthentication()\" />\r\n                    <div class=\"one-time-code-error-grid\" v-if=\"this.accountIDError\">\r\n                        <img class=\"one-time-code-error-icon\" src=\"../assets/images/ErrorIcon.svg\" alt=\"error-icon\">\r\n                        <div class=\"field-error\" v-if=\"this.accountIDError\">Please enter a 12-digit Account ID Number\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <WhereCanIFindAcctID />\r\n            </div>\r\n            <div v-else>\r\n                <div class=\"ssn-label-row\">\r\n                    <label class=\"one-time-payment-field-label\" for=\"one-time-payment-input-ssn\">\r\n                        Social Security Number\r\n                    </label>\r\n                    <span>\r\n                        <i ref=\"actionsPopover\" class=\"vcore_icon icon-info\"></i>\r\n                        <Popover :target=\"popovers.ssn.element\" :title=\"popovers.ssn.title\"\r\n                            :content=\"popovers.ssn.content\" class=\"popover-style\" />\r\n                    </span>\r\n                </div>\r\n                <input class=\"one-time-payment-input\" id=\"one-time-payment-input-ssn\" type=\"text\"\r\n                    @input='event => formatSSN(event.target.value)' v-model=\"ssn\" \r\n                    @focusin=\"unmaskSSN\"\r\n                    @focusout=\"maskSSN\" tabindex=\"0\" :class=\"{ 'input-error': this.ssnError }\" \r\n                    @blur=\"$v.ssn.$touch()\"\r\n                    v-on:keyup=\"storeUnmaskedSSN()\"\r\n                    v-on:keyup.enter=\"tryAuthentication()\"\r\n                    maxlength=\"11\" aria-label=\"one-time-code-input\"  />\r\n                <div class=\"one-time-code-error-grid\" v-if=\"this.ssnError\">\r\n                    <img class=\"one-time-code-error-icon\" src=\"../assets/images/ErrorIcon.svg\" alt=\"error-icon\">\r\n                    <div class=\"field-error\" v-if=\"this.ssnError\">Please enter a valid Social Security Number</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"one-time-payment-primary-button\" @click=\"tryAuthentication()\"\r\n                v-on:keyup.enter=\"tryAuthentication()\" tabindex=\"0\">\r\n                Continue\r\n            </div>\r\n            <div class=\"one-time-payment-back-button\" @click=\"backBtn()\" v-on:keyup.enter=\"backBtn()\" tabindex=\"0\">\r\n                Back\r\n            </div>\r\n        </div>\r\n        <div class=\"pay-by-phone-container\">\r\n            <div class=\"pay-by-phone\">\r\n                <PayByPhone :phone=\"supportPhoneNumber\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<!-- eslint-disable prettier/prettier -->\r\n\r\n<script>\r\nimport { required, dirty } from \"vuelidate/lib/validators\";\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport PayByPhone from \"../components/Payment/PayByPhone.vue\";\r\nimport WhereCanIFindAcctID from \"../components/Payment/WhereCanIFindAcctID.vue\";\r\nimport Popover from \"@Shared/components/Popover\";\r\nimport { EventBus } from \"@Shared/utils/event-bus\";\r\n\r\nexport default {\r\n    name: \"AdditionalInformation\",\r\n    data() {\r\n        return {\r\n            showResentMessage: false,\r\n            ssn: null,\r\n            unmaskedSSN: null,\r\n            accountid: null,\r\n            invalidCode: false,\r\n            ssnView: false,\r\n            accountIDView: false,\r\n            email: null,\r\n            supportPhoneNumber: \"1-855-893-1292\",\r\n            popovers: {\r\n                ssn: {\r\n                    element: \"i\",\r\n                    title: {\r\n                        type: \"string\",\r\n                        value: \"\"\r\n                    },\r\n                    content: {\r\n                        type: \"string\",\r\n                        value:\r\n                            \"This information is collected to help protect your identity and reduce fraud.\"\r\n                    }\r\n                },\r\n                accountid: {\r\n                    element: \"i\",\r\n                    title: {\r\n                        type: \"string\",\r\n                        value: \"\"\r\n                    },\r\n                    content: {\r\n                        type: \"string\",\r\n                        value:\r\n                            \"12-digit Account ID can be found in the upper right hand corner of your statement, above the account number.\"\r\n                    }\r\n                }\r\n            },\r\n        };\r\n    },\r\n    components: {\r\n        PayByPhone,\r\n        WhereCanIFindAcctID,\r\n        Popover\r\n    },\r\n    created() {\r\n        this.$store.dispatch(\"createNewTimer\");\r\n    },\r\n    mounted() {\r\n        // Displaying the opposite, if authed from SSN, display account ID view, otherwise display SSN view\r\n        this.accountIDView = this.$route.params.authedBySSN;\r\n        this.ssnView = this.$route.params.authedByAccountId;\r\n        this.unmaskedSSN = (this.$route.params.unmaskedSSN.length > 9) ? this.$route.params.unmaskedSSN.slice(2) : this.$route.params.unmaskedSSN;\r\n        this.accountid = this.$route.params.accountId;\r\n        this.email = this.$route.params.email;\r\n    },\r\n    methods: {\r\n        ...mapActions([\"customerAuthentication\"]),\r\n        toggleResentMessage(val) {\r\n            this.$store.dispatch(\"createNewTimer\");\r\n            this.showResentMessage = val;\r\n        },\r\n        tryAuthentication() {\r\n            if (this.ssnView) {\r\n                this.$v.ssn.$touch();\r\n                var ssnForcepoint = \"00\" + this.unmaskedSSN;\r\n                if (!this.ssnError) {\r\n                    this.invalidCreds = this.customerAuthentication({ ssn: ssnForcepoint, email: this.email, acctID: this.accountid, originalView: \"AccountID\", newAuthValue: \"SSN\" })\r\n                }\r\n            }\r\n\r\n            if (this.accountIDView) {\r\n                this.$v.accountid.$touch();\r\n                var ssnForcepoint = \"00\" + this.unmaskedSSN;\r\n                if (!this.accountIDError) {\r\n                    this.invalidCreds = this.customerAuthentication({ ssn: ssnForcepoint, email: this.email, acctID: this.accountid, originalView: \"SSN\", newAuthValue: \"AccountID\" })\r\n                }\r\n            }\r\n        },\r\n        formatSSN(value) {\r\n            var val = value.replace(/[\\D \\*]/g, '');\r\n            var newVal = '';\r\n            if ((val.length > 3) && (val.length < 6)) {\r\n                newVal += val.substr(0, 3) + '-';\r\n                val = val.substr(3);\r\n            }\r\n            if (val.length > 5) {\r\n                newVal += val.substr(0, 3) + '-';\r\n                newVal += val.substr(3, 2) + '-';\r\n                val = val.substr(5);\r\n            }\r\n            newVal += val;\r\n            this.ssn = newVal.substring(0, 11);\r\n        },\r\n        maskSSN() {\r\n            this.unmaskedSSN = this.ssn;\r\n            var newVal = '';\r\n            if (this.ssn != null) {\r\n                if (this.ssn.length < 5) {\r\n                    newVal = newVal.padStart(this.ssn.length, \"*\")\r\n                }\r\n                if ((this.ssn.length >= 5) && (this.ssn.length < 7)) {\r\n                    newVal = \"***-\";\r\n                    newVal = newVal.padEnd(this.ssn.length, \"*\")\r\n                }\r\n                if (this.ssn.length >= 7) {\r\n                    newVal = \"***-**-\";\r\n                    var visibleDigits = this.ssn.substring(7, this.ssn.length)\r\n                    newVal = newVal + visibleDigits;\r\n                }\r\n                this.ssn = newVal.substring(0, 11);\r\n            }\r\n        },\r\n        unmaskSSN() {\r\n            this.ssn = this.unmaskedSSN;\r\n        },\r\n        storeUnmaskedSSN(){ \r\n            this.unmaskedSSN = this.ssn;\r\n        },\r\n        backBtn() {\r\n            const paramsObj = {\r\n                authedBySSN: false,\r\n                authedByAccountId: false,\r\n                unmaskedSSN: this.unmaskedSSN,\r\n                accountId: this.accountid,\r\n                email: this.email\r\n            }\r\n\r\n            if (this.ssnView) {\r\n                paramsObj.authedByAccountId = true;\r\n            }\r\n            else if (this.accountIDView) {\r\n                paramsObj.authedBySSN = true;\r\n            }\r\n            this.$router.push({ name: 'Login', params: paramsObj });\r\n        },\r\n        formatacctid(value) {\r\n            var val = value.replace(/[\\D \\*]/g, '');\r\n            this.accountid = val;\r\n        },\r\n    },\r\n    computed: {\r\n        ...mapGetters([\"getAuthenticationBoxError\"]),\r\n        errorExists() {\r\n            return (!this.$v.code.required && this.$v.$dirty) || this.invalidCode;\r\n        },\r\n        renderComponentText() {\r\n            return this.accountIDView ? \"12-Digit Account ID\" : \"Social Security Number\";\r\n        },\r\n        ssnError() {\r\n            var ssnError = false;\r\n            if (this.ssn != null) {\r\n                ssnError = this.ssn.toString().length != 11 && this.$v.ssn.$dirty;\r\n            }\r\n            else {\r\n\r\n                ssnError = this.$v.ssn.$dirty;\r\n            }\r\n            return ssnError;\r\n        },\r\n        accountIDError() {\r\n            var accountidError = false;\r\n            if (this.accountid != null) {\r\n                accountidError = ((this.accountid.toString().length > 12 || this.accountid.toString().length < 4)\r\n                    && this.$v.accountid.$dirty);\r\n            }\r\n            else {\r\n                accountidError = this.$v.accountid.$dirty;\r\n            }\r\n            return accountidError;\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            ssn: {\r\n                required: required\r\n            },\r\n            accountid: {\r\n                required: required,\r\n                minLength: 4,\r\n                maxlength: 12,\r\n            }\r\n        };\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.one-time-code-resend-code-label {\r\n    grid-column: 2 / 2;\r\n    grid-row: 1;\r\n    font-family: \"Open Sans\";\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    display: flex;\r\n    justify-content: end;\r\n    letter-spacing: 0.02em;\r\n    color: #007aa3;\r\n    cursor: pointer;\r\n}\r\n\r\n.one-time-code-resend-code-label:hover {\r\n    text-decoration: underline;\r\n    color: #004964;\r\n}\r\n\r\n.one-time-code-grid {\r\n    display: grid;\r\n    //order: 2;\r\n    width: 100%;\r\n    grid-template-columns: 50% 50%;\r\n    grid-template-rows: repeat(1, auto);\r\n    padding-bottom: 15px;\r\n}\r\n\r\n.one-time-code-resent-grid {\r\n    display: grid;\r\n    flex-direction: column;\r\n    padding: 10px 13px;\r\n    background: #f2f9e9;\r\n    border: 1px solid #60981a;\r\n    border-radius: 5px;\r\n    width: 100%;\r\n    grid-template-columns: 7% 83% 10%;\r\n    grid-template-rows: repeat(2, auto);\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.one-time-code-resent-text {\r\n    grid-column: 2 / 3;\r\n    grid-row: 1;\r\n    color: #006747;\r\n    font-family: \"Poppins\";\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    letter-spacing: 0.04em;\r\n}\r\n\r\n.one-time-code-resent-icon {\r\n    grid-column: 1 / 3;\r\n    grid-row: 1;\r\n}\r\n\r\n.one-time-code-resent-close {\r\n    grid-column: 3 / 3;\r\n    grid-row: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n.icon-close {\r\n    float: right;\r\n    color: #006747;\r\n    font-size: 20px;\r\n}\r\n\r\n.icon-close:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.contact-text {\r\n    padding-top: 15px;\r\n}\r\n\r\n.one-time-payment-input {\r\n    font-size: 16px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdditionalInformation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdditionalInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdditionalInformation.vue?vue&type=template&id=362fe090&scoped=true&\"\nimport script from \"./AdditionalInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./AdditionalInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdditionalInformation.vue?vue&type=style&index=0&id=362fe090&prod&lang=scss&scoped=true&\"\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  \"362fe090\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}