{"version":3,"file":"D8XJV1Q6.js","sources":["../../../../components/setting/team/CreateModalForm.vue","../../../../components/setting/team/EditModalForm.vue","../../../../components/setting/team/DeleteModalForm.vue"],"sourcesContent":["<template>\n    <div v-show=\"active\" class=\"fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50\">\n      <div class=\"bg-white rounded-lg px-4 pt-5 pb-4 overflow-hidden shadow-xl transform transition-all sm:max-w-lg sm:w-full sm:p-6\">\n        <div class=\"items-start\">\n          <div class=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n            <h3 class=\"text-lg leading-6 font-medium text-gray-900\">\n              Create team\n            </h3>\n            <div class=\"mt-4\">\n              <p class=\"text-sm leading-5 text-gray-900\">\n                Team Name\n              </p>\n            </div>\n            <div class=\"mt-2 w-full\">\n                <input autocomplete=\"off\" data-lpignore=\"true\"  v-model=\"teamName\" type=\"text\" name=\"firstName\" id=\"firstName\" class=\"shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md text-black\"\n                placeholder=\"\">\n            </div>\n          </div>\n        </div>\n        <div class=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n        <span class=\"flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto\">\n          <button v-show=\"!createLoader\" @click.stop=\"modalCreateClicked\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-green-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-green-500 focus:outline-none focus:border-green-700 focus:shadow-outline-green transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n            Create team\n          </button>\n          <button v-show=\"createLoader\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-green-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-green-500 focus:outline-none focus:border-green-700 focus:shadow-outline-green transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n            <SpinnersThreeDotsWhite/>\n          </button>\n        </span>\n          <span class=\"mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto\">\n          <button @click.prevent=\"modalCancelClicked(false)\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-gray-300 px-4 py-2 bg-white text-base leading-6 font-medium text-gray-700 shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n            Cancel\n          </button>\n        </span>\n        </div>\n      </div>\n    </div>\n  \n  </template>\n   \n<script setup>\n\nconst props = defineProps({\n    active: {\n        type: Boolean,\n        default: false\n    },\n    createLoader: {\n      type: Boolean,\n      default: false,\n    }\n});\n\ndefinePageMeta({\n  colorMode: \"light\",\n});\n\nconst emit = defineEmits(['createModalClicked', 'cancelModalClicked']);\nconst teamName = ref(\"\")\n\nconst modalCreateClicked = () => {\n  emit(\"createModalClicked\", teamName.value)\n}\n\nconst modalCancelClicked = () => {\n    emit(\"cancelModalClicked\")\n}\n</script>\n  ","<template>\n    <div v-show=\"active\" class=\"fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50\">\n      <div class=\"bg-white rounded-lg px-4 pt-5 pb-4 overflow-hidden shadow-xl transform transition-all sm:max-w-lg sm:w-full sm:p-6\">\n        <div class=\"items-start\">\n          <div class=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n            <h3 class=\"text-lg leading-6 font-medium text-gray-900\">\n              Edit team\n            </h3>\n            <div class=\"mt-4\">\n              <p class=\"text-sm leading-5 text-gray-500\">\n                Please contact support@sendx.io to edit a team.\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n          <span class=\"mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto\">\n            <button @click.prevent=\"modalCancelClicked(false)\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-gray-300 px-4 py-2 bg-white text-base leading-6 font-medium text-gray-700 shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n                Okay\n            </button>\n            </span>\n        </div>\n      </div>\n    </div>\n  \n  </template>\n   \n<script setup>\n\nconst props = defineProps({\n    active: {\n        type: Boolean,\n        default: false\n    }\n});\n\ndefinePageMeta({\n  colorMode: \"light\",\n});\n\nconst emit = defineEmits(['cancelModalClicked']);\n\nconst modalCancelClicked = (val) => {\n    emit(\"cancelModalClicked\", val)\n}\n</script>\n  ","<template>\n    <div v-show=\"active\" class=\"fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50\">\n      <div class=\"bg-white rounded-lg px-4 pt-5 pb-4 overflow-hidden shadow-xl transform transition-all sm:max-w-lg sm:w-full sm:p-6\">\n        <div class=\"sm:flex sm:items-start\">\n          <div class=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10\">\n            <svg class=\"h-6 w-6 text-red-600\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"/>\n            </svg>\n          </div>\n          <div class=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n            <h3 class=\"text-lg leading-6 font-medium text-gray-900\">\n              Delete {{entityName}}\n            </h3>\n            <div class=\"mt-2\">\n              <p class=\"text-sm leading-5 text-gray-500\">\n                Are you sure you want to delete <b class=\"text-gray-600\">{{elementName}}</b> {{entityName.toLowerCase()}}? It will be permanently removed. This action cannot be undone.\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n        <span class=\"flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto\">\n          <button v-show=\"!deleteLoader\" @click.stop=\"modalDeleteClicked\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-red-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-red-500 focus:outline-none focus:border-red-700 focus:shadow-outline-red transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n            Delete\n          </button>\n          <button v-show=\"deleteLoader\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-red-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-red-500 focus:outline-none focus:border-red-700 focus:shadow-outline-red transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n            <SpinnersThreeDotsWhite/>\n          </button>\n        </span>\n          <span class=\"mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto\">\n          <button @click.prevent=\"modalCancelClicked(false)\" type=\"button\" class=\"inline-flex justify-center w-full rounded-md border border-gray-300 px-4 py-2 bg-white text-base leading-6 font-medium text-gray-700 shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline transition ease-in-out duration-150 sm:text-sm sm:leading-5\">\n            Cancel\n          </button>\n        </span>\n        </div>\n      </div>\n    </div>\n  \n  </template>\n   \n<script setup>\n\nconst props = defineProps({\n    active: {\n        type: Boolean,\n        default: false\n    },\n    entityName: {\n        type: String,\n        default: ''\n    },\n    elementId: {\n        type: Number,\n        default: 0\n    },\n    elementName: {\n        type: String,\n        default: ''\n    },\n    deleteLoader: {\n      type: Boolean,\n      default: false,\n    }\n});\n\nconst emit = defineEmits(['deleteModalClicked', 'cancelModalClicked']);\n\nconst modalDeleteClicked = () => {\n  emit(\"deleteModalClicked\", props.elementId)\n}\n\nconst modalCancelClicked = (val) => {\n    emit(\"cancelModalClicked\",val)\n}\n</script>\n  "],"names":["emit","__emit","teamName","ref","modalCreateClicked","modalCancelClicked","val","props","__props","modalDeleteClicked"],"mappings":"knDAwDA,MAAMA,EAAOC,EACPC,EAAWC,EAAI,EAAE,EAEjBC,EAAqB,IAAM,CAC/BJ,EAAK,qBAAsBE,EAAS,KAAK,CAC3C,EAEMG,EAAqB,IAAM,CAC7BL,EAAK,oBAAoB,CAC7B,6gECzBA,MAAMA,EAAOC,EAEPI,EAAsBC,GAAQ,CAChCN,EAAK,qBAAsBM,CAAG,CAClC,gnECFA,MAAMC,EAAQC,EAuBRR,EAAOC,EAEPQ,EAAqB,IAAM,CAC/BT,EAAK,qBAAsBO,EAAM,SAAS,CAC5C,EAEMF,EAAsBC,GAAQ,CAChCN,EAAK,qBAAqBM,CAAG,CACjC"}