{"version":3,"sources":["webpack:///./src/components/LoadingSpinner.vue?cc34","webpack:///./node_modules/core-js/modules/es.array.concat.js","webpack:///./src/views/Profile.vue","webpack:///./src/views/Profile.vue?b467","webpack:///./src/components/LoadingSpinner.vue","webpack:///./src/components/LoadingSpinner.vue?db5a"],"names":["$","fails","isArray","isObject","toObject","toLength","createProperty","arraySpeciesCreate","arrayMethodHasSpeciesSupport","wellKnownSymbol","V8_VERSION","IS_CONCAT_SPREADABLE","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_INDEX_EXCEEDED","IS_CONCAT_SPREADABLE_SUPPORT","array","concat","SPECIES_SUPPORT","isConcatSpreadable","O","spreadable","undefined","FORCED","target","proto","forced","arg","i","k","length","len","E","this","A","n","arguments","TypeError","class","aria-labelledby","id","role","xmlns","viewBox","fill","fill-rule","d","clip-rule","aria-hidden","stroke","stroke-linecap","stroke-linejoin","stroke-width","style","isLoading","userData","sectionData","IsAccountPrivate","isLoggedIn","src","heroImage","alt","ShowDisplayName","DisplayName","FirstName","LastName","About","otherImages","imageUrl","key","type","videos","video","videoId","thumbnail","profileImage","City","Province","Radius","allCategories","category","WebsiteUrl","href","replace","DisplayEmail","Email","DisplayPhone","Phone","LowerHourlyRate","IsFlatRate","UpperHourlyRate","as","show","open","enter","enter-from","enter-to","leave","leave-from","leave-to","youtube","width","height","mediaData","title","frameborder","allow","allowfullscreen","vimeo","photo","profiles","name","email","telephone","components","Listbox","ListboxButton","ListboxLabel","ListboxOption","ListboxOptions","CheckIcon","SelectorIcon","MailIcon","PhoneIcon","Dialog","DialogOverlay","DialogTitle","TransitionChild","TransitionRoot","LoadingSpinner","setup","data","username","$route","params","userId","created","getLoginCookie","emitter","emit","fetchOcData","fetchUserData","Id","methods","fetchPageData","GetCustomerDetailsByUsername","buildImageUrl","ProfileImageUUID","HeroImageUUID","getImages","OtherImagesUUID","PrimaryCategory","Categories","split","filter","youtubeVideos","vimeoVideos","YoutubeVideoIds","youtubeData","getVideos","VimeoVideoIds","vimeoData","imageUUIDs","ind","uuids","urls","url","push","videoData","res","createVideoItem","splitData","videoTitle","getVimeoThumbnail","api","a","get","resp","thumbnail_small","render"],"mappings":"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","file":"js/chunk-53830496.a90466e0.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./LoadingSpinner.vue?vue&type=style&index=0&id=86502b7c&lang=css\"","'use strict';\nvar $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar isArray = require('../internals/is-array');\nvar isObject = require('../internals/is-object');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar createProperty = require('../internals/create-property');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar V8_VERSION = require('../internals/engine-v8-version');\n\nvar IS_CONCAT_SPREADABLE = wellKnownSymbol('isConcatSpreadable');\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_INDEX_EXCEEDED = 'Maximum allowed index exceeded';\n\n// We can't use this feature detection in V8 since it causes\n// deoptimization and serious performance degradation\n// https://github.com/zloirock/core-js/issues/679\nvar IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails(function () {\n  var array = [];\n  array[IS_CONCAT_SPREADABLE] = false;\n  return array.concat()[0] !== array;\n});\n\nvar SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('concat');\n\nvar isConcatSpreadable = function (O) {\n  if (!isObject(O)) return false;\n  var spreadable = O[IS_CONCAT_SPREADABLE];\n  return spreadable !== undefined ? !!spreadable : isArray(O);\n};\n\nvar FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;\n\n// `Array.prototype.concat` method\n// https://tc39.es/ecma262/#sec-array.prototype.concat\n// with adding support of @@isConcatSpreadable and @@species\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  // eslint-disable-next-line no-unused-vars -- required for `.length`\n  concat: function concat(arg) {\n    var O = toObject(this);\n    var A = arraySpeciesCreate(O, 0);\n    var n = 0;\n    var i, k, length, len, E;\n    for (i = -1, length = arguments.length; i < length; i++) {\n      E = i === -1 ? O : arguments[i];\n      if (isConcatSpreadable(E)) {\n        len = toLength(E.length);\n        if (n + len > MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);\n        for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);\n      } else {\n        if (n >= MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);\n        createProperty(A, n++, E);\n      }\n    }\n    A.length = n;\n    return A;\n  }\n});\n","<template>\r\n  <LoadingSpinner v-if=\"isLoading\" class=\"justify-center items-center\"/>\r\n  <div v-if=\"!isLoading && userData && sectionData\">\r\n    <div class=\"bg-gray-100\">\r\n      <div>\r\n      </div>\r\n      <div\r\n        class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 bg-gray-100 lg:max-w-7xl\"\r\n      >\r\n      </div>\r\n    </div>\r\n    <div class=\"relative min-h-screen bg-gray-100\">\r\n      <main v-if=\"(!userData.IsAccountPrivate || isLoggedIn)\" class=\"py-10 pt-3\">\r\n        <div\r\n          class=\"\r\n            mt-8\r\n            max-w-3xl\r\n            mx-auto\r\n            grid grid-cols-1\r\n            gap-6\r\n            sm:px-6\r\n            lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-3\r\n          \"\r\n        >\r\n          <div class=\"space-y-6 lg:col-start-1 lg:col-span-2\">\r\n            <!-- Description list-->\r\n            <div class=\"aspect-w-9 aspect-h-4 w-full rounded-md overflow-hidden relative\">\r\n              <img class=\"object-cover absolute top-0 left-0 h-full w-full\" :src=\"heroImage\" alt=\"\" />\r\n              <div class=\"absolute top-1/2 opacity-80 left-0 h-1/2 w-full bg-gradient-to-t from-black to-transparent\">\r\n\r\n              </div>\r\n              <div class=\"absolute top-1/2 left-0 h-1/2 w-full z-20 flex p-6\">\r\n                <h1 class=\"text-4xl text-white font-bold mt-auto\">{{ userData.ShowDisplayName ? userData.DisplayName : (userData.FirstName && userData.LastName ? userData.FirstName + \" \" + userData.LastName : \"\") }}</h1>\r\n              </div>\r\n            </div>\r\n\r\n            <section aria-labelledby=\"applicant-information-title\">\r\n              <div class=\"bg-white shadow sm:rounded-lg\">\r\n                <div v-if=\"userData.About\" class=\"px-4 py-5 sm:px-6 sm:pb:0 border-b\">\r\n                  <h2\r\n                    id=\"applicant-information-title\"\r\n                    class=\"text-lg leading-6 font-medium text-gray-900 mb-0\"\r\n                  >\r\n                    About \r\n            \r\n                  </h2>\r\n                </div>\r\n                <div class=\"px-4 py-5 sm:px-6\">\r\n                  <dl class=\"grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2\">\r\n                    <div v-if=\"userData.About\" class=\"sm:col-span-2\">\r\n                      <p class=\"text-lg text-gray-600\">\r\n                        {{ userData.About }}\r\n                      </p>\r\n                    </div>\r\n                    <div class=\"sm:col-span-2\" v-if=\"otherImages\">\r\n                      <dt\r\n                        v-if=\"otherImages.length > 0\"\r\n                        class=\"text-lg leading-6 font-medium text-gray-900 mb-6\"\r\n                      >\r\n                        Photos\r\n                      </dt>\r\n                      <ul\r\n                        role=\"list\"\r\n                        class=\"\r\n                          mx-auto\r\n                          list-none\r\n                          grid grid-cols-2\r\n                          gap-x-4 gap-y-8\r\n                          sm:grid-cols-3 sm:gap-x-6\r\n                          lg:grid-cols-4\r\n                          xl:gap-x-8\r\n                        \"\r\n                      >\r\n                        <li class=\"relative\" v-for=\"imageUrl in otherImages\"\r\n                        :key=\"imageUrl\">\r\n                          <div\r\n                            class=\"\r\n                              group\r\n                              block\r\n                              w-full\r\n                              aspect-w-10 aspect-h-7\r\n                              rounded-lg\r\n                              bg-gray-100\r\n                              focus-within:ring-2\r\n                              focus-within:ring-offset-2\r\n                              focus-within:ring-offset-gray-100\r\n                              focus-within:ring-indigo-500\r\n                              overflow-hidden\r\n                            \"\r\n                          >\r\n                            <img\r\n                              :src=\"imageUrl\"\r\n                              alt=\"\"\r\n                              class=\"\r\n                                object-cover\r\n                                pointer-events-none\r\n                                group-hover:opacity-75\r\n                              \"\r\n                            />\r\n                            <button\r\n                              type=\"button\"\r\n                              v-on:click=\"\r\n                                open = true;\r\n                                vimeo = false;\r\n                                youtube = false;\r\n                                photo = true;\r\n                                mediaData = imageUrl;\r\n                              \"\r\n                              class=\"absolute inset-0 focus:outline-none\"\r\n                            >\r\n                              <span class=\"sr-only\"\r\n                                >View details for IMG_4985.HEIC</span\r\n                              >\r\n                            </button>\r\n                          </div>\r\n                        </li>\r\n                      </ul>\r\n                    </div>\r\n\r\n                    <div class=\"sm:col-span-2\" v-if=\"videos\">\r\n                      <dt\r\n                        class=\"text-lg leading-6 font-medium text-gray-900 mb-6\"\r\n                      >\r\n                        Videos\r\n                      </dt>\r\n                      <ul\r\n                        role=\"list\"\r\n                        class=\"\r\n                          mx-auto\r\n                          list-none\r\n                          grid grid-cols-2\r\n                          gap-x-4 gap-y-8\r\n                          sm:grid-cols-3 sm:gap-x-6\r\n                          lg:grid-cols-4\r\n                          xl:gap-x-8\r\n                        \"\r\n                      >\r\n                        <li class=\"relative\" v-for=\"video in videos\" :key=\"video.videoId\">\r\n                          <div\r\n                            class=\"\r\n                              group\r\n                              block\r\n                              w-full\r\n                              aspect-w-10 aspect-h-7\r\n                              rounded-lg\r\n                              bg-gray-100\r\n                              focus-within:ring-2\r\n                              focus-within:ring-offset-2\r\n                              focus-within:ring-offset-gray-100\r\n                              focus-within:ring-indigo-500\r\n                              overflow-hidden\r\n                            \"\r\n                          >\r\n                            <img\r\n                              :src=\"video.thumbnail\"\r\n                              alt=\"\"\r\n                              class=\"\r\n                                object-cover\r\n                                pointer-events-none\r\n                                group-hover:opacity-75\r\n                              \"\r\n                            />\r\n                            <div\r\n                              class=\"\r\n                                absolute\r\n                                top-0\r\n                                left-0\r\n                                h-full\r\n                                w-full\r\n                                flex\r\n                                bg-gray-900 bg-opacity-30\r\n                              \"\r\n                            >\r\n                              <svg\r\n                                xmlns=\"http://www.w3.org/2000/svg\"\r\n                                class=\"h-12 w-12 my-auto mx-auto\"\r\n                                viewBox=\"0 0 20 20\"\r\n                                fill=\"#fff\"\r\n                              >\r\n                                <path\r\n                                  fill-rule=\"evenodd\"\r\n                                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z\"\r\n                                  clip-rule=\"evenodd\"\r\n                                />\r\n                              </svg>\r\n                            </div>\r\n                            <button\r\n                              type=\"button\"\r\n                              class=\"absolute inset-0 focus:outline-none\"\r\n                              v-on:click=\"\r\n                                open = true;\r\n                                vimeo = video.type == 'vimeo';\r\n                                youtube = video.type == 'youtube';\r\n                                photo = false;\r\n                                mediaData = video.videoId;\r\n                              \"\r\n                            >\r\n                              <span class=\"sr-only\"\r\n                                >View details for IMG_4985.HEIC</span\r\n                              >\r\n                            </button>\r\n                          </div>\r\n                        </li>\r\n                        <!-- <li class=\"relative\">\r\n                          <div\r\n                            class=\"\r\n                              group\r\n                              block\r\n                              w-full\r\n                              aspect-w-10 aspect-h-7\r\n                              rounded-lg\r\n                              bg-gray-100\r\n                              focus-within:ring-2\r\n                              focus-within:ring-offset-2\r\n                              focus-within:ring-offset-gray-100\r\n                              focus-within:ring-indigo-500\r\n                              overflow-hidden\r\n                            \"\r\n                          >\r\n                            <img\r\n                              src=\"https://vumbnail.com/130061843.jpg\"\r\n                              alt=\"\"\r\n                              class=\"\r\n                                object-cover\r\n                                pointer-events-none\r\n                                group-hover:opacity-75\r\n                              \"\r\n                            />\r\n                            <div\r\n                              class=\"\r\n                                absolute\r\n                                top-0\r\n                                left-0\r\n                                h-full\r\n                                w-full\r\n                                flex\r\n                                bg-gray-900 bg-opacity-30\r\n                              \"\r\n                            >\r\n                              <svg\r\n                                xmlns=\"http://www.w3.org/2000/svg\"\r\n                                class=\"h-12 w-12 my-auto mx-auto\"\r\n                                viewBox=\"0 0 20 20\"\r\n                                fill=\"#fff\"\r\n                              >\r\n                                <path\r\n                                  fill-rule=\"evenodd\"\r\n                                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z\"\r\n                                  clip-rule=\"evenodd\"\r\n                                />\r\n                              </svg>\r\n                            </div>\r\n                            <button\r\n                              type=\"button\"\r\n                              class=\"absolute inset-0 focus:outline-none\"\r\n                              v-on:click=\"\r\n                                open = true;\r\n                                vimeo = true;\r\n                                youtube = false;\r\n                                photo = false;\r\n                                mediaData = 'the id of the video will go here';\r\n                              \"\r\n                            >\r\n                              <span class=\"sr-only\"\r\n                                >View details for IMG_4985.HEIC</span\r\n                              >\r\n                            </button>\r\n                          </div>\r\n                        </li> -->\r\n                      </ul>\r\n                    </div>\r\n                  </dl>\r\n                </div>\r\n              </div>\r\n            </section>\r\n          </div>\r\n\r\n          <section\r\n            aria-labelledby=\"timeline-title\"\r\n            class=\"lg:col-start-3 lg:col-span-1\"\r\n          >\r\n          <div class=\"-mb-14 sm:flex sm:items-end sm:space-x-5\">\r\n            <img\r\n              class=\"h-24 w-24 mx-auto z-10 relative shadow-md rounded-full ring-4 ring-white sm:h-32 sm:w-32 object-cover\"\r\n              :src=\"profileImage\"\r\n              alt=\"\"\r\n            />\r\n        </div>\r\n            <div class=\"bg-white px-4 py-5 shadow sm:rounded-lg sm:px-6\">\r\n              <h2 id=\"timeline-title\" class=\"text-lg font-medium text-gray-900\">\r\n                Details\r\n              </h2>\r\n\r\n              <!-- Activity Feed -->\r\n              <div class=\"mt-6 flow-root\">\r\n                \r\n                <dl class=\"grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2\">\r\n                  <div v-if=\"userData.City && userData.Province && userData.Radius\" class=\"sm:col-span-2\">\r\n                    <dt class=\"text-sm font-medium text-gray-500\">Location</dt>\r\n                    <dd class=\"mt-1 text-sm text-gray-900\">\r\n                      {{userData.City}}, {{userData.Province}} <span class=\"text-gray-500\">(+{{userData.Radius}}km)</span>\r\n                    </dd>\r\n                  </div>\r\n                  <div v-if=\"allCategories\" class=\"sm:col-span-2\">\r\n                    <dt class=\"text-sm font-medium text-gray-500\">\r\n                      Categories\r\n                    </dt>\r\n                    <dd class=\"mt-2 text-sm text-gray-900\">\r\n                      <span\r\n                        v-for=\"category in allCategories\"\r\n                        v-bind:key=\"category\"\r\n                        class=\"\r\n                          inline-flex\r\n                          items-center\r\n                          px-2.5\r\n                          py-0.5\r\n                          rounded-full\r\n                          text-xs\r\n                          font-medium\r\n                          bg-gray-100\r\n                          text-gray-800\r\n                          mx-1 mb-1\r\n                        \"\r\n                      >\r\n                        {{ category }}\r\n                      </span>\r\n                      <!-- <span\r\n                      class=\"\r\n                        inline-flex\r\n                        items-center\r\n                        px-2.5\r\n                        py-0.5\r\n                        rounded-full\r\n                        text-xs\r\n                        font-medium\r\n                        bg-red-100\r\n                        text-red-800 ml-1\r\n                      \"\r\n                    >\r\n                      Adult Rated\r\n                    </span> -->\r\n                    </dd>\r\n                  </div>\r\n                  <div v-if=\"userData.WebsiteUrl\" class=\"sm:col-span-2\">\r\n                    <dt class=\"text-sm font-medium text-gray-500\">Website</dt>\r\n                    <dd class=\"mt-1 text-sm text-gray-900\">\r\n                      <a\r\n                        :href=\"'http://' + userData.WebsiteUrl.replace('https://','').replace('http://','')\" target=\"_blank\"\r\n                        class=\"\r\n                          text-indigo-600\r\n                          hover:text-indigo-800 hover:underline\r\n                        \"\r\n                      >\r\n                        {{ userData.WebsiteUrl }}\r\n                      </a>\r\n                    </dd>\r\n                  </div>\r\n                  <div v-if=\"userData.DisplayEmail\" class=\"sm:col-span-2\">\r\n                    <dt class=\"text-sm font-medium text-gray-500\">\r\n                      Email address\r\n                    </dt>\r\n                    <dd class=\"mt-1 text-sm text-gray-900\">\r\n                      <a\r\n                        :href=\"'mailto:' + userData.Email\"\r\n                        class=\"\r\n                          text-indigo-600\r\n                          hover:text-indigo-800 hover:underline\r\n                        \"\r\n                      >\r\n                        {{ userData.Email }}\r\n                      </a>\r\n                    </dd>\r\n                  </div>\r\n                  <div v-if=\"userData.DisplayPhone\" class=\"sm:col-span-2\">\r\n                    <dt class=\"text-sm font-medium text-gray-500\">Phone</dt>\r\n                    <dd class=\"mt-1 text-sm text-gray-900\">\r\n                      <a\r\n                        :href=\"'tel:' + userData.Phone\"\r\n                        class=\"\r\n                          text-indigo-600\r\n                          hover:text-indigo-800 hover:underline\r\n                        \"\r\n                      >\r\n                        {{ userData.Phone }}\r\n                      </a>\r\n                    </dd>\r\n                  </div>\r\n                  <div v-if=\"userData.LowerHourlyRate\" class=\"sm:col-span-2\">\r\n                    <dt class=\"text-sm font-medium text-gray-500\">Price</dt>\r\n                    <dd v-if=\"userData.IsFlatRate\" class=\"mt-1 text-sm text-gray-900\">\r\n                      From ${{ userData.LowerHourlyRate }} <span v-if=\"userData.UpperHourlyRate\">to ${{\r\n                        userData.UpperHourlyRate\r\n                      }} </span> flat rate\r\n                    </dd>\r\n                    <dd v-else class=\"mt-1 text-sm text-gray-900\">\r\n                      From ${{ userData.LowerHourlyRate }}/hour <span v-if=\"userData.UpperHourlyRate\">to ${{\r\n                        userData.UpperHourlyRate\r\n                      }}/hour </span>\r\n                    </dd>\r\n                  </div>\r\n                </dl>\r\n              </div>\r\n              <div class=\"mt-6 flex flex-col justify-stretch\"></div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n      </main>\r\n    </div>\r\n    <TransitionRoot as=\"template\" :show=\"open\">\r\n      <Dialog\r\n        as=\"div\"\r\n        class=\"fixed z-50 inset-0 overflow-y-auto\"\r\n        @close=\"\r\n          open = false;\r\n          photo = false;\r\n        \"\r\n      >\r\n        <div\r\n          class=\"\r\n            flex\r\n            items-end\r\n            justify-center\r\n            min-h-screen\r\n            pt-4\r\n            px-4\r\n            pb-20\r\n            text-center\r\n            sm:block sm:p-0\r\n          \"\r\n        >\r\n          <TransitionChild\r\n            as=\"template\"\r\n            enter=\"ease-out duration-300\"\r\n            enter-from=\"opacity-0\"\r\n            enter-to=\"opacity-100\"\r\n            leave=\"ease-in duration-200\"\r\n            leave-from=\"opacity-100\"\r\n            leave-to=\"opacity-0\"\r\n          >\r\n            <DialogOverlay\r\n              class=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\"\r\n            />\r\n          </TransitionChild>\r\n          <!-- This element is to trick the browser into centering the modal contents. -->\r\n          <span\r\n            class=\"hidden sm:inline-block sm:align-middle sm:h-screen\"\r\n            aria-hidden=\"true\"\r\n            >&#8203;</span\r\n          >\r\n          <TransitionChild\r\n            as=\"template\"\r\n            enter=\"ease-out duration-300\"\r\n            enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\r\n            enter-to=\"opacity-100 translate-y-0 sm:scale-100\"\r\n            leave=\"ease-in duration-200\"\r\n            leave-from=\"opacity-100 translate-y-0 sm:scale-100\"\r\n            leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\r\n          >\r\n            <div\r\n              class=\"\r\n                inline-block\r\n                align-bottom\r\n                bg-white\r\n                rounded-lg\r\n                text-left\r\n                shadow-xl\r\n                transform\r\n                transition-all\r\n                sm:my-8 sm:align-middle\r\n                md:w-2/4\r\n                sm:w-full\r\n              \"\r\n            >\r\n              <button\r\n                class=\"\r\n                  absolute\r\n                  right-0\r\n                  -top-10\r\n                  cursor-pointer\r\n                  hover:text-gray-50\r\n                \"\r\n                v-on:click=\"open = false\"\r\n              >\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  class=\"h-8 w-8\"\r\n                  fill=\"none\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  stroke=\"#fff\"\r\n                >\r\n                  <path\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    stroke-width=\"2\"\r\n                    d=\"M6 18L18 6M6 6l12 12\"\r\n                  />\r\n                </svg>\r\n              </button>\r\n              <div class=\"h-full overflow-hidden rounded-lg\">\r\n                <iframe\r\n                  v-if=\"youtube\"\r\n                  width=\"100%\"\r\n                  height=\"435\"\r\n                  :src=\"'https://www.youtube.com/embed/' + mediaData\"\r\n                  title=\"YouTube video player\"\r\n                  frameborder=\"0\"\r\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                  allowfullscreen\r\n                ></iframe>\r\n                <div\r\n                  v-if=\"vimeo\"\r\n                  style=\"padding: 56.25% 0 0 0; position: relative\"\r\n                >\r\n                  <iframe\r\n                    :src=\"'https://player.vimeo.com/video/' + mediaData +'?h=ca1a53be2c&byline=0&portrait=0'\"\r\n                    style=\"\r\n                      position: absolute;\r\n                      top: 0;\r\n                      left: 0;\r\n                      width: 100%;\r\n                      height: 100%;\r\n                    \"\r\n                    frameborder=\"0\"\r\n                    allow=\"autoplay  ; fullscreen; picture-in-picture\"\r\n                    allowfullscreen\r\n                  ></iframe>\r\n                </div>\r\n                <div v-if=\"photo\">\r\n                  <img\r\n                    style=\"height: 75vh\"\r\n                    :src=\"mediaData\"\r\n                    alt=\"\"\r\n                    class=\"object-cover w-full\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </TransitionChild>\r\n        </div>\r\n      </Dialog>\r\n    </TransitionRoot>\r\n\r\n    <!--<TransitionRoot as=\"template\" :show=\"photoOpen\">\r\n    <Dialog as=\"div\" class=\"fixed z-10 inset-0 overflow-y-auto\" @close=\"photoOpen = false\">\r\n      <div class=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\r\n        <button v-on:click=\"photopen = true\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\r\n          </svg>\r\n        </button>\r\n        <TransitionChild as=\"template\" enter=\"ease-out duration-300\" enter-from=\"opacity-0\" enter-to=\"opacity-100\" leave=\"ease-in duration-200\" leave-from=\"opacity-100\" leave-to=\"opacity-0\">\r\n          <DialogOverlay class=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\r\n        </TransitionChild> -->\r\n\r\n    <!-- This element is to trick the browser into centering the modal contents. -->\r\n    <!-- <span class=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">&#8203;</span>\r\n        <TransitionChild as=\"template\" enter=\"ease-out duration-300\" enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\" enter-to=\"opacity-100 translate-y-0 sm:scale-100\" leave=\"ease-in duration-200\" leave-from=\"opacity-100 translate-y-0 sm:scale-100\" leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\">\r\n          <div class=\"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle md:w-2/4 sm:w-full \">\r\n            <img\r\n              src=\"https://images.unsplash.com/photo-1582053433976-25c00369fc93?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=512&q=80\"\r\n              alt=\"\"\r\n              class=\"\r\n                object-cover  \r\n                pointer-events-none\r\n                group-hover:opacity-75\r\n                w-full\r\n              \"\r\n              style=\"max-height: 75vh;\"\r\n            />\r\n          </div>\r\n        </TransitionChild>\r\n      </div>\r\n    </Dialog>\r\n  </TransitionRoot> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n//import { ref } from \"vue\";\r\nimport { ref } from \"vue\";\r\nimport {\r\n  Listbox,\r\n  ListboxButton,\r\n  ListboxLabel,\r\n  ListboxOption,\r\n  ListboxOptions,\r\n  Dialog,\r\n  DialogOverlay,\r\n  DialogTitle,\r\n  TransitionChild,\r\n  TransitionRoot,\r\n} from \"@headlessui/vue\";\r\nimport {\r\n  CheckIcon,\r\n  SelectorIcon,\r\n  MailIcon,\r\n  PhoneIcon,\r\n} from \"@heroicons/vue/solid\";\r\nimport axios from \"axios\";\r\nimport LoadingSpinner from \"../components/LoadingSpinner.vue\"\r\nimport { OcContentService } from \"../services/ocContentService\";\r\nimport { NopService } from \"../services/nopService\";\r\nimport { UploadcareService } from \"../services/uploadcareService\";\r\nimport { CookieService } from '../services/cookieService';\r\n\r\n// const people = [\r\n//   { id: 1, name: \"-- Please Select --\" },\r\n//   { id: 2, name: \"Comedians\" },\r\n//   { id: 3, name: \"DJs\" },\r\n//   { id: 4, name: \"Dance\" },\r\n//   { id: 5, name: \"Special Acts\" },\r\n//   { id: 6, name: \"Actors\" },\r\n//   { id: 7, name: \"Musicians\" },\r\n// ];\r\n// const people2 = [\r\n//   { id: 1, name: \"-- Please Select --\" },\r\n//   { id: 2, name: \"Stand Up Comedians\" },\r\n//   { id: 3, name: \"Adult Rated\" },\r\n//   { id: 4, name: \"Comedy Magicians\" },\r\n//   { id: 5, name: \"Emcees\" },\r\n//   { id: 6, name: \"Corporate Comedians\" },\r\n// ];\r\n\r\nconst profiles = [\r\n  {\r\n    name: \"Jane Cooper\",\r\n    title: \"Toronto, On\",\r\n    role: \"Comedian\",\r\n    email: \"janecooper@example.com\",\r\n    telephone: \"+1-202-555-0170\",\r\n    imageUrl:\r\n      \"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60\",\r\n  },\r\n  {\r\n    name: \"John Cooper\",\r\n    title: \"Toronto, On\",\r\n    role: \"Musician\",\r\n    email: \"johncooper@example.com\",\r\n    telephone: \"+1-202-555-0170\",\r\n    imageUrl:\r\n      \"https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80\",\r\n  },\r\n  {\r\n    name: \"Jane Cooper\",\r\n    title: \"Toronto, On\",\r\n    role: \"Comedian\",\r\n    email: \"janecooper@example.com\",\r\n    telephone: \"+1-202-555-0170\",\r\n    imageUrl:\r\n      \"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60\",\r\n  },\r\n  {\r\n    name: \"John Cooper\",\r\n    title: \"Toronto, On\",\r\n    role: \"Musician\",\r\n    email: \"johncooper@example.com\",\r\n    telephone: \"+1-202-555-0170\",\r\n    imageUrl:\r\n      \"https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80\",\r\n  },\r\n  {\r\n    name: \"Jane Cooper\",\r\n    title: \"Toronto, On\",\r\n    role: \"Comedian\",\r\n    email: \"janecooper@example.com\",\r\n    telephone: \"+1-202-555-0170\",\r\n    imageUrl:\r\n      \"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60\",\r\n  },\r\n  {\r\n    name: \"John Cooper\",\r\n    title: \"Toronto, On\",\r\n    role: \"Musician\",\r\n    email: \"johncooper@example.com\",\r\n    telephone: \"+1-202-555-0170\",\r\n    imageUrl:\r\n      \"https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80\",\r\n  },\r\n  // More people...\r\n];\r\n\r\nexport default {\r\n  components: {\r\n    Listbox,\r\n    ListboxButton,\r\n    ListboxLabel,\r\n    ListboxOption,\r\n    ListboxOptions,\r\n    CheckIcon,\r\n    SelectorIcon,\r\n    MailIcon,\r\n    PhoneIcon,\r\n    Dialog,\r\n    DialogOverlay,\r\n    DialogTitle,\r\n    TransitionChild,\r\n    TransitionRoot,\r\n    LoadingSpinner,\r\n  },\r\n  setup() {\r\n    // const selected = ref(people[0]);\r\n    const open = ref(false);\r\n    const youtube = ref(false);\r\n    const vimeo = ref(false);\r\n    const photo = ref(false);\r\n    const mediaData = ref(\"\")\r\n    return {\r\n      // people,\r\n      // people2,\r\n      // selected,\r\n      profiles,\r\n      open,\r\n      youtube,\r\n      vimeo,\r\n      photo,\r\n      mediaData,\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      isLoading: false,\r\n      sectionData: null,\r\n      userData: null,\r\n      username: this.$route.params.username,\r\n      userId: this.$route.params.id,\r\n      profileImage: null,\r\n      heroImage: null,\r\n      otherImages: null,\r\n      allCategories: null,\r\n      videos: null,\r\n      isLoggedIn: false,\r\n    };\r\n  },\r\n  async created() {\r\n    //need to do this to check whether the nav bar needs to be updated\r\n    if (!CookieService.getLoginCookie()) {\r\n      this.emitter.emit(\"logged-in\", false);\r\n    }\r\n    this.isLoading = true;\r\n    let id = CookieService.getLoginCookie();\r\n    await this.fetchOcData();\r\n    await this.fetchUserData();\r\n    this.isLoggedIn = id == this.userData.Id;\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    async fetchOcData() {\r\n      this.sectionData = await OcContentService.fetchPageData(\r\n        \"Settings - Profile\",\r\n        \"KrickersSectionContent\"\r\n      );\r\n    },\r\n    async fetchUserData() {\r\n      this.userData = await NopService.GetCustomerDetailsByUsername(this.username);\r\n      //get image data\r\n      this.profileImage = UploadcareService.buildImageUrl(\r\n        this.userData.ProfileImageUUID, \"-/resize/x200/\"\r\n      );\r\n      this.heroImage = UploadcareService.buildImageUrl(\r\n        this.userData.HeroImageUUID, \"-/resize/x1920/\"\r\n      );\r\n      this.otherImages = await this.getImages(this.userData.OtherImagesUUID)\r\n      //get category data\r\n      this.allCategories = (\r\n        this.userData.PrimaryCategory +\r\n        \",\" +\r\n        this.userData.Categories\r\n      )\r\n        .split(\",\")\r\n        .filter((n) => n);\r\n\r\n      //janky but whatever:\r\n      if (this.allCategories.length == 1 && this.allCategories[0] == \"null\") {\r\n        this.allCategories = undefined;\r\n      }\r\n      //get videos, if any\r\n      let youtubeVideos = [];\r\n      let vimeoVideos = [];\r\n      if (this.userData.YoutubeVideoIds) {\r\n        let youtubeData = this.userData.YoutubeVideoIds.split(\";\");\r\n        youtubeVideos = await this.getVideos(\"youtube\", youtubeData);\r\n      }\r\n      if (this.userData.VimeoVideoIds) {\r\n        let vimeoData = this.userData.VimeoVideoIds.split(\";\");\r\n        vimeoVideos = await this.getVideos(\"vimeo\", vimeoData);\r\n      }\r\n      this.videos = youtubeVideos.concat(vimeoVideos);\r\n      if (this.videos.length == 0) {\r\n        this.videos = null;\r\n      }\r\n    },\r\n    async getImages(imageUUIDs) {\r\n      let uuids = imageUUIDs.split(',').filter(n => n)\r\n      let urls = []\r\n      for (var ind in uuids) {\r\n        let url = UploadcareService.buildImageUrl(uuids[ind], \"-/resize/x800/\")\r\n        urls.push(url)\r\n      }\r\n      return urls\r\n    },\r\n    async getVideos(type, videoData) {\r\n      let res = [];\r\n      for (let i = 0; i < videoData.length; i++) {\r\n        let data = videoData[i];\r\n        if (data) {\r\n          if (type == \"youtube\") {\r\n            res.push(await this.createVideoItem(type, data))\r\n          }\r\n          else if (type == \"vimeo\") {\r\n            res.push(await this.createVideoItem(type, data))\r\n          }\r\n        }\r\n      }\r\n      return res\r\n    },\r\n    async createVideoItem(type, data) {\r\n      let splitData = data.split(\":\");\r\n      let videoId = splitData[0];\r\n      let videoTitle = splitData[1];\r\n      let thumbnail = \"\"\r\n      if (type == \"youtube\") {\r\n        thumbnail = \"https://img.youtube.com/vi/\" + videoId + \"/0.jpg\"\r\n      }\r\n      else if (type == \"vimeo\") {\r\n        thumbnail = await this.getVimeoThumbnail(videoId);\r\n      }\r\n      return {\r\n        type: type,\r\n        title: videoTitle,\r\n        videoId: videoId,\r\n        thumbnail: thumbnail,\r\n      }\r\n    },\r\n    async getVimeoThumbnail(videoId) {\r\n      let api = \"https://vimeo.com/api/v2/video/\" + videoId + \".json\";\r\n      let resp = await axios.get(api);\r\n      return resp.data[0].thumbnail_small;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./Profile.vue?vue&type=template&id=a7954b9e\"\nimport script from \"./Profile.vue?vue&type=script&lang=js\"\nexport * from \"./Profile.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\r\n  <!-- <div class=\"flex justify-center items-center\">\r\n    <div\r\n      class=\"\r\n        loader\r\n        ease-linear\r\n        rounded-full\r\n        border-8 border-t-8 border-gray-200\r\n        h-32\r\n        w-32\r\n      \"\r\n    ></div>\r\n  </div> -->\r\n  <div class=\"flex justify-center items-center\">\r\n    <div\r\n      class=\"\r\n        animate-spin\r\n        rounded-full\r\n        h-32\r\n        w-32\r\n        border-t-2 border-b-2 border-purple-500\r\n      \">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  setup() {},\r\n};\r\n</script>\r\n<style>\r\n  /* .loader {\r\n    border-top-color: #3498db;\r\n    -webkit-animation: spinner 1.5s linear infinite;\r\n    animation: spinner 1.5s linear infinite;\r\n  }\r\n\r\n  @-webkit-keyframes spinner {\r\n    0% {\r\n      -webkit-transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      -webkit-transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes spinner {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  } */\r\n</style>","import { render } from \"./LoadingSpinner.vue?vue&type=template&id=86502b7c\"\nimport script from \"./LoadingSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./LoadingSpinner.vue?vue&type=script&lang=js\"\n\nimport \"./LoadingSpinner.vue?vue&type=style&index=0&id=86502b7c&lang=css\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}