{"version":3,"sources":["webpack:///./node_modules/core-js/modules/web.dom-collections.for-each.js","webpack:///./node_modules/core-js/internals/array-for-each.js","webpack:///./src/components/LoadingSpinner.vue?cc34","webpack:///./src/views/Videos.vue","webpack:///./src/views/Videos.vue?95f7","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./src/components/LoadingSpinner.vue","webpack:///./src/components/LoadingSpinner.vue?db5a"],"names":["global","DOMIterables","forEach","createNonEnumerableProperty","COLLECTION_NAME","Collection","CollectionPrototype","prototype","error","$forEach","arrayMethodIsStrict","STRICT_METHOD","module","exports","callbackfn","this","arguments","length","undefined","class","width","height","viewBox","xmlns","opacity","d","fill","aria-hidden","fill-rule","clip-rule","aria-labelledby","for","stroke","stroke-linecap","stroke-linejoin","stroke-width","vector-effect","href","as","open","subNavigation","item","key","name","aria-current","current","icon","isLoading","userData","MaxNumberOfVideos","showSuccess","showFailure","videoList","video","id","src","thumbnail","updateVideoInList","$event","target","value","disabled","selected","type","placeholder","videoId","clearDataForVideo","saveVideoList","isPremium","user","handle","email","imageUrl","navigation","userNavigation","tabs","components","Disclosure","DisclosureButton","DisclosurePanel","Menu","MenuButton","MenuItem","MenuItems","Switch","SwitchDescription","SwitchGroup","SwitchLabel","LoadingSpinner","BellIcon","MenuIcon","SearchIcon","XIcon","setup","availableToHire","privateAccount","allowCommenting","allowMentions","data","ocData","created","fetchOcData","fetchUserData","populateVideoListData","methods","getLoginCookie","GetCustomerDetailsById","IsPremium","emitter","emit","startindex","i","push","title","YoutubeVideoIds","youtubeData","split","createVideoItem","VimeoVideoIds","vimeoData","index","splitData","videoTitle","getVimeoThumbnail","validateVideoFields","videoIndex","field","convertToVideoString","youtubeString","vimeoString","stringResult","UpdateCustomer","resp","Status","api","a","get","thumbnail_small","render","fails","METHOD_NAME","argument","method","call"],"mappings":"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","file":"js/chunk-ec3a0280.60ba1207.js","sourcesContent":["var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar forEach = require('../internals/array-for-each');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  var Collection = global[COLLECTION_NAME];\n  var CollectionPrototype = Collection && Collection.prototype;\n  // some Chrome versions have non-configurable methods on DOMTokenList\n  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n  } catch (error) {\n    CollectionPrototype.forEach = forEach;\n  }\n}\n","'use strict';\nvar $forEach = require('../internals/array-iteration').forEach;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.foreach\nmodule.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {\n  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n// eslint-disable-next-line es/no-array-prototype-foreach -- safe\n} : [].forEach;\n","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\"","<template>\r\n  <div>\r\n    <Disclosure\r\n      as=\"div\"\r\n      class=\"relative bg-indigo-600 pb-32 overflow-hidden\"\r\n      v-slot=\"{ open }\"\r\n    >\r\n      <div\r\n        :class=\"[\r\n          open ? 'bottom-0' : 'inset-y-0',\r\n          'absolute flex justify-center inset-x-0 left-1/2 transform -translate-x-1/2 w-full overflow-hidden lg:inset-y-0',\r\n        ]\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <div class=\"flex-grow bg-indigo-600 bg-opacity-75\" />\r\n        <svg\r\n          class=\"flex-shrink-0\"\r\n          width=\"1750\"\r\n          height=\"308\"\r\n          viewBox=\"0 0 1750 308\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n        >\r\n          <path\r\n            opacity=\".1\"\r\n            d=\"M1465.84 308L16.816 0H1750v308h-284.16z\"\r\n            fill=\"#fff\"\r\n          />\r\n          <path\r\n            opacity=\".05\"\r\n            d=\"M1733.19 0L284.161 308H0V0h1733.19z\"\r\n            fill=\"#fff\"\r\n          />\r\n        </svg>\r\n        <div class=\"flex-grow bg-indigo-600 bg-opacity-75\" />\r\n      </div>\r\n      <header class=\"relative py-10\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <h1 class=\"text-3xl font-bold text-white\">Settings</h1>\r\n        </div>\r\n      </header>\r\n    </Disclosure>\r\n\r\n    <main class=\"relative -mt-32\">\r\n      <div class=\"max-w-screen-xl mx-auto pb-6 px-4 sm:px-6 lg:pb-16 lg:px-8\">\r\n        <div class=\"bg-white rounded-lg shadow overflow-hidden\">\r\n          <div\r\n            class=\"\r\n              divide-y divide-gray-200\r\n              lg:grid lg:grid-cols-12\r\n              lg:divide-y-0 lg:divide-x\r\n            \"\r\n          >\r\n            <aside class=\"py-6 lg:col-span-3\">\r\n              <nav class=\"space-y-1\">\r\n                <a\r\n                  v-for=\"item in subNavigation\"\r\n                  :key=\"item.name\"\r\n                  :href=\"item.href\"\r\n                  :class=\"[\r\n                    item.current\r\n                      ? 'bg-teal-50 border-teal-500 text-teal-700 hover:bg-teal-50 hover:text-teal-700'\r\n                      : 'border-transparent text-gray-900 hover:bg-gray-50 hover:text-gray-900',\r\n                    'group border-l-4 px-3 py-2 flex items-center text-sm font-medium',\r\n                  ]\"\r\n                  :aria-current=\"item.current ? 'page' : undefined\"\r\n                >\r\n                  <component\r\n                    :is=\"item.icon\"\r\n                    :class=\"[\r\n                      item.current\r\n                        ? 'text-teal-500 group-hover:text-teal-500'\r\n                        : 'text-gray-400 group-hover:text-gray-500',\r\n                      'flex-shrink-0 -ml-1 mr-3 h-6 w-6',\r\n                    ]\"\r\n                    aria-hidden=\"true\"\r\n                  />\r\n                  <span class=\"truncate\">\r\n                    {{ item.name }}\r\n                  </span>\r\n                </a>\r\n              </nav>\r\n            </aside>\r\n\r\n            <LoadingSpinner v-if=\"isLoading\" class=\"divide-y divide-gray-200 lg:col-span-9\"/>\r\n            <div\r\n              class=\"divide-y divide-gray-200 lg:col-span-9\"\r\n              v-if=\"!isLoading\"\r\n            >\r\n              <div class=\"py-6 px-4 sm:p-6 lg:pb-8\">\r\n                <div>\r\n                  <h2 class=\"text-lg leading-6 font-medium text-gray-900\">\r\n                    Videos\r\n                  </h2>\r\n                  <p class=\"mt-1 text-sm text-gray-500\">\r\n                    These are the videos that will appear on your public\r\n                    profile. Please provide a YouTube or Vimeo ID for <strong>up to {{userData.MaxNumberOfVideos}} videos</strong>.\r\n                  </p>\r\n                </div>\r\n                <!-- Success message -->\r\n                  <div v-if=\"showSuccess\" class=\"rounded-md bg-green-50 p-4 mb-8 mt-4\">\r\n                    <div class=\"flex\">\r\n                      <div class=\"flex-shrink-0\">\r\n                        <!-- Heroicon name: solid/check-circle -->\r\n                        <svg class=\"h-5 w-5 text-green-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                          <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\r\n                        </svg>\r\n                      </div>\r\n                      <div class=\"ml-3\">\r\n                        <h3 class=\"text-sm font-medium text-green-800\">\r\n                          Successfully saved changes\r\n                        </h3>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <!-- Failure message -->\r\n                    <div v-if=\"showFailure\" class=\"rounded-md bg-red-50 p-4 mb-8\">\r\n                      <div class=\"flex\">\r\n                        <div class=\"flex-shrink-0\">\r\n                          <!-- Heroicon name: solid/x-circle -->\r\n                          <svg\r\n                            class=\"h-5 w-5 text-red-400\"\r\n                            xmlns=\"http://www.w3.org/2000/svg\"\r\n                            viewBox=\"0 0 20 20\"\r\n                            fill=\"currentColor\"\r\n                            aria-hidden=\"true\"\r\n                          >\r\n                            <path\r\n                              fill-rule=\"evenodd\"\r\n                              d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\r\n                              clip-rule=\"evenodd\"\r\n                            />\r\n                          </svg>\r\n                        </div>\r\n                        <div class=\"ml-3\">\r\n                          <h3 class=\"text-sm font-medium text-red-800\">Failed to save changes</h3>\r\n                          <div class=\"mt-2 text-red-700\">\r\n                            <p class=\" text-red-700 text-sm \">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam.</p>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                <!-- Gallery -->\r\n                <section class=\"mt-8 pb-16\" aria-labelledby=\"gallery-heading\">\r\n                  <div class=\"flex flex-col\">\r\n                    <div class=\"grid grid-cols-3 py-4 px-4 -mb-2\" v-for=\"video in videoList\" :key=\"video.id\">\r\n                      <div>\r\n                        <img :src=\"video.thumbnail ? video.thumbnail : 'https://i3.ytimg.com/vi/NpEaa2P7qZI/hqdefault.jpg'\" class=\"w-full md:w-2/3 mt-2\">\r\n                      </div>\r\n                      <div class=\"col-span-2\">\r\n                        <div class=\"grid grid-cols-2 gap-x-3\">\r\n                          <div class=\"mb-4\">\r\n                            <label for=\"video-type\" class=\"block text-sm font-medium text-gray-700\">Video Type</label>\r\n                            <div class=\"mt-1 relative rounded-md shadow-sm\">\r\n                              <select id=\"video-type\" name=\"video-type\" class=\"mt-1 block w-full pl-3 pr-10 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md\"\r\n                                @change=\"updateVideoInList(video.id, 'type', $event.target.value)\">\r\n                                <option disabled :selected=\"!video.type\">-- Please Select --</option>\r\n                                <option :selected=\"video.type == 'youtube'\" value=\"youtube\">Youtube</option>\r\n                                <option :selected=\"video.type == 'vimeo'\" value=\"vimeo\">Vimeo</option>\r\n                              </select>\r\n                            </div>\r\n                          </div>\r\n                          <div class=\"mb-4\">\r\n                            <label for=\"video-id\" class=\"block text-sm font-medium text-gray-700\">Video ID</label>\r\n                            <div class=\"mt-1 relative rounded-md shadow-sm\">\r\n                              <input type=\"text\" name=\"video-id\" id=\"video-id\" class=\"focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md\" \r\n                              placeholder=\"\"  :value=\"video.videoId\" @input=\"updateVideoInList(video.id, 'videoId', $event.target.value)\"/>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <!-- <div class=\"mb-4\">\r\n                            <label for=\"video-title\" class=\"block text-sm font-medium text-gray-700\">Video Title</label>\r\n                            <div class=\"mt-1 relative rounded-md shadow-sm\">\r\n                              <input type=\"text\" name=\"video-title\" id=\"video-title\" class=\"focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md\" \r\n                              placeholder=\"\"  :value=\"video.title\" @input=\"updateVideoInList(video.id, 'title', $event.target.value)\"/>\r\n                            </div>\r\n                        </div> -->\r\n                        <button\r\n                          type=\"submit\"\r\n                          class=\"group flex cursor-pointer focus:outline-none rounded-sm focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n                          v-on:click=\"clearDataForVideo(video.id)\"\r\n                          >\r\n                          <div class=\"bg-red-600 group-hover:bg-red-700 inline-flex items-center p-1 border border-transparent rounded-full shadow-sm text-white\">\r\n                             <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-3 w-3\" 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                          </div>\r\n                          <div class=\"-mb-2 ml-2 group-hover:text-red-700 text-sm\">\r\n                            Remove Video\r\n                          </div>\r\n                        </button>\r\n                      </div>\r\n                      \r\n                        <hr class=\"mt-5 col-span-3\"/>\r\n                    </div>\r\n                    <div class=\"mt-4 py-4 px-4 flex justify-end sm:px-6\">\r\n                    <button\r\n                      type=\"submit\"\r\n                      class=\"\r\n                        ml-5\r\n                        border border-transparent\r\n                        rounded-md\r\n                        shadow-sm\r\n                        py-2\r\n                        px-4\r\n                        inline-flex\r\n                        justify-center\r\n                        text-sm\r\n                        font-medium\r\n                        text-white\r\n                        focus:outline-none\r\n                        focus:ring-2 focus:ring-offset-2 focus:ring-blue-400\r\n                        bg-indigo-600 hover:bg-blue-700\r\n                      \"\r\n                      v-on:click=\"saveVideoList()\"\r\n                      >\r\n                      Save\r\n                    </button>\r\n                  </div>\r\n                  </div>\r\n                </section>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </main>\r\n  </div>\r\n  <div v-if=\"!isPremium\" class=\"fixed bottom-0 inset-x-0 pb-2 sm:pb-5 hidden\">\r\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\r\n      <div class=\"p-2 rounded-lg bg-yellow-400 shadow-lg sm:p-3\">\r\n        <div class=\"flex items-center justify-between flex-wrap\">\r\n          <div class=\"w-0 flex-1 flex items-center\">\r\n            <span class=\"flex p-2 rounded-lg bg-yellow-600\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-white\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path vector-effect=\"non-scaling-stroke\" fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\" />\r\n              </svg>\r\n            </span>\r\n            <p class=\"ml-3 font-medium text-white truncate\">\r\n              <span class=\"md:hidden text-black\">\r\n                Unlock additional features with a paid membership!\r\n              </span>\r\n              <span class=\"hidden md:inline text-black\">\r\n                 Unlock additional features with a paid membership!\r\n              </span>\r\n            </p>\r\n          </div>\r\n          <div class=\"order-3 mt-2 flex-shrink-0 w-full sm:order-2 sm:mt-0 sm:w-auto\">\r\n            <a href=\"/Billing\" class=\"flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-black-600 bg-white hover:bg-yellow-50\">\r\n              See Pricing Options\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ref } from \"vue\";\r\nimport {\r\n  Disclosure,\r\n  DisclosureButton,\r\n  DisclosurePanel,\r\n  Menu,\r\n  MenuButton,\r\n  MenuItem,\r\n  MenuItems,\r\n  Switch,\r\n  SwitchDescription,\r\n  SwitchGroup,\r\n  SwitchLabel,\r\n} from \"@headlessui/vue\";\r\nimport { SearchIcon } from \"@heroicons/vue/solid\";\r\nimport {\r\n  BellIcon,\r\n  CreditCardIcon,\r\n  KeyIcon,\r\n  MenuIcon,\r\n  UserCircleIcon,\r\n  PhotographIcon,\r\n  VideoCameraIcon,\r\n  XIcon,\r\n} from \"@heroicons/vue/outline\";\r\nimport LoadingSpinner from \"../components/LoadingSpinner.vue\";\r\nimport axios from \"axios\";\r\nimport { NopService } from '../services/nopService';\r\nimport { CookieService } from '../services/cookieService';\r\n\r\nconst user = {\r\n  name: \"John Cooper\",\r\n  handle: \"johncooper\",\r\n  email: \"johncooper@example.com\",\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\nconst navigation = [\r\n  { name: \"Dashboard\", href: \"#\", current: true },\r\n  { name: \"Jobs\", href: \"#\", current: false },\r\n  { name: \"Applicants\", href: \"#\", current: false },\r\n  { name: \"Company\", href: \"#\", current: false },\r\n];\r\nconst subNavigation = [\r\n  { name: \"Profile\", href: \"/Dashboard\", icon: UserCircleIcon, current: false },\r\n  { name: \"Media\", href: \"/Media\", icon: PhotographIcon, current: false },\r\n  { name: \"Videos\", href: \"/Videos\", icon: VideoCameraIcon, current: true },\r\n  { name: \"Password\", href: \"/Password\", icon: KeyIcon, current: false },\r\n  // { name: \"Membership\", href: \"/Billing\", icon: CreditCardIcon, current: false },\r\n];\r\nconst userNavigation = [\r\n  { name: \"Your Profile\", href: \"#\" },\r\n  { name: \"Settings\", href: \"#\" },\r\n  { name: \"Sign out\", href: \"#\" },\r\n];\r\nconst tabs = [{ name: \"Recently Added\", href: \"#\", current: true }];\r\n\r\nexport default {\r\n  components: {\r\n    Disclosure,\r\n    DisclosureButton,\r\n    DisclosurePanel,\r\n    Menu,\r\n    MenuButton,\r\n    MenuItem,\r\n    MenuItems,\r\n    Switch,\r\n    SwitchDescription,\r\n    SwitchGroup,\r\n    SwitchLabel,\r\n    LoadingSpinner,\r\n    BellIcon,\r\n    MenuIcon,\r\n    SearchIcon,\r\n    XIcon,\r\n  },\r\n  setup() {\r\n    const availableToHire = ref(true);\r\n    const privateAccount = ref(false);\r\n    const allowCommenting = ref(true);\r\n    const allowMentions = ref(true);\r\n\r\n    return {\r\n      user,\r\n      navigation,\r\n      subNavigation,\r\n      userNavigation,\r\n      availableToHire,\r\n      privateAccount,\r\n      allowCommenting,\r\n      allowMentions,\r\n      tabs,\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      ocData: null,\r\n      userData: null,\r\n      videoList: [],\r\n      isLoading: false,\r\n      isPremium: null,\r\n      showSuccess: false,\r\n      showFailure: false,\r\n    }\r\n  },\r\n  async created() {\r\n    this.isLoading = true;\r\n    await this.fetchOcData();\r\n    await this.fetchUserData();\r\n    await this.populateVideoListData();\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    async fetchOcData() {\r\n    },\r\n    async fetchUserData() {\r\n      let id = CookieService.getLoginCookie()\r\n      if (id) {\r\n        this.userData = await NopService.GetCustomerDetailsById(id);\r\n        this.isPremium = this.userData.IsPremium;\r\n      }\r\n      else {\r\n        this.emitter.emit(\"logged-in\", false);\r\n      }\r\n    },\r\n    populateVideoListData() {\r\n      let startindex = 0;\r\n      // first, see how many videos we need\r\n      for (let i = 0; i < this.userData.MaxNumberOfVideos; i++) {\r\n        this.videoList.push({\r\n          type: \"\",\r\n          id: i,\r\n          title: \"\",\r\n          videoId: \"\",\r\n          thumbnail: \"\",\r\n        });\r\n      }\r\n\r\n      //next, fill it with whatever data there is\r\n      if (this.userData.YoutubeVideoIds) {\r\n        //update the item videoList[startindex]\r\n        let youtubeData = this.userData.YoutubeVideoIds.split(\";\");\r\n        for (let i = 0; i < youtubeData.length; i++) {\r\n          let data = youtubeData[i];\r\n          if (data) {\r\n            this.createVideoItem(startindex, \"youtube\", data)\r\n            startindex ++;\r\n          }\r\n        }\r\n      }\r\n\r\n      if (this.userData.VimeoVideoIds) {\r\n        //update the item videoList[startindex]\r\n        let vimeoData = this.userData.VimeoVideoIds.split(\";\");\r\n        for (let i = 0; i < vimeoData.length; i++) {\r\n          let data = vimeoData[i];\r\n          if (data) {\r\n            this.createVideoItem(startindex, \"vimeo\", data)\r\n            startindex ++;\r\n          }\r\n        }\r\n      }\r\n    },\r\n    async createVideoItem(index, type, data) {\r\n      let splitData = data.split(\":\");\r\n      let videoId = splitData[0];\r\n      let videoTitle = \"\";//splitData[1];\r\n      //https://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg\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      this.videoList[index] = {\r\n        type: type,\r\n        title: videoTitle,\r\n        videoId: videoId,\r\n        id: index,\r\n        thumbnail: thumbnail,\r\n      };\r\n    },\r\n    validateVideoFields() {\r\n      // go through the video list and make sure all fields are valid\r\n      for (let i = 0; i < this.videoList.length; i++) {\r\n        let current = this.videoList[i];\r\n        if (current.videoId || \r\n            //current.title || \r\n            current.type) {\r\n          // if there is a video id, title, or type, this means the user modified it\r\n          // so they meant to include some data.\r\n          if (!(current.videoId && \r\n              // current.title && \r\n              // !current.title.includes(';') && \r\n              current.type)) {\r\n            return false;\r\n          }\r\n        }\r\n      }\r\n      return true;\r\n    },\r\n    updateVideoInList(videoIndex, field, value) {\r\n      this.videoList[videoIndex][field] = value;\r\n    },\r\n    convertToVideoString() {\r\n      //convert video data to be in the form of id:title;\r\n      let youtubeString = \"\";\r\n      let vimeoString = \"\";\r\n      this.videoList.forEach(video => {\r\n        if (video.type == \"youtube\") {\r\n          youtubeString += video.videoId + \";\"; //\":\" + video.title + \";\"\r\n        }\r\n        else if (video.type == \"vimeo\") {\r\n          vimeoString += video.videoId + \";\"; //\":\" + video.title + \";\"\r\n        }\r\n      });\r\n      return [youtubeString, vimeoString];\r\n    },\r\n    async saveVideoList() {\r\n      this.isLoading = true;\r\n      this.showSuccess = false;\r\n      this.showFailure = false;\r\n      if (this.validateVideoFields()) {\r\n        let stringResult = this.convertToVideoString();\r\n        let youtubeString = stringResult[0];\r\n        let vimeoString = stringResult[1];\r\n\r\n        this.userData[\"isActive\"] = 1;\r\n        this.userData.YoutubeVideoIds = youtubeString;\r\n        this.userData.VimeoVideoIds = vimeoString;\r\n        let resp = await NopService.UpdateCustomer(this.userData)\r\n        if (resp.Status === 1) {\r\n          this.showSuccess = true;\r\n        }\r\n        else {\r\n          this.showFailure = true;\r\n        }\r\n      }\r\n      this.isLoading = false;\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    clearDataForVideo(videoId) {\r\n      this.videoList[videoId] = {\r\n          type: \"\",\r\n          id: videoId,\r\n          title: \"\",\r\n          videoId: \"\",\r\n          thumbnail: \"\",\r\n        }\r\n    },\r\n  }\r\n};\r\n</script>\r\n","import { render } from \"./Videos.vue?vue&type=template&id=6bc7c9c2\"\nimport script from \"./Videos.vue?vue&type=script&lang=js\"\nexport * from \"./Videos.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call,no-throw-literal -- required for testing\n    method.call(null, argument || function () { throw 1; }, 1);\n  });\n};\n","<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":""}