\n \n
Name
\n\n \n <FullName :value-first=\"form.profileNameFirst\"\n :value-middle=\"form.profileNameMiddle\"\n :value-last=\"form.profileNameLast\"\n @inputFirst=\"form.profileNameFirst=$event\"\n @inputMiddle=\"form.profileNameMiddle=$event\"\n @inputLast=\"form.profileNameLast=$event\"/>\n\n <PreferredNameYN v-model=\"form.profilePreferredNameYN\"/>\n <div v-if=\"form.profilePreferredNameYN\" class=\"question-box with-arrow\">\n <PreferredName v-model=\"form.profilePreferredName\"/>\n </div>\n\n <PreviousNameYN v-model=\"form.profilePreviousNameYN\"/>\n <div v-if=\"form.profilePreviousNameYN\" class=\"question-box with-arrow\">\n <PreviousName v-model=\"form.profilePreviousName\"/>\n <PreviousNameDate v-model=\"form.profilePreviousNameChangedDate\"/>\n <PreviousNameMethod v-model=\"form.profilePreviousNameChangedMethod\"/>\n </div>\n\n <h3 class=\"fieldset-heading\">Status</h3>\n\n <Gender v-model=\"form.profileSex\"/>\n <Dob v-model=\"form.profileDOB\"/>\n\n <Nationality v-model=\"form.profileNationality\"/>\n <div v-if=\"form.profileNationality && !['British'].includes(form.profileNationality)\" class=\"question-box with-arrow\">\n <IndefiniteLeave v-model=\"form.profileIndefiniteLeave\"/>\n <template v-if=\"form.profileIndefiniteLeave === false\">\n <VisaType v-model=\"form.profileVisaType\"/>\n <UKSince v-model=\"form.profileUKSince\"/>\n <VisaExpiry v-model=\"form.profileVisaExpiry\"/>\n </template>\n </div>\n\n <DiplomaticImmunity v-model=\"form.profileDiplomaticImmunity\"/>\n\n </div>\n</template>\n\n<script>\nimport {fieldsetHelpers} from \"../fieldsetHelpers\";\nimport { statusOptions } from \"../../question/options/statusOptions\";\n\nimport Title from \"../../question/questions/clientProfile/name/Title\";\nimport FullName from \"../../question/questions/clientProfile/name/FullName\";\nimport DiplomaticImmunity from \"../../question/questions/clientProfile/status/DiplomaticImmunity\";\nimport Nationality from \"../../question/questions/clientProfile/status/Nationality\";\nimport Dob from \"../../question/questions/clientProfile/status/Dob\";\nimport Gender from \"../../question/questions/clientProfile/status/Gender\";\nimport PreviousName from \"../../question/questions/clientProfile/name/PreviousName\";\nimport PreviousNameYN from \"../../question/questions/clientProfile/name/PreviousNameYN\";\nimport PreviousNameDate from \"../../question/questions/clientProfile/name/PreviousNameDate\";\nimport PreviousNameMethod from \"../../question/questions/clientProfile/name/PreviousNameMethod\";\nimport PreferredNameYN from \"../../question/questions/clientProfile/name/PreferredNameYN\";\nimport PreferredName from \"../../question/questions/clientProfile/name/PreferredName\";\nimport IndefiniteLeave from \"../../question/questions/clientProfile/status/IndefiniteLeave\";\nimport UKSince from \"../../question/questions/clientProfile/status/UKSince\";\nimport VisaExpiry from \"../../question/questions/clientProfile/status/VisaExpiry\";\nimport VisaType from \"@/components/common/questionnaires/question/questions/clientProfile/status/VisaType\";\n\nexport default {\n name: 'NameStatusMortgage',\n mixins: [fieldsetHelpers, statusOptions],\n props: {\n value: {\n type: Object,\n required: true\n }\n },\n components: {\n VisaType,\n VisaExpiry,\n UKSince,\n IndefiniteLeave,\n PreferredName,\n PreferredNameYN,\n PreviousNameMethod,\n PreviousNameDate,\n PreviousNameYN,\n PreviousName,\n Gender,\n Dob,\n Nationality,\n DiplomaticImmunity,\n FullName,\n Title\n },\n data() {\n return {\n label: 'Name & Status', // used for steps progress\n videoUrl: 'https://dm-kernel-public.s3.eu-west-2.amazonaws.com/static/video/kernel_help/your_info.mp4'\n\n }\n },\n computed: {\n form: {\n set(value) {\n this.$emit('input', value)\n },\n get() {\n return this.value\n }\n }\n }\n};\n</script>\n","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!./NameStatusMortgage.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!./NameStatusMortgage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NameStatusMortgage.vue?vue&type=template&id=2cca1402\"\nimport script from \"./NameStatusMortgage.vue?vue&type=script&lang=js\"\nexport * from \"./NameStatusMortgage.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{attrs:{\"question\":_vm.question,\"errors\":[..._vm.serverErrors, ..._vm.jsErrors],\"valid\":!!_vm.data}},[_c('InputTextArea',{attrs:{\"db\":_vm.db,\"args\":_vm.args,\"skipped\":_vm.skipped},on:{\"skipped\":function($event){_vm.skipped=$event},\"serverErrors\":function($event){_vm.serverErrors=$event},\"jsErrors\":function($event){_vm.jsErrors=$event}},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <QuestionBase :question=\"question\" :errors=\"[...serverErrors, ...jsErrors]\" :valid=\"!!data\">\n <InputTextArea\n v-model=\"data\"\n :db=\"db\"\n :args=\"args\"\n :skipped=\"skipped\"\n @skipped=\"skipped=$event\"\n @serverErrors=\"serverErrors=$event\"\n @jsErrors=\"jsErrors=$event\"\n />\n </QuestionBase>\n</template>\n\n<script>\nimport { questionLoadHelpers } from \"../../../helpers/questionLoadHelpers\";\n\nimport QuestionBase from \"../../../QuestionBase\";\nimport InputTextArea from \"../../../inputs/InputTextArea\";\n\nexport default {\n name: 'BankruptDetails',\n mixins: [questionLoadHelpers],\n components: {\n InputTextArea,\n QuestionBase\n },\n props: {\n value: {\n type: String,\n required: false\n }\n },\n computed: {\n data: {\n set(value) {\n this.$emit('input', value)\n },\n get () {\n return this.value\n }\n }\n },\n data () {\n return {\n question: {\n title: 'Please add a few details about this:',\n subTitle: 'When did it happen? Is it now satisfied? If satisfied, what date were you discharged? What led to the arrangement?',\n tip: null\n },\n db: {\n saveLocation: 'client_client',\n saveField: 'profileBankruptcyIVADetails'\n },\n args: {\n placeholder: '',\n label: null,\n rows: 4,\n maxRows: 4,\n skippable: false,\n required: false,\n inputClass: 'field-100'\n },\n serverErrors: [],\n jsErrors: [],\n skipped: false,\n }\n }\n}\n</script>","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!./BankruptDetails.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!./BankruptDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BankruptDetails.vue?vue&type=template&id=44d57f53\"\nimport script from \"./BankruptDetails.vue?vue&type=script&lang=js\"\nexport * from \"./BankruptDetails.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var global = require('../internals/global');\nvar TO_STRING_TAG_SUPPORT = require('../internals/to-string-tag-support');\nvar isCallable = require('../internals/is-callable');\nvar classofRaw = require('../internals/classof-raw');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar Object = global.Object;\n\n// ES3 wrong here\nvar CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';\n\n// fallback for IE11 Script Access Denied error\nvar tryGet = function (it, key) {\n try {\n return it[key];\n } catch (error) { /* empty */ }\n};\n\n// getting tag from ES6+ `Object.prototype.toString`\nmodule.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {\n var O, tag, result;\n return it === undefined ? 'Undefined' : it === null ? 'Null'\n // @@toStringTag case\n : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG)) == 'string' ? tag\n // builtinTag case\n : CORRECT_ARGUMENTS ? classofRaw(O)\n // ES3 arguments fallback\n : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;\n};\n","export const assetOptions = {\n data() {\n return {\n assetTypeOptions: [\n {\n label: \"Residential Home\",\n value: \"Residential Home\"\n },\n {\n label: \"Second Home\",\n value: \"Second Home\"\n },\n {\n label: \"Household Contents\",\n value: \"Household Contents\"\n },\n {\n label: \"Investment Property\",\n value: \"Investment Property\"\n },\n {\n label: \"Savings\",\n value: \"Savings\"\n },\n {\n label: \"Bank Accounts\",\n value: \"Bank Accounts\"\n },\n {\n label: \"Vehicles\",\n value: \"Vehicles\"\n },\n {\n label: \"Pensions\",\n value: \"Pensions\"\n },\n {\n label: \"Shares\",\n value: \"Shares\"\n },\n {\n label: \"Bonds\",\n value: \"Bonds\"\n },\n {\n label: \"Jewellery\",\n value: \"Jewellery\"\n }\n ],\n assetOwnershipOptions: [\n {\n label: \"Sole\",\n value: \"Sole\",\n },\n {\n label: \"Joint (With Partner)\",\n value: \"Joint (With Partner)\",\n },\n {\n label: \"Joint (With Another)\",\n value: \"Joint (With Another)\",\n },\n {\n label: 'Other',\n value: 'Other'\n }\n ],\n assetsMainOptions: [\n {\n label: \"Residential Home\",\n value: \"Residential Home\"\n },\n {\n label: \"Household Contents\",\n value: \"Household Contents\"\n },\n {\n label: \"Vehicles\",\n value: \"Vehicles\"\n },\n {\n label: \"Savings\",\n value: \"Savings\"\n },\n {\n label: \"Shares\",\n value: \"Shares\"\n },\n {\n label: \"Pensions\",\n value: \"Pensions\"\n },\n ],\n assetsMainMortgageOptions: [\n {\n label: \"Residential Home\",\n value: \"Residential Home\"\n },\n {\n label: \"Second Home\",\n value: \"Second Home\"\n },\n {\n label: \"Investment Property\",\n value: \"Investment Property\"\n },\n {\n label: \"Savings\",\n value: \"Savings\"\n },\n {\n label: \"Shares\",\n value: \"Shares\"\n },\n {\n label: \"Pensions\",\n value: \"Pensions\"\n },\n ],\n giftsMainOptions: [\n {\n label: 'Money',\n value: 'cash'\n },\n {\n label: 'Property',\n value: 'property'\n },\n {\n label: 'Jewellery',\n value: 'jewellery'\n },\n {\n label: 'Account',\n value: 'account'\n },\n {\n label: 'Vehicle',\n value: 'vehicle'\n },\n {\n label: 'Other',\n value: 'other'\n }\n ],\n assetTenureOptions: [\n {\n label: 'Joint Tenancy',\n value: 'Joint Tenancy'\n },\n {\n label: 'Tenants in Common',\n value: 'Tenants in Common'\n }\n ],\n providerRequiredAssets: [\n 'Savings',\n 'Bank Accounts',\n 'Pensions',\n 'Shares',\n 'Bonds'\n ]\n\n }\n }\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fieldset\"},[_c('h3',{staticClass:\"fieldset-heading\"},[_vm._v(\"Commitments\")]),_c('Commitments',{ref:\"commitments\",on:{\"refresh\":_vm.refreshCommitments},model:{value:(_vm.form.commitments),callback:function ($$v) {_vm.$set(_vm.form, \"commitments\", $$v)},expression:\"form.commitments\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{staticClass:\"pb-0\",attrs:{\"id\":_vm.db.saveField,\"errors\":[..._vm.jsErrors],\"question\":_vm.question,\"valid\":!!_vm.data.length}},[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"accordion sub-items\"},[_c('div',{staticClass:\"question-box with-arrow mt-32 pb-30\"},[_vm._l((_vm.data),function(commitment,index){return _c('ObjectCard',{key:'commitment' + commitment.id,ref:'commitment'+index,refInFor:true,attrs:{\"id\":'commitment'+index,\"title\":`£${commitment.commitmentAmount} ${commitment.commitmentType} ${_vm.responsibles(commitment)}`,\"type\":\"commitment\",\"loading\":_vm.loading},on:{\"delete\":function($event){return _vm.deleteObject(commitment.id)},\"save\":function($event){return _vm.saveObject(commitment, 'commitment'+index)}},model:{value:(_vm.data[index]),callback:function ($$v) {_vm.$set(_vm.data, index, $$v)},expression:\"data[index]\"}},[_c('CommitmentFull',{key:'commitment-form' + commitment.id,attrs:{\"objectId\":commitment.id},model:{value:(_vm.data[index]),callback:function ($$v) {_vm.$set(_vm.data, index, $$v)},expression:\"data[index]\"}})],1)}),(_vm.form)?_c('ObjectCard',{ref:\"commitment-add\",attrs:{\"title\":\"New Commitment\",\"type\":\"commitment-add\",\"loading\":_vm.loading},on:{\"delete\":function($event){_vm.form=null},\"save\":function($event){return _vm.saveObject(_vm.form, _vm.db.saveField)}},model:{value:(_vm.form),callback:function ($$v) {_vm.form=$$v},expression:\"form\"}},[_c('CommitmentFull',{attrs:{\"errors-post\":_vm.errorsPost,\"noSave\":true},model:{value:(_vm.form),callback:function ($$v) {_vm.form=$$v},expression:\"form\"}})],1):_vm._e(),(_vm.form_multi)?_c('ObjectCard',{ref:\"commitment-add-multi\",attrs:{\"title\":\"Commitments\",\"type\":\"commitment-add\",\"loading\":_vm.loading},on:{\"delete\":function($event){_vm.form_multi=null},\"save\":function($event){return _vm.saveObjectMulti(_vm.form_multi)}},model:{value:(_vm.form_multi),callback:function ($$v) {_vm.form_multi=$$v},expression:\"form_multi\"}},_vm._l((_vm.multi_form_options),function(formItem,index){return _c('CommitmentShort',{key:index,attrs:{\"errors-post\":_vm.errorsPost,\"noSave\":true},model:{value:(_vm.form_multi[formItem]),callback:function ($$v) {_vm.$set(_vm.form_multi, formItem, $$v)},expression:\"form_multi[formItem]\"}})}),1):_vm._e(),(_vm.data.length)?_c('b-button',{staticClass:\"btn-question\",class:_vm.data.length ? 'w-50' : null,on:{\"click\":_vm.add}},[_c('i',{staticClass:\"i-Money-Bag text-25 font-weight-800 mr-2\"}),_vm._v(\" Add Single \")]):_vm._e(),_c('b-button',{staticClass:\"btn-question\",class:_vm.data.length ? 'w-50' : null,on:{\"click\":_vm.addMulti}},[_c('i',{staticClass:\"i-Money-Bag text-25\"}),_c('i',{staticClass:\"i-Money-Bag text-25 font-weight-800 mr-2\"}),_vm._v(\" Add Multiple \")])],2)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Type',{attrs:{\"errors-post\":_vm.errorsPost.commitmentType,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave},model:{value:(_vm.form.commitmentType),callback:function ($$v) {_vm.$set(_vm.form, \"commitmentType\", $$v)},expression:\"form.commitmentType\"}}),_c('Amount',{attrs:{\"errors-post\":_vm.errorsPost.commitmentAmount,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave},model:{value:(_vm.form.commitmentAmount),callback:function ($$v) {_vm.$set(_vm.form, \"commitmentAmount\", $$v)},expression:\"form.commitmentAmount\"}}),_c('Responsibility',{attrs:{\"errors-post\":_vm.errorsPost.clients,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave,\"other\":_vm.form.owner_other},on:{\"other\":function($event){_vm.form.owner_other=$event}},model:{value:(_vm.form.clients),callback:function ($$v) {_vm.$set(_vm.form, \"clients\", $$v)},expression:\"form.clients\"}}),(_vm.form.owner_other)?_c('ResponsibilityOtherDetails',{attrs:{\"errors-post\":_vm.errorsPost.owner_other_details,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave},model:{value:(_vm.form.owner_other_details),callback:function ($$v) {_vm.$set(_vm.form, \"owner_other_details\", $$v)},expression:\"form.owner_other_details\"}}):_vm._e(),_c('Notes',{attrs:{\"errors-post\":_vm.errorsPost.commitmentNotes,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave},model:{value:(_vm.form.commitmentNotes),callback:function ($$v) {_vm.$set(_vm.form, \"commitmentNotes\", $$v)},expression:\"form.commitmentNotes\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{attrs:{\"errors\":[..._vm.errorsPost, ..._vm.serverErrors, ..._vm.jsErrors],\"no-right-padding\":true,\"question\":_vm.question,\"valid\":!!_vm.data.length}},[_c('InputClients',{attrs:{\"args\":_vm.args,\"db\":_vm.db,\"dbOther\":_vm.dbOther,\"errors-post\":_vm.errorsPost,\"js-errors\":_vm.jsErrors,\"no-save\":_vm.noSave,\"showOther\":true,\"skipped\":_vm.skipped,\"valueOther\":_vm.other},on:{\"inputOther\":function($event){_vm.otherData=$event},\"jsErrors\":function($event){_vm.jsErrors=$event},\"other\":function($event){return _vm.$emit('other')},\"serverErrors\":function($event){_vm.serverErrors=$event},\"skipped\":function($event){_vm.skipped=$event}},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <QuestionBase :errors=\"[...errorsPost, ...serverErrors, ...jsErrors]\"\n :no-right-padding=\"true\"\n :question=\"question\"\n :valid=\"!!data.length\">\n <InputClients v-model=\"data\"\n :args=\"args\"\n :db=\"db\"\n :dbOther=\"dbOther\"\n :errors-post=\"errorsPost\"\n :js-errors=\"jsErrors\"\n :no-save=\"noSave\"\n :showOther=\"true\"\n :skipped=\"skipped\"\n :valueOther=\"other\"\n @inputOther=\"otherData=$event\"\n @jsErrors=\"jsErrors=$event\"\n @other=\"$emit('other')\"\n @serverErrors=\"serverErrors=$event\"\n @skipped=\"skipped=$event\" />\n </QuestionBase>\n</template>\n\n<script>\nimport {questionLoadHelpers} from \"../../helpers/questionLoadHelpers\";\n\nimport QuestionBase from \"../../QuestionBase\";\nimport InputClients from \"../../inputs/InputClients\";\n\nexport default {\n name: 'Responsibility',\n mixins: [questionLoadHelpers],\n components: {\n InputClients,\n QuestionBase\n },\n props: {\n value: {\n type: Array,\n required: false\n },\n errorsPost: {\n type: Array,\n default: () => {\n return []\n }\n },\n noSave: {\n type: Boolean,\n default: false\n },\n objectId: {\n type: Number,\n required: false\n },\n other: {\n type: Boolean,\n required: false\n }\n },\n computed: {\n data: {\n set(value) {\n this.$emit('input',\n value)\n },\n get() {\n return this.value\n }\n },\n otherData: {\n set(value) {\n this.$emit('other',\n value)\n },\n get() {\n return this.other\n }\n }\n },\n data() {\n return {\n question: {\n title: 'Who pays this commitment?',\n subTitle: null,\n tip: null\n },\n db: {\n saveLocation: 'client_commitment',\n saveField: 'clients',\n objectId: this.objectId\n },\n dbOther: {\n saveLocation: 'client_commitment',\n saveField: 'owner_other',\n objectId: this.objectId\n },\n args: {\n skippable: false,\n required: false,\n },\n serverErrors: [],\n jsErrors: [],\n skipped: false,\n }\n }\n}\n</script>","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!./Responsibility.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!./Responsibility.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Responsibility.vue?vue&type=template&id=290b4cc0\"\nimport script from \"./Responsibility.vue?vue&type=script&lang=js\"\nexport * from \"./Responsibility.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{attrs:{\"question\":_vm.question,\"errors\":[..._vm.errorsPost, ..._vm.serverErrors, ..._vm.jsErrors],\"valid\":!!_vm.data}},[_c('InputTextArea',{attrs:{\"db\":_vm.db,\"args\":_vm.args,\"skipped\":_vm.skipped,\"errors-post\":_vm.errorsPost,\"no-save\":_vm.noSave},on:{\"skipped\":function($event){_vm.skipped=$event},\"serverErrors\":function($event){_vm.serverErrors=$event},\"jsErrors\":function($event){_vm.jsErrors=$event}},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <QuestionBase :question=\"question\" :errors=\"[...errorsPost, ...serverErrors, ...jsErrors]\" :valid=\"!!data\">\n <InputTextArea\n v-model=\"data\"\n :db=\"db\"\n :args=\"args\"\n :skipped=\"skipped\"\n :errors-post=\"errorsPost\"\n :no-save=\"noSave\"\n @skipped=\"skipped=$event\"\n @serverErrors=\"serverErrors=$event\"\n @jsErrors=\"jsErrors=$event\"\n />\n </QuestionBase>\n</template>\n\n<script>\nimport { questionLoadHelpers } from \"../../helpers/questionLoadHelpers\";\n\nimport QuestionBase from \"../../QuestionBase\";\nimport InputTextArea from \"../../inputs/InputTextArea\";\n\nexport default {\n name: 'OwnerOtherDetails',\n mixins: [questionLoadHelpers],\n components: {\n InputTextArea,\n QuestionBase\n },\n props: {\n value: {\n type: String,\n required: false\n },\n errorsPost: {\n type: Array,\n default: () => {\n return []\n }\n },\n noSave: {\n type: Boolean,\n default: false\n },\n objectId: {\n type: Number,\n required: false\n },\n\n },\n computed: {\n data: {\n set(value) {\n this.$emit('input', value)\n },\n get () {\n return this.value\n }\n }\n },\n data () {\n return {\n question: {\n title: 'Who else is responsible for this commitment?',\n subTitle: '',\n tip: null\n },\n db: {\n saveLocation: 'client_commitment',\n saveField: 'owner_other_details',\n objectId: this.objectId\n },\n args: {\n placeholder: 'e.g. jointly paid by my father',\n label: null,\n rows: 4,\n maxRows: 4,\n skippable: false,\n required: false,\n inputClass: 'field-100'\n },\n serverErrors: [],\n jsErrors: [],\n skipped: false,\n }\n }\n}\n</script>","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!./ResponsibilityOtherDetails.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!./ResponsibilityOtherDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ResponsibilityOtherDetails.vue?vue&type=template&id=458b6342\"\nimport script from \"./ResponsibilityOtherDetails.vue?vue&type=script&lang=js\"\nexport * from \"./ResponsibilityOtherDetails.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{attrs:{\"errors\":[..._vm.errorsPost, ..._vm.serverErrors, ..._vm.jsErrors],\"question\":_vm.question,\"valid\":_vm.data !== null}},[_c('InputSelect',{attrs:{\"args\":_vm.args,\"db\":_vm.db,\"errors-post\":_vm.errorsPost,\"js-errors\":_vm.jsErrors,\"no-save\":_vm.noSave,\"options\":_vm.commitmentTypeOptions,\"skipped\":_vm.skipped},on:{\"jsErrors\":function($event){_vm.jsErrors=$event},\"serverErrors\":function($event){_vm.serverErrors=$event},\"skipped\":function($event){_vm.skipped=$event}},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const commitmentOptions = {\n data () {\n return {\n commitmentTypeOptions: [\n {\n label: 'Rent',\n value: 'Rent'\n },\n {\n label: 'Water',\n value: 'Water'\n },\n {\n label: 'Gas / Electricity',\n value: 'Gas / Electricity'\n },\n {\n label: 'Food / Household',\n value: 'Food / Household'\n },\n {\n label: 'Internet / TV',\n value: 'Internet / TV'\n },\n {\n label: 'Council Tax',\n value: 'Council Tax'\n },\n {\n label: 'Nursery/Childminder/Childcare',\n value: 'Childcare'\n },\n {\n label: 'Travel / Fuel',\n value: 'Travel / Fuel'\n },\n {\n label: 'Mobile Phone',\n value: 'Mobile Phone'\n },\n {\n label: 'Pension',\n value: 'Pension'\n },\n {\n label: 'Hobbies',\n value: 'Hobbies'\n },\n {\n label: 'Regular Savings',\n value: 'Regular Savings'\n }\n ],\n }\n }\n}\n","<template>\n <QuestionBase :errors=\"[...errorsPost, ...serverErrors, ...jsErrors]\"\n :question=\"question\"\n :valid=\"data !== null\">\n <InputSelect v-model=\"data\"\n :args=\"args\"\n :db=\"db\"\n :errors-post=\"errorsPost\"\n :js-errors=\"jsErrors\"\n :no-save=\"noSave\"\n :options=\"commitmentTypeOptions\"\n :skipped=\"skipped\"\n @jsErrors=\"jsErrors=$event\"\n @serverErrors=\"serverErrors=$event\"\n @skipped=\"skipped=$event\" />\n </QuestionBase>\n</template>\n\n<script>\nimport {questionLoadHelpers} from \"../../helpers/questionLoadHelpers\";\nimport {commitmentOptions} from \"../../options/commitmentOptions\";\n\nimport QuestionBase from \"../../QuestionBase\";\nimport InputSelect from \"../../inputs/InputSelect\";\n\nexport default {\n name: 'Type',\n mixins: [\n questionLoadHelpers,\n commitmentOptions\n ],\n components: {\n InputSelect,\n QuestionBase\n },\n props: {\n value: {\n type: String,\n required: false\n },\n errorsPost: {\n type: Array,\n default: () => {\n return []\n }\n },\n noSave: {\n type: Boolean,\n default: false\n },\n objectId: {\n type: Number,\n required: false\n },\n },\n computed: {\n data: {\n set(value) {\n this.$emit('input',\n value)\n },\n get() {\n return this.value\n }\n }\n },\n data() {\n return {\n question: {\n title: 'How would you describe the commitment?',\n subTitle: 'Instead of selecting from the list you can type the description.',\n tip: null\n },\n db: {\n saveLocation: 'client_commitment',\n saveField: 'commitmentType',\n objectId: this.objectId\n },\n args: {\n taggable: true,\n label: null,\n placeholder: 'Please select..',\n skippable: false,\n required: true,\n inputClass: 'field-75'\n },\n serverErrors: [],\n jsErrors: [],\n skipped: false,\n }\n }\n}\n</script>","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!./Type.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!./Type.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Type.vue?vue&type=template&id=ebb31e16\"\nimport script from \"./Type.vue?vue&type=script&lang=js\"\nexport * from \"./Type.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{attrs:{\"question\":_vm.question,\"errors\":[..._vm.errorsPost, ..._vm.serverErrors, ..._vm.jsErrors],\"valid\":!!_vm.data}},[_c('InputBasic',{attrs:{\"db\":_vm.db,\"args\":_vm.args,\"skipped\":_vm.skipped,\"noSave\":_vm.noSave},on:{\"skipped\":function($event){_vm.skipped=$event},\"serverErrors\":function($event){_vm.serverErrors=$event},\"jsErrors\":function($event){_vm.jsErrors=$event}},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <QuestionBase\n :question=\"question\" :errors=\"[...errorsPost, ...serverErrors, ...jsErrors]\"\n :valid=\"!!data\"\n >\n <InputBasic\n v-model=\"data\"\n :db=\"db\"\n :args=\"args\"\n :skipped=\"skipped\"\n :noSave=\"noSave\"\n @skipped=\"skipped=$event\"\n @serverErrors=\"serverErrors=$event\"\n @jsErrors=\"jsErrors=$event\"\n />\n </QuestionBase>\n</template>\n\n<script>\nimport { questionLoadHelpers } from \"../../helpers/questionLoadHelpers\";\n\nimport QuestionBase from \"../../QuestionBase\";\nimport InputBasic from \"../../inputs/InputBasic\";\n\nexport default {\n name: 'Payment',\n mixins: [questionLoadHelpers],\n components: {\n InputBasic,\n QuestionBase\n },\n props: {\n value: {\n type: [Number, String],\n required: false\n },\n label: {\n type: String,\n required: false\n },\n noSave: {\n type: Boolean,\n default: false\n },\n errorsPost: {\n type: Array,\n default: () => {\n return []\n }\n },\n objectId: {\n type: Number,\n required: false\n },\n },\n computed: {\n data: {\n set(value) {\n this.$emit('input', value)\n },\n get () {\n return this.value\n }\n }\n },\n data () {\n return {\n question: {\n title: this.label||'How much do you pay each month?',\n subTitle: null,\n tip: null\n },\n db: {\n saveLocation: 'client_commitment',\n saveField: 'commitmentAmount',\n objectId: this.objectId\n },\n args: {\n placeholder: 'e.g. 250',\n label: null,\n type: 'number',\n skippable: false,\n required: false,\n inputClass: 'field-100',\n prependText: '£'\n },\n serverErrors: [],\n jsErrors: [],\n skipped: false,\n }\n }\n}\n</script>","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!./Amount.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!./Amount.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Amount.vue?vue&type=template&id=3db64fd1\"\nimport script from \"./Amount.vue?vue&type=script&lang=js\"\nexport * from \"./Amount.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('QuestionBase',{attrs:{\"question\":_vm.question,\"errors\":[..._vm.errorsPost, ..._vm.serverErrors, ..._vm.jsErrors],\"valid\":!!_vm.data,\"disabled-valid\":true}},[_c('InputTextArea',{attrs:{\"db\":_vm.db,\"args\":_vm.args,\"skipped\":_vm.skipped,\"errors-post\":_vm.errorsPost,\"no-save\":_vm.noSave},on:{\"skipped\":function($event){_vm.skipped=$event},\"serverErrors\":function($event){_vm.serverErrors=$event},\"jsErrors\":function($event){_vm.jsErrors=$event}},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <QuestionBase :question=\"question\" :errors=\"[...errorsPost, ...serverErrors, ...jsErrors]\" :valid=\"!!data\" :disabled-valid=\"true\">\n <InputTextArea\n v-model=\"data\"\n :db=\"db\"\n :args=\"args\"\n :skipped=\"skipped\"\n :errors-post=\"errorsPost\"\n :no-save=\"noSave\"\n @skipped=\"skipped=$event\"\n @serverErrors=\"serverErrors=$event\"\n @jsErrors=\"jsErrors=$event\"\n />\n </QuestionBase>\n</template>\n\n<script>\nimport { questionLoadHelpers } from \"../../helpers/questionLoadHelpers\";\n\nimport QuestionBase from \"../../QuestionBase\";\nimport InputTextArea from \"../../inputs/InputTextArea\";\n\nexport default {\n name: 'Notes',\n mixins: [questionLoadHelpers],\n components: {\n InputTextArea,\n QuestionBase\n },\n props: {\n value: {\n type: String,\n required: false\n },\n errorsPost: {\n type: Array,\n default: () => {\n return []\n }\n },\n noSave: {\n type: Boolean,\n default: false\n },\n objectId: {\n type: Number,\n required: false\n },\n\n },\n computed: {\n data: {\n set(value) {\n this.$emit('input', value)\n },\n get () {\n return this.value\n }\n }\n },\n data () {\n return {\n question: {\n title: 'Add any relevant notes about this commitment:',\n subTitle: null,\n tip: null\n },\n db: {\n saveLocation: 'client_commitment',\n saveField: 'commitmentNotes',\n objectId: this.objectId\n },\n args: {\n placeholder: 'e.g. This is being repaid in full in the next few weeks',\n label: null,\n rows: 4,\n maxRows: 4,\n skippable: false,\n required: false,\n inputClass: 'field-100'\n },\n serverErrors: [],\n jsErrors: [],\n skipped: false,\n }\n }\n}\n</script>","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!./Notes.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!./Notes.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Notes.vue?vue&type=template&id=25d67c02\"\nimport script from \"./Notes.vue?vue&type=script&lang=js\"\nexport * from \"./Notes.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","<template>\n <div>\n\n <Type\n v-model=\"form.commitmentType\"\n :errors-post=\"errorsPost.commitmentType\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n />\n\n <Amount\n v-model=\"form.commitmentAmount\"\n :errors-post=\"errorsPost.commitmentAmount\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n />\n\n <Responsibility\n v-model=\"form.clients\"\n :errors-post=\"errorsPost.clients\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n :other=\"form.owner_other\"\n @other=\"form.owner_other=$event\"\n />\n\n <ResponsibilityOtherDetails\n v-if=\"form.owner_other\"\n v-model=\"form.owner_other_details\"\n :errors-post=\"errorsPost.owner_other_details\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n />\n\n <Notes\n v-model=\"form.commitmentNotes\"\n :errors-post=\"errorsPost.commitmentNotes\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n />\n\n </div>\n</template>\n\n<script>\n\nimport Responsibility from \"../../../question/questions/clientCommitment/Responsibility\";\nimport ResponsibilityOtherDetails from \"../../../question/questions/clientCommitment/ResponsibilityOtherDetails\";\nimport Type from \"../../../question/questions/clientCommitment/Type\";\nimport Amount from \"../../../question/questions/clientCommitment/Amount\";\nimport Notes from \"../../../question/questions/clientCommitment/Notes\";\n\nexport default {\n name: 'CommitmentFull',\n components: {\n Type,\n Amount,\n Notes,\n ResponsibilityOtherDetails, \n Responsibility\n },\n props: {\n value: {\n type: Object,\n required: true\n },\n objectId: {\n type: Number,\n required: false\n },\n noSave: {\n type: Boolean,\n default: false\n },\n errorsPost: {\n type: Object,\n default: () => {\n return {}\n }\n }\n },\n computed: {\n form: {\n set(value) {\n this.$emit('input', value)\n },\n get() {\n return this.value\n }\n }\n }\n}\n</script>","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!./CommitmentFull.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!./CommitmentFull.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CommitmentFull.vue?vue&type=template&id=0b271e2d\"\nimport script from \"./CommitmentFull.vue?vue&type=script&lang=js\"\nexport * from \"./CommitmentFull.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-12\"},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"5\"}},[_c('Amount',{attrs:{\"label\":_vm.form.commitmentType,\"errors-post\":_vm.errorsPost.commitmentAmount,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave},model:{value:(_vm.form.commitmentAmount),callback:function ($$v) {_vm.$set(_vm.form, \"commitmentAmount\", $$v)},expression:\"form.commitmentAmount\"}})],1),_c('b-col',{attrs:{\"md\":\"7\"}},[_c('Responsibility',{attrs:{\"errors-post\":_vm.errorsPost.clients,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave,\"other\":_vm.form.owner_other},on:{\"other\":function($event){_vm.form.owner_other=$event}},model:{value:(_vm.form.clients),callback:function ($$v) {_vm.$set(_vm.form, \"clients\", $$v)},expression:\"form.clients\"}})],1)],1),(_vm.form.owner_other)?_c('ResponsibilityOtherDetails',{attrs:{\"errors-post\":_vm.errorsPost.owner_other_details,\"object-id\":_vm.objectId,\"no-save\":_vm.noSave},model:{value:(_vm.form.owner_other_details),callback:function ($$v) {_vm.$set(_vm.form, \"owner_other_details\", $$v)},expression:\"form.owner_other_details\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div class=\"mb-12\">\n <b-row>\n <b-col md=\"5\">\n <Amount\n :label=\"form.commitmentType\"\n v-model=\"form.commitmentAmount\"\n :errors-post=\"errorsPost.commitmentAmount\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n />\n </b-col>\n <b-col md=\"7\">\n <Responsibility\n v-model=\"form.clients\"\n :errors-post=\"errorsPost.clients\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n :other=\"form.owner_other\"\n @other=\"form.owner_other=$event\"\n />\n </b-col>\n </b-row>\n\n <ResponsibilityOtherDetails\n v-if=\"form.owner_other\"\n v-model=\"form.owner_other_details\"\n :errors-post=\"errorsPost.owner_other_details\"\n :object-id=\"objectId\"\n :no-save=\"noSave\"\n />\n\n </div>\n</template>\n\n<script>\n\nimport Responsibility from \"../../../question/questions/clientCommitment/Responsibility\";\nimport ResponsibilityOtherDetails from \"../../../question/questions/clientCommitment/ResponsibilityOtherDetails\";\nimport Amount from \"../../../question/questions/clientCommitment/Amount\";\n\nexport default {\n name: 'CommitmentShort',\n components: {\n Amount,\n ResponsibilityOtherDetails, \n Responsibility\n },\n props: {\n value: {\n type: Object,\n required: true\n },\n objectId: {\n type: Number,\n required: false\n },\n noSave: {\n type: Boolean,\n default: false\n },\n errorsPost: {\n type: Object,\n default: () => {\n return {}\n }\n }\n },\n computed: {\n form: {\n set(value) {\n this.$emit('input', value)\n },\n get() {\n return this.value\n }\n }\n }\n}\n</script>","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!./CommitmentShort.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!./CommitmentShort.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CommitmentShort.vue?vue&type=template&id=3252424e\"\nimport script from \"./CommitmentShort.vue?vue&type=script&lang=js\"\nexport * from \"./CommitmentShort.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","<template>\n <QuestionBase :id=\"db.saveField\"\n :errors=\"[...jsErrors]\"\n :question=\"question\"\n class=\"pb-0\"\n :valid=\"!!data.length\">\n <transition name=\"fade\">\n <div class=\"accordion sub-items\">\n <div class=\"question-box with-arrow mt-32 pb-30\">\n\n <ObjectCard v-for=\"(commitment, index) in data\"\n :id=\"'commitment'+index\"\n :key=\"'commitment' + commitment.id\"\n :ref=\"'commitment'+index\"\n v-model=\"data[index]\"\n :title=\"`£${commitment.commitmentAmount} ${commitment.commitmentType} ${responsibles(commitment)}`\"\n type=\"commitment\"\n :loading=\"loading\"\n @delete=\"deleteObject(commitment.id)\"\n @save=\"saveObject(commitment, 'commitment'+index)\">\n <CommitmentFull :key=\"'commitment-form' + commitment.id\"\n v-model=\"data[index]\"\n :objectId=\"commitment.id\" />\n </ObjectCard>\n\n <ObjectCard v-if=\"form\"\n ref=\"commitment-add\"\n v-model=\"form\"\n title=\"New Commitment\"\n type=\"commitment-add\"\n :loading=\"loading\"\n @delete=\"form=null\"\n @save=\"saveObject(form, db.saveField)\">\n <CommitmentFull v-model=\"form\"\n :errors-post=\"errorsPost\"\n :noSave=\"true\" />\n </ObjectCard>\n\n <ObjectCard v-if=\"form_multi\"\n ref=\"commitment-add-multi\"\n v-model=\"form_multi\"\n title=\"Commitments\"\n type=\"commitment-add\"\n :loading=\"loading\"\n @delete=\"form_multi=null\"\n @save=\"saveObjectMulti(form_multi)\">\n\n <CommitmentShort v-for=\"(formItem, index) in multi_form_options\" :key=\"index\" v-model=\"form_multi[formItem]\"\n :errors-post=\"errorsPost\"\n :noSave=\"true\" />\n\n </ObjectCard>\n\n <b-button v-if=\"data.length\"\n :class=\"data.length ? 'w-50' : null\"\n class=\"btn-question\"\n @click=\"add\">\n <i class=\"i-Money-Bag text-25 font-weight-800 mr-2\"> </i> Add Single\n </b-button>\n\n <b-button class=\"btn-question\"\n :class=\"data.length ? 'w-50' : null\"\n @click=\"addMulti\">\n <i class=\"i-Money-Bag text-25\"> </i><i class=\"i-Money-Bag text-25 font-weight-800 mr-2\"> </i> Add Multiple\n </b-button>\n </div>\n </div>\n </transition>\n </QuestionBase>\n</template>\n\n<script>\nimport {objectSaveHelpers} from \"../../objects/objectSaveHelpers\";\nimport {questionLoadHelpers} from \"../../../helpers/questionLoadHelpers\";\nimport {blankForms} from \"../../../helpers/blankForms\";\nimport { clientHelpers } from \"@/mixins/clientHelpers\";\n\nimport QuestionBase from \"../../../QuestionBase\";\nimport ObjectCard from \"../../objects/ObjectCard\";\nimport CommitmentFull from \"../../../../fieldsets/sub/commitment/CommitmentFull\";\nimport CommitmentShort from \"../../../../fieldsets/sub/commitment/CommitmentShort\";\n\nexport default {\n name: 'Commitments',\n components: {\n CommitmentFull,\n CommitmentShort,\n ObjectCard,\n QuestionBase,\n },\n mixins: [\n objectSaveHelpers,\n questionLoadHelpers,\n blankForms,\n clientHelpers\n ],\n props: {\n value: {\n type: Array,\n required: false\n }\n },\n data() {\n return {\n question: {\n title: 'Please add any details of any monthly commitments (excluding credit commitments)',\n subTitle: 'There is no need to add details of loans, mortgages and other credit commitments. ' +\n 'Similarly insurance premiums need not be added.',\n tip: null,\n },\n db: {\n saveLocation: 'client_commitment',\n saveField: 'commitments',\n deleteLocation: 'client_commitment',\n loadLocation: 'client_commitment',\n syncMultipleObjectOnSave: true,\n fetchObjectsOnSave: false\n },\n args: {\n skippable: false,\n required: true,\n customErrorMessageNewOpenForm: \"Save commitment before proceeding, by clicking 'confirm'\"\n },\n serverErrors: [],\n errorsPost: {},\n jsErrors: [],\n skipped: false,\n form: null,\n form_multi: null,\n errors: {}\n }\n },\n computed: {\n multi_form_options(){\n if(this.form_multi){\n return Object.keys(this.form_multi);\n }\n return null;\n },\n data: {\n set(value) {\n this.$emit('input',\n value)\n },\n get() {\n return this.value\n }\n },\n family_clients () {\n if (this.$store.getters.family) return this.$store.getters.family.clients\n return []\n },\n },\n methods: {\n responsibles(commitment){\n let value = '<br><small>';\n let clientNames = [];\n if(commitment.clients && commitment.clients.length){\n clientNames = commitment.clients.map(x=> { return this.clientNameFirstLast(this.family_clients.find(c=> c.id===x)) } )\n }\n if(commitment.owner_other_details){\n clientNames.push(commitment.owner_other_details)\n }\n value += clientNames.join(', ');\n value +='</small>';\n return value;\n },\n saveObjectMulti(form_multi){\n Object.keys(form_multi).forEach(x=>{\n this.saveObject(form_multi[x],this.db.saveLocation)\n })\n this.form=null;\n this.form_multi=null;\n },\n add() {\n this.form = null\n this.form = Object.assign({},\n this.commitmentBlankForm)\n },\n addMulti() {\n console.log('here');\n this.form_multi = null;\n this.form_multi = JSON.parse(JSON.stringify(this.commitmentBlankFormMulti));\n }\n }\n}\n</script>\n","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!./Commitments.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!./Commitments.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Commitments.vue?vue&type=template&id=5d650dee\"\nimport script from \"./Commitments.vue?vue&type=script&lang=js\"\nexport * from \"./Commitments.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","<template>\n <div class=\"fieldset\">\n <h3 class=\"fieldset-heading\">Commitments</h3>\n <Commitments v-model=\"form.commitments\" @refresh=\"refreshCommitments\" ref=\"commitments\" />\n </div>\n</template>\n\n<script>\nimport {fieldsetHelpers} from \"../fieldsetHelpers\";\n\nimport Commitments from \"../../question/questions/clientProfile/commitments/Commitments\";\n\nexport default {\n name: 'CommitmentsFull',\n mixins: [fieldsetHelpers],\n props: {\n value: {\n type: Object,\n required: true\n }\n },\n components: {\n Commitments,\n },\n data() {\n return {\n label: 'Commitments', // used for steps progress\n videoUrl: 'https://dm-kernel-public.s3.eu-west-2.amazonaws.com/static/video/kernel_help/mortgage_liabilities.mp4',\n }\n },\n computed: {\n form: {\n set(value) {\n this.$emit('input', value)\n },\n get() {\n return this.value\n }\n }\n },\n methods: {\n refreshCommitments () {\n if ('commitments' in this.$refs) this.$refs.commitments.get()\n }\n }\n};\n</script>\n","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!./CommitmentsFull.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!./CommitmentsFull.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CommitmentsFull.vue?vue&type=template&id=1afafe62\"\nimport script from \"./CommitmentsFull.vue?vue&type=script&lang=js\"\nexport * from \"./CommitmentsFull.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}