{"version":3,"sources":["webpack:///./src/components/Pagination.vue","webpack:///./src/components/Pagination.vue?f819","webpack:///./node_modules/core-js/internals/whitespaces.js","webpack:///./node_modules/core-js/internals/string-trim.js","webpack:///./node_modules/core-js/internals/inherit-if-required.js","webpack:///./node_modules/core-js/modules/es.number.constructor.js","webpack:///./src/views/dashboard/Cases/Index.vue","webpack:///./src/views/dashboard/Cases/Index.vue?fe93"],"names":["class","aria-label","aria-current","total","current_page","$emit","per_page","aria-hidden","Math","ceil","page","href","props","type","String","Number","default","components","ChevronLeftIcon","ChevronRightIcon","render","module","exports","requireObjectCoercible","whitespaces","whitespace","ltrim","RegExp","rtrim","createMethod","TYPE","$this","string","replace","start","end","trim","isObject","setPrototypeOf","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype","DESCRIPTORS","global","isForced","redefine","has","classof","inheritIfRequired","toPrimitive","fails","create","getOwnPropertyNames","f","getOwnPropertyDescriptor","defineProperty","NUMBER","NativeNumber","NumberPrototype","BROKEN_CLASSOF","toNumber","argument","first","third","radix","maxCode","digits","length","index","code","it","charCodeAt","NaN","slice","parseInt","key","NumberWrapper","value","arguments","this","valueOf","call","keys","split","j","for","name","id","autocomplete","rows","selected","placeholder","scope","src","alt","cx","cy","r","as","show","open","static","enter","enter-from","enter-to","leave","leave-from","leave-to","pages","current","undefined","cases","items","item","i","title","info","address","street_address","DateTime","fromISO","created_at","toFormat","to","user","className","first_name","last_name","email","stage","color","fill","viewBox","handlePageChanged","count","Avatar","HomeIcon","SearchIcon","FolderAddIcon","Dialog","DialogOverlay","DialogTitle","TransitionChild","TransitionRoot","XIcon","Pagination","setup","store","dispatch","state"],"mappings":"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","file":"js/chunk-ec0fbf22.f852b4ca.js","sourcesContent":["<template>\n  <div\n    v-if=\"total > 0\"\n    class=\"\n      bg-white\n      px-4\n      py-3\n      flex\n      items-center\n      justify-between\n      border-t border-gray-200\n      sm:px-6\n    \"\n  >\n    <div class=\"flex-1 flex justify-between sm:hidden\">\n      <button\n        @click=\"current_page > 1 && $emit('prev-page', current_page - 1)\"\n        class=\"\n          relative\n          inline-flex\n          items-center\n          px-4\n          py-2\n          border border-gray-300\n          text-sm\n          font-medium\n          rounded-md\n          text-gray-700\n          bg-white\n          hover:bg-gray-50\n        \"\n      >\n        Previous\n      </button>\n      <button\n        @click=\"$emit('next-page', current_page + 1)\"\n        class=\"\n          ml-3\n          relative\n          inline-flex\n          items-center\n          px-4\n          py-2\n          border border-gray-300\n          text-sm\n          font-medium\n          rounded-md\n          text-gray-700\n          bg-white\n          hover:bg-gray-50\n        \"\n      >\n        Next\n      </button>\n    </div>\n    <div class=\"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between\">\n      <div>\n        <p class=\"text-sm text-gray-700\">\n          Showing\n          {{ \" \" }}\n          <span class=\"font-medium\">{{\n            (current_page - 1) * per_page + 1\n          }}</span>\n          {{ \" \" }}\n          to\n          {{ \" \" }}\n          <span class=\"font-medium\">{{ current_page * per_page }}</span>\n          {{ \" \" }}\n          of\n          {{ \" \" }}\n          <span class=\"font-medium\">{{ total }}</span>\n          {{ \" \" }}\n          results\n        </p>\n      </div>\n      <div>\n        <nav\n          class=\"relative z-0 inline-flex rounded-md shadow-sm -space-x-px\"\n          aria-label=\"Pagination\"\n        >\n          <button\n            @click=\"current_page > 1 && $emit('prev-page', current_page - 1)\"\n            class=\"\n              relative\n              inline-flex\n              items-center\n              px-2\n              py-2\n              rounded-l-md\n              border border-gray-300\n              bg-white\n              text-sm\n              font-medium\n              text-gray-500\n              hover:bg-gray-50\n            \"\n          >\n            <span class=\"sr-only\">Previous</span>\n            <ChevronLeftIcon class=\"h-5 w-5\" aria-hidden=\"true\" />\n          </button>\n          <template v-for=\"page in Math.ceil(total / per_page)\" :key=\"page\">\n            <button\n              v-if=\"page === current_page\"\n              aria-current=\"page\"\n              class=\"\n                z-10\n                bg-blue-50\n                border-blue-500\n                text-blue-600\n                relative\n                inline-flex\n                items-center\n                px-4\n                py-2\n                border\n                text-sm\n                font-medium\n              \"\n            >\n              {{ page }}\n            </button>\n            <button\n              @click=\"$emit('page-changed', page)\"\n              v-else\n              href=\"#\"\n              class=\"\n                bg-white\n                border-gray-300\n                text-gray-500\n                hover:bg-gray-50\n                relative\n                inline-flex\n                items-center\n                px-4\n                py-2\n                border\n                text-sm\n                font-medium\n              \"\n            >\n              {{ page }}\n            </button>\n          </template>\n          <button\n            @click=\"\n              Math.ceil(total / per_page) !== current_page &&\n                $emit('prev-page', current_page + 1)\n            \"\n            class=\"\n              relative\n              inline-flex\n              items-center\n              px-2\n              py-2\n              rounded-r-md\n              border border-gray-300\n              bg-white\n              text-sm\n              font-medium\n              text-gray-500\n              hover:bg-gray-50\n            \"\n          >\n            <span class=\"sr-only\">Next</span>\n            <ChevronRightIcon class=\"h-5 w-5\" aria-hidden=\"true\" />\n          </button>\n        </nav>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@heroicons/vue/solid\";\n\nexport default {\n  props: {\n    total: {\n      type: [String, Number],\n      default: 0,\n    },\n    per_page: {\n      type: [String, Number],\n      default: 10,\n    },\n    current_page: {\n      type: [String, Number],\n      default: 1,\n    },\n  },\n  components: {\n    ChevronLeftIcon,\n    ChevronRightIcon,\n  },\n};\n</script>","import { render } from \"./Pagination.vue?vue&type=template&id=58710f47\"\nimport script from \"./Pagination.vue?vue&type=script&lang=js\"\nexport * from \"./Pagination.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","// a string of all valid unicode whitespaces\nmodule.exports = '\\u0009\\u000A\\u000B\\u000C\\u000D\\u0020\\u00A0\\u1680\\u2000\\u2001\\u2002' +\n  '\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n","var requireObjectCoercible = require('../internals/require-object-coercible');\nvar whitespaces = require('../internals/whitespaces');\n\nvar whitespace = '[' + whitespaces + ']';\nvar ltrim = RegExp('^' + whitespace + whitespace + '*');\nvar rtrim = RegExp(whitespace + whitespace + '*$');\n\n// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation\nvar createMethod = function (TYPE) {\n  return function ($this) {\n    var string = String(requireObjectCoercible($this));\n    if (TYPE & 1) string = string.replace(ltrim, '');\n    if (TYPE & 2) string = string.replace(rtrim, '');\n    return string;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.{ trimLeft, trimStart }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimstart\n  start: createMethod(1),\n  // `String.prototype.{ trimRight, trimEnd }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimend\n  end: createMethod(2),\n  // `String.prototype.trim` method\n  // https://tc39.es/ecma262/#sec-string.prototype.trim\n  trim: createMethod(3)\n};\n","var isObject = require('../internals/is-object');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\n\n// makes subclassing work correct for wrapped built-ins\nmodule.exports = function ($this, dummy, Wrapper) {\n  var NewTarget, NewTargetPrototype;\n  if (\n    // it can work only with native `setPrototypeOf`\n    setPrototypeOf &&\n    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this\n    typeof (NewTarget = dummy.constructor) == 'function' &&\n    NewTarget !== Wrapper &&\n    isObject(NewTargetPrototype = NewTarget.prototype) &&\n    NewTargetPrototype !== Wrapper.prototype\n  ) setPrototypeOf($this, NewTargetPrototype);\n  return $this;\n};\n","'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar isForced = require('../internals/is-forced');\nvar redefine = require('../internals/redefine');\nvar has = require('../internals/has');\nvar classof = require('../internals/classof-raw');\nvar inheritIfRequired = require('../internals/inherit-if-required');\nvar toPrimitive = require('../internals/to-primitive');\nvar fails = require('../internals/fails');\nvar create = require('../internals/object-create');\nvar getOwnPropertyNames = require('../internals/object-get-own-property-names').f;\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar defineProperty = require('../internals/object-define-property').f;\nvar trim = require('../internals/string-trim').trim;\n\nvar NUMBER = 'Number';\nvar NativeNumber = global[NUMBER];\nvar NumberPrototype = NativeNumber.prototype;\n\n// Opera ~12 has broken Object#toString\nvar BROKEN_CLASSOF = classof(create(NumberPrototype)) == NUMBER;\n\n// `ToNumber` abstract operation\n// https://tc39.es/ecma262/#sec-tonumber\nvar toNumber = function (argument) {\n  var it = toPrimitive(argument, false);\n  var first, third, radix, maxCode, digits, length, index, code;\n  if (typeof it == 'string' && it.length > 2) {\n    it = trim(it);\n    first = it.charCodeAt(0);\n    if (first === 43 || first === 45) {\n      third = it.charCodeAt(2);\n      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n    } else if (first === 48) {\n      switch (it.charCodeAt(1)) {\n        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i\n        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i\n        default: return +it;\n      }\n      digits = it.slice(2);\n      length = digits.length;\n      for (index = 0; index < length; index++) {\n        code = digits.charCodeAt(index);\n        // parseInt parses a string to a first unavailable symbol\n        // but ToNumber should return NaN if a string contains unavailable symbols\n        if (code < 48 || code > maxCode) return NaN;\n      } return parseInt(digits, radix);\n    }\n  } return +it;\n};\n\n// `Number` constructor\n// https://tc39.es/ecma262/#sec-number-constructor\nif (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {\n  var NumberWrapper = function Number(value) {\n    var it = arguments.length < 1 ? 0 : value;\n    var dummy = this;\n    return dummy instanceof NumberWrapper\n      // check on 1..constructor(foo) case\n      && (BROKEN_CLASSOF ? fails(function () { NumberPrototype.valueOf.call(dummy); }) : classof(dummy) != NUMBER)\n        ? inheritIfRequired(new NativeNumber(toNumber(it)), dummy, NumberWrapper) : toNumber(it);\n  };\n  for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (\n    // ES3:\n    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n    // ES2015 (in case, if modules with ES2015 Number statics required before):\n    'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +\n    'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger,' +\n    // ESNext\n    'fromString,range'\n  ).split(','), j = 0, key; keys.length > j; j++) {\n    if (has(NativeNumber, key = keys[j]) && !has(NumberWrapper, key)) {\n      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));\n    }\n  }\n  NumberWrapper.prototype = NumberPrototype;\n  NumberPrototype.constructor = NumberWrapper;\n  redefine(global, NUMBER, NumberWrapper);\n}\n","<!-- This example requires Tailwind CSS v2.0+ -->\n<template>\n  <TransitionRoot as=\"template\" :show=\"open\">\n    <Dialog\n      as=\"div\"\n      static\n      class=\"fixed inset-0 overflow-hidden\"\n      @close=\"open = false\"\n      :open=\"open\"\n    >\n      <div class=\"absolute inset-0 overflow-hidden\">\n        <DialogOverlay class=\"absolute inset-0\" />\n        <div class=\"fixed inset-y-0 right-0 pl-10 max-w-full flex\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"transform transition ease-in-out duration-500 sm:duration-700\"\n            enter-from=\"translate-x-full\"\n            enter-to=\"translate-x-0\"\n            leave=\"transform transition ease-in-out duration-500 sm:duration-700\"\n            leave-from=\"translate-x-0\"\n            leave-to=\"translate-x-full\"\n          >\n            <div class=\"w-screen max-w-md\">\n              <div\n                class=\"\n                  h-full\n                  flex flex-col\n                  bg-white\n                  shadow-xl\n                  overflow-y-scroll\n                \"\n              >\n                <div class=\"py-6 px-4 bg-light-blue-600 sm:px-6\">\n                  <div class=\"flex items-center justify-between\">\n                    <DialogTitle class=\"text-lg font-medium text-white\">\n                      Send Quote Email\n                    </DialogTitle>\n                    <div class=\"ml-3 h-7 flex items-center\">\n                      <button\n                        class=\"\n                          bg-light-blue-900\n                          rounded-md\n                          text-blue-200\n                          hover:text-white\n                          focus:outline-none\n                          focus:ring-2 focus:ring-white\n                        \"\n                        @click=\"open = false\"\n                      >\n                        <span class=\"sr-only\">Close panel</span>\n                        <XIcon class=\"h-6 w-6\" aria-hidden=\"true\" />\n                      </button>\n                    </div>\n                  </div>\n                  <div class=\"mt-1\">\n                    <p class=\"text-sm text-blue-300\">\n                      Fill in the information below to send a new quote, which\n                      will be emailed to the client to start the application.\n                    </p>\n                  </div>\n                </div>\n                <div class=\"relative flex-1 py-6 px-4 sm:px-6\">\n                  <div class=\"space-y-6 sm:space-y-5\">\n                    <div\n                      class=\"\n                        sm:grid sm:grid-cols-3\n                        sm:gap-4\n                        sm:items-start\n                        sm:border-gray-200\n                      \"\n                    >\n                      <label\n                        for=\"client_name\"\n                        class=\"\n                          block\n                          text-sm\n                          font-medium\n                          text-gray-700\n                          sm:mt-px\n                          sm:pt-2\n                        \"\n                      >\n                        Client Name\n                      </label>\n                      <div class=\"mt-1 sm:mt-0 sm:col-span-2\">\n                        <input\n                          type=\"text\"\n                          name=\"first_name\"\n                          id=\"first_name\"\n                          autocomplete=\"given-name\"\n                          class=\"\n                            max-w-lg\n                            block\n                            w-full\n                            shadow-sm\n                            focus:ring-blue-500\n                            focus:border-blue-500\n                            sm:max-w-xs\n                            sm:text-sm\n                            border-gray-300\n                            rounded-md\n                          \"\n                        />\n                      </div>\n                    </div>\n\n                    <div\n                      class=\"\n                        sm:grid sm:grid-cols-3\n                        sm:gap-4\n                        sm:items-start\n                        sm:border-t sm:border-gray-200\n                        sm:pt-5\n                      \"\n                    >\n                      <label\n                        for=\"last_name\"\n                        class=\"\n                          block\n                          text-sm\n                          font-medium\n                          text-gray-700\n                          sm:mt-px\n                          sm:pt-2\n                        \"\n                      >\n                        Client Email\n                      </label>\n                      <div class=\"mt-1 sm:mt-0 sm:col-span-2\">\n                        <input\n                          type=\"email\"\n                          name=\"client_email\"\n                          id=\"last_name\"\n                          autocomplete=\"email\"\n                          class=\"\n                            max-w-lg\n                            block\n                            w-full\n                            shadow-sm\n                            focus:ring-blue-500\n                            focus:border-blue-500\n                            sm:max-w-xs\n                            sm:text-sm\n                            border-gray-300\n                            rounded-md\n                          \"\n                        />\n                      </div>\n                    </div>\n                    <div\n                      class=\"\n                        sm:grid sm:grid-cols-3\n                        sm:gap-4\n                        sm:items-start\n                        sm:border-t sm:border-gray-200\n                        sm:pt-5\n                      \"\n                    >\n                      <label\n                        for=\"subject\"\n                        class=\"\n                          block\n                          text-sm\n                          font-medium\n                          text-gray-700\n                          sm:mt-px\n                          sm:pt-2\n                        \"\n                      >\n                        Subject\n                      </label>\n                      <div class=\"mt-1 sm:mt-0 sm:col-span-2\">\n                        <input\n                          id=\"subject\"\n                          name=\"email\"\n                          type=\"text\"\n                          class=\"\n                            block\n                            max-w-lg\n                            w-full\n                            shadow-sm\n                            focus:ring-blue-500\n                            focus:border-blue-500\n                            sm:text-sm\n                            border-gray-300\n                            rounded-md\n                          \"\n                        />\n                      </div>\n                    </div>\n                    <div\n                      class=\"\n                        sm:grid sm:grid-cols-3\n                        sm:gap-4\n                        sm:items-start\n                        sm:border-t sm:border-gray-200\n                        sm:pt-5\n                      \"\n                    >\n                      <label\n                        for=\"email\"\n                        class=\"\n                          block\n                          text-sm\n                          font-medium\n                          text-gray-700\n                          sm:mt-px\n                          sm:pt-2\n                        \"\n                      >\n                        Text\n                      </label>\n                      <div class=\"mt-1 sm:mt-0 sm:col-span-2\">\n                        <textarea\n                          id=\"about\"\n                          name=\"about\"\n                          rows=\"3\"\n                          class=\"\n                            shadow-sm\n                            focus:ring-blue-500\n                            focus:border-blue-500\n                            block\n                            w-full\n                            sm:text-sm\n                            border-gray-300\n                            rounded-md\n                          \"\n                        ></textarea>\n                      </div>\n                    </div>\n                    <div\n                      class=\"\n                        sm:grid sm:grid-cols-1\n                        lg:justify-self-end\n                        sm:gap-4\n                        sm:items-start\n                        sm:border-t sm:border-gray-200\n                        sm:pt-5\n                      \"\n                    >\n                      <div class=\"mt-1 sm:mt-0 sm:col-span-2\">\n                        <span\n                          class=\"relative z-0 inline-flex shadow-sm rounded-md\"\n                        >\n                          <span\n                            class=\"\n                              relative\n                              inline-flex\n                              items-center\n                              px-2\n                              py-2\n                              rounded-l-md\n                              border border-gray-300\n                              bg-white\n                            \"\n                          >\n                            <label for=\"select-all\" class=\"sr-only\"\n                              >Select all</label\n                            >\n                            <input\n                              id=\"select-all\"\n                              type=\"checkbox\"\n                              name=\"select-all\"\n                              class=\"\n                                h-4\n                                w-4\n                                text-blue-600\n                                focus:ring-blue-500\n                                border-gray-300\n                                rounded\n                              \"\n                            />\n                          </span>\n                          <label for=\"message-type\" class=\"sr-only\"\n                            >Select message type</label\n                          >\n                          <select\n                            id=\"message-type\"\n                            name=\"message-type\"\n                            class=\"\n                              -ml-px\n                              block\n                              w-full\n                              pl-3\n                              pr-9\n                              py-2\n                              rounded-l-none rounded-r-md\n                              border border-gray-300\n                              bg-white\n                              text-sm\n                              font-medium\n                              text-gray-700\n                              hover:bg-gray-50\n                              focus:z-10\n                              focus:outline-none\n                              focus:ring-1 focus:ring-blue-500\n                              focus:border-blue-500\n                            \"\n                          >\n                            <option selected>Discount fees</option>\n                            <option>Fee type 1</option>\n                            <option>Fee type 2</option>\n                          </select>\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"flex-shrink-0 px-4 py-4 flex justify-end\">\n                  <button\n                    type=\"button\"\n                    class=\"\n                      bg-white\n                      py-2\n                      px-4\n                      border border-gray-300\n                      rounded-md\n                      shadow-sm\n                      text-sm\n                      font-medium\n                      text-gray-700\n                      hover:bg-gray-50\n                      focus:outline-none\n                      focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\n                    \"\n                    @click=\"open = false\"\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    type=\"submit\"\n                    class=\"\n                      ml-4\n                      inline-flex\n                      justify-center\n                      py-2\n                      px-4\n                      border border-transparent\n                      shadow-sm\n                      text-sm\n                      font-medium\n                      rounded-md\n                      text-white\n                      bg-blue-600\n                      hover:bg-blue-700\n                      focus:outline-none\n                      focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\n                    \"\n                  >\n                    Save\n                  </button>\n                </div>\n              </div>\n            </div>\n          </TransitionChild>\n        </div>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n  <div class=\"flex flex-col\">\n    <div class=\"-my-2 sm:-mx-6 lg:-mx-8\">\n      <nav\n        class=\"\n          flex\n          mb-8\n          justify-between\n          sm:px-6\n          lg:px-8\n          flex-wrap\n          gap-y-4\n          lg:h-10\n          md:h-10\n        \"\n        aria-label=\"Breadcrumb\"\n      >\n        <ol class=\"flex items-center space-x-4\">\n          <li>\n            <div>\n              <a href=\"#\" class=\"text-gray-400 hover:text-gray-500\">\n                <HomeIcon class=\"flex-shrink-0 h-5 w-5\" aria-hidden=\"true\" />\n                <span class=\"sr-only\">Home</span>\n              </a>\n            </div>\n          </li>\n          <li v-for=\"page in pages\" :key=\"page.name\">\n            <div class=\"flex items-center\">\n              <ChevronRightIcon\n                class=\"flex-shrink-0 h-5 w-5 text-gray-400\"\n                aria-hidden=\"true\"\n              />\n              <a\n                :href=\"page.href\"\n                class=\"\n                  ml-4\n                  text-sm\n                  font-medium\n                  text-gray-500\n                  hover:text-gray-700\n                \"\n                :aria-current=\"page.current ? 'page' : undefined\"\n                >{{ page.name }}</a\n              >\n            </div>\n          </li>\n        </ol>\n        <div class=\"flex flex-wrap gap-4 items-center\">\n          <div class=\"relative rounded-md shadow-sm\">\n            <div\n              class=\"\n                absolute\n                inset-y-0\n                left-0\n                pl-3\n                flex\n                items-center\n                pointer-events-none\n              \"\n            >\n              <SearchIcon class=\"h-5 w-5 text-gray-400\" aria-hidden=\"true\" />\n            </div>\n            <input\n              type=\"text\"\n              name=\"email\"\n              class=\"\n                focus:ring-blue-500\n                focus:border-blue-500\n                block\n                w-full\n                pl-10\n                sm:text-sm\n                border-gray-300\n                rounded-md\n              \"\n              placeholder=\"Search for cases\"\n            />\n          </div>\n          <button\n            @click=\"open = true\"\n            type=\"button\"\n            class=\"\n              inline-flex\n              items-center\n              px-4\n              py-2\n              border border-transparent\n              shadow-sm\n              text-sm\n              font-medium\n              rounded-md\n              text-white\n              bg-light-blue-600\n              hover:bg-light-blue-700\n              focus:outline-none\n              focus:ring-2 focus:ring-offset-2 focus:ring-light-blue-500\n            \"\n          >\n            <FolderAddIcon class=\"mr-3 h-5 w-5\" aria-hidden=\"true\" />\n            Send quote email\n          </button>\n        </div>\n      </nav>\n      <div\n        class=\"\n          py-2\n          align-middle\n          inline-block\n          min-w-full\n          sm:px-6\n          lg:px-8\n          max-w-full\n        \"\n      >\n        <div\n          v-if=\"cases.items.length > 0\"\n          class=\"\n            shadow\n            border-b border-gray-200\n            sm:rounded-tl-lg sm:rounded-tr-lg\n            overflow-auto\n          \"\n        >\n          <table class=\"min-w-full divide-y divide-gray-200\">\n            <thead class=\"bg-gray-50\">\n              <tr>\n                <th\n                  scope=\"col\"\n                  class=\"\n                    px-6\n                    py-3\n                    text-left text-xs\n                    font-medium\n                    text-gray-500\n                    uppercase\n                    tracking-wider\n                  \"\n                >\n                  NAME & START DATE\n                </th>\n                <th\n                  scope=\"col\"\n                  class=\"\n                    px-6\n                    py-3\n                    text-left text-xs\n                    font-medium\n                    text-gray-500\n                    uppercase\n                    tracking-wider\n                  \"\n                >\n                  CLIENT\n                </th>\n                <th\n                  scope=\"col\"\n                  class=\"\n                    px-6\n                    py-3\n                    text-left text-xs\n                    font-medium\n                    text-gray-500\n                    uppercase\n                    tracking-wider\n                  \"\n                >\n                  STAFF\n                </th>\n                <th\n                  scope=\"col\"\n                  class=\"\n                    px-6\n                    py-3\n                    text-left text-xs\n                    font-medium\n                    text-gray-500\n                    uppercase\n                    tracking-wider\n                  \"\n                >\n                  STAGE\n                </th>\n                <th scope=\"col\" class=\"relative px-6 py-3\">\n                  <span class=\"sr-only\">Edit</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody class=\"bg-white divide-y divide-gray-200\">\n              <tr\n                :class=\"i % 2 === 0 ? 'bg-white' : 'bg-gray-50'\"\n                v-for=\"(item, i) in cases.items\"\n                :key=\"item.id\"\n              >\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <div class=\"flex items-center\">\n                    <div>\n                      <div\n                        :title=\"item.info.address.street_address\"\n                        class=\"\n                          text-sm\n                          font-medium\n                          text-gray-900\n                          lg:truncate\n                          md:truncate\n                          max-w-xs\n                        \"\n                      >\n                        {{ item.info.address.street_address }}\n                      </div>\n                      <div class=\"text-sm text-gray-500\">\n                        {{\n                          DateTime.fromISO(item.created_at).toFormat(\n                            \"MMMM dd, yyyy\"\n                          )\n                        }}\n                      </div>\n                    </div>\n                  </div>\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <router-link\n                    :to=\"{ name: 'client', params: { id: item.user.id } }\"\n                    class=\"flex items-center\"\n                  >\n                    <div class=\"flex-shrink-0 h-10 w-10\">\n                      <Avatar\n                        :user=\"item.user\"\n                        :className=\"['h-8', 'w-8', 'rounded-full']\"\n                      />\n                    </div>\n                    <div class=\"ml-4\">\n                      <div class=\"text-sm font-medium text-gray-900\">\n                        {{ item.user.first_name }}\n                        {{ item.user.last_name }}\n                      </div>\n                      <div class=\"text-sm text-gray-500\">\n                        {{ item.user.email }}\n                      </div>\n                    </div>\n                  </router-link>\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <div class=\"flex items-center w-40\">\n                    <div class=\"flex -space-x-2 overflow-hidden\">\n                      <img\n                        class=\"\n                          inline-block\n                          h-10\n                          w-10\n                          rounded-full\n                          ring-2 ring-white\n                        \"\n                        src=\"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80\"\n                        alt=\"\"\n                      />\n                      <img\n                        class=\"\n                          inline-block\n                          h-10\n                          w-10\n                          rounded-full\n                          ring-2 ring-white\n                        \"\n                        src=\"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80\"\n                        alt=\"\"\n                      />\n                      <img\n                        class=\"\n                          inline-block\n                          h-10\n                          w-10\n                          rounded-full\n                          ring-2 ring-white\n                        \"\n                        src=\"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80\"\n                        alt=\"\"\n                      />\n                      <img\n                        class=\"\n                          inline-block\n                          h-10\n                          w-10\n                          rounded-full\n                          ring-2 ring-white\n                        \"\n                        src=\"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <span\n                    :class=\"`text-${item.info.stage.color}-500 bg-${item.info.stage.color}-100`\"\n                    class=\"\n                      inline-flex\n                      items-center\n                      px-2.5\n                      py-0.5\n                      rounded-md\n                      text-sm\n                      font-medium\n                    \"\n                  >\n                    <svg\n                      :class=\"`text-${item.info.stage.color}-200`\"\n                      class=\"-ml-0.5 mr-1.5 h-2 w-2\"\n                      fill=\"currentColor\"\n                      viewBox=\"0 0 8 8\"\n                    >\n                      <circle cx=\"4\" cy=\"4\" r=\"3\" />\n                    </svg>\n                    {{ item.info.stage.name }}\n                  </span>\n                </td>\n                <td\n                  class=\"\n                    px-6\n                    py-4\n                    whitespace-nowrap\n                    text-right text-sm\n                    font-medium\n                  \"\n                >\n                  <router-link\n                    :to=\"{ name: 'case', params: { id: item.id } }\"\n                    class=\"text-blue-600 hover:text-blue-900\"\n                    >View-></router-link\n                  >\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n        <Pagination\n          @page-changed=\"handlePageChanged\"\n          :total=\"cases.count\"\n          :current_page=\"current_page\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  ChevronRightIcon,\n  HomeIcon,\n  SearchIcon,\n  FolderAddIcon,\n} from \"@heroicons/vue/solid\";\nimport { useStore } from \"vuex\";\nimport { DateTime } from \"luxon\";\nconst pages = [{ name: \"Cases\", href: \"#\", current: true }];\n\nimport { ref, computed } from \"vue\";\nimport {\n  Dialog,\n  DialogOverlay,\n  DialogTitle,\n  TransitionChild,\n  TransitionRoot,\n} from \"@headlessui/vue\";\nimport { XIcon } from \"@heroicons/vue/outline\";\nimport Pagination from \"@/components/Pagination\";\nimport Avatar from \"@/components/Avatar\";\n\nexport default {\n  components: {\n    Avatar,\n    ChevronRightIcon,\n    HomeIcon,\n    SearchIcon,\n    FolderAddIcon,\n    Dialog,\n    DialogOverlay,\n    DialogTitle,\n    TransitionChild,\n    TransitionRoot,\n    XIcon,\n    Pagination,\n  },\n  setup() {\n    const store = useStore();\n\n    store.dispatch(\"cases/getCases\");\n\n    const open = ref(false);\n    const current_page = ref(1);\n    const handlePageChanged = async (page) => {\n      await store.dispatch(\"cases/getCases\", page);\n      current_page.value = page;\n    };\n    return {\n      open,\n      pages,\n      DateTime,\n      handlePageChanged,\n      current_page,\n      cases: computed(() => store.state.cases.cases),\n    };\n  },\n};\n</script>","import { render } from \"./Index.vue?vue&type=template&id=5049af20\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}