{"version":3,"sources":["webpack:///./src/views/WorkspaceIntegration.vue?edd1","webpack:///./src/components/svg/UnderConstruction.vue","webpack:///./src/components/svg/UnderConstruction.vue?cceb","webpack:///./src/views/WorkspaceIntegration.vue","webpack:///./src/views/WorkspaceIntegration.vue?b9a0"],"names":["class","_createElementBlock","style","_normalizeStyle","$setup","height","_createElementVNode","_toDisplayString","t","_hoisted_1","page","$props","xmlns","svgheight","role","viewBox","props","String","size","setup","useI18n","computed","__exports__","render","_createBlock","_component_under_construction","components","UnderConstruction","MaterialIcon","LoadingSpinner","app","useStore","api","useApi","apisRef","ref","apiNameInputRef","loadApis","async","data","workspace","getApis","value","watchEffect","getters","statusInit","createApi","keysTableHeader","a11y"],"mappings":"wIAAA,W,2DC4BQA,MAAM,U,6DAFZC,eAiGM,OAjGDD,MAAM,6CAA8CE,MAAKC,eAAEC,EAAAC,S,CAC9DC,eAAsC,UAAAC,eAA/BH,EAAAI,EAAE,uBAAD,GACRF,eAA8D,KAA9DG,EAA8DF,eAAxCH,EAAAI,EAAE,cAAe,CAAhBE,KAAwBC,EAAAD,QAAI,I,iBACnDT,eA6FM,OA5FJW,MAAM,6BACLP,OAAQM,EAAAE,UAAYF,EAAAE,UAAY,IACjCC,KAAK,eACLC,QAAQ,cACRf,MAAM,sB,smGA9BG,GACbgB,MAAO,CACLN,KAAMO,OACNC,KAAMD,OACNJ,UAAWI,QAEbE,MAAMH,GACJ,MAAM,EAAER,GAAMY,iBAERf,EAASgB,eAAS,KACtB,IAAIH,EAAO,qBAIX,OAFIF,EAAME,OAAMA,EAAOF,EAAME,MAEtB,WAAWA,OAGpB,MAAO,CAAEV,IAAGH,Y,qBChBhB,MAAMiB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,sJCkDbC,eAGsBC,EAAA,CAFnBf,KAAMN,EAAAI,EAAE,mCACTU,KAAK,S,6FAlDM,GACbQ,WAAY,CACVC,yBACAC,oBACAC,uBAEFV,QACE,MAAM,IAAEW,GAAQC,kBACV,EAAEvB,GAAMY,kBACR,IAAEY,GAAQC,iBAEVC,EAAUC,eAAI,IACdC,EAAkBD,eAAI,IAEtBE,EAAWC,UACf,MAAM,KAAEC,SAAeP,EAAIQ,UAAUC,UACrCP,EAAQQ,MAAQH,GAGlBI,gBAAYL,UACNR,EAAIc,QAAQC,YACdR,MAIJ,MAAMS,EAAYR,gBACVN,EAAIQ,UAAUM,UAAUV,EAAgBM,aACxCL,IACND,EAAgBM,MAAQ,IAGpBK,EAAkBZ,eAAI,CAAC,OAAQ,MAAO,SAAU,WAEhDa,EAAO3B,eAAS,IAAMS,EAAIc,QAAQI,MAExC,MAAO,CACLxC,IACA0B,UACAY,YACAV,kBACAW,kBACAC,U,iCC3CN,MAAM1B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/integration.1630a988.js","sourcesContent":["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!./WorkspaceIntegration.vue?vue&type=style&index=0&id=15b2a07c&scoped=true&lang=css\"","<script>\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { computed } from \"vue\";\r\n\r\nexport default {\r\n  props: {\r\n    page: String,\r\n    size: String,\r\n    svgheight: String,\r\n  },\r\n  setup(props) {\r\n    const { t } = useI18n();\r\n\r\n    const height = computed(() => {\r\n      let size = \"var(--main-height)\";\r\n\r\n      if (props.size) size = props.size;\r\n\r\n      return `height: ${size};`;\r\n    });\r\n\r\n    return { t, height };\r\n  },\r\n};\r\n</script>\r\n<template>\r\n  <div class=\"d-flex d-flex-column d-flex-justify-center\" :style=\"height\">\r\n    <h2>{{ t(\"under_construction\") }}</h2>\r\n    <h6 class=\"m-b-30\">{{ t(\"coming_soon\", { page: page }) }}</h6>\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      :height=\"svgheight ? svgheight : 250\"\r\n      role=\"presentation\"\r\n      viewBox=\"0 0 512 512\"\r\n      class=\"d-flex-self-center\"\r\n    >\r\n      <path\r\n        style=\"fill: #eaedef;\"\r\n        d=\"M53.86,443h48.26V52.06a8.53,8.53,0,0,0-8.53-8.53H62.4a8.53,8.53,0,0,0-8.54,8.53Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #dadee0;\"\r\n        d=\"M103.59,43.53H79.9a8.53,8.53,0,0,1,8.53,8.53V443h13.69V52.06a8.53,8.53,0,0,0-8.54-8.53Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #dadee0;\"\r\n        d=\"M110.18,437.84H45.8a8,8,0,0,0-8,8V474c0,4.42,3.58,10,8,10h64.38c4.42,0,8-5.58,8-10V445.84A8,8,0,0,0,110.18,437.84Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #c6c9ce;\"\r\n        d=\"M109.94,437.84H97.26a8.24,8.24,0,0,1,8.24,8.24v27.66c0,4.55-3.69,10.24-8.24,10.24h12.68c4.55,0,8.24-5.69,8.24-10.24V446.08A8.24,8.24,0,0,0,109.94,437.84Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #eaedef;\"\r\n        d=\"M409.88,443h48.26V52.06a8.53,8.53,0,0,0-8.54-8.53H418.42a8.53,8.53,0,0,0-8.54,8.53Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #dadee0;\"\r\n        d=\"M459.61,43.53H435.92a8.53,8.53,0,0,1,8.53,8.53V443h13.69V52.06a8.53,8.53,0,0,0-8.54-8.53Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #dadee0;\"\r\n        d=\"M466.2,437.84H401.82a8,8,0,0,0-8,8V474c0,4.42,3.58,10,8,10H466.2c4.42,0,8-5.58,8-10V445.84A8,8,0,0,0,466.2,437.84Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #c6c9ce;\"\r\n        d=\"M466,437.84H453.27a8.24,8.24,0,0,1,8.25,8.24v27.66c0,4.55-3.69,10.24-8.25,10.24H466c4.55,0,8.24-5.69,8.24-10.24V446.08A8.24,8.24,0,0,0,466,437.84Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #fcd329;\"\r\n        d=\"M491,77.66H432.8l-46,8.82-30.32-8.82H287.1l-41.17,6-35.19-6H141.4L94.56,86.58,65,77.66H21c-4.32,0-7.82,3-7.82,6.74v56.26a6.32,6.32,0,0,0,2.54,5l40.56-4.92,34.54,6.69h69.34l43.51-4.47,32.86,4.47h69.34L346,142.65l36.23,4.74h69.34l38.36-35.23,8.64-29.54c-.9-2.86-3.93-5-7.53-5Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #fcd329;\"\r\n        d=\"M463.22,198.38l-32.05-12.11H361.83L318,193.83l-32.51-7.56H216.13L156,192.36l-16.2-6.09H70.42l-43.56,17L13.3,251.87c.91,2.38,3.93,4.13,7.53,4.13H79.05l51.17-4.87,25.2,4.87h69.34L271,252.52l30.1,3.48h69.34l44.59-4.18L446.83,256h44.05c4.32,0,7.82-2.51,7.82-5.61v-54Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M65,77.66l-49.34,68a9,9,0,0,0,5.56,1.77H90.8l50.6-69.73Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M160.14,147.39h76.37L287.1,77.66H210.73Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M305.85,147.39h76.36L432.8,77.66H356.44Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M21.11,186.27c-4.47,0-8.09,2.6-8.09,5.81v58.11a4.58,4.58,0,0,0,.28,1.69l57.12-65.61Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M155.42,256l60.71-69.73H139.76L79.05,256Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M301.12,256l60.71-69.73H285.47L224.76,256Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #e2b80c;\"\r\n        d=\"M476.36,84.4v40.2l13.55-12.44,8.65-29.54a7.73,7.73,0,0,0-7.54-5H468.55C472.86,77.66,476.36,80.68,476.36,84.4Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #e2b80c;\"\r\n        d=\"M476.22,250.39c0,3.1-3.5,5.61-7.82,5.61h22.48c4.32,0,7.82-2.51,7.82-5.61v-54l-22.48,1.24Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M446.83,256l51.87-59.58v-4.34c0-3.21-3.63-5.81-8.1-5.81H431.17L370.46,256Z\"\r\n      />\r\n      <path\r\n        d=\"M490.6,186.27H468.4c4.32,0,7.82,2.51,7.82,5.61v30.36l22.48-25.82v-4.34C498.7,188.87,495.07,186.27,490.6,186.27Z\"\r\n      />\r\n      <path\r\n        style=\"fill: #2e3133;\"\r\n        d=\"M490.75,147.39c4.47,0,8.09-3.12,8.09-7V84.64a6.47,6.47,0,0,0-.28-2l-47,64.79h39.2Z\"\r\n      />\r\n      <path\r\n        d=\"M476.36,113.19v27.47c0,3.72-3.5,6.73-7.81,6.73h22.2c4.47,0,8.09-3.12,8.09-7V84.64a6.47,6.47,0,0,0-.28-2Z\"\r\n      />\r\n    </svg>\r\n  </div>\r\n</template>\r\n","import { render } from \"./UnderConstruction.vue?vue&type=template&id=6226e3d1\"\nimport script from \"./UnderConstruction.vue?vue&type=script&lang=js\"\nexport * from \"./UnderConstruction.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__","<script>\r\nimport { useApi } from \"@/api\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { ref, watchEffect, computed } from \"vue\";\r\nimport { useStore } from \"@/store/store\";\r\nimport UnderConstruction from \"@/components/svg/UnderConstruction\";\r\nimport MaterialIcon from \"@/components/svg/MaterialIcon\";\r\nimport LoadingSpinner from \"@/components/svg/LoadingSpinner\";\r\n\r\nexport default {\r\n  components: {\r\n    UnderConstruction,\r\n    MaterialIcon,\r\n    LoadingSpinner,\r\n  },\r\n  setup() {\r\n    const { app } = useStore();\r\n    const { t } = useI18n();\r\n    const { api } = useApi();\r\n\r\n    const apisRef = ref([]);\r\n    const apiNameInputRef = ref(\"\");\r\n\r\n    const loadApis = async () => {\r\n      const { data } = await api.workspace.getApis();\r\n      apisRef.value = data;\r\n    };\r\n\r\n    watchEffect(async () => {\r\n      if (app.getters.statusInit) {\r\n        loadApis();\r\n      }\r\n    });\r\n\r\n    const createApi = async () => {\r\n      await api.workspace.createApi(apiNameInputRef.value);\r\n      await loadApis();\r\n      apiNameInputRef.value = \"\";\r\n    };\r\n\r\n    const keysTableHeader = ref([\"name\", \"key\", \"status\", \"remove\"]);\r\n\r\n    const a11y = computed(() => app.getters.a11y);\r\n\r\n    return {\r\n      t,\r\n      apisRef,\r\n      createApi,\r\n      apiNameInputRef,\r\n      keysTableHeader,\r\n      a11y,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <under-construction\r\n    :page=\"t('workspace.workspace-integration')\"\r\n    size=\"565px\"\r\n  ></under-construction>\r\n  <!-- <div class=\"p-relative\">\r\n    <div\r\n      v-if=\"apisRef.length == 0\"\r\n      class=\"d-flex d-flex-column d-flex-align-center m-y-30 p-y-30\"\r\n    >\r\n      <h6 class=\"m-b-20\">{{ t(\"workspace_integration.empty_api_keys\") }}</h6>\r\n      <button\r\n        class=\"button-contained primary small\"\r\n        :class=\"{\r\n          'a11y-focus': a11y,\r\n        }\"\r\n        @click=\"showAddApiKey = true\"\r\n        @mouseenter=\"a11y = false\"\r\n        @mouseleave=\"a11y = true\"\r\n      >\r\n        {{ t(\"buttons.add_api\") }}\r\n      </button>\r\n    </div>\r\n    <div v-else>\r\n      <div\r\n        class=\"button-contained primary p-absolute\"\r\n        style=\"right: 30px;\"\r\n        @click=\"showAddApiKey = true\"\r\n      >\r\n        {{ t(\"buttons.add_api\") }}\r\n      </div>\r\n      <div class=\"api-table\">\r\n        <div\r\n          v-if=\"apisRef.length == 0\"\r\n          class=\"api-header\"\r\n          style=\"height: 36px;\"\r\n        ></div>\r\n        <div v-else class=\"api-header\">\r\n          <h4 v-for=\"(col, i) in keysTableHeader\" :key=\"i\" :class=\"col\">\r\n            {{ i === 0 || i === 3 ? \"\" : t(`workspace_integration.${col}`) }}\r\n          </h4>\r\n        </div>\r\n        <div class=\"api-list\">\r\n          <loading-spinner\r\n            v-if=\"showLoading\"\r\n            size=\"small\"\r\n            class=\"m-y-30 p-y-30\"\r\n            style=\"z-index: 0;\"\r\n          ></loading-spinner>\r\n          <div v-for=\"user in apisRef\" :key=\"user.id\" class=\"api\">\r\n            <h5 class=\"small name\">{{ user.name }}</h5>\r\n            <h6 class=\"small key\">{{ user.key }}</h6>\r\n            <h6 class=\"small status\">{{ user.status }}</h6>\r\n            <material-icon\r\n              type=\"delete\"\r\n              size=\"1rem\"\r\n              color=\"hsla(var(--c-black), 0.6)\"\r\n              class=\"remove\"\r\n            ></material-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div> -->\r\n</template>\r\n<style scoped>\r\n:deep(h2),\r\n:deep(h6) {\r\n  align-self: center;\r\n}\r\n.api-table {\r\n  width: calc(100% - 60px);\r\n  margin: 90px 30px 0;\r\n}\r\n\r\n.api-header {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -webkit-box-pack: justify;\r\n  -ms-flex-pack: justify;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  padding: 5px 15px;\r\n  -webkit-border-radius: 4px 4px 0 0;\r\n  border-radius: 4px 4px 0 0;\r\n  border: 1px solid hsla(var(--c-primary), 0.1);\r\n  background: hsla(var(--c-primary), 0.04);\r\n  -webkit-box-shadow: 0px 1px 5px 0px hsla(var(--c-shadow), 0.2),\r\n    0px 2px 2px 0px hsla(var(--c-shadow), 0.14),\r\n    0px 3px 1px -2px hsla(var(--c-shadow), 0.12);\r\n  box-shadow: 0px 1px 5px 0px hsla(var(--c-shadow), 0.2),\r\n    0px 2px 2px 0px hsla(var(--c-shadow), 0.14),\r\n    0px 3px 1px -2px hsla(var(--c-shadow), 0.12);\r\n}\r\n\r\n.api-header h4 {\r\n  color: hsl(var(--c-primary));\r\n}\r\n\r\n.api-list {\r\n  -webkit-border-radius: 0 0 4px 4px;\r\n  border-radius: 0 0 4px 4px;\r\n  background: hsla(var(--c-grey-light), 0.2);\r\n  border: 1px solid hsl(var(--c-white-contrast));\r\n  box-shadow: inset 0px 0px 5px 0px hsla(var(--c-shadow), 0.2),\r\n    inset 0px 0px 2px 0px hsla(var(--c-shadow), 0.14),\r\n    inset 0px 0px 1px -2px hsla(var(--c-shadow), 0.12);\r\n}\r\n\r\n.api {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: baseline;\r\n  -ms-flex-align: baseline;\r\n  align-items: baseline;\r\n  -webkit-box-pack: justify;\r\n  -ms-flex-pack: justify;\r\n  justify-content: space-between;\r\n  padding: 0 10px;\r\n  margin: 5px;\r\n  -webkit-border-radius: 4px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.api:hover {\r\n  background: hsla(var(--c-primary-highlight-light), 0.25);\r\n}\r\n\r\n.api-header .name,\r\n.api .name {\r\n  width: 25%;\r\n}\r\n\r\n.api-header .status,\r\n.api .status {\r\n  width: 10%;\r\n}\r\n\r\n.api-header .remove,\r\n.api .remove {\r\n  width: 1em;\r\n  position: relative;\r\n  top: 2px;\r\n}\r\n</style>\r\n","import { render } from \"./WorkspaceIntegration.vue?vue&type=template&id=15b2a07c&scoped=true\"\nimport script from \"./WorkspaceIntegration.vue?vue&type=script&lang=js\"\nexport * from \"./WorkspaceIntegration.vue?vue&type=script&lang=js\"\n\nimport \"./WorkspaceIntegration.vue?vue&type=style&index=0&id=15b2a07c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-15b2a07c\"]])\n\nexport default __exports__"],"sourceRoot":""}