\n \n\n\n\n\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FormsUnavailable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FormsUnavailable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FormsUnavailable.vue?vue&type=template&id=db62cf1e&scoped=true\"\nimport script from \"./FormsUnavailable.vue?vue&type=script&lang=js\"\nexport * from \"./FormsUnavailable.vue?vue&type=script&lang=js\"\nimport style0 from \"./FormsUnavailable.vue?vue&type=style&index=0&id=db62cf1e&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"db62cf1e\",\n null\n \n)\n\nexport default component.exports","import Vue from 'vue';\nimport cssVars from 'css-vars-ponyfill';\nimport variables from '@/scss/abstract/_variablesExport.module.scss';\nimport { APPLICATION_FORM, STZH_FONTS } from '@/utility/constants';\nimport { helpers, color } from '@/utility';\nimport store from '@/store';\n\nconst { translate } = Vue.options.filters;\nconst updateFormTheme = (cssVariables, template) => {\n if (template === 'lsz') {\n cssVariables['--stzh-color-back-light'] = variables.colorWhite;\n cssVariables['--stzh-color-back-light-rgb'] = color.hexToRgb(variables.colorWhite);\n cssVariables['--stzh-color-midnightblue'] = variables.stzhColorMidnightblue;\n cssVariables['--stzh-font-heavy'] = STZH_FONTS.HEAVY;\n cssVariables['--stzh-font-regular'] = STZH_FONTS.REGULAR;\n }\n};\nexport const prepareFormPayload = (sections) => {\n const fields = {};\n sections.forEach((sctn) => {\n if (sctn.fields) {\n sctn.fields.forEach((field) => {\n if (!field.editable) return; // do not send non-editable fields in payload\n // if field.value is null, set it to empty string\n field.value = field.value === null ? '' : field.value;\n switch (field.type) {\n case APPLICATION_FORM.FIELD_TYPE.EMAIL:\n case APPLICATION_FORM.FIELD_TYPE.HIDDEN:\n case APPLICATION_FORM.FIELD_TYPE.PHONE_NUMBER:\n case APPLICATION_FORM.FIELD_TYPE.RADIO:\n case APPLICATION_FORM.FIELD_TYPE.SELECT:\n case APPLICATION_FORM.FIELD_TYPE.TEXT:\n case APPLICATION_FORM.FIELD_TYPE.TEXTAREA:\n case APPLICATION_FORM.FIELD_TYPE.SELECT_COUNTRY:\n case APPLICATION_FORM.FIELD_TYPE.FILE:\n fields[field.key] = field.value;\n break;\n case APPLICATION_FORM.FIELD_TYPE.SELECT_APARTMENT:\n if (Array.isArray(field.value)) {\n // bind choice number(prio) for selected apartments\n fields[field.key] = field.value.map((v, idx) => ({\n id: v.id,\n choice_number: idx + 1,\n }));\n }\n break;\n case APPLICATION_FORM.FIELD_TYPE.HTML:\n // ignore field form_field_capital_provider_hypomarket\n if (field.key !== 'form_field_capital_provider_hypomarket') {\n fields[field.key] = field.value;\n }\n // escape these HTML fields from payload\n delete fields.select_apartment_button;\n break;\n case APPLICATION_FORM.FIELD_TYPE.SELECT_RESIDENTS:\n fields[field.key] = field?.value.map((person) => ({ id: person.id }));\n break;\n case APPLICATION_FORM.FIELD_TYPE.DATE:\n fields[field.key] = field.value.split('.').reverse().join('-');\n break;\n case APPLICATION_FORM.FIELD_TYPE.BOOLEAN:\n // this is to prevent sending true value for hidden fields\n field.value = field.visible ? field.value : false;\n fields[field.key] = helpers.parseIntoString(field.value);\n break;\n case APPLICATION_FORM.FIELD_TYPE.INTEGER:\n field.value = field.value === '' ? null : field.value;\n fields[field.key] = `${field.value}`;\n break;\n default:\n fields[field.key] = field.value;\n break;\n }\n });\n }\n });\n return fields;\n};\n\nexport const updateCssVariables = (settings) => {\n /* eslint-disable camelcase */\n const { product_form_color } = settings;\n const cssVariables = {\n '--primary-color': product_form_color,\n '--primary-color-rgb': color.hexToRgb(product_form_color),\n '--color-theme': product_form_color,\n '--color-theme-rgb': color.hexToRgb(product_form_color),\n };\n\n const bootstrapFormSettings = store.getters.bootstrap?.settings?.uiConfig?.applicationForm;\n const { template } = bootstrapFormSettings || '';\n updateFormTheme(cssVariables, template);\n\n /* eslint-enable camelcase */\n cssVars({ variables: cssVariables });\n};\n\nexport const parseApartmentValues = (item) => {\n if (!item) return {};\n\n const { numberSeparator } = helpers;\n const projectType = store.getters.bootstrap?.settings?.project_type;\n const commonItems = {\n [translate('general_rooms')]: item.rooms,\n [translate('general_area')]: item.area ? `${item.area}m2` : undefined,\n [translate('general_floor')]: item.floor ?? undefined,\n };\n\n switch (projectType) {\n case 'sale': {\n return {\n ...commonItems,\n [translate('general_selling_price')]: item.selling_price\n ? `CHF ${numberSeparator(item.selling_price, 3, \"'\")}`\n : undefined,\n };\n }\n default:\n return {\n ...commonItems,\n [translate('general_rent')]: item.rent\n ? `CHF ${numberSeparator(item.rent, 3, \"'\")}`\n : undefined,\n };\n }\n};\n","import { render, staticRenderFns } from \"./ApplicationFormWelcomePage.vue?vue&type=template&id=5d7e3d33&scoped=true\"\nimport script from \"./ApplicationFormWelcomePage.vue?vue&type=script&lang=js\"\nexport * from \"./ApplicationFormWelcomePage.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApplicationFormWelcomePage.vue?vue&type=style&index=0&id=5d7e3d33&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5d7e3d33\",\n null\n \n)\n\nexport default component.exports"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","formsUnavailable","key","attrs","domProps","_s","sanitizedContent","formsSettings","product_form_landing_info_text","formTemplate","FORM_TEMPLATE","CITY_OF_ZURICH","_f","on","startApplication","_v","staticRenderFns","name","components","FormsUnavailable","StzhButtonComponent","data","loading","formsLoaded","computed","forms","$store","getters","formsCredentials","logo","baseBackendUrl","logo_small","queryParams","uuids","lang","$route","query","bootstrapFormSettings","bootstrap","settings","uiConfig","applicationForm","template","mounted","getInitialData","methods","params","actionName","dispatch","then","updateCssVariables","favicon","fullFaviconPath","startsWith","helpers","changeFavicon","show_landing","catch","error","response","custom_action","startUpdateApplication","startNewApplication","slug","token","startingFormId","id","formId","$router","push","directives","rawName","value","expression","image","$event","title","_e","description","props","type","Object","required","reservedImage","component","translate","Vue","options","filters","updateFormTheme","cssVariables","variables","colorWhite","color","hexToRgb","stzhColorMidnightblue","STZH_FONTS","HEAVY","REGULAR","prepareFormPayload","sections","fields","forEach","sctn","field","editable","APPLICATION_FORM","FIELD_TYPE","EMAIL","HIDDEN","PHONE_NUMBER","RADIO","SELECT","TEXT","TEXTAREA","SELECT_COUNTRY","FILE","SELECT_APARTMENT","Array","isArray","map","v","idx","choice_number","HTML","select_apartment_button","SELECT_RESIDENTS","person","DATE","split","reverse","join","BOOLEAN","visible","parseIntoString","INTEGER","product_form_color","store","cssVars","parseApartmentValues","item","numberSeparator","projectType","project_type","commonItems","rooms","area","undefined","floor","selling_price","rent"],"sourceRoot":""}