{"version":3,"sources":["webpack:///./src/components/photo-upload/OptionalSection.vue?f4cb","webpack:///src/components/photo-upload/OptionalSection.vue","webpack:///./src/components/photo-upload/OptionalSection.vue?188d","webpack:///./src/components/photo-upload/OptionalSection.vue","webpack:///./node_modules/core-js/modules/es.array.sort.js","webpack:///./src/components/photo-upload/OptionalSection.vue?9756"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","i","index","key","attrs","frame","title","scalable","uploadImage","on","uploadPhoto","deleteImg","rotateImg","initImgUpload","image","includes","id","style","authenticateData","listed","isAutoplay","onUpload","url","progress","_e","directives","name","rawName","value","expression","$event","filename","staticStyle","filter","cursor","display","uploadImageOptionalLengthCheck","maxLength","theme","otherPhotoUploadIcons","initImgUploadFileOptional","imageDeleting","ref","uploadOtherPhoto","_v","_s","isMobile","isSpecialDeviceBrowser","checkReadonly","isAccessingCamera","initImgUploadCamera","staticRenderFns","data","optionalList","isValidImage","model","prop","event","props","type","Array","default","uploadImageOptionalCheck","Boolean","Number","mounted","mobileMediaQuery","addListener","e","matches","isAndroidSpecialBrowser","isDialogPhotoUploadIssueOpen","methods","$refs","fileinputOptional","click","validateImageCallback","result","$emit","item","optionalPhotoOptions","computed","window","matchMedia","components","FrameItemOptional","CustomIcon","PhotoUploadOptions","component","$","aFunction","toObject","toLength","toString","fails","internalSort","arrayMethodIsStrict","FF","IE_OR_EDGE","V8","WEBKIT","test","nativeSort","sort","FAILS_ON_UNDEFINED","undefined","FAILS_ON_NULL","STRICT_METHOD","STABLE_SORT","code","chr","String","fromCharCode","push","k","v","a","b","length","charAt","FORCED","getSortCompare","comparefn","x","y","target","proto","forced","array","call","itemsLength","items","arrayLength"],"mappings":"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","file":"js/chunk-7b6703ba.d566c904.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('ol',{staticClass:\"optional-section\"},[_vm._l((_vm.optionalList),function(i,index){return _c('FrameItemOptional',{key:index,attrs:{\"frame\":i.frame,\"title\":i.title,\"scalable\":i.scalable,\"frameKey\":i.key,\"uploadImages\":_vm.uploadImage},on:{\"uploadPhoto\":_vm.uploadPhoto,\"deleteImg\":_vm.deleteImg,\"rotateImg\":_vm.rotateImg,\"initImgUpload\":_vm.initImgUpload}})}),_vm._l((_vm.uploadImageOptionalCheck),function(image){return [(image.key.includes('addOthers'))?_c('li',{key:image.id,staticClass:\"frame-item\",style:(_vm.authenticateData.listed || image.isAutoplay ? 'cursor: default;' : '')},[_c('b-overlay',{attrs:{\"show\":image.onUpload,\"no-wrap\":\"\",\"spinner-variant\":\"success\",\"opacity\":0.5}}),_c('img',{staticClass:\"uploaded-image\",attrs:{\"width\":\"100%\",\"src\":image.url}}),(image.progress && image.progress !== 100)?_c('b-progress',{staticClass:\"img-upload-progress\",attrs:{\"value\":image.progress,\"variant\":\"success\",\"striped\":\"\"}}):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!image.onUpload),expression:\"!image.onUpload\"}],staticClass:\"edit-options-list\"},[_c('v-touch',{directives:[{name:\"show\",rawName:\"v-show\",value:(!image.isAutoplay && !_vm.authenticateData.listed),expression:\"!image.isAutoplay && !authenticateData.listed\"}],on:{\"tap\":function($event){return _vm.rotateImg(image)}}},[_c('custom-icon',{staticClass:\"edit-icon\",attrs:{\"name\":\"roll\",\"width\":\"100%\"},on:{\"click\":function($event){return _vm.rotateImg(image)}}})],1),_c('v-touch',{directives:[{name:\"show\",rawName:\"v-show\",value:(!image.isAutoplay && !_vm.authenticateData.listed),expression:\"!image.isAutoplay && !authenticateData.listed\"}],on:{\"tap\":function($event){return _vm.deleteImg(image.filename, image.key)}}},[_c('custom-icon',{staticClass:\"edit-icon\",attrs:{\"name\":\"delete\",\"width\":\"100%\",\"m0\":true},on:{\"click\":function($event){return _vm.deleteImg(image.filename, image.key)}}})],1)],1)],1):_vm._e()]}),_c('li',{staticClass:\"upload-item-optional photo-list-optional\",staticStyle:{\"position\":\"relative\"},style:({\n        filter: _vm.authenticateData.listed ? 'grayscale(100%)' : 'none',\n        cursor: _vm.authenticateData.listed ? 'default!important' : 'pointer',\n        display: (_vm.uploadImageOptionalLengthCheck < this.maxLength) ? 'block' : 'none',\n      })},[_c('img',{staticClass:\"optional-other-icon\",attrs:{\"src\":_vm.theme.otherPhotoUploadIcons}}),_c('div',{staticClass:\"image-input-wrapper\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},on:{\"click\":function($event){return _vm.initImgUploadFileOptional()}}},[(!_vm.imageDeleting)?_c('input',{ref:\"fileinputOptional\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"id\":\"files\",\"name\":\"files\",\"multiple\":\"\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadOtherPhoto}}):_vm._e(),_c('div',{staticClass:\"cover-text-wrapper\",staticStyle:{\"position\":\"absolute\",\"top\":\"72%\",\"left\":\"50%\",\"margin\":\"0 !important\",\"padding\":\"0 !important\",\"transform\":\"translate(-50%, -50%)\",\"width\":\"100%\"}},[_c('div',{staticClass:\"frame-title fs-10 font-weight-thin text-white\"},[_vm._v(\" OTHER \")]),_c('button',{staticClass:\"photo-text\",attrs:{\"type\":\"button\"}},[_vm._v(\" \"+_vm._s(_vm.isMobile && !_vm.isSpecialDeviceBrowser ? 'ADD/TAKE PHOTOS' : 'ADD PHOTOS')+\" \")]),_c('div',{staticClass:\"fs-14 cover-description-text font-weight-thin\"},[_vm._v(\" Supports: jpeg, png, tiff \")])])])])],2),_c('PhotoUploadOptions',{ref:\"optionalPhotoOptions\",attrs:{\"checkReadonly\":_vm.checkReadonly,\"imageDeleting\":_vm.imageDeleting,\"isAccessingCamera\":_vm.isAccessingCamera},on:{\"initImgUploadCamera\":_vm.initImgUploadCamera}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ol class=\"optional-section\">\n      <FrameItemOptional\n        v-for=\"(i, index) in optionalList\"\n        :key=\"index\"\n        :frame=\"i.frame\"\n        :title=\"i.title\"\n        :scalable=\"i.scalable\"\n        :frameKey=\"i.key\"\n        :uploadImages=\"uploadImage\"\n        @uploadPhoto=\"uploadPhoto\"\n        @deleteImg=\"deleteImg\"\n        @rotateImg=\"rotateImg\"\n        @initImgUpload=\"initImgUpload\"\n      />\n      <template v-for=\"(image) in uploadImageOptionalCheck\">\n        <li\n          v-if=\"image.key.includes('addOthers')\"\n          class=\"frame-item\"\n          :key=\"image.id\"\n          :style=\"authenticateData.listed || image.isAutoplay ? 'cursor: default;' : ''\"\n        >\n          <b-overlay\n            :show=\"image.onUpload\"\n            no-wrap\n            spinner-variant=\"success\"\n            :opacity=\"0.5\"\n          ></b-overlay>\n          <img\n            width=\"100%\"\n            :src=\"image.url\"\n            class=\"uploaded-image\"\n          />\n          <b-progress\n            v-if=\"image.progress && image.progress !== 100\"\n            class=\"img-upload-progress\"\n            :value=\"image.progress\"\n            variant=\"success\"\n            striped\n          ></b-progress>\n          <div class=\"edit-options-list\" v-show=\"!image.onUpload\">\n            <v-touch v-show=\"!image.isAutoplay && !authenticateData.listed\" v-on:tap=\"rotateImg(image)\">\n              <custom-icon\n                name=\"roll\"\n                class=\"edit-icon\"\n                width=\"100%\"\n                @click=\"rotateImg(image)\"\n              />\n            </v-touch>\n            <v-touch v-show=\"!image.isAutoplay && !authenticateData.listed\" v-on:tap=\"deleteImg(image.filename, image.key)\">\n              <custom-icon\n                name=\"delete\"\n                class=\"edit-icon\"\n                width=\"100%\"\n                :m0=\"true\"\n                @click=\"deleteImg(image.filename, image.key)\"\n              />\n            </v-touch>\n          </div>\n        </li>\n      </template>\n      <li\n        class=\"upload-item-optional photo-list-optional\"\n        style=\"position: relative\"\n        :style=\"{\n          filter: authenticateData.listed ? 'grayscale(100%)' : 'none',\n          cursor: authenticateData.listed ? 'default!important' : 'pointer',\n          display: (uploadImageOptionalLengthCheck < this.maxLength) ? 'block' : 'none',\n        }\"\n      >\n        <img :src=\"theme.otherPhotoUploadIcons\" class=\"optional-other-icon\" />\n        <div\n           class=\"image-input-wrapper\"\n          style=\"width: 100%; height: 100%\"\n          @click=\"initImgUploadFileOptional()\"\n        >\n          <input\n            ref=\"fileinputOptional\"\n            type=\"file\"\n            id=\"files\"\n            name=\"files\"\n            style=\"display: none\"\n            multiple\n            @change=\"uploadOtherPhoto\"\n            v-if=\"!imageDeleting\"\n            accept=\"image/*\"\n          />\n          <div\n            class=\"cover-text-wrapper\"\n            style=\"\n              position: absolute;\n              top: 72%;\n              left: 50%;\n              margin: 0 !important;\n              padding: 0 !important;\n              transform: translate(-50%, -50%);\n              width: 100%;\n            \"\n          >\n            <div class=\"frame-title fs-10 font-weight-thin text-white\">\n              OTHER\n            </div>\n            <button type=\"button\" class=\"photo-text\">\n              {{isMobile && !isSpecialDeviceBrowser ? 'ADD/TAKE PHOTOS' : 'ADD PHOTOS'}}\n            </button>\n            <div\n              class=\"fs-14 cover-description-text font-weight-thin\"\n            >\n              Supports: jpeg, png, tiff\n            </div>\n          </div>\n        </div>\n     </li>\n    </ol>\n    <PhotoUploadOptions\n      :checkReadonly=\"checkReadonly\"\n      :imageDeleting=\"imageDeleting\"\n      :isAccessingCamera=\"isAccessingCamera\"\n      @initImgUploadCamera=\"initImgUploadCamera\"\n      ref=\"optionalPhotoOptions\"\n    />\n  </div>\n</template>\n<script>\nimport { mapState } from \"vuex\";\nimport { optionalList } from '@/config/constants';\nimport { socialNetworkBrowser, browserList } from \"@/helper/constant\";\nexport default {\n  name: \"OptionalSection\",\n  data() {\n    return {\n      isMobile: true,\n      optionalList,\n      isSpecialDeviceBrowser: false,\n      isValidImage: true,\n      maxLength: 22,\n    };\n  },\n  model: {\n    prop: \"uploadImage\",\n    event: \"change\",\n  },\n  props: {\n     uploadImage: {\n      type: Array,\n      default: () => [],\n    },\n    uploadImageOptionalCheck: {\n      type: Array,\n      default: () => [],\n    },\n    imageDeleting: {\n      type: Boolean,\n      default: false\n    },\n    uploadImageOptionalLengthCheck: {\n      type: Number,\n      default: 0\n    },\n    isAccessingCamera: Boolean,\n    checkReadonly: Boolean,\n  },\n  mounted () {\n    // Check mobile screen\n    this.mobileMediaQuery.addListener((e) => {\n      if (e.matches) {\n        this.isMobile = false;\n      } else {\n        this.isMobile = true;\n      }\n    });\n    this.isMobile = !this.mobileMediaQuery.matches;\n    if (this.isMobile) {\n      const userAgent = navigator.userAgent || window.opera; // Check user use in-app facebook or instagram browser android so can only upload\n      const isAndroidSpecialBrowser = userAgent.includes('Android') && socialNetworkBrowser.some(browser => userAgent.includes(browser));\n      const isiOSChromeBrowser = (userAgent.includes('iPhone') || userAgent.includes('iPad')) && userAgent.includes(browserList);\n      \n      if (isAndroidSpecialBrowser) {\n        this.isSpecialDeviceBrowser = true;\n        this.isDialogPhotoUploadIssueOpen = true;\n      } else if (isiOSChromeBrowser) {\n        this.isSpecialDeviceBrowser = true;\n      }\n    }\n  },\n  methods: {\n    initImgUploadFileOptional() {\n      this.$refs.fileinputOptional.click();\n    },\n    async uploadOtherPhoto(event) {\n      var input = event.target;\n      if (input.files.length > 0) {\n        const others = this.uploadImageOptionalCheck.filter((item) => item.key.includes('addOthers')).map((item) => item.key);\n        if (others.length === 0) {\n          await this.uploadPhoto(input.files[0], 'addOthers1', 'OTHER')\n        } else {\n          others.sort();\n          const maxId = others.slice(-1)[0].replace('addOthers', '');\n          await this.uploadPhoto(input.files[0], `addOthers${parseInt(maxId) + 1}`, 'OTHER')\n        }\n      }\n    },\n    uploadPhoto: async function (file, key, title) {\n      await this.handleValidateImage(file);\n      if (this.isValidImage) {\n        const imgId = this.$uuid.v4();\n        const newUploadImage = [\n          ...this.uploadImage,\n          {\n            id: imgId,\n            filename: file.name,\n            url: null,\n            name: file.name,\n            key,\n            title,\n            onUpload: true,\n            progress: 0,\n            isAutoplay: false,\n          },\n        ];\n        await this.$emit(\"change\", newUploadImage);\n        await this.$emit(\"handleImgUpload\", file, imgId);\n      }\n    },\n    async handleValidateImage(file) {\n      await this.$emit(\"imageValidate\", file, this.validateImageCallback);\n    },\n    validateImageCallback(result) {\n      this.isValidImage = result;\n    },\n    deleteImg(filename, key) {\n      this.$emit(\"deleteImg\", filename, key);\n    },\n    rotateImg(item) {\n      this.$emit(\"rotate\", item);\n    },\n    initImgUpload() {\n      this.$refs.optionalPhotoOptions.initImgUpload('optional');\n    },\n    initImgUploadCamera() {\n      this.$emit(\"initImgUploadCamera\");\n    },\n  },\n  computed: {\n    ...mapState({\n      authenticateData: (state) => state.authenticateSeller,\n      theme: (state) => state.commonVariables.theme,\n    }),\n    mobileMediaQuery: function() {\n      return window.matchMedia(\"(min-width: 900px)\");\n    },\n    // isOtherOptionalItemAdded() {\n    //   if (this.uploadImageOptionalCheck.find((image) => image.key === 'interiorOther4')) {\n    //     return true;\n    //   }\n    //   return false;\n    // },\n  },\n  components: {\n    FrameItemOptional: () => import(\"./FrameItemOptional.vue\"),\n    CustomIcon: () => import(\"../common/CustomIcon\"),\n    PhotoUploadOptions: () => import(\"../photo-upload/PhotoUploadOptions.vue\"),\n  },\n};\n</script>\n<style lang=\"scss\">\n.optional-section {\n  list-style-type: none;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n  padding-inline-start: 0;\n  .upload-item-optional {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .optional-other-icon {\n      position: absolute;\n      height: 26px !important;\n      width: 26px !important;\n    }\n  }\n}\n\n@media screen and(min-width: 900px) {\n  .optional-section {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media screen and(min-width: 992px) {\n  .optional-section {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n@media screen and(min-width: 1200px) {\n  .optional-section {\n    grid-template-columns: repeat(5, 169px);\n    gap: 20px;\n    column-gap: 29px;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionalSection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionalSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OptionalSection.vue?vue&type=template&id=184f0453&\"\nimport script from \"./OptionalSection.vue?vue&type=script&lang=js&\"\nexport * from \"./OptionalSection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OptionalSection.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar aFunction = require('../internals/a-function');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar toString = require('../internals/to-string');\nvar fails = require('../internals/fails');\nvar internalSort = require('../internals/array-sort');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar FF = require('../internals/engine-ff-version');\nvar IE_OR_EDGE = require('../internals/engine-is-ie-or-edge');\nvar V8 = require('../internals/engine-v8-version');\nvar WEBKIT = require('../internals/engine-webkit-version');\n\nvar test = [];\nvar nativeSort = test.sort;\n\n// IE8-\nvar FAILS_ON_UNDEFINED = fails(function () {\n  test.sort(undefined);\n});\n// V8 bug\nvar FAILS_ON_NULL = fails(function () {\n  test.sort(null);\n});\n// Old WebKit\nvar STRICT_METHOD = arrayMethodIsStrict('sort');\n\nvar STABLE_SORT = !fails(function () {\n  // feature detection can be too slow, so check engines versions\n  if (V8) return V8 < 70;\n  if (FF && FF > 3) return;\n  if (IE_OR_EDGE) return true;\n  if (WEBKIT) return WEBKIT < 603;\n\n  var result = '';\n  var code, chr, value, index;\n\n  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)\n  for (code = 65; code < 76; code++) {\n    chr = String.fromCharCode(code);\n\n    switch (code) {\n      case 66: case 69: case 70: case 72: value = 3; break;\n      case 68: case 71: value = 4; break;\n      default: value = 2;\n    }\n\n    for (index = 0; index < 47; index++) {\n      test.push({ k: chr + index, v: value });\n    }\n  }\n\n  test.sort(function (a, b) { return b.v - a.v; });\n\n  for (index = 0; index < test.length; index++) {\n    chr = test[index].k.charAt(0);\n    if (result.charAt(result.length - 1) !== chr) result += chr;\n  }\n\n  return result !== 'DGBEFHACIJK';\n});\n\nvar FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;\n\nvar getSortCompare = function (comparefn) {\n  return function (x, y) {\n    if (y === undefined) return -1;\n    if (x === undefined) return 1;\n    if (comparefn !== undefined) return +comparefn(x, y) || 0;\n    return toString(x) > toString(y) ? 1 : -1;\n  };\n};\n\n// `Array.prototype.sort` method\n// https://tc39.es/ecma262/#sec-array.prototype.sort\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  sort: function sort(comparefn) {\n    if (comparefn !== undefined) aFunction(comparefn);\n\n    var array = toObject(this);\n\n    if (STABLE_SORT) return comparefn === undefined ? nativeSort.call(array) : nativeSort.call(array, comparefn);\n\n    var items = [];\n    var arrayLength = toLength(array.length);\n    var itemsLength, index;\n\n    for (index = 0; index < arrayLength; index++) {\n      if (index in array) items.push(array[index]);\n    }\n\n    items = internalSort(items, getSortCompare(comparefn));\n    itemsLength = items.length;\n    index = 0;\n\n    while (index < itemsLength) array[index] = items[index++];\n    while (index < arrayLength) delete array[index++];\n\n    return array;\n  }\n});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionalSection.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}