{"version":3,"sources":["webpack:///./src/views/qr/generate.vue","webpack:///./src/views/qr/generate.vue?f121"],"names":["img","ref","link","qr","shortLink","color","response","responseType","responseColor","responseTitle","route","useRoute","format","loading","generateQr","value","params","logo","token","apiClient","post","then","data","_data$data","_data$data2","_data$data$data$data","_data$data3","_data$data4","_data$data5","_data$data6","_data$data7","error","details","success","catch","e","finally","__exports__"],"mappings":"ubA4DA,IAAIA,EAAMC,iBAAI,0EACZC,EAAOD,iBAAI,IACXE,EAAKF,iBAAI,MACTG,EAAYH,iBAAI,MAChBI,EAAQJ,iBAAI,WACZK,EAAWL,iBAAI,MACfM,EAAeN,iBAAI,IACnBO,EAAgBP,iBAAI,IACpBQ,EAAgBR,iBAAI,IACpBS,EAAQC,iBACRC,EAASX,iBAAI,OACbY,EAAUZ,kBAAI,GAEhB,MAAMa,EAAaA,KACjBX,EAAGY,MAAQ,KACXF,EAAQE,OAAQ,EAChB,IAAIC,EAAS,CACXd,KAAMA,EAAKa,MACXZ,GAAI,CACFc,KAAMjB,EAAIe,MACVV,MAAOA,EAAMU,MACbH,OAAQA,EAAOG,QAMnB,OAHIL,EAAMM,OAAOE,QACfF,EAAOE,MAAQR,EAAMM,OAAOE,OAEvBC,OAAUC,KAAK,oBAAqBJ,GAAQK,KAAKC,IAAQ,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAO9D,OANA3B,EAAGY,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANC,EAAJD,EAAMA,YAAI,IAAAC,GAAM,QAANA,EAAVA,EAAYD,YAAI,IAAAC,GAAM,QAANA,EAAhBA,EAAkBD,YAAI,IAAAC,OAAA,EAAtBA,EAAyB,UACpCnB,EAAUW,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANE,EAAJF,EAAMA,YAAI,IAAAE,GAAM,QAANA,EAAVA,EAAYF,YAAI,IAAAE,GAAM,QAANA,EAAhBA,EAAkBF,YAAI,IAAAE,OAAA,EAAtBA,EAAyB,cAC3ClB,EAASS,MAA8B,QAAzBU,EAAO,OAAJH,QAAI,IAAJA,GAAU,QAANI,EAAJJ,EAAMA,YAAI,IAAAI,GAAM,QAANA,EAAVA,EAAYJ,YAAI,IAAAI,OAAA,EAAhBA,EAAkBJ,YAAI,IAAAG,IAAQ,OAAJH,QAAI,IAAJA,GAAU,QAANK,EAAJL,EAAMA,YAAI,IAAAK,GAAM,QAANA,EAAVA,EAAYL,YAAI,IAAAK,GAAO,QAAPA,EAAhBA,EAAkBI,aAAK,IAAAJ,OAAA,EAAvBA,EAAyBK,QACpEzB,EAAaQ,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANM,EAAJN,EAAMA,YAAI,IAAAM,GAAM,QAANA,EAAVA,EAAYN,YAAI,IAAAM,GAAhBA,EAAkBK,QAAU,OAAS,QAC1DxB,EAAcM,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANO,EAAJP,EAAMA,YAAI,IAAAO,GAAM,QAANA,EAAVA,EAAYP,YAAI,IAAAO,GAAhBA,EAAkBI,QAAU,UAAY,SAC9DzB,EAAcO,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANQ,EAAJR,EAAMA,YAAI,IAAAQ,GAAM,QAANA,EAAVA,EAAYR,YAAI,IAAAQ,GAAhBA,EAAkBG,QAAU,UAAY,UACvDX,IACNY,MAAMC,IACP7B,EAASS,MAAQoB,EAAEJ,MACnBvB,EAAcO,MAAQ,UACtBN,EAAcM,MAAQ,SACtBR,EAAaQ,MAAQ,WACpBqB,QAAQ,KACTvB,EAAQE,OAAQ,K,mjJClGpB,MAAMsB,EAAc,EAEL","file":"js/chunk-2d0c4681.f52390d8.js","sourcesContent":["<template>\n  <div class=\"container\">\n    <div class=\"row mb-3\">\n      <div class=\"col-md-2\">\n        <a-form-item label=\"URL\">\n          <a-input v-model:value=\"link\" size=\"large\" />\n        </a-form-item>\n      </div>\n      <div class=\"col-md-2\">\n        <a-form-item label=\"Логотип\" layout=\"vertical\">\n          <a-radio-group v-model:value=\"img\" size=\"large\" style=\"width: 100%\">\n            <a-radio-button value=\"https://cdn.multicard.uz/storage/199/9cc595e29c7ff4bc2e15135064b4d.svg\" style=\"line-height: 35px; width: 50%; text-align: center\">\n              <img src=\"https://cdn.multicard.uz/storage/199/9cc595e29c7ff4bc2e15135064b4d.svg\" width=\"30\" alt=\"\" />\n            </a-radio-button>\n            <a-radio-button value=\"https://cdn.multicard.uz/storage/f21/e6fe776f1c07a9b518fe45744b7ed.svg\" style=\"line-height: 35px; width: 50%; text-align: center\">\n              <img src=\"https://cdn.multicard.uz/storage/f21/e6fe776f1c07a9b518fe45744b7ed.svg\" width=\"30\" alt=\"\" />\n            </a-radio-button>\n          </a-radio-group>\n        </a-form-item>\n      </div>\n      <div class=\"col-md-2\">\n        <a-form-item label=\"Цвет\">\n          <a-input v-model:value=\"color\" size=\"large\" />\n        </a-form-item>\n      </div>\n      <div class=\"col-md-2\">\n        <a-form-item label=\"Формат\" class=\"flex-column align-items-start\" label-align=\"left\">\n          <a-select v-model:value=\"format\" size=\"large\" style=\"width: 160px\">\n            <a-select-option value=\"svg\">SVG</a-select-option>\n            <a-select-option value=\"png\">PNG</a-select-option>\n          </a-select>\n        </a-form-item>\n      </div>\n      <div class=\"col-md-4\">\n        <a-form-item label=\"&nbsp;\" style=\"flex-direction: column\" :colon=\"false\">\n          <a-button :loading=\"loading\" @click=\"generateQr\" size=\"large\" type=\"primary\">\n            Создать QR\n          </a-button>\n        </a-form-item>\n      </div>\n    </div>\n    <div class=\"flex flex-column\" style=\"gap: 10px\">\n      <div><img v-if=\"qr\" :src=\"qr\" width=\"200\" /></div>\n      <div><a :href=\"qr\" v-if=\"qr\" target=\"_blank\">{{ qr }}</a></div>\n      <div><a :href=\"shortLink\" v-if=\"shortLink\" target=\"_blank\">{{ shortLink }}</a></div>\n      <a-alert v-if=\"response\" :message=\"responseTitle\" :type=\"responseType\">\n        <template #description>\n          <pre v-if=\"responseType === 'info'\" :style=\"{ color: responseColor }\">{{ response }}</pre>\n          <div v-else>{{ response }}</div>\n        </template>\n      </a-alert>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport apiClient from '@/services/axios'\n\nlet img = ref('https://cdn.multicard.uz/storage/199/9cc595e29c7ff4bc2e15135064b4d.svg'),\n  link = ref(''),\n  qr = ref(null),\n  shortLink = ref(null),\n  color = ref('#000000'),\n  response = ref(null),\n  responseType = ref(''),\n  responseColor = ref(''),\n  responseTitle = ref(''),\n  route = useRoute(),\n  format = ref('svg'),\n  loading = ref(false);\n\nconst generateQr = () => {\n  qr.value = null\n  loading.value = true\n  let params = {\n    link: link.value,\n    qr: {\n      logo: img.value,\n      color: color.value,\n      format: format.value\n    }\n  }\n  if (route.params.token) {\n    params.token = route.params.token\n  }\n  return apiClient.post('/auth/generate-qr', params).then(data => {\n    qr.value = data?.data?.data?.data?.['qr_img']\n    shortLink.value = data?.data?.data?.data?.['short_link']\n    response.value = data?.data?.data?.data ?? data?.data?.data?.error?.details\n    responseType.value = data?.data?.data?.success ? 'info' : 'error'\n    responseTitle.value = data?.data?.data?.success ? 'Успешно' : 'Ошибка'\n    responseColor.value = data?.data?.data?.success ? '#595c97' : '#d03133'\n    return data;\n  }).catch(e => {\n    response.value = e.error\n    responseColor.value = '#d03133'\n    responseTitle.value = 'Ошибка'\n    responseType.value = 'danger'\n  }).finally(() => {\n    loading.value = false\n  });\n}\n\n</script>\n","import script from \"./generate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./generate.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}