{"version":3,"sources":["webpack:///./src/views/ListingMakeAnOffer.vue?ac04","webpack:///./src/views/ListingMakeAnOffer.vue","webpack:///./src/views/ListingMakeAnOffer.vue?b4d9","webpack:///./src/views/ListingMakeAnOffer.vue?ba71","webpack:///./src/components/Forms/Form.vue?35da","webpack:///./src/views/ListingMakeAnOffer.vue?d08e","webpack:///./src/components/Forms/Form.vue?bd07","webpack:///./node_modules/client-website-ts-library/plugins/view/index.ts","webpack:///./src/components/Forms/Form.vue?70c5","webpack:///./src/components/Forms/Form.vue","webpack:///./src/components/Forms/Form.vue?d965","webpack:///./src/components/Forms/Form.vue?4d45"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","listing","Address","FullAddress","Images","Preview","Url","staticClass","staticStyle","formData","on","handleFieldInput","_e","staticRenderFns","Listings","Get","$route","params","id","then","ClientWebsiteId","Website","Id","Items","Type","Context","Listing","data","field","document","getElementById","FieldId","HTMLInputElement","value","console","log","HTMLSelectElement","fieldsHidden","getElementsByClassName","Array","from","forEach","hiddenField","classList","remove","add","components","Form","component","prolistAnalyticsService","ServiceManager","Analytics","headService","Require","Head","evt","obj","getAnalyticsEvent","call","getAnalyticsData","path","name","undefined","triggerAnalyticsEvent","event","GetAll","adapter","Record","result","head","bind","Promise","meta","Update","UpdateWithStatic","requestAnimationFrame","updateHead","updateAnalytics","$on","style","loading","loadAutosave","_v","_s","autosaveDate","domProps","definition","Options","SubmittedText","_l","section","key","SectionId","ref","refInFor","errors","ctx","type","class","submitButtonClass","submitButtonColour","submitButtonBackgroundColour","submitForm","SubmitButtonText","context","errored","submitted","autosaveManager","FormAutosave","hasAutosave","submitPercent","recaptchaService","ReCaptcha","propertyAdressFormFieldValue","fieldBg","fieldColour","borderColour","labelColour","labelFocusedBg","labelFocusedColour","underlineInactive","underlineActive","progress","total","Math","round","Forms","GetForm","def","enableAutosave","state","GetState","catch","Sections","sectionComponent","$refs","setData","fieldDef","$emit","filter","err","Key","collectData","includeRecaptcha","normalisedData","normaliseData","SubmitForm","Valid","Submitted","Result","resetRecaptcha","ValidationState","Errors","finally","resolve","reject","push","setTimeout","getRecaptchaResponse","recaptchaResponse","Log","Debug","Value","Reset","GetResponse","newValues","entry","length","i","default","Section","Loader"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAAEJ,EAAW,QAAE,CAACI,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,OAAO,MAAQ,gBAAgB,SAAWN,EAAIO,QAAQC,QAAQC,YAAY,OAAS,OAAO,MAAQT,EAAIO,QAAQG,OAAO,GAAGC,QAAQC,OAAOR,EAAG,aAAa,CAACA,EAAG,mBAAmB,CAACS,YAAY,wBAAwBC,YAAY,CAAC,WAAa,UAAU,QAAU,OAAO,OAAS,mBAAmB,CAACV,EAAG,OAAO,CAACE,MAAM,CAAC,QAAUN,EAAIe,SAAS,KAAO,gDAAgDC,GAAG,CAAC,YAAchB,EAAIiB,qBAAqB,IAAI,IAAIjB,EAAIkB,MAAM,IACzlBC,EAAkB,G,8hBC2BD,EAArB,yG,0BACU,EAAAZ,QAA0B,KAE1B,EAAAQ,SAAuC,KAHjD,gDAKE,WAAO,WACL,OAAIK,SAASC,IAAIpB,KAAKqB,OAAOC,OAAOC,IAAIC,MAAK,SAAClB,GAC5C,EAAKA,QAAUA,EAEf,EAAKQ,SAAW,CACdW,gBAAiB,OAAOC,QAAQC,GAChCC,MAAO,CACL,CACEC,KAAMC,EAAA,KAAgBC,QACtBJ,GAAIrB,EAAQqB,WAdxB,8BAqBE,SAAiBK,GACf,IAAMC,EAAQC,SAASC,eAAT,gBAAiCH,EAAKI,UAEpD,GAAIH,EACF,GAAIA,aAAiBI,iBAAkB,CACvBJ,EAAMK,MACpBC,QAAQC,IAAIP,EAAMK,YACb,GAAIL,aAAiBQ,mBAC1B,GAAoB,gCAAhBR,EAAMK,MAAyC,CAEjD,IAAMI,EAAeR,SAASS,uBAAuB,iBAGrDC,MAAMC,KAAKH,GAAcI,SAAQ,SAACC,GAChCA,EAAYC,UAAUC,OAAO,iBAC7BF,EAAYC,UAAUE,IAAI,uBAEvB,GAAoB,kCAAhBjB,EAAMK,MAA2C,CAE1D,IAAM,EAAeJ,SAASS,uBAAuB,eAGrDC,MAAMC,KAAK,GAAcC,SAAQ,SAACC,GAChCA,EAAYC,UAAUC,OAAO,eAC7BF,EAAYC,UAAUE,IAAI,0BAI9BX,QAAQC,IAAI,iCAjDpB,GAAgD,eAAO,SAAlC,EAAkB,GALtC,eAAU,CACTW,WAAY,CACVC,OAAA,SAGiB,WC5BwX,I,wBCQzYC,EAAY,eACd,EACAvD,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAmC,E,sECnBf,W,oCCAA,W,6DCAA,W,kQCcM,EAAN,yG,0BACY,EAAAC,wBAA0BC,EAAA,KAAenC,IAA6B,OAAYoC,UAAW,2BAC7F,EAAAC,YAAcF,EAAA,KAAeG,QAAqB,OAAYC,MAF1E,wDAIS,WACL,IAAIC,EAA6B,KAC7BC,EAAmC,KAED,qBAA3B7D,KAAK8D,kBACdF,EAAM5D,KAAK8D,kBAAkBC,KAAK/D,MACO,qBAA1BA,KAAKgE,mBACpBH,EAAM7D,KAAKgE,iBAAiBD,KAAK/D,OAGvB,OAAR4D,IAAcA,EAAM,IAAIJ,EAAA,KAAkBxD,KAAKqB,OAAO4C,KAAMjE,KAAKqB,OAAO6C,MAAQ,GAAIL,QAAOM,IAE/FnE,KAAKoE,sBAAsBR,KAhB/B,mCAmBS,SAAsBS,GAC3Bd,EAAA,KAAee,OAA0B,OAAYd,WAAWV,SAAQ,SAACyB,GACvEA,EAAQC,OAAOH,QArBrB,yCAyBS,SAA4BA,GACI,OAAjCrE,KAAKsD,yBAAkCtD,KAAKsD,wBAAwBkB,OAAOH,KA1BnF,wBA6BY,WAAU,WAClB,GAAI,SAAUrE,KAAM,CAClB,IAAMyE,EAASzE,KAAK0E,KAAMC,KAAK3E,KAAhBA,GAEZyE,aAAkBG,QACnBH,EAAOjD,MAAK,SAACqD,GACX,EAAKpB,YAAYqB,OAAOD,MAG1B7E,KAAKyD,YAAYqB,OAAOL,QAG1BzE,KAAKyD,YAAYsB,iBAAiB/E,KAAKqB,OAAO4C,UAzCpD,GAAuB,cAAjB,EAAQ,yBADb,QACK,GA+CN,IAAM,EAAN,yKACS,WAAO,WACZe,uBAAsB,WACpB,EAAKC,aACL,EAAKC,yBAJX,GAAmB,GAAb,EAAI,yBADT,QACK,GAUN,IAAM,EAAN,yKACS,WAAO,WACZlF,KAAKmF,IAAI,cAAc,WACrBH,uBAAsB,WACpB,EAAKC,aACL,EAAKC,4BALb,GAAwB,GAAlB,EAAS,yBADd,QACK,I,kCCvEN,I,EAAIpF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACS,YAAY,OAAOwE,MAAOrF,EAAa,WAAG,CAACI,EAAG,SAAS,CAACE,MAAM,CAAC,QAAUN,EAAIsF,WAAYtF,EAAe,YAAEI,EAAG,MAAM,CAACS,YAAY,qCAAqCG,GAAG,CAAC,MAAQhB,EAAIuF,eAAe,CAACnF,EAAG,IAAI,CAACJ,EAAIwF,GAAG,+BAA+BxF,EAAIyF,GAAGzF,EAAI0F,cAAc,2CAA2C1F,EAAIkB,KAAMlB,EAAc,WAAE,CAAEA,EAAa,UAAEI,EAAG,MAAM,CAACS,YAAY,oCAAoC,CAACT,EAAG,IAAI,CAACuF,SAAS,CAAC,UAAY3F,EAAIyF,GAAGzF,EAAI4F,WAAWC,QAAQC,oBAAoB,CAAC9F,EAAI+F,GAAI/F,EAAI4F,WAAmB,UAAE,SAASI,GAAS,OAAO5F,EAAG,UAAU,CAAC6F,IAAID,EAAQE,UAAUC,IAAIH,EAAQE,UAAUE,UAAS,EAAK9F,MAAM,CAAC,IAAM0F,EAAQ,OAAShG,EAAIqG,OAAO,eAAerG,EAAIsG,IAAI,YAAYtG,EAAIuG,MAAMvF,GAAG,CAAC,YAAchB,EAAIiB,uBAAuBjB,EAAW,QAAEI,EAAG,MAAM,CAACS,YAAY,oCAAoC,CAACT,EAAG,IAAI,CAACJ,EAAIwF,GAAG,qDAAqDxF,EAAIkB,KAAKd,EAAG,MAAM,CAACS,YAAY,eAAe,CAACT,EAAG,SAAS,CAACS,YAAY,mBAAmB2F,MAAMxG,EAAIyG,kBAAkBnG,MAAM,CAAC,QAAUN,EAAIsF,QAAQ,OAAStF,EAAI0G,mBAAmB,oBAAoB1G,EAAI2G,8BAA8B3F,GAAG,CAAC,MAAQhB,EAAI4G,aAAa,CAAC5G,EAAIwF,GAAGxF,EAAIyF,GAAGzF,EAAI4F,WAAWC,QAAQgB,sBAAsB,KAAK7G,EAAIkB,MAAM,IACxzCC,EAAkB,G,kKC0ED,EAAI,EAAzB,yG,0BAiDU,EAAAmF,IAAe,EAAKQ,QAEpB,EAAAC,SAAU,EAEV,EAAAC,WAAY,EAEZ,EAAAX,OAA0C,GAE1C,EAAAf,SAAU,EAEV,EAAAM,WAAoC,KAEpC,EAAAqB,gBAAmC,OAAetD,QAAyB,OAAYuD,cAEvF,EAAAC,aAAc,EAEd,EAAAzB,aAA8B,KAE9B,EAAA0B,cAAgB,EAEhB,EAAAC,iBAAmB,OAAe1D,QAAQ,OAAY2D,WAEtD,EAAAC,6BAA8C,KAvExD,gDAyEE,WACE,MAAO,CACL,aAActH,KAAKuH,QACnB,iBAAkBvH,KAAKwH,YACvB,kBAAmBxH,KAAKyH,aACxB,iBAAkBzH,KAAK0H,YACvB,qBAAsB1H,KAAK2H,eAC3B,yBAA0B3H,KAAK4H,mBAC/B,uBAAwB5H,KAAK6H,kBAC7B,qBAAsB7H,KAAK8H,mBAlFjC,wBAsFE,SAAWC,EAAkBC,GAC3BhI,KAAKmH,cAAgBc,KAAKC,MAAOH,EAAWC,EAAS,KAErDzF,QAAQC,IAAIxC,KAAKmH,iBAzFrB,qBA4FE,WAAO,WACY,OAAbnH,KAAKqG,MACPrG,KAAKqG,IAAM,CACTzE,MAAO,GACPH,gBAAiB,OAAOC,QAAQC,UAIHwC,IAA7BnE,KAAKqG,IAAI5E,kBACXzB,KAAKqG,IAAI5E,gBAAkB,OAAOC,QAAQC,IAG5C,OAAIwG,MAAMC,QAAQpI,KAAKsG,KAAMtG,KAAK6G,SAASrF,MAAK,SAAC6G,GAI/C,GAHA,EAAKhD,SAAU,EACf,EAAKM,WAAa0C,EAEd,EAAKC,eAAgB,CACvB,IAAMC,EAAQ,EAAKvB,gBAAgBwB,SAAS,EAAKlC,MAEnC,OAAViC,IACF,EAAKrB,aAAc,OAGtBuB,OAAM,WACP,EAAK3B,SAAU,OApHrB,0BAwHE,WAAY,WACV,GAAK9G,KAAKkH,YAAV,CAEA,IAAMqB,EAAQvI,KAAKgH,gBAAgBwB,SAASxI,KAAKsG,MAEnC,OAAViC,GAEJvI,KAAK2F,WAAY+C,SAAS5F,SAAQ,SAACiD,GACjC,IAAM4C,EAAoB,EAAKC,MAAM7C,EAAQE,WAAqB,GAElE0C,EAAiBE,QAAQN,SAlI/B,8BAsIU,SAAiBO,GACvB9I,KAAK+I,MAAM,cAAeD,GAC1B9I,KAAKoG,OAASpG,KAAKoG,OAAO4C,QAAO,SAACC,GAAD,OAASA,EAAIC,MAAQJ,EAASI,SAxInE,wBA2IE,WAAU,WACJlJ,KAAKqF,UAETrF,KAAKqF,SAAU,EAEfrF,KAAKoG,OAAS,GAEdpG,KAAKmJ,YAAYnJ,KAAKoJ,kBAAkB5H,MAAK,SAACQ,GAC5C,IAAMqH,EAAiB,EAAKC,cAActH,GAE1CO,QAAQC,IAAI6G,GAEZ,EAAKhE,SAAU,EAMf,OAAI8C,MAAMoB,WAAW,EAAKjD,KAAM,EAAKO,QAASwC,GAAgB7H,MAAK,SAACiD,GAClE,EAAKY,SAAU,EAEVZ,EAAO+E,MAOD/E,EAAOgF,YAEhB,EAAK1C,WAAY,EAIjB,EAAKgC,MAAM,YAAatE,EAAOiF,UAX/B,EAAKC,iBAGL,EAAKvD,OAAS3B,EAAOmF,gBAAgBC,OACrC,EAAK/C,SAAU,MAShB2B,OAAM,WAEP,EAAKkB,iBAGL,EAAK7C,SAAU,KACdgD,SAAQ,WACT,EAAKzE,SAAU,WAtLvB,yBAqNU,SAAY+D,GAAyB,WAC3C,OAAO,IAAIxE,SAAQ,SAACmF,EAASC,GAC3B,IAAMhI,EAAoB,GAU1B,GAPA,EAAK2D,WAAY+C,SAAS5F,SAAQ,SAACiD,GACjC,IAAM4C,EAAoB,EAAKC,MAAM7C,EAAQE,WAAqB,GAElEjE,EAAKiI,KAAL,MAAAjI,EAAI,eAAS2G,EAAiBQ,mBAI5BC,EAgBF,OAfAc,YAAW,WACT,EAAK7E,SAAU,IACd,UAEH,EAAK8E,uBAAuB3I,MAAK,SAAC4I,GAChC,OAAOC,IAAI,OAASC,MAAO,SAAU,0BAErCtI,EAAKiI,KAAK,CACRf,IAAK,aACLqB,MAAOH,IAGTL,EAAQ/H,MACPyG,MAAMuB,GAMXD,EAAQ/H,QArPd,4BAyPU,WACNhC,KAAKoH,iBAAiBoD,UA1P1B,kCA6PU,WACN,OAAOxK,KAAKoH,iBAAiBqD,iBA9PjC,4BA2LU,SAAqBzI,GAC3B,IAAM0I,EAAyB,GAsB/B,OApBA1I,EAAKc,SAAQ,SAAC6H,GACZ,GAAIA,EAAMJ,iBAAiB3H,OACzB,GAAI+H,EAAMJ,MAAMK,OAAQ,CACtBF,EAAUT,KAAK,CACbf,IAAK,GAAF,OAAKyB,EAAMzB,IAAX,WACHqB,MAAOI,EAAMJ,MAAMK,SAGrB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAMJ,MAAMK,OAAQC,GAAK,EAC3CH,EAAUT,KAAK,CACbf,IAAK,GAAF,OAAKyB,EAAMzB,IAAX,YAAkB2B,GACrBN,MAAOI,EAAMJ,MAAMM,WAKzBH,EAAUT,KAAKU,MAIZD,MAlNX,GAAkC,QAEhC,yBADC,eAAK,CAAEI,QAAS,iBAAO,CAAElJ,MAAO,Q,8BAIjC,yBADC,kB,2BAID,yBADC,kB,yCAID,yBADC,kB,mDAID,yBADC,kB,wCAID,yBADC,kB,wCAID,yBADC,kB,qCAID,yBADC,eAAK,CAAEkJ,QAAS,0B,8BAIjB,yBADC,eAAK,CAAEA,QAAS,8B,kCAIjB,yBADC,eAAK,CAAEA,QAAS,8B,kCAIjB,yBADC,eAAK,CAAEA,QAAS,qC,mCAIjB,yBADC,eAAK,CAAEA,QAAS,kC,qCAIjB,yBADC,eAAK,CAAEA,QAAS,sC,yCAIjB,yBADC,eAAK,CAAEA,QAAS,U,wCAIjB,yBADC,eAAK,CAAEA,QAAS,0B,sCAIjB,yBADC,eAAK,CAAEA,SAAS,K,uCA9CE,EAAI,2BANxB,eAAU,CACT3H,WAAY,CACV4H,UAAA,KACAC,SAAA,SAGiB,WC3E4X,I,kCCS7Y3H,EAAY,eACd,EACAvD,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAmC,E","file":"js/chunk-fde0a82c.28ad76ad.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',[(_vm.listing)?[_c('SiteMasthead',{attrs:{\"mini\":\"true\",\"title\":\"Make an Offer\",\"subtitle\":_vm.listing.Address.FullAddress,\"darken\":\"true\",\"image\":_vm.listing.Images[0].Preview.Url}}),_c('ContentRow',[_c('ContentContainer',{staticClass:\"listing-make-an-offer\",staticStyle:{\"background\":\"#fafafa\",\"padding\":\"2rem\",\"border\":\"1px solid gray\"}},[_c('Form',{attrs:{\"context\":_vm.formData,\"type\":\"Variations.InspireRealEstate.MakeAnOfferForm\"},on:{\"field_input\":_vm.handleFieldInput}})],1)],1)]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { AsyncView } from 'client-website-ts-library/plugins';\r\nimport { API, Config } from 'client-website-ts-library/services';\r\nimport { Listing } from 'client-website-ts-library/types';\r\nimport { Component, Mixins } from 'vue-property-decorator';\r\n\r\nimport Form from '@/components/Forms/Form.vue';\r\nimport { FormConstructorData, FormField } from 'client-website-ts-library/types/Forms';\r\nimport { ContextItemType } from 'client-website-ts-library/types/Context';\r\n\r\n@Component({\r\n  components: {\r\n    Form,\r\n  },\r\n})\r\nexport default class ListingMakeAnOffer extends Mixins(AsyncView) {\r\n  private listing: Listing | null = null;\r\n\r\n  private formData: FormConstructorData | null = null;\r\n\r\n  mounted() {\r\n    API.Listings.Get(this.$route.params.id).then((listing) => {\r\n      this.listing = listing;\r\n\r\n      this.formData = {\r\n        ClientWebsiteId: Config.Website.Id,\r\n        Items: [\r\n          {\r\n            Type: ContextItemType.Listing,\r\n            Id: listing.Id,\r\n          },\r\n        ],\r\n      };\r\n    });\r\n  }\r\n\r\n  handleFieldInput(data: FormField) {\r\n    const field = document.getElementById(`field_${data.FieldId}`);\r\n\r\n    if (field) {\r\n      if (field instanceof HTMLInputElement) {\r\n        const value = field.value;\r\n        console.log(field.value);\r\n      } else if (field instanceof HTMLSelectElement) {\r\n        if (field.value === 'Yes, there are other offers') {\r\n          // Get all elements with the class \"hidden\"\r\n          const fieldsHidden = document.getElementsByClassName('hidden-offers');\r\n\r\n          // Use forEach to remove the \"hidden\" class from each element\r\n          Array.from(fieldsHidden).forEach((hiddenField) => {\r\n            hiddenField.classList.remove('hidden-offers');\r\n            hiddenField.classList.add('show-offers');\r\n          });\r\n        } else if (field.value === 'No, there are no other offers') {\r\n          // Get all elements with the class \"hidden\"\r\n          const fieldsHidden = document.getElementsByClassName('show-offers');\r\n\r\n          // Use forEach to remove the \"hidden\" class from each element\r\n          Array.from(fieldsHidden).forEach((hiddenField) => {\r\n            hiddenField.classList.remove('show-offers');\r\n            hiddenField.classList.add('hidden-offers');\r\n          });\r\n        }\r\n      } else {\r\n        console.log('Field type not supported.');\r\n      }\r\n    }\r\n  }\r\n}\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListingMakeAnOffer.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListingMakeAnOffer.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ListingMakeAnOffer.vue?vue&type=template&id=f59e32b4&\"\nimport script from \"./ListingMakeAnOffer.vue?vue&type=script&lang=ts&\"\nexport * from \"./ListingMakeAnOffer.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ListingMakeAnOffer.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=style&index=1&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListingMakeAnOffer.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=style&index=0&id=17a28286&scoped=true&lang=css&\"","import Vue from \"vue\";\r\nimport { Component } from \"vue-property-decorator\";\r\nimport { AnalyticsEvent, AnalyticsEventObject, AnalyticsPageView, IAnalyticsAdapter, PROListAnalyticsAdapter } from \"../../services/Analytics\";\r\nimport { HeadService } from \"../../services/HeadService\";\r\nimport { ServiceManager, ServiceType } from \"../../services/ServiceManager\";\r\nimport { RouteMeta } from \"../meta\";\r\n\r\ninterface ViewBase {\r\n  getAnalyticsEvent?(): AnalyticsEvent | null;\r\n  getAnalyticsData?(): AnalyticsEventObject | null;\r\n  head?(): RouteMeta | Promise<RouteMeta> | null;\r\n}\r\n\r\n@Component\r\nclass ViewBase extends Vue {\r\n  protected prolistAnalyticsService = ServiceManager.Get<PROListAnalyticsAdapter>(ServiceType.Analytics, 'PROListAnalyticsAdapter');\r\n  protected headService = ServiceManager.Require<HeadService>(ServiceType.Head)!;\r\n\r\n  public updateAnalytics() {\r\n    let evt: AnalyticsEvent | null = null;\r\n    let obj: AnalyticsEventObject | null = null;\r\n\r\n    if (typeof this.getAnalyticsEvent !== 'undefined') {\r\n      evt = this.getAnalyticsEvent.call(this);\r\n    } else if(typeof this.getAnalyticsData !== 'undefined') {\r\n      obj = this.getAnalyticsData.call(this);\r\n    }\r\n\r\n    if (evt === null) evt = new AnalyticsPageView(this.$route.path, this.$route.name || '', obj || undefined);\r\n\r\n    this.triggerAnalyticsEvent(evt);\r\n  }\r\n\r\n  public triggerAnalyticsEvent(event: AnalyticsEvent) {\r\n    ServiceManager.GetAll<IAnalyticsAdapter>(ServiceType.Analytics).forEach((adapter) => {\r\n      adapter.Record(event);\r\n    });\r\n  }\r\n\r\n  public triggerCustomAnalyticsEvent(event: AnalyticsEvent) {\r\n    if (this.prolistAnalyticsService !== null) this.prolistAnalyticsService.Record(event);\r\n  }\r\n\r\n  protected updateHead() {\r\n    if ('head' in this) {\r\n      const result = this.head!.bind(this)();\r\n\r\n      if(result instanceof Promise) {\r\n        result.then((meta: RouteMeta | null) => {\r\n          this.headService.Update(meta);\r\n        });\r\n      } else {\r\n        this.headService.Update(result as RouteMeta | null);\r\n      }\r\n    } else {\r\n      this.headService.UpdateWithStatic(this.$route.path);\r\n    }\r\n  }\r\n}\r\n\r\n@Component\r\nclass View extends ViewBase {\r\n  public mounted() {\r\n    requestAnimationFrame(() => {\r\n      this.updateHead();\r\n      this.updateAnalytics();\r\n    });\r\n  }\r\n}\r\n\r\n@Component\r\nclass AsyncView extends ViewBase {\r\n  public mounted() {\r\n    this.$on('updateView', () => {\r\n      requestAnimationFrame(() => {\r\n        this.updateHead();\r\n        this.updateAnalytics();\r\n      });\r\n    });\r\n  }\r\n}\r\n\r\nexport {\r\n  View,\r\n  AsyncView\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:\"form\",style:(_vm.formStyle)},[_c('Loader',{attrs:{\"loading\":_vm.loading}}),(_vm.hasAutosave)?_c('div',{staticClass:\"form__panel form__panel--autosaved\",on:{\"click\":_vm.loadAutosave}},[_c('p',[_vm._v(\" This form was autosaved at \"+_vm._s(_vm.autosaveDate)+\". Click here to load the autosave. \")])]):_vm._e(),(_vm.definition)?[(_vm.submitted)?_c('div',{staticClass:\"form__panel form__panel--success\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.definition.Options.SubmittedText)}})]):[_vm._l((_vm.definition.Sections),function(section){return _c('Section',{key:section.SectionId,ref:section.SectionId,refInFor:true,attrs:{\"def\":section,\"errors\":_vm.errors,\"form-context\":_vm.ctx,\"form-type\":_vm.type},on:{\"field_input\":_vm.handleFieldInput}})}),(_vm.errored)?_c('div',{staticClass:\"form__panel form__panel--errored\"},[_c('p',[_vm._v(\" Please fill out all red highlighted fields. \")])]):_vm._e(),_c('div',{staticClass:\"center-text\"},[_c('Button',{staticClass:\"form__submit-btn\",class:_vm.submitButtonClass,attrs:{\"loading\":_vm.loading,\"colour\":_vm.submitButtonColour,\"background-colour\":_vm.submitButtonBackgroundColour},on:{\"click\":_vm.submitForm}},[_vm._v(_vm._s(_vm.definition.Options.SubmitButtonText))])],1)]]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Vue, Prop } from 'vue-property-decorator';\r\nimport { FormDefinition, FormSubmissionValidationError, FormField, FormValue } from 'client-website-ts-library/types/Forms';\r\nimport {\r\n  AutosaveManager,\r\n  ServiceManager,\r\n  ServiceType,\r\n  API,\r\n  Config,\r\n  Logger,\r\n  LogLevel,\r\n  ReCaptchaService,\r\n} from 'client-website-ts-library/services';\r\nimport { Context } from 'client-website-ts-library/types';\r\nimport { PDFFieldData } from 'client-website-ts-library/types/Forms/FieldTypes';\r\nimport { IRequestProgressDelegate } from 'client-website-ts-library/services/API/IRequestProgressDelegate';\r\n\r\nimport Section from './Section.vue';\r\nimport Loader from '../UI/Loader.vue';\r\n\r\n@Component({\r\n  components: {\r\n    Section,\r\n    Loader,\r\n  },\r\n})\r\nexport default class Form extends Vue implements IRequestProgressDelegate {\r\n  @Prop({ default: () => ({ Items: [] }) })\r\n  private readonly context!: Context;\r\n\r\n  @Prop()\r\n  private readonly type!: string;\r\n\r\n  @Prop()\r\n  private readonly submitButtonColour!: string;\r\n\r\n  @Prop()\r\n  private readonly submitButtonBackgroundColour!: string;\r\n\r\n  @Prop()\r\n  private readonly submitButtonClass!: string;\r\n\r\n  @Prop()\r\n  private readonly autosaveNamespace!: string;\r\n\r\n  @Prop()\r\n  private readonly enableAutosave!: boolean;\r\n\r\n  @Prop({ default: 'var(--form-field-bg)' })\r\n  private readonly fieldBg!: string;\r\n\r\n  @Prop({ default: 'var(--form-field-colour)' })\r\n  private readonly fieldColour!: string;\r\n\r\n  @Prop({ default: 'var(--form-label-colour)' })\r\n  private readonly labelColour!: string;\r\n\r\n  @Prop({ default: 'var(--form-field-border-colour)' })\r\n  private readonly borderColour!: string;\r\n\r\n  @Prop({ default: 'var(--form-label-focused-bg)' })\r\n  private readonly labelFocusedBg!: string;\r\n\r\n  @Prop({ default: 'var(--form-label-focused-colour)' })\r\n  private readonly labelFocusedColour!: string;\r\n\r\n  @Prop({ default: '#eee' })\r\n  private readonly underlineInactive!: string;\r\n\r\n  @Prop({ default: 'var(--brand-primary)' })\r\n  private readonly underlineActive!: string;\r\n\r\n  @Prop({ default: true })\r\n  private readonly includeRecaptcha!: boolean;\r\n\r\n  private ctx: Context = this.context;\r\n\r\n  private errored = false;\r\n\r\n  private submitted = false;\r\n\r\n  private errors: FormSubmissionValidationError[] = [];\r\n\r\n  private loading = true;\r\n\r\n  private definition: FormDefinition | null = null;\r\n\r\n  private autosaveManager: AutosaveManager = ServiceManager.Require<AutosaveManager>(ServiceType.FormAutosave);\r\n\r\n  private hasAutosave = false;\r\n\r\n  private autosaveDate: string | null = null;\r\n\r\n  private submitPercent = 0;\r\n\r\n  private recaptchaService = ServiceManager.Require(ServiceType.ReCaptcha) as ReCaptchaService;\r\n\r\n  private propertyAdressFormFieldValue: string | null = null;\r\n\r\n  get formStyle() {\r\n    return {\r\n      '--field-bg': this.fieldBg,\r\n      '--field-colour': this.fieldColour,\r\n      '--border-colour': this.borderColour,\r\n      '--label-colour': this.labelColour,\r\n      '--label-focused-bg': this.labelFocusedBg,\r\n      '--label-focused-colour': this.labelFocusedColour,\r\n      '--underline-inactive': this.underlineInactive,\r\n      '--underline-active': this.underlineActive,\r\n    };\r\n  }\r\n\r\n  onProgress(progress: number, total: number) {\r\n    this.submitPercent = Math.round((progress / total) * 100);\r\n\r\n    console.log(this.submitPercent);\r\n  }\r\n\r\n  mounted() {\r\n    if (this.ctx === null) {\r\n      this.ctx = {\r\n        Items: [],\r\n        ClientWebsiteId: Config.Website.Id,\r\n      };\r\n    }\r\n\r\n    if (this.ctx.ClientWebsiteId === undefined) {\r\n      this.ctx.ClientWebsiteId = Config.Website.Id;\r\n    }\r\n\r\n    API.Forms.GetForm(this.type, this.context).then((def) => {\r\n      this.loading = false;\r\n      this.definition = def;\r\n\r\n      if (this.enableAutosave) {\r\n        const state = this.autosaveManager.GetState(this.type);\r\n\r\n        if (state !== null) {\r\n          this.hasAutosave = true;\r\n        }\r\n      }\r\n    }).catch(() => {\r\n      this.errored = true;\r\n    });\r\n  }\r\n\r\n  loadAutosave(): void {\r\n    if (!this.hasAutosave) return;\r\n\r\n    const state = this.autosaveManager.GetState(this.type);\r\n\r\n    if (state === null) return;\r\n\r\n    this.definition!.Sections.forEach((section) => {\r\n      const sectionComponent = (this.$refs[section.SectionId] as Vue[])[0] as Section;\r\n\r\n      sectionComponent.setData(state);\r\n    });\r\n  }\r\n\r\n  private handleFieldInput(fieldDef: FormField): void {\r\n    this.$emit('field_input', fieldDef);\r\n    this.errors = this.errors.filter((err) => err.Key !== fieldDef.Key);\r\n  }\r\n\r\n  submitForm(): void {\r\n    if (this.loading) return;\r\n\r\n    this.loading = true;\r\n\r\n    this.errors = [];\r\n\r\n    this.collectData(this.includeRecaptcha).then((data) => {\r\n      const normalisedData = Form.normaliseData(data);\r\n\r\n      console.log(normalisedData);\r\n\r\n      this.loading = false;\r\n\r\n      // this.context.ClientWebsiteId = Config.Website.Id;\r\n\r\n      // if (this.enableAutosave) this.autosaveManager.SetState(this.type, data);\r\n\r\n      API.Forms.SubmitForm(this.type, this.context, normalisedData).then((result) => {\r\n        this.loading = false;\r\n\r\n        if (!result.Valid) {\r\n          // Reset ReCaptcha\r\n          this.resetRecaptcha();\r\n\r\n          // Update errors\r\n          this.errors = result.ValidationState.Errors;\r\n          this.errored = true;\r\n        } else if (result.Submitted) {\r\n          // Inform the user that the form was submitted\r\n          this.submitted = true;\r\n\r\n          // this.$router.push({ path: '/thank-you' });\r\n\r\n          this.$emit('submitted', result.Result);\r\n        }\r\n      }).catch(() => {\r\n        // Reset ReCaptcha\r\n        this.resetRecaptcha();\r\n\r\n        // Inform the user that there was an error\r\n        this.errored = true;\r\n      }).finally(() => {\r\n        this.loading = false;\r\n      });\r\n    });\r\n  }\r\n\r\n  private static normaliseData(data: FormValue[]): FormValue[] {\r\n    const newValues: FormValue[] = [];\r\n\r\n    data.forEach((entry) => {\r\n      if (entry.Value instanceof Array) {\r\n        if (entry.Value.length) {\r\n          newValues.push({\r\n            Key: `${entry.Key}_length`,\r\n            Value: entry.Value.length,\r\n          });\r\n\r\n          for (let i = 0; i < entry.Value.length; i += 1) {\r\n            newValues.push({\r\n              Key: `${entry.Key}_${i}`,\r\n              Value: entry.Value[i],\r\n            });\r\n          }\r\n        }\r\n      } else {\r\n        newValues.push(entry);\r\n      }\r\n    });\r\n\r\n    return newValues;\r\n  }\r\n\r\n  private collectData(includeRecaptcha: boolean): Promise<FormValue[]> {\r\n    return new Promise((resolve, reject) => {\r\n      const data: FormValue[] = [];\r\n\r\n      // Loop through each form secction and collect the data from it\r\n      this.definition!.Sections.forEach((section) => {\r\n        const sectionComponent = (this.$refs[section.SectionId] as Vue[])[0] as Section;\r\n\r\n        data.push(...sectionComponent.collectData());\r\n      });\r\n\r\n      // If we also need to submit the ReCaptcha response, make sure we call getResponse on the ReCaptcha component\r\n      if (includeRecaptcha) {\r\n        setTimeout(() => {\r\n          this.loading = false;\r\n        }, 1000);\r\n\r\n        this.getRecaptchaResponse().then((recaptchaResponse: string) => {\r\n          Logger.Log(LogLevel.Debug, '[Form]', 'Got ReCaptcha response');\r\n\r\n          data.push({\r\n            Key: '_recaptcha',\r\n            Value: recaptchaResponse,\r\n          });\r\n\r\n          resolve(data);\r\n        }).catch(reject);\r\n\r\n        return;\r\n      }\r\n\r\n      // If we don't need ReCaptcha, resolve straight away\r\n      resolve(data);\r\n    });\r\n  }\r\n\r\n  private resetRecaptcha(): void {\r\n    this.recaptchaService.Reset();\r\n  }\r\n\r\n  private getRecaptchaResponse(): Promise<string> {\r\n    return this.recaptchaService.GetResponse();\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=17a28286&scoped=true&\"\nimport script from \"./Form.vue?vue&type=script&lang=ts&\"\nexport * from \"./Form.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Form.vue?vue&type=style&index=0&id=17a28286&scoped=true&lang=css&\"\nimport style1 from \"./Form.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  \"17a28286\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}