{"version":3,"sources":["webpack:///./src/components/MediaUploader.vue?f8ab","webpack:///./node_modules/core-js/modules/es.string.match.js","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:///./src/views/Media.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///./src/components/FileUploader.vue","webpack:///./src/components/FileUploader.vue?e40e","webpack:///./src/components/MediaUploader.vue","webpack:///./src/components/MediaUploader.vue?4dd7","webpack:///./src/views/Media.vue?cc17","webpack:///./node_modules/core-js/modules/es.array.splice.js","webpack:///./node_modules/core-js/modules/es.number.constructor.js","webpack:///./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js","webpack:///./src/components/FileUploader.vue?a370"],"names":["fixRegExpWellKnownSymbolLogic","anObject","toLength","requireObjectCoercible","advanceStringIndex","regExpExec","MATCH","nativeMatch","maybeCallNative","regexp","O","this","matcher","undefined","call","RegExp","String","string","res","done","value","rx","S","global","fullUnicode","unicode","lastIndex","result","A","n","matchStr","module","exports","whitespaces","whitespace","ltrim","rtrim","createMethod","TYPE","$this","replace","start","end","trim","isObject","setPrototypeOf","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype","class","width","height","viewBox","xmlns","opacity","d","fill","action","method","aria-labelledby","aria-hidden","fill-rule","clip-rule","id","role","stroke","stroke-linecap","stroke-linejoin","stroke-width","for","type","placeholder","vector-effect","href","sectionData","as","open","subNavigation","item","key","name","aria-current","current","icon","isLoading","uploadedMediaFiles","isDisabled","userData","MaxNumberOfImages","length","maxNumUploads","onMediaUpload","showSuccess","showFailure","showFailureToDelete","file","data","original_filename","upHere","src","getUploadcareImage","uuid","alt","removeImage","Math","round","size","show","enter","enter-from","enter-to","leave","leave-from","leave-to","ref","isPremium","_typeof","obj","Symbol","iterator","tabindex","aria-label","ondrop","dragOverHandler","$event","dragLeaveHandler","dragEnterHandler","mounted","fileTempl","document","getElementById","imageTempl","empty","FILES","gallery","overlay","hidden","onclick","click","onchange","e","target","files","addFile","counter","classList","contains","ou","dataset","remove","children","alert","JSON","stringify","lastChild","append","methods","isImage","match","objectURL","URL","createObjectURL","clone","content","cloneNode","querySelector","textContent","Object","assign","add","prepend","dropHandler","ev","preventDefault","dataTransfer","hasFiles","types","indexOf","render","style","dragover","dragleave","drop","disabled","multiple","onChange","accept","filelist","el","delimiters","props","Boolean","Number","fileUUIDs","ONE_MB","validFiles","$refs","i","push","tempImage","$emit","splice","testUploadcareServiceDELETE","event","currentTarget","testUploadcareServiceUPLOAD","uploadImage","respUpload","getImageData","index","deleteImage","user","handle","email","imageUrl","navigation","userNavigation","tabs","source","currentFile","information","Created","Dimensions","Resolution","sharedWith","components","Disclosure","DisclosureButton","DisclosurePanel","Menu","MenuButton","MenuItem","MenuItems","Switch","SwitchDescription","SwitchGroup","SwitchLabel","BellIcon","MenuIcon","SearchIcon","XIcon","FileUploader","MediaUploader","LoadingSpinner","Dialog","DialogOverlay","DialogTitle","TransitionChild","TransitionRoot","setup","availableToHire","privateAccount","allowCommenting","allowMentions","created","fetchOcData","fetchUserData","fetchPageData","getLoginCookie","GetCustomerDetailsById","IsPremium","getNopImages","emitter","emit","fileList","newUuids","filter","image","OtherImagesUUID","UpdateCustomer","resp","Status","Data","uuidList","split","img","buildImageUrl","$","toAbsoluteIndex","toInteger","toObject","arraySpeciesCreate","createProperty","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","max","min","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_LENGTH_EXCEEDED","proto","forced","deleteCount","insertCount","actualDeleteCount","k","from","to","len","actualStart","argumentsLength","arguments","TypeError","DESCRIPTORS","isForced","redefine","has","classof","inheritIfRequired","toPrimitive","fails","create","getOwnPropertyNames","f","getOwnPropertyDescriptor","defineProperty","NUMBER","NativeNumber","NumberPrototype","BROKEN_CLASSOF","toNumber","argument","first","third","radix","maxCode","digits","code","it","charCodeAt","NaN","slice","parseInt","NumberWrapper","valueOf","keys","j","_createForOfIteratorHelper","o","allowArrayLike","Array","isArray","unsupportedIterableToArray","F","s","_e","err","normalCompletion","didErr","step","next","_e2"],"mappings":"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","file":"js/chunk-270ffd5c.f1fddd8f.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!./MediaUploader.vue?vue&type=style&index=0&id=6f9dddd1&lang=css\"","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar toLength = require('../internals/to-length');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@match logic\nfixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNative) {\n  return [\n    // `String.prototype.match` method\n    // https://tc39.es/ecma262/#sec-string.prototype.match\n    function match(regexp) {\n      var O = requireObjectCoercible(this);\n      var matcher = regexp == undefined ? undefined : regexp[MATCH];\n      return matcher !== undefined ? matcher.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));\n    },\n    // `RegExp.prototype[@@match]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@match\n    function (string) {\n      var res = maybeCallNative(nativeMatch, this, string);\n      if (res.done) return res.value;\n\n      var rx = anObject(this);\n      var S = String(string);\n\n      if (!rx.global) return regExpExec(rx, S);\n\n      var fullUnicode = rx.unicode;\n      rx.lastIndex = 0;\n      var A = [];\n      var n = 0;\n      var result;\n      while ((result = regExpExec(rx, S)) !== null) {\n        var matchStr = String(result[0]);\n        A[n] = matchStr;\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n        n++;\n      }\n      return n === 0 ? null : A;\n    }\n  ];\n});\n","// 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","<template>\r\n  <div v-if=\"sectionData\">\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 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            <div\r\n              class=\"divide-y divide-gray-200 lg:col-span-9\"\r\n              action=\"#\"\r\n              method=\"POST\"\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                    Photos\r\n                  </h2>\r\n                  <p class=\"mt-1 text-sm text-gray-500\">\r\n                    These are the images that will appear on your public profile.\r\n                  </p>\r\n                </div>\r\n                \r\n                <div v-if=\"!isLoading && uploadedMediaFiles\">\r\n                  <MediaUploader :isDisabled=\"!(userData.MaxNumberOfImages > uploadedMediaFiles.length)\" :maxNumUploads=\"(userData.MaxNumberOfImages - uploadedMediaFiles.length)\" v-on:media_upload=\"onMediaUpload\"/>\r\n                </div>\r\n\r\n                <!-- Gallery -->\r\n                <LoadingSpinner v-if=\"isLoading\"/>\r\n                <section v-if=\"!isLoading\" class=\"mt-8 pb-16\" aria-labelledby=\"gallery-heading\">\r\n                  <!-- Success message -->\r\n                  <div v-if=\"showSuccess\" class=\"rounded-md bg-green-50 p-4 mb-8\">\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                          Upload Successful\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\">Upload Failed</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                  <!-- failed to delete image message-->\r\n                  <div v-if=\"showFailureToDelete\" 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\">Upload Failed</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                  <h2 id=\"gallery-heading\" class=\"sr-only\">Your images</h2>\r\n                  <ul\r\n                    role=\"list\"\r\n                    class=\"\r\n                      grid\r\n                      list-none\r\n                      mx-auto\r\n                      grid-cols-2\r\n                      gap-x-4 gap-y-8\r\n                      sm:grid-cols-3 sm:gap-x-6\r\n                      md:grid-cols-4\r\n                      lg:grid-cols-3\r\n                      xl:grid-cols-4 xl:gap-x-8\r\n                    \"\r\n                  >\r\n                    <li v-for=\"file in uploadedMediaFiles\" :key=\"file.data.original_filename\" class=\"relative\">\r\n                      <div\r\n                        :class=\"[\r\n                          file.current\r\n                            ? 'ring-2 ring-offset-2 ring-indigo-500 group'\r\n                            : 'focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-gray-100 focus-within:ring-indigo-500',\r\n                          'group block w-full aspect-w-10 aspect-h-7 rounded-lg bg-gray-100 overflow-hidden group',\r\n                        ]\"\r\n                        @mouseover=\"upHere = true\" @mouseleave=\"upHere = false\" \r\n                      >\r\n                        <img class=\"object-cover\"\r\n                          :src=\"getUploadcareImage(file.data.uuid)\"\r\n                          alt=\"\"\r\n                        />\r\n                        <!-- :class=\"[\r\n                            file.current ? '' : 'group-hover:opacity-75',\r\n                            'object-cover pointer-events-none',\r\n                          ]\" -->\r\n                          <span class=\"sr-only\"\r\n                            >View details for {{ file.data.original_filename }}</span\r\n                          >\r\n                          <div class=\"flex items-center content-center place-content-center opacity-0 group-hover:opacity-100 transition-all\">\r\n                            <button v-on:click=\"open = true\"  type=\"button\" class=\"inline-flex items-center p-1 border hidden border-transparent rounded-full shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\">\r\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\" />\r\n                              </svg>\r\n                            </button>\r\n                            <button type=\"button\" class=\"ml-2 inline-flex items-center p-1 border border-transparent rounded-full shadow-sm text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n                            v-on:click=\"removeImage(file.data.uuid)\">\r\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" 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                          </div>\r\n                      </div>\r\n                      <p\r\n                        class=\"\r\n                          mt-2\r\n                          block\r\n                          text-sm\r\n                          font-medium\r\n                          text-gray-900\r\n                          truncate\r\n                          pointer-events-none\r\n                        \"\r\n                      >\r\n                        {{ file.data.original_filename }}\r\n                      </p>\r\n                      <p\r\n                        class=\"\r\n                          block\r\n                          text-sm\r\n                          font-medium\r\n                          text-gray-500\r\n                          pointer-events-none\r\n                        \"\r\n                      >\r\n                        {{ Math.round(file.data.size / 1024) }}kb\r\n                      </p>\r\n                    </li>\r\n                  </ul>\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\r\n  <TransitionRoot as=\"template\" :show=\"open\">\r\n    <Dialog as=\"div\" class=\"fixed z-10 inset-0 overflow-y-auto\" @close=\"open = 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        <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 px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6\">\r\n            <div>\r\n              <div class=\"text-left\">\r\n                <div class=\"mt-2\">\r\n                <div class=\"mb-2\">\r\n                <label for=\"email\" class=\"block text-sm font-medium text-gray-700\">Title</label>\r\n                <div class=\"mt-1\">\r\n                  <input type=\"text\" value=\"Image Title\" class=\"shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md\" placeholder=\"\" />\r\n                </div>\r\n                </div>\r\n                <div class=\"mb-2\">\r\n                <label for=\"email\" class=\"block text-sm font-medium text-gray-700\">Alt text</label>\r\n                <div class=\"mt-1\">\r\n                  <input type=\"text\" value=\"Lorem ipsum dolor sit amet.\" class=\"shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md\" placeholder=\"\" />\r\n                </div>\r\n              </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-5 sm:mt-6 sm:grid sm:grid-cols-2 sm:gap-3 sm:grid-flow-row-dense\">\r\n              <button type=\"button\" class=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-indigo-500 text-base font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:col-start-2 sm:text-sm\" @click=\"open = false\">\r\n                Save\r\n              </button>\r\n              <button type=\"button\" class=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:col-start-1 sm:text-sm\" @click=\"open = false\" ref=\"cancelButtonRef\">\r\n                Cancel\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </TransitionChild>\r\n      </div>\r\n    </Dialog>\r\n  </TransitionRoot>\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\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  Dialog, \r\n  DialogOverlay, \r\n  DialogTitle, \r\n  TransitionChild, \r\n  TransitionRoot\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  VideoCameraIcon,\r\n  PhotographIcon,\r\n  XIcon,\r\n} from \"@heroicons/vue/outline\";\r\nimport FileUploader from \"../components/FileUploader.vue\";\r\nimport MediaUploader from \"../components/MediaUploader.vue\";\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\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: true },\r\n  { name: \"Videos\", href: \"/Videos\", icon: VideoCameraIcon, current: false },\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\nconst files = [\r\n  {\r\n    name: \"Image Title\",\r\n    size: \"IMG_4985.jpg\",\r\n    source:\r\n      \"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    current: false,\r\n  },\r\n  {\r\n    name: \"Image Title\",\r\n    size: \"IMG_4985.jpg\",\r\n    source:\r\n      \"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    current: false,\r\n  },\r\n  {\r\n    name: \"Image Title\",\r\n    size: \"IMG_4985.jpg\",\r\n    source:\r\n      \"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    current: false,\r\n  },\r\n  {\r\n    name: \"Image Title\",\r\n    size: \"IMG_4985.jpg\",\r\n    source:\r\n      \"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    current: false,\r\n  },\r\n  // More files...\r\n];\r\nconst currentFile = {\r\n  name: \"IMG_4985.HEIC\",\r\n  size: \"3.9 MB\",\r\n  source:\r\n    \"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  information: {\r\n    \"Uploaded by\": \"Marie Culver\",\r\n    Created: \"June 8, 2020\",\r\n    \"Last modified\": \"June 8, 2020\",\r\n    Dimensions: \"4032 x 3024\",\r\n    Resolution: \"72 x 72\",\r\n  },\r\n  sharedWith: [\r\n    {\r\n      id: 1,\r\n      name: \"Aimee Douglas\",\r\n      imageUrl:\r\n        \"https://images.unsplash.com/photo-1502685104226-ee32379fefbe?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=3&w=1024&h=1024&q=80\",\r\n    },\r\n    {\r\n      id: 2,\r\n      name: \"Andrea McMillan\",\r\n      imageUrl:\r\n        \"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=oilqXxSqey&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80\",\r\n    },\r\n  ],\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    BellIcon,\r\n    MenuIcon,\r\n    SearchIcon,\r\n    XIcon,\r\n    FileUploader,\r\n    MediaUploader,\r\n    LoadingSpinner,\r\n    Dialog,\r\n    DialogOverlay,\r\n    DialogTitle,\r\n    TransitionChild,\r\n    TransitionRoot,\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    const open = ref(false)\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      files,\r\n      currentFile,\r\n      open,\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      sectionData: null,\r\n      userData: null,\r\n      uploadedMediaFiles: null,\r\n      isLoading: true,\r\n      isPremium: null,\r\n      showSuccess: false,\r\n      showFailure: false,\r\n      showFailureToDelete: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.isLoading = true;\r\n    this.fetchOcData();\r\n    this.fetchUserData();\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    async fetchOcData() {\r\n      this.sectionData = await OcContentService.fetchPageData(\r\n        \"Settings - Media\",\r\n        \"KrickersSectionContent\"\r\n      );\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        await this.getNopImages();\r\n      }\r\n      else {\r\n        this.emitter.emit(\"logged-in\", false);\r\n      }\r\n    },\r\n    async onMediaUpload(fileList) {\r\n      this.isLoading = true;\r\n      this.showSuccess = false;\r\n      this.showFailure = false;\r\n      let newUuids = [];\r\n      //1. go through each newly uploaded file\r\n      for (var file of fileList) {\r\n        //2. for each new file (stuff in fileList), make sure it is not already there\r\n        if (this.uploadedMediaFiles.filter(image => image.data.original_filename == file.name).length == 0) {\r\n          //3. it's not there, upload to CDN\r\n          let resp = await UploadcareService.uploadImage(file.name, file);\r\n          if ((typeof resp) === \"object\") {\r\n            //4. a failure in uploadcare returns a plain/text reponse instead of a json,\r\n            //so only update user data to include new UUID for the file if resp is a json\r\n            this.userData.OtherImagesUUID = this.userData.OtherImagesUUID + resp.data[file.name] + \",\" //this will get the uuid\r\n            newUuids.push(resp.data[file.name]) //save in case we need to remove them\r\n          }\r\n        }\r\n      }\r\n\r\n      //5. update user data in db\r\n      this.userData[\"IsActive\"] = 1;//for some reason, it defaults to zero so this is mandatory every time an update happens >__>\r\n      //this.userData = await NopService.UpdateCustomer(this.userData);\r\n      let resp = await NopService.UpdateCustomer(this.userData);\r\n      if (resp.Status === 1) {\r\n        this.showSuccess = true;\r\n        this.userData = resp.Data;\r\n      }\r\n      else {\r\n        this.showFailure = true;\r\n        for (var i = 0; i < newUuids.length; i++) {\r\n          this.userData.OtherImagesUUID = this.userData.OtherImagesUUID.replace(newUuids[i] + \",\", \"\")\r\n          await UploadcareService.deleteImage(newUuids[i])\r\n        }\r\n      }\r\n\r\n      //6. refresh the file list\r\n      await this.getNopImages();\r\n      this.isLoading = false;\r\n    },\r\n    async removeImage(uuid) {\r\n      this.isLoading = true;\r\n      this.showSuccess = false;\r\n      this.showFailure = false;\r\n      //1. remove uuid from CDN\r\n      let resp = await UploadcareService.deleteImage(uuid);\r\n\r\n      //2. see if the response has an error\r\n      if(!(\"details\" in resp)) {\r\n        //3. since there were no errors, remove uuid from the user's data\r\n        this.userData.OtherImagesUUID = this.userData.OtherImagesUUID.replace(uuid + \",\", \"\")\r\n        \r\n        //4. update the user\r\n        this.userData[\"IsActive\"] = 1;\r\n        let resp = await NopService.UpdateCustomer(this.userData);\r\n        if (resp.Status === 1) {\r\n          this.showFailureToDelete = false;\r\n          this.userData = resp.Data;\r\n        }\r\n        else {\r\n          this.showFailureToDelete = true;\r\n        }\r\n\r\n        //5. refresh file list\r\n        await this.getNopImages();\r\n      }\r\n      else {\r\n        this.showFailureToDelete = true;\r\n      }\r\n      this.isLoading = false;\r\n    },\r\n    async getNopImages() {\r\n      this.uploadedMediaFiles = [];\r\n      let uuidList = this.userData.OtherImagesUUID.split(\",\");\r\n      for (var uuid of uuidList) {\r\n        if (uuid !== ''){\r\n          let img = await UploadcareService.getImageData(uuid);\r\n          if (img) {\r\n            this.uploadedMediaFiles.push(img)\r\n          }\r\n        }\r\n      }\r\n    },\r\n    getUploadcareImage(uuid){\r\n      return UploadcareService.buildImageUrl(uuid, \"-/resize/x300/\")\r\n    },\r\n  },\r\n};\r\n</script>\r\n","export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n    _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n  } else {\n    _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n  }\n\n  return _typeof(obj);\n}","<template>\r\n  <!-- LINK TO CODE:\r\n  https://tailwindcomponents.com/component/file-upload-with-drop-on-and-preview\r\n  -->\r\n  <div>\r\n    <div class=\"bg-gray-500 h-screen w-screen sm:px-8 md:px-16 sm:py-8\">\r\n      <main class=\"container mx-auto max-w-screen-lg h-full\">\r\n        <!-- file upload modal -->\r\n        <article\r\n          aria-label=\"File Upload Modal\"\r\n          class=\"relative h-full flex flex-col bg-white shadow-xl rounded-md\"\r\n          ondrop=\"dropHandler($event);\"\r\n          @dragover=\"dragOverHandler($event)\"\r\n          @dragleave=\"dragLeaveHandler($event)\"\r\n          @dragenter=\"dragEnterHandler($event)\"\r\n        >\r\n          <!-- overlay -->\r\n          <div\r\n            id=\"overlay\"\r\n            class=\"\r\n              w-full\r\n              h-full\r\n              absolute\r\n              top-0\r\n              left-0\r\n              pointer-events-none\r\n              z-50\r\n              flex flex-col\r\n              items-center\r\n              justify-center\r\n              rounded-md\r\n            \"\r\n          >\r\n            <i>\r\n              <svg\r\n                class=\"fill-current w-12 h-12 mb-3 text-blue-700\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n              >\r\n                <path\r\n                  d=\"M19.479 10.092c-.212-3.951-3.473-7.092-7.479-7.092-4.005 0-7.267 3.141-7.479 7.092-2.57.463-4.521 2.706-4.521 5.408 0 3.037 2.463 5.5 5.5 5.5h13c3.037 0 5.5-2.463 5.5-5.5 0-2.702-1.951-4.945-4.521-5.408zm-7.479-1.092l4 4h-3v4h-2v-4h-3l4-4z\"\r\n                />\r\n              </svg>\r\n            </i>\r\n            <p class=\"text-lg text-blue-700\">Drop files to upload</p>\r\n          </div>\r\n\r\n          <!-- scroll area -->\r\n          <section class=\"h-full overflow-auto p-8 w-full h-full flex flex-col\">\r\n            <header\r\n              class=\"\r\n                border-dashed border-2 border-gray-400\r\n                py-12\r\n                flex flex-col\r\n                justify-center\r\n                items-center\r\n              \"\r\n            >\r\n              <p\r\n                class=\"\r\n                  mb-3\r\n                  font-semibold\r\n                  text-gray-900\r\n                  flex flex-wrap\r\n                  justify-center\r\n                \"\r\n              >\r\n                <span>Drag and drop your</span>&nbsp;<span\r\n                  >files anywhere or</span\r\n                >\r\n              </p>\r\n              <input id=\"hidden-input\" type=\"file\" multiple class=\"hidden\" />\r\n              <button\r\n                id=\"button\"\r\n                class=\"\r\n                  mt-2\r\n                  rounded-sm\r\n                  px-3\r\n                  py-1\r\n                  bg-gray-200\r\n                  hover:bg-gray-300\r\n                  focus:shadow-outline focus:outline-none\r\n                \"\r\n              >\r\n                Upload a file\r\n              </button>\r\n            </header>\r\n\r\n            <h1 class=\"pt-8 pb-3 font-semibold sm:text-lg text-gray-900\">\r\n              To Upload\r\n            </h1>\r\n\r\n            <ul id=\"gallery\" class=\"flex flex-1 flex-wrap -m-1\">\r\n              <li\r\n                id=\"empty\"\r\n                class=\"\r\n                  h-full\r\n                  w-full\r\n                  text-center\r\n                  flex flex-col\r\n                  items-center\r\n                  justify-center\r\n                  items-center\r\n                \"\r\n              >\r\n                <img\r\n                  class=\"mx-auto w-32\"\r\n                  src=\"https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png\"\r\n                  alt=\"no data\"\r\n                />\r\n                <span class=\"text-small text-gray-500\">No files selected</span>\r\n              </li>\r\n            </ul>\r\n          </section>\r\n\r\n          <!-- sticky footer -->\r\n          <footer class=\"flex justify-end px-8 pb-8 pt-4\">\r\n            <button\r\n              id=\"submit\"\r\n              class=\"\r\n                rounded-sm\r\n                px-3\r\n                py-1\r\n                bg-blue-700\r\n                hover:bg-blue-500\r\n                text-white\r\n                focus:shadow-outline focus:outline-none\r\n              \"\r\n            >\r\n              Upload now\r\n            </button>\r\n            <button\r\n              id=\"cancel\"\r\n              class=\"\r\n                ml-3\r\n                rounded-sm\r\n                px-3\r\n                py-1\r\n                hover:bg-gray-300\r\n                focus:shadow-outline focus:outline-none\r\n              \"\r\n            >\r\n              Cancel\r\n            </button>\r\n          </footer>\r\n        </article>\r\n      </main>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- using two similar divs for simplicity in js code -->\r\n  <div id=\"file-div\">\r\n    <li class=\"block p-1 w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/6 xl:w-1/8 h-24\">\r\n      <article\r\n        tabindex=\"0\"\r\n        class=\"\r\n          group\r\n          w-full\r\n          h-full\r\n          rounded-md\r\n          focus:outline-none focus:shadow-outline\r\n          elative\r\n          bg-gray-100\r\n          cursor-pointer\r\n          relative\r\n          shadow-sm\r\n        \"\r\n      >\r\n        <img\r\n          alt=\"upload preview\"\r\n          class=\"\r\n            img-preview\r\n            hidden\r\n            w-full\r\n            h-full\r\n            sticky\r\n            object-cover\r\n            rounded-md\r\n            bg-fixed\r\n          \"\r\n        />\r\n\r\n        <section\r\n          class=\"\r\n            flex flex-col\r\n            rounded-md\r\n            text-xs\r\n            break-words\r\n            w-full\r\n            h-full\r\n            z-20\r\n            absolute\r\n            top-0\r\n            py-2\r\n            px-3\r\n          \"\r\n        >\r\n          <h1 class=\"flex-1 group-hover:text-blue-800\"></h1>\r\n          <div class=\"flex\">\r\n            <span class=\"p-1 text-blue-800\">\r\n              <i>\r\n                <svg\r\n                  class=\"fill-current w-4 h-4 ml-auto pt-1\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  viewBox=\"0 0 24 24\"\r\n                >\r\n                  <path d=\"M15 2v5h5v15h-16v-20h11zm1-2h-14v24h20v-18l-6-6z\" />\r\n                </svg>\r\n              </i>\r\n            </span>\r\n            <p class=\"p-1 size text-xs text-gray-700\"></p>\r\n            <button\r\n              class=\"\r\n                delete\r\n                ml-auto\r\n                focus:outline-none\r\n                hover:bg-gray-300\r\n                p-1\r\n                rounded-md\r\n                text-gray-800\r\n              \"\r\n            >\r\n              <svg\r\n                class=\"pointer-events-none fill-current w-4 h-4 ml-auto\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n              >\r\n                <path\r\n                  class=\"pointer-events-none\"\r\n                  d=\"M3 6l3 18h12l3-18h-18zm19-4v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.316c0 .901.73 2 1.631 2h5.711z\"\r\n                />\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </section>\r\n      </article>\r\n    </li>\r\n  </div>\r\n\r\n  <div id=\"image-div\">\r\n    <li class=\"block p-1 w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/6 xl:w-1/8 h-24\">\r\n      <article\r\n        tabindex=\"0\"\r\n        class=\"\r\n          group\r\n          hasImage\r\n          w-full\r\n          h-full\r\n          rounded-md\r\n          focus:outline-none focus:shadow-outline\r\n          bg-gray-100\r\n          cursor-pointer\r\n          relative\r\n          text-transparent\r\n          hover:text-white\r\n          shadow-sm\r\n        \"\r\n      >\r\n        <img\r\n          alt=\"upload preview\"\r\n          class=\"\r\n            img-preview\r\n            w-full\r\n            h-full\r\n            sticky\r\n            object-cover\r\n            rounded-md\r\n            bg-fixed\r\n          \"\r\n        />\r\n\r\n        <section\r\n          class=\"\r\n            flex flex-col\r\n            rounded-md\r\n            text-xs\r\n            break-words\r\n            w-full\r\n            h-full\r\n            z-20\r\n            absolute\r\n            top-0\r\n            py-2\r\n            px-3\r\n          \"\r\n        >\r\n          <h1 class=\"flex-1\"></h1>\r\n          <div class=\"flex\">\r\n            <span class=\"p-1\">\r\n              <i>\r\n                <svg\r\n                  class=\"fill-current w-4 h-4 ml-auto pt-\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  viewBox=\"0 0 24 24\"\r\n                >\r\n                  <path\r\n                    d=\"M5 8.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5zm9 .5l-2.519 4-2.481-1.96-4 5.96h14l-5-8zm8-4v14h-20v-14h20zm2-2h-24v18h24v-18z\"\r\n                  />\r\n                </svg>\r\n              </i>\r\n            </span>\r\n\r\n            <p class=\"p-1 size text-xs\"></p>\r\n            <button\r\n              class=\"\r\n                delete\r\n                ml-auto\r\n                focus:outline-none\r\n                hover:bg-gray-300\r\n                p-1\r\n                rounded-md\r\n              \"\r\n            >\r\n              <svg\r\n                class=\"pointer-events-none fill-current w-4 h-4 ml-auto\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n              >\r\n                <path\r\n                  class=\"pointer-events-none\"\r\n                  d=\"M3 6l3 18h12l3-18h-18zm19-4v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.316c0 .901.73 2 1.631 2h5.711z\"\r\n                />\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </section>\r\n      </article>\r\n    </li>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  mounted() {\r\n    const fileTempl = document.getElementById(\"file-div\"),\r\n      imageTempl = document.getElementById(\"image-div\"),\r\n      empty = document.getElementById(\"empty\");\r\n\r\n    // use to store pre selected files\r\n    let FILES = {};\r\n\r\n    // check if file is of type image and prepend the initialied\r\n    // div to the target element\r\n\r\n    const gallery = document.getElementById(\"gallery\"),\r\n      overlay = document.getElementById(\"overlay\");\r\n\r\n    // click the hidden input of type file if the visible button is clicked\r\n    // and capture the selected files\r\n    const hidden = document.getElementById(\"hidden-input\");\r\n    document.getElementById(\"button\").onclick = () => hidden.click();\r\n    hidden.onchange = (e) => {\r\n      for (const file of e.target.files) {\r\n        this.addFile(gallery, file);\r\n      }\r\n    };\r\n\r\n    // use to drag dragenter and dragleave events.\r\n    // this is to know if the outermost parent is dragged over\r\n    // without issues due to drag events on its children\r\n    let counter = 0;\r\n    // event delegation to caputre delete events\r\n    // fron the waste buckets in the file preview cards\r\n    gallery.onclick = ({ target }) => {\r\n      if (target.classList.contains(\"delete\")) {\r\n        const ou = target.dataset.target;\r\n        document.getElementById(ou).remove(ou);\r\n        gallery.children.length === 1 && empty.classList.remove(\"hidden\");\r\n        delete FILES[ou];\r\n      }\r\n    };\r\n\r\n    // print all selected files\r\n    document.getElementById(\"submit\").onclick = () => {\r\n      alert(`Submitted Files:\\n${JSON.stringify(FILES)}`);\r\n    };\r\n\r\n    // clear entire selection\r\n    document.getElementById(\"cancel\").onclick = () => {\r\n      while (gallery.children.length > 0) {\r\n        gallery.lastChild.remove();\r\n      }\r\n      FILES = {};\r\n      empty.classList.remove(\"hidden\");\r\n      gallery.append(empty);\r\n    };\r\n    return {\r\n      imageTempl,\r\n      fileTempl,\r\n      empty,\r\n      FILES,\r\n      gallery,\r\n      overlay,\r\n      hidden,\r\n      counter,\r\n    };\r\n  },\r\n  methods: {\r\n    addFile(target, file) {\r\n      const isImage = file.type.match(\"image.*\"),\r\n        objectURL = URL.createObjectURL(file);\r\n\r\n      const clone = isImage\r\n        ? this.imageTempl.content.cloneNode(true)\r\n        : this.fileTempl.content.cloneNode(true);\r\n\r\n      clone.querySelector(\"h1\").textContent = file.name;\r\n      clone.querySelector(\"li\").id = objectURL;\r\n      clone.querySelector(\".delete\").dataset.target = objectURL;\r\n      clone.querySelector(\".size\").textContent =\r\n        file.size > 1024\r\n          ? file.size > 1048576\r\n            ? Math.round(file.size / 1048576) + \"mb\"\r\n            : Math.round(file.size / 1024) + \"kb\"\r\n          : file.size + \"b\";\r\n\r\n      isImage &&\r\n        Object.assign(clone.querySelector(\"img\"), {\r\n          src: objectURL,\r\n          alt: file.name,\r\n        });\r\n\r\n      this.empty.classList.add(\"hidden\");\r\n      target.prepend(clone);\r\n\r\n      this.FILES[objectURL] = file;\r\n    },\r\n\r\n    // reset counter and append file to gallery when file is dropped\r\n    dropHandler(ev) {\r\n      ev.preventDefault();\r\n      for (const file of ev.dataTransfer.files) {\r\n        this.addFile(this.gallery, file);\r\n        this.overlay.classList.remove(\"draggedover\");\r\n        this.counter = 0;\r\n      }\r\n    },\r\n\r\n    // only react to actual files being dragged\r\n    dragEnterHandler(e) {\r\n      e.preventDefault();\r\n      if (!this.hasFiles(e)) {\r\n        return;\r\n      }\r\n      ++this.counter && this.overlay.classList.add(\"draggedover\");\r\n    },\r\n\r\n    // eslint-disable-next-line no-unused-vars\r\n    dragLeaveHandler(e) {\r\n      1 > --this.counter && this.overlay.classList.remove(\"draggedover\");\r\n    },\r\n\r\n    dragOverHandler(e) {\r\n      if (this.hasFiles(e)) {\r\n        e.preventDefault();\r\n      }\r\n    },\r\n    // use to check if a file is being dragged\r\n    hasFiles({ dataTransfer: { types = [] } }) {\r\n      types.indexOf(\"Files\") > -1;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.hasImage:hover section {\r\n  background-color: rgba(5, 5, 5, 0.4);\r\n}\r\n.hasImage:hover button:hover {\r\n  background: rgba(5, 5, 5, 0.45);\r\n}\r\n\r\n#overlay p,\r\ni {\r\n  opacity: 0;\r\n}\r\n\r\n#overlay.draggedover {\r\n  background-color: rgba(255, 255, 255, 0.7);\r\n}\r\n#overlay.draggedover p,\r\n#overlay.draggedover i {\r\n  opacity: 1;\r\n}\r\n\r\n.group:hover .group-hover\\:text-blue-800 {\r\n  color: #2b6cb0;\r\n}\r\n</style>\r\n","import { render } from \"./FileUploader.vue?vue&type=template&id=1a77cb6e\"\nimport script from \"./FileUploader.vue?vue&type=script&lang=js\"\nexport * from \"./FileUploader.vue?vue&type=script&lang=js\"\n\nimport \"./FileUploader.vue?vue&type=style&index=0&id=1a77cb6e&lang=css\"\nscript.render = render\n\nexport default script","<template>\r\n  <!-- LINK TO CODE:\r\n  https://codepen.io/stenvdb/pen/wvBoYQO\r\n  -->\r\n  <div id=\"app\">\r\n    <div\r\n      class=\"\r\n        mt-8\r\n        relative\r\n        block\r\n        w-full\r\n        border-2 border-gray-300 border-dashed\r\n        rounded-lg\r\n        p-12\r\n        text-center\r\n        hover:border-gray-400\r\n        focus:outline-none\r\n        focus:ring-2\r\n        focus:ring-offset-2\r\n        focus:ring-indigo-500\r\n      \"\r\n      @dragover=\"dragover\"\r\n      @dragleave=\"dragleave\"\r\n      @drop=\"drop\"\r\n    >\r\n      <input\r\n        :disabled=\"isDisabled\"\r\n        type=\"file\"\r\n        multiple\r\n        name=\"fields[assetsFieldHandle][]\"\r\n        id=\"assetsFieldHandle\"\r\n        class=\"w-px h-px opacity-0 overflow-hidden absolute\"\r\n        @change=\"onChange\"\r\n        ref=\"file\"\r\n        accept=\".pdf,.jpg,.jpeg,.png\"\r\n      />\r\n\r\n      <label for=\"assetsFieldHandle\" class=\"block cursor-pointer\">\r\n        <div v-if=\"!isDisabled\">\r\n          Drag and drop files or\r\n          <span class=\"underline\">click here</span> to upload files\r\n        </div>\r\n        <div v-if=\"isDisabled\">\r\n          You have reached your image capacity limit! Delete images to upload others.\r\n        </div>\r\n      </label>\r\n      <ul class=\"mt-4\" v-if=\"this.filelist.length\" v-cloak style=\"list-style-type: none;\">\r\n        <li class=\"text-sm p-1\" v-for=\"file in filelist\" :key=\"file\">\r\n          {{ file.name\r\n          }}\r\n          <!-- <button\r\n            class=\"ml-2\"\r\n            type=\"button\"\r\n            @click=\"remove(filelist.indexOf(file))\"\r\n            title=\"Remove file\"\r\n          >\r\n            X\r\n          </button> -->\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { UploadcareService } from \"../services/uploadcareService\";\r\nexport default {\r\n  el: \"#app\",\r\n  delimiters: [\"${\", \"}\"], // Avoid Twig conflicts\r\n  props:{\r\n    isDisabled: Boolean,\r\n    maxNumUploads: Number\r\n  },\r\n  data() {\r\n    return {\r\n      filelist: [], // Store our uploaded files\r\n      fileUUIDs: [],\r\n    };\r\n  },\r\n  methods: {\r\n    onChange() {\r\n      const ONE_MB = 1048576;\r\n      let validFiles = [];\r\n      if (!this.isDisabled) {\r\n        this.filelist = [...this.$refs.file.files];\r\n        // this.testUploadcareServiceUPLOAD(this.filelist[0]);\r\n        for (let i = 0; i < this.filelist.length; i++) {\r\n          if (this.filelist[i].size / ONE_MB <= process.env.VUE_APP_MAX_OTHER_SIZE_MB) {\r\n            if (validFiles.length < this.maxNumUploads) {\r\n              validFiles.push(this.filelist[i]);\r\n            }\r\n            else {\r\n              //\" - file not uploaded; reached max number of uploads\"\r\n              let tempImage = {name: this.filelist[i].name + \" - file not uploaded; reached max number of uploads\"};\r\n              this.filelist[i] = tempImage;\r\n            }\r\n          }\r\n          else {\r\n            this.filelist[i].name += \" - file larger than 1mb; cannot upload\";\r\n          }\r\n        }\r\n      }\r\n      this.$emit(\"media_upload\", validFiles);\r\n    },\r\n    remove(i) {\r\n      this.filelist.splice(i, 1);\r\n      this.testUploadcareServiceDELETE(i);\r\n    },\r\n    dragover(event) {\r\n      event.preventDefault();\r\n      // Add some visual fluff to show the user can drop its files\r\n      if (!event.currentTarget.classList.contains(\"bg-green-300\")) {\r\n        event.currentTarget.classList.remove(\"bg-gray-100\");\r\n        event.currentTarget.classList.add(\"bg-green-300\");\r\n      }\r\n    },\r\n    dragleave(event) {\r\n      // Clean up\r\n      event.currentTarget.classList.add(\"bg-gray-100\");\r\n      event.currentTarget.classList.remove(\"bg-green-300\");\r\n    },\r\n    drop(event) {\r\n      event.preventDefault();\r\n      this.$refs.file.files = event.dataTransfer.files;\r\n      this.onChange(); // Trigger the onChange event manually\r\n      // Clean up\r\n      event.currentTarget.classList.add(\"bg-gray-100\");\r\n      event.currentTarget.classList.remove(\"bg-green-300\");\r\n    },\r\n    async testUploadcareServiceUPLOAD(file) {\r\n      let respUpload = await UploadcareService.uploadImage(\r\n        \"username\",\r\n        file.name,\r\n        file\r\n      );\r\n      this.fileUUIDs.push(respUpload.data[file.name]);\r\n      await UploadcareService.getImageData(\r\n        respUpload.data[file.name]\r\n      );\r\n    },\r\n    async testUploadcareServiceDELETE(index) {\r\n      let uuid = this.fileUUIDs[index];\r\n      this.fileUUIDs.splice(index, 1);\r\n      await UploadcareService.deleteImage(\"username\", uuid);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n[v-cloak] {\r\n  display: none;\r\n}\r\n</style>\r\n","import { render } from \"./MediaUploader.vue?vue&type=template&id=6f9dddd1\"\nimport script from \"./MediaUploader.vue?vue&type=script&lang=js\"\nexport * from \"./MediaUploader.vue?vue&type=script&lang=js\"\n\nimport \"./MediaUploader.vue?vue&type=style&index=0&id=6f9dddd1&lang=css\"\nscript.render = render\n\nexport default script","import { render } from \"./Media.vue?vue&type=template&id=cdaf740a\"\nimport script from \"./Media.vue?vue&type=script&lang=js\"\nexport * from \"./Media.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","'use strict';\nvar $ = require('../internals/export');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar toObject = require('../internals/to-object');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar createProperty = require('../internals/create-property');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');\n\nvar max = Math.max;\nvar min = Math.min;\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';\n\n// `Array.prototype.splice` method\n// https://tc39.es/ecma262/#sec-array.prototype.splice\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  splice: function splice(start, deleteCount /* , ...items */) {\n    var O = toObject(this);\n    var len = toLength(O.length);\n    var actualStart = toAbsoluteIndex(start, len);\n    var argumentsLength = arguments.length;\n    var insertCount, actualDeleteCount, A, k, from, to;\n    if (argumentsLength === 0) {\n      insertCount = actualDeleteCount = 0;\n    } else if (argumentsLength === 1) {\n      insertCount = 0;\n      actualDeleteCount = len - actualStart;\n    } else {\n      insertCount = argumentsLength - 2;\n      actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);\n    }\n    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {\n      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);\n    }\n    A = arraySpeciesCreate(O, actualDeleteCount);\n    for (k = 0; k < actualDeleteCount; k++) {\n      from = actualStart + k;\n      if (from in O) createProperty(A, k, O[from]);\n    }\n    A.length = actualDeleteCount;\n    if (insertCount < actualDeleteCount) {\n      for (k = actualStart; k < len - actualDeleteCount; k++) {\n        from = k + actualDeleteCount;\n        to = k + insertCount;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];\n    } else if (insertCount > actualDeleteCount) {\n      for (k = len - actualDeleteCount; k > actualStart; k--) {\n        from = k + actualDeleteCount - 1;\n        to = k + insertCount - 1;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n    }\n    for (k = 0; k < insertCount; k++) {\n      O[k + actualStart] = arguments[k + 2];\n    }\n    O.length = len - actualDeleteCount + insertCount;\n    return A;\n  }\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","import unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nexport default function _createForOfIteratorHelper(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n\n  if (!it) {\n    if (Array.isArray(o) || (it = unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n      if (it) o = it;\n      var i = 0;\n\n      var F = function F() {};\n\n      return {\n        s: F,\n        n: function n() {\n          if (i >= o.length) return {\n            done: true\n          };\n          return {\n            done: false,\n            value: o[i++]\n          };\n        },\n        e: function e(_e) {\n          throw _e;\n        },\n        f: F\n      };\n    }\n\n    throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n  }\n\n  var normalCompletion = true,\n      didErr = false,\n      err;\n  return {\n    s: function s() {\n      it = it.call(o);\n    },\n    n: function n() {\n      var step = it.next();\n      normalCompletion = step.done;\n      return step;\n    },\n    e: function e(_e2) {\n      didErr = true;\n      err = _e2;\n    },\n    f: function f() {\n      try {\n        if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n      } finally {\n        if (didErr) throw err;\n      }\n    }\n  };\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!./FileUploader.vue?vue&type=style&index=0&id=1a77cb6e&lang=css\""],"sourceRoot":""}