{"version":3,"sources":["webpack:///./src/components/forms/UserTicket.vue","webpack:///./src/components/forms/UserTicket.vue?be51","webpack:///./src/views/UserTicket.vue","webpack:///./src/composables/form.js","webpack:///./src/views/UserTicket.vue?8f7e","webpack:///./src/components/Footer.vue","webpack:///./src/components/Footer.vue?14b8"],"names":["state","data","kind","name","phone","address","comment","serverError","submitted","workTypes","value","requiredRu","api","post","urls","TICKETS","NEW_USER","emit","v$","requiredFilled","submit","__exports__","rules","callApi","useVuelidate","computed","notFilled","field","push","length","ref","submitInProgress","$validate","ok","message","$reset","class","href","target","src","style","setBgHeight","alt","render"],"mappings":"o3BAwCMA,EAAQ,sBAAS,CACrBC,KAAM,CACJC,KAAM,KACNC,KAAM,KACNC,MAAO,KACPC,QAAS,KACTC,QAAS,MAEXC,YAAa,KACbC,WAAW,IAGPC,EAAY,CAChB,CACEN,KAAM,mBACNO,MAAO,oBAET,CACEP,KAAM,kBACNO,MAAO,mBAET,CACEP,KAAM,qBACNO,MAAO,uBAMX,EAKI,eAAKV,EAAMC,KAAM,CACnBC,KAAM,CAAES,WAAA,QACRR,KAAM,CAAEQ,WAAA,QACRP,MAAO,CAAEO,WAAA,QACTN,QAAS,CAAEM,WAAA,SAJL,wCAKL,8GACKC,EAAA,KAAIC,KAAKC,EAAA,KAAKC,QAAQC,SAAUhB,EAAMC,MAD3C,OAEDD,EAAMC,KAAKC,KAAO,KAClBF,EAAMC,KAAKE,KAAO,KAClBH,EAAMC,KAAKG,MAAQ,KACnBJ,EAAMC,KAAKI,QAAU,KACrBL,EAAMC,KAAKK,QAAU,KACrBN,EAAMQ,WAAY,EAClBS,EAAK,WARJ,4CATDC,EADF,EACEA,GACAC,EAFF,EAEEA,eACAZ,EAHF,EAGEA,YACAa,EAJF,EAIEA,O,i/ECtEF,MAAMC,EAAc,EAEL,Q,2kDCCf,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,+GCLA,gBAACpB,EAAMqB,EAAOC,GAC3B,IAAML,EAAKM,eAAaF,EAAOrB,GACzBkB,EAAiBM,uBAAS,WAC9B,IAAMC,EAAY,GAClB,IAAK,IAAMC,KAAS1B,EACdqB,EAAMK,IAAUL,EAAMK,GAAOhB,aAAeV,EAAK0B,IACnDD,EAAUE,KAAKD,GAGnB,OAA4B,IAArBD,EAAUG,UAGbtB,EAAcuB,iBAAI,MACpBC,GAAmB,EAEjBX,EAAM,yDAAG,wGACTW,EADS,wDAIbA,GAAmB,EACnBxB,EAAYG,MAAQ,KALP,SAMIQ,EAAGR,MAAMsB,YANb,UAMPC,EANO,OAORA,EAPQ,2EAWLV,IAXK,oEAaXhB,EAAYG,MAAQ,KAAIwB,QAbb,4CAgBXH,GAAmB,EAhBR,qBAkBbb,EAAGR,MAAMyB,SAlBI,gEAAH,qDAqBZ,MAAO,CACLjB,KACAC,iBACAZ,cACAa,Y,kCC3CJ,W,qDCCUgB,MAAM,6B,GACPA,MAAM,sD,GAEJA,MAAM,kD,EAET,gCAEI,KAFDC,KAAK,oBAAmB,wBAE3B,G,GAEGD,MAAM,kD,EAET,gCAEI,KAFDC,KAAK,uBAAsB,kBAE9B,G,GAEGD,MAAM,kD,+BAC6B,wB,GAItCC,KAAK,wIACLC,OAAO,U,sGArBb,gCA4BS,SA5BT,EA4BS,CA3BP,gCA0BM,MA1BN,EA0BM,CAxBJ,gCAKM,MALN,EAKM,CAJJ,yBAAmC,GAA3BnC,KAAK,QAAQiC,MAAM,SAC3B,IAIF,gCAKM,MALN,EAKM,CAJJ,yBAAkC,GAA1BjC,KAAK,OAAOiC,MAAM,SAC1B,IAIF,gCAGM,MAHN,EAGM,CAFJ,yBAAsC,GAA9BjC,KAAK,WAAWiC,MAAM,S,IAGhC,gCAOI,IAPJ,EAOI,CAJF,gCAGkC,OAH7BG,IAAI,gCACJC,MAAA,2BACC,OAAI,8BAAE,EAAAC,aAAA,EAAAA,YAAA,qBACPC,IAAI,0B,eAOF,OACbvC,KAAM,U,qBC7BR,MAAMkB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASsB,KAErD","file":"js/chunk-08315a56.0fea75a2.js","sourcesContent":["<template>\n  <form class=\"d-flex flex-column align-content-center align-items-center\">\n    <p-select v-model:value=\"state.data.kind\" class=\"mb-3 w-100\" label=\"Выбор услуги\" :options=\"workTypes\"\n              :error=\"v$.kind.$errors\" required/>\n\n    <p-input class=\"w-100\" label=\"Как мы можем к вам обращаться\" v-model:value=\"state.data.name\" :error=\"v$.name.$errors\"\n             required/>\n\n    <p-input class=\"w-100\" label=\"Контактный телефон\" v-model:value=\"state.data.phone\" :error=\"v$.phone.$errors\"\n             maska=\"+7 (###) ###-##-##\" required/>\n\n    <p-input class=\"w-100\" label=\"Адрес оказания услуги\" v-model:value=\"state.data.address\" :error=\"v$.address.$errors\"\n             required/>\n\n    <p-input class=\"w-100\" label=\"Дополнительные пожелания\" textarea v-model:value=\"state.data.comment\"/>\n\n    <div class=\"form-check mb-3\">\n      <input class=\"form-check-input\" type=\"checkbox\" v-model=\"state.acceptTerms\" id=\"flexCheckDefault\">\n      <label class=\"form-check-label\" for=\"flexCheckDefault\">\n        Настоящим подтверждаю, что я ознакомлен и согласен с <a href=\"/policy.pdf\" target=\"_blank\" class=\"text-decoration-underline\">Политикой\n        конфиденциальности</a>, а также даю согласие на обработку своих персональных данных\n      </label>\n    </div>\n    <button class=\"btn btn-dark px-5 text-nowrap py-2\" :disabled=\"!requiredFilled || !state.acceptTerms\"\n            @click.prevent=\"submit\">\n      Отправить\n    </button>\n    <span class=\"text-center text-success fw-bold mt-3\" v-if=\"state.submitted\">Благодарим за заявку. Наш оператор свяжется с вами в ближайшее время.</span>\n    <p-server-error :error=\"serverError\"/>\n  </form>\n</template>\n\n<script setup>\nimport api from '@/api'\nimport urls from '@/api/urls'\nimport { requiredRu } from '@/common'\nimport PServerError from '@/components/ui/ServerError'\nimport form from '@/composables/form'\nimport { defineEmits, reactive } from 'vue'\n\nconst state = reactive({\n  data: {\n    kind: null,\n    name: null,\n    phone: null,\n    address: null,\n    comment: null,\n  },\n  serverError: null,\n  submitted: false,\n})\n\nconst workTypes = [\n  {\n    name: 'Поверка счетчика',\n    value: 'Поверка счетчика',\n  },\n  {\n    name: 'Замена счетчика',\n    value: 'Замена счетчика',\n  },\n  {\n    name: 'Установка счетчика',\n    value: 'Установка счетчика',\n  },\n]\n\nconst emit = defineEmits(['created'])\n\nconst {\n  v$,\n  requiredFilled,\n  serverError,\n  submit,\n} = form(state.data, {\n  kind: { requiredRu },\n  name: { requiredRu },\n  phone: { requiredRu },\n  address: { requiredRu },\n}, async () => {\n  await api.post(urls.TICKETS.NEW_USER, state.data)\n  state.data.kind = null\n  state.data.name = null\n  state.data.phone = null\n  state.data.address = null\n  state.data.comment = null\n  state.submitted = true\n  emit('created')\n})\n</script>\n\n<style scoped>\n\n</style>\n","import script from \"./UserTicket.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UserTicket.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./UserTicket.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UserTicket.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UserTicket.vue?vue&type=style&index=0&id=590c7f5a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-590c7f5a\"]])\n\nexport default __exports__","import useVuelidate from '@vuelidate/core'\nimport { computed, ref } from 'vue'\n\nexport default (data, rules, callApi) => {\n  const v$ = useVuelidate(rules, data)\n  const requiredFilled = computed(() => {\n    const notFilled = []\n    for (const field in data) {\n      if (rules[field] && rules[field].requiredRu && !data[field]) {\n        notFilled.push(field)\n      }\n    }\n    return notFilled.length === 0\n  })\n\n  const serverError = ref(null)\n  let submitInProgress = false\n\n  const submit = async () => {\n    if (submitInProgress) {\n      return\n    }\n    submitInProgress = true\n    serverError.value = null\n    const ok = await v$.value.$validate()\n    if (!ok) {\n      return\n    }\n    try {\n      await callApi()\n    } catch (err) {\n      serverError.value = err.message\n      return\n    } finally {\n      submitInProgress = false\n    }\n    v$.value.$reset()\n  }\n\n  return {\n    v$,\n    requiredFilled,\n    serverError,\n    submit,\n  }\n}\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./UserTicket.vue?vue&type=style&index=0&id=590c7f5a&scoped=true&lang=css\"","<template>\n  <footer class=\"text-center bg-light py-2\">\n    <div class=\"d-flex justify-content-around align-content-center\">\n\n      <div class=\"d-flex align-content-center align-items-center\">\n        <p-icon name=\"phone\" class=\"me-2\"/>\n        <a href=\"tel:+79035502040\">\n          +7 (903) 550-20-40\n        </a>\n      </div>\n      <div class=\"d-flex align-content-center align-items-center\">\n        <p-icon name=\"mail\" class=\"me-2\"/>\n        <a href=\"mailto:info@pv-1.ru\">\n          info@pv-1.ru\n        </a>\n      </div>\n      <div class=\"d-flex align-content-center align-items-center\">\n        <p-icon name=\"business\" class=\"me-2\"/>\n        ООО «Спринтмастер»\n      </div>\n      <a\n        href='https://play.google.com/store/apps/details?id=ru.pv_1.app&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'\n        target=\"_blank\">\n        <img src='/img/ru_badge_web_generic.png'\n             style=\"width: 190px !important;\"\n             @load=\"setBgHeight\"\n             alt='Доступно в Google Play'>\n      </a>\n    </div>\n  </footer>\n</template>\n\n<script>\nexport default {\n  name: 'Footer',\n}\n</script>\n\n<style scoped>\n\n</style>\n","import { render } from \"./Footer.vue?vue&type=template&id=3acbebf4\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}