{"version":3,"sources":["webpack:///./src/components/contents/Inventory/new/edit.vue?9684","webpack:///./src/views/Inventory/new/edit.vue","webpack:///./src/components/contents/Inventory/new/edit.vue","webpack:///./src/components/contents/Inventory/new/edit.vue?a26f","webpack:///./src/views/Inventory/new/edit.vue?d894"],"names":["_createElementBlock","_createVNode","_component_EditProduct","class","style","textColor","background","color","_createBlock","_component_q_page","padding","id","_createElementVNode","_hoisted_1","_component_GoBack","onSubmit","_cache","_withModifiers","args","$options","editProduct","_hoisted_2","_hoisted_3","_hoisted_4","_component_AppInput","label","placeholder","lazy-rules","rules","_ctx","required","$data","form","name","$event","onInput","setValue","_hoisted_5","_component_AppTextarea","placelabel","description","_hoisted_6","_component_q_select","options","categories","outlined","category","option-value","opt","option-label","emit-value","map-options","transition-show","transition-hide","onInputValue","option","_withCtx","scope","_component_q_item","_mergeProps","itemProps","_component_q_item_section","avatar","_component_q_radio","val","_component_q_item_label","no-option","after-options","_component_q_separator","onClick","addOrEditModal","categoryLoading","_hoisted_7","_component_q_spinner","size","_hoisted_8","type","step","prefix","validAmount","lazy-rule","price","_hoisted_9","stock","_hoisted_10","_hoisted_11","_hoisted_12","src","_imports_0","alt","_component_q_tooltip","_component_q_space","_component_q_toggle","restock_reminder","setReminder","loading","reminderToggleLoading","_hoisted_13","restock_value","_hoisted_14","_normalizeClass","floatSizes","_component_Upload","onSelected","selectedFiles","onUploaded","uploadedFiles","custom","isMultiple","maxFiles","maxFilesCount","selectedFileCount","maxSize","supportedMediaTypes","borderless","ref","file","default","_$options$imagesToPre","_$data$form$images","_hoisted_15","_hoisted_16","imagesToPreview","length","images","_hoisted_19","_hoisted_20","_toDisplayString","_hoisted_21","_Fragment","_renderList","image","idx","key","_component_q_img","deleteUploadedImage","_imports_2","fill","deleteNewUploads","_hoisted_17","_imports_1","_hoisted_18","_hoisted_24","_hoisted_25","_hoisted_26","_imports_3","$refs","click","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_component_AppButton","width","cancel","disabled","editProductState","_component_CreateCategory","modalTitle","modal","editData","showModal","showCreateCategory","isSubmitted","newCategorySubmitted","onCloseCard","onAddOrEditCategory","addOrEditCategory","components","GoBack","AppInput","AppTextarea","CreateCategory","AppButton","Upload","mixins","authRulesMixin","data","secureURLs","imagePreviews","restock_reminder_options","backgroundColor","progressBar","uploadingProgress","page","limit","computed","this","$q","screen","isRestockValueRequired","field","inventoryDetails","$store","getters","inventoryImages","Object","values","some","x","created","inventoryService","InventoryService","$api2","mounted","getInventoryProduct","$route","params","getInventoryCategories","commit","methods","capitalizeFirstLetter","files","_this$imagesToPreview","count","forEach","URL","createObjectURL","secure_urls","upload","_res$data","_res$data2","_res$data3","_res$data4","_res$data5","_res$data6","_res$data7","_res$data8","show","message","res","quantity","restockReminder","restockQuantityThreshold","map","obj","imageUrl","hide","error","errMsg","showMessage","_res$data9","_res$data10","_categories","end","Math","ceil","totalCount","_page","_res$data11","push","payload","createInventoryCategory","$mixpanel","track","email","_error$response","response","filter","item","index","$router","_this$$route$params","_res$data12","uploadInventory","categoryUniqueIdentifier","uniqueIdentifier","editInventoryProduct","_res$data13","success","_error$response2","__exports__","QPage","QSelect","QItem","QItemSection","QRadio","QItemLabel","QSeparator","QSpinner","QTooltip","QSpace","QToggle","QImg","defineComponent","EditProduct","render"],"mappings":"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","file":"js/chunk-c81be4c4.0c307b12.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./edit.vue?vue&type=style&index=0&id=4af72354&lang=scss&scoped=true\"","<template>\n  <div>\n    <EditProduct />\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport EditProduct from \"@/components/contents/Inventory/new/edit.vue\";\n\nexport default defineComponent({\n  components: {\n    EditProduct,\n  },\n});\n</script>\n","<template>\n  <q-page padding id=\"page\">\n    <div class=\"row q-px-xs\">\n      <GoBack />\n    </div>\n    <form class=\"bg-white q-pa-md add-form\" @submit.prevent=\"editProduct\">\n      <div class=\"row\">\n        <div class=\"col-md-7 col-sm-12 col-xs-12\">\n          <div class=\"\">\n            <AppInput\n              label=\"Product name\"\n              placeholder=\"Enter product name\"\n              lazy-rules\n              :rules=\"[required]\"\n              v-model=\"form.name\"\n              @input=\"setValue($event, 'name')\"\n            />\n          </div>\n          <div class=\"q-mb-md\">\n            <AppTextarea\n              label=\"Description\"\n              placelabel=\"Enter description here\"\n              lazy-rules\n              v-model=\"form.description\"\n              :rules=\"[required]\"\n              @input=\"setValue($event, 'description')\"\n            />\n          </div>\n          <div class=\"q-mb-md\">\n            <div>Category</div>\n            <q-select\n              class=\"text-capitalize\"\n              :options=\"categories\"\n              outlined\n              lazy-rules\n              :label=\"form.category ? '' : 'Select an option'\"\n              :option-value=\"(opt) => opt\"\n              option-label=\"name\"\n              emit-value\n              map-options\n              v-model=\"form.category\"\n              :rules=\"[required]\"\n              transition-show=\"jump-up\"\n              transition-hide=\"jump-up\"\n              @input-value=\"setValue($event, 'category')\"\n            >\n              <template v-slot:option=\"scope\">\n                <q-item\n                  class=\"\n                    q-py-xs q-ma-xs\n                    paid-options\n                    select-content\n                    text-capitalize\n                  \"\n                  v-bind=\"scope.itemProps\"\n                >\n                  <q-item-section avatar>\n                    <q-radio\n                      v-model=\"form.category\"\n                      :val=\"scope.opt\"\n                      color=\"dark\"\n                    />\n                  </q-item-section>\n                  <q-item-section>\n                    <q-item-label>{{ scope.opt.name }}</q-item-label>\n                  </q-item-section>\n                </q-item>\n              </template>\n              <template v-slot:no-option>\n                <q-item>\n                  <q-item-section class=\"text-italic text-grey\">\n                    No options slot\n                  </q-item-section>\n                </q-item>\n              </template>\n              <template v-slot:after-options class=\"\">\n                <q-separator />\n                <div\n                  @click=\"addOrEditModal('Add Category')\"\n                  class=\"\n                    row\n                    justify-center\n                    q-gutter-sm q-pa-md\n                    cursor-pointer\n                    add-category\n                  \"\n                >\n                  <div class=\"text-secondary\">+</div>\n                  <div class=\"text-secondary\">Add new Category</div>\n                </div>\n              </template>\n            </q-select>\n            <div v-if=\"categoryLoading\">\n              <q-spinner color=\"primary\" size=\"1em\" />\n              Loading...\n            </div>\n          </div>\n          <div class=\"q-mb-md\">\n            <AppInput\n              type=\"number\"\n              step=\"0.01\"\n              lazy-rules\n              label=\"Price\"\n              placeholder=\"0\"\n              prefix=\"NGN\"\n              :rules=\"[required, validAmount]\"\n              lazy-rule\n              v-model=\"form.price\"\n              @input=\"setValue($event, 'price')\"\n            />\n          </div>\n          <div class=\"q-mb-md\">\n            <AppInput\n              type=\"number\"\n              label=\"Available stock\"\n              placeholder=\"Enter a value\"\n              lazy-rules\n              :rules=\"[required]\"\n              v-model=\"form.stock\"\n              @input=\"setValue($event, 'stock')\"\n            />\n          </div>\n          <div class=\"q-mb-md\">\n            <div class=\"row\">\n              <div>\n                <div class=\"rollover flex\">\n                  <div>Restock reminder</div>\n                  <img class=\"q-pl-sm\" src=\"@/assets/caution.svg\" alt=\"\" />\n                  <q-tooltip class=\"text-black bg-cyan-2\">\n                    If selected you will be sent a notification<br />\n                    when your stock is running low.\n                    <i\n                      >NB:<br />\n                      Toggle the button and enter a value below.</i\n                    >\n                  </q-tooltip>\n                </div>\n                <div class=\"q-mt-sm reinvest\">\n                  Remind me when stock is running low\n                </div>\n              </div>\n              <q-space />\n              <div>\n                <q-toggle\n                  v-model=\"form.restock_reminder\"\n                  color=\"secondary\"\n                  :loading=\"reminderToggleLoading\"\n                  @update:model-value=\"setReminder($event, 'restock_reminder')\"\n                />\n              </div>\n            </div>\n          </div>\n          <div class=\"q-mb-md\" v-if=\"form.restock_reminder\">\n            <AppInput\n              type=\"number\"\n              label=\"Restock warning value\"\n              placeholder=\"Enter a value\"\n              lazy-rules\n              v-model=\"form.restock_value\"\n              :rules=\"[required]\"\n              @input=\"setValue($event, 'restock_value')\"\n            />\n          </div>\n        </div>\n        <div class=\"col-md-5 col-sm-12 col-xs-12\">\n          <div :class=\"floatSizes\">\n            <Upload\n              @selected=\"selectedFiles($event)\"\n              @uploaded=\"uploadedFiles($event)\"\n              :custom=\"true\"\n              :isMultiple=\"true\"\n              :maxFiles=\"maxFilesCount\"\n              :selectedFiles=\"selectedFileCount\"\n              :maxSize=\"2\"\n              :supportedMediaTypes=\"['png', 'jpg', 'jpeg']\"\n              class=\"image-upload\"\n              borderless\n              ref=\"file\"\n            >\n              <template #file></template>\n              <template #default>\n                <div class=\"image-upload-inner\">\n                  <div class=\"\" style=\"\">\n                    <div\n                      class=\"column justify-center items-center\"\n                      v-if=\"!imagesToPreview?.length && !form.images?.length\"\n                    >\n                      <div style=\"\">\n                        <img src=\"@/assets/images.svg\" alt=\"\" />\n                      </div>\n                      <div>\n                        <div class=\"row justify-center items-center text-h6\">\n                          Upload Media\n                        </div>\n                        <div class=\"subtitle q-mb-md text-center\">\n                          Add up to {{ maxFilesCount }} high quality images to\n                          make this variant more appealing to customers\n                        </div>\n                      </div>\n                    </div>\n\n                    <div v-else class=\"imageCont\">\n                      <div class=\"subtitle q-mb-md text-center\">\n                        Add up to {{ maxFilesCount }} high quality images to\n                        make this variant more appealing to customers\n                      </div>\n                      <div class=\"row q-gutter-y-sm\">\n                        <div\n                          class=\"col-4\"\n                          v-for=\"(image, idx) in form.images\"\n                          :key=\"idx\"\n                        >\n                          <q-img\n                            :src=\"image\"\n                            class=\"uploaded-images relative\"\n                            :class=\"`uploaded-images-${idx + 1}`\"\n                          >\n                            <div\n                              class=\"delete-btn absolute-center\"\n                              @click.stop.prevent=\"deleteUploadedImage(idx)\"\n                            >\n                              <img\n                                src=\"@/assets/product-trash.svg\"\n                                fill=\"red\"\n                                alt=\"\"\n                              />\n                            </div>\n                          </q-img>\n                        </div>\n                        <div\n                          class=\"col-3\"\n                          v-for=\"(image, idx) in imagesToPreview\"\n                          :key=\"idx\"\n                        >\n                          <q-img\n                            :src=\"image\"\n                            class=\"uploaded-images relative\"\n                            :class=\"`uploaded-images-${idx + 1}`\"\n                          >\n                            <div\n                              class=\"delete-btn absolute-center\"\n                              @click.stop.prevent=\"deleteNewUploads(image)\"\n                            >\n                              <img\n                                src=\"@/assets/product-trash.svg\"\n                                fill=\"red\"\n                                alt=\"\"\n                              />\n                            </div>\n                          </q-img>\n                        </div>\n                      </div>\n                    </div>\n\n                    <div class=\"\">\n                      <div\n                        class=\"add-image-button q-mt-md\"\n                        textColor=\"black\"\n                        background=\"transparent\"\n                        color=\"white\"\n                      >\n                        <div class=\"row justify-center\">\n                          <img\n                            src=\"@/assets/grey-plus.svg\"\n                            fill=\"black\"\n                            alt=\"\"\n                          />\n                          <div\n                            class=\"q-pt-xs q-pl-md text-capitalize\"\n                            @click=\"$refs.file.click()\"\n                          >\n                            <span v-if=\"form.images.length === 0\">\n                              Add Image\n                            </span>\n                            <span v-else-if=\"form.images.length > 0\">\n                              Add more Images\n                            </span>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </Upload>\n          </div>\n        </div>\n      </div>\n      <q-separator />\n      <div class=\"row justify-right q-mt-md\">\n        <div class=\"col-md-12 col-sm-12 col-xs-12 row justify-end\">\n          <AppButton\n            class=\"q-mr-md\"\n            color=\"grey-4\"\n            textColor=\"dark\"\n            width=\"auto\"\n            type=\"button\"\n            @click=\"cancel\"\n          >\n            <span class=\"text-center\">Cancel</span>\n          </AppButton>\n          <AppButton\n            class=\"q-mr-xs\"\n            color=\"black\"\n            textColor=\"white\"\n            width=\"auto\"\n            type=\"submit\"\n            :disabled=\"editProductState || selectedFileCount == 0\"\n          >\n            <span class=\"\">Save</span>\n          </AppButton>\n        </div>\n      </div>\n    </form>\n    <CreateCategory\n      :modalTitle=\"modal\"\n      :editData=\"editData\"\n      :showModal=\"showCreateCategory\"\n      :isSubmitted=\"newCategorySubmitted\"\n      :loading=\"loading\"\n      @closeCard=\"showCreateCategory = false\"\n      @addOrEditCategory=\"addOrEditCategory\"\n    />\n  </q-page>\n</template>\n\n<script>\nimport GoBack from \"@/components/base/Button/GoBack.vue\";\nimport AppInput from \"@/components/base/AppInput/Input.vue\";\nimport AppTextarea from \"@/components/base/AppTextarea/Textarea.vue\";\nimport Upload from \"@/components/reusables/Uploads/Upload\";\nimport CreateCategory from \"@/components/contents/Inventory/modals/createCategory.vue\";\nimport AppButton from \"@/components/base/Button/Button.vue\";\nimport InventoryService from \"@/services/inventory.http\";\nimport { authRulesMixin } from \"@/mixins\";\nimport { capitalizeFirstLetter } from \"@/helpers/utils.js\";\n\nexport default {\n  components: {\n    GoBack,\n    AppInput,\n    AppTextarea,\n    CreateCategory,\n    AppButton,\n    Upload,\n  },\n  mixins: [authRulesMixin],\n  data() {\n    return {\n      maxFilesCount: 3,\n      selectedFileCount: 0,\n      secureURLs: [],\n      form: {\n        name: \"\",\n        description: \"\",\n        price: 0,\n        category: \"\",\n        stock: 0,\n        restock_value: 0,\n        restock_reminder: false,\n        images: [],\n      },\n      newCategorySubmitted: false,\n      loading: false,\n      imagePreviews: [],\n      categories: [],\n      restock_reminder_options: [\n        {\n          color: \"#FFFFFF\",\n          backgroundColor: \"#F2F4F7\",\n          label: \"\",\n        },\n        {\n          color: \"#31A3A0\",\n          backgroundColor: \"#31A3A02e\",\n          label: \"\",\n        },\n      ],\n      reminderToggleLoading: false,\n      showCreateCategory: false,\n      progressBar: null,\n      uploadingProgress: [],\n      images: [],\n      modal: \"\",\n      page: 1,\n      limit: 10,\n      categoryLoading: false,\n    };\n  },\n  computed: {\n    floatSizes() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"flex justify-end\";\n      } else return \"flex justify-start\";\n    },\n    isRestockValueRequired() {\n      let field = this.form.restock_reminder;\n      return () => field || \"Enter a value\";\n    },\n    inventoryDetails() {\n      return this.$store.getters[\"Inventory/editInventoryDetails\"];\n    },\n    inventoryImages() {\n      return this.$store.getters[\"Inventory/editInventoryDetails\"].images;\n    },\n    imagesToPreview() {\n      return this.$store.getters[\"Inventory/editInventoryImages\"];\n    },\n    editProductState() {\n      const form = {\n        name: this.required(this.form.name),\n        description: this.required(this.form.description),\n        price:\n          this.validAmount(this.form.price) && this.required(this.form.price),\n        category: this.required(this.form.category),\n        stock: this.required(this.form.stock),\n      };\n      if (this.form.restock_reminder)\n        form.restock_value = this.required(this.form.restock_value);\n      return Object.values(form).some((x) => x !== true);\n    },\n  },\n  created() {\n    this.inventoryService = new InventoryService(this.$api2);\n  },\n  mounted() {\n    this.getInventoryProduct(this.$route.params.id);\n    this.getInventoryCategories();\n    this.$store.commit(\"Inventory/clearEditImages\");\n  },\n  methods: {\n    capitalizeFirstLetter,\n    selectedFiles({ files }) {\n      const count =\n        this.form.images.length + this.imagesToPreview?.length + files.length;\n      if (count <= this.maxFilesCount) {\n        files.forEach((file) => {\n          this.$store.commit(\n            \"Inventory/setEditPreviewImages\",\n            URL.createObjectURL(file)\n          );\n          this.$store.commit(\"Inventory/setEditImages\", file);\n        });\n        this.selectedFileCount = count;\n      }\n    },\n    uploadedFiles({ secure_urls }) {\n      this.secureURLs = secure_urls;\n    },\n    async uploadInventory() {\n      await this.$refs.file.upload();\n      if (this.secureURLs) return this.secureURLs;\n    },\n    async getInventoryProduct(ref) {\n      try {\n        this.$q.loading.show({\n          message: \"Getting products details...\",\n        });\n        const res = await this.inventoryService.getInventoryProduct(ref);\n        this.form.name = res.data?.data?.name;\n        this.form.description = res.data?.data?.description;\n        this.form.category = res.data?.data?.category;\n        this.form.price = res.data?.data?.price;\n        this.form.stock = res.data?.data?.quantity;\n        this.form.restock_reminder = res.data?.data?.restockReminder || false;\n        this.form.restock_value = res.data?.data?.restockQuantityThreshold;\n        this.form.images = res.data?.data?.images?.map(function (obj) {\n          return obj?.imageUrl;\n        });\n        this.selectedFileCount = this.form.images.length;\n        this.$q.loading.hide();\n      } catch (error) {\n        this.$q.loading.hide();\n        const errMsg = \"Unable to fetch products details. Please try again\";\n        this.showMessage(\"error\", errMsg);\n      }\n    },\n    async getInventoryCategories() {\n      try {\n        this.categoryLoading = true;\n        const res = await this.inventoryService.getInventoryCategories({\n          page: this.page,\n          limit: this.limit,\n        });\n        const _categories = res.data?.data?.categories || [];\n        const end = Math.ceil((res.data?.data?.totalCount || 0) / this.limit);\n        for (let _page = 2; _page <= end; _page++) {\n          const res = await this.inventoryService.getInventoryCategories({\n            page: _page,\n            limit: this.limit,\n          });\n          _categories.push(...res.data?.data?.categories);\n        }\n        this.categories = _categories;\n        this.categoryLoading = false;\n      } catch (error) {\n        this.categoryLoading = false;\n        const errMsg = \"Unable to fetch inventory categories. Please try again\";\n        this.showMessage(\"error\", errMsg);\n      }\n    },\n    addOrEditModal(modal, editData = {}) {\n      this.modal = modal;\n      this.editData = editData;\n      this.showCreateCategory = true;\n    },\n    async addOrEditCategory(payload) {\n      this.loading = true;\n      try {\n        const res = await this.inventoryService.createInventoryCategory(\n          payload.data\n        );\n        this.loading = false;\n        this.showCreateCategory = false;\n        this.showMessage(\"success\", res.data.message);\n        this.newCategorySubmitted = true;\n        this.getInventoryCategories();\n        this.$mixpanel.track(`user_edits/adds_inventory_category`, {\n          email: this.$store.getters[\"Auth/user\"].email,\n        });\n      } catch (error) {\n        this.loading = false;\n        const errMsg =\n          error.response?.data?.error ||\n          \"Unable to add inventory category. Please try again\";\n        this.showMessage(\"error\", errMsg);\n      }\n    },\n    deleteUploadedImage(idx) {\n      this.form.images = this.form.images.filter(\n        (item, index) => index !== idx\n      );\n      this.selectedFileCount--;\n    },\n    async deleteNewUploads(item) {\n      this.$store.commit(\"Inventory/deleteEditImage\", item);\n      this.selectedFileCount--;\n    },\n    cancel() {\n      this.$router.push({\n        name: \"products-details\",\n        params: { id: this.$route.params.id },\n      });\n    },\n    async editProduct() {\n      try {\n        if (this.form.images.length > 0 || this.imagesToPreview.length > 0) {\n          this.$q.loading.show({\n            message: \"Editing product, please wait...\",\n          });\n          const secureURLs =\n            this.imagesToPreview.length > 0 ? await this.uploadInventory() : [];\n          let payload = {\n            categoryUniqueIdentifier: this.form.category.uniqueIdentifier,\n            description: this.form.description,\n            images: secureURLs,\n            name: this.form.name,\n            price: this.form.price,\n            quantity: this.form.stock,\n            restockQuantityThreshold: this.form.restock_value,\n            restockReminder: this.form.restock_reminder,\n          };\n          const res = await this.inventoryService.editInventoryProduct(\n            this.$route.params?.id,\n            { ...payload, images: [...this.form.images, ...payload.images] }\n          );\n          if (res.data?.success) {\n            this.$q.loading.hide();\n            this.showMessage(\n              \"success\",\n              this.capitalizeFirstLetter(res.data?.message)\n            );\n            this.$router.push({ name: \"inventory-products\" });\n          }\n        }\n        this.$mixpanel.track(`user_edits_inventory_products`, {\n          email: this.$store.getters[\"Auth/user\"].email,\n        });\n      } catch (error) {\n        this.$q.loading.hide();\n        const errMsg =\n          error.response?.data?.error ||\n          \"Unable to create inventory product. Please try again\";\n        this.showMessage(\"error\", errMsg);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/styles/quasar.variables.sass\";\n.add-form {\n  border-radius: 12px;\n\n  .add-category:hover {\n    background-color: #757575 !important;\n  }\n\n  .image-upload {\n    border-radius: 12px;\n    background: #fbfbfb;\n    width: 358px;\n    padding: 32px;\n  }\n\n  .image-upload-inner {\n    .loading-indicator {\n      width: 90px;\n      height: 2px;\n      flex-shrink: 0;\n      background: #d8f3f2 !important;\n      border-bottom-left-radius: 50% !important;\n      border-bottom-right-radius: 50% !important;\n    }\n\n    .subtitle {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      align-content: center;\n      color: #666;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 130%;\n    }\n\n    .add-image-button {\n      width: 294px;\n      height: 50px;\n      padding: 8px 14px;\n      border-radius: 4px;\n      border: 1px dashed #c6c6c6;\n      background: #fff;\n      cursor: pointer;\n    }\n\n    .uploaded-images {\n      width: 90px;\n      height: 90px;\n      // border-radius: 4px;\n      background: #fff;\n\n      .q-img__content > div {\n        padding: 16px !important;\n        background: transparent !important;\n      }\n    }\n\n    .uploaded-images-1:hover {\n      opacity: 0.5;\n      -webkit-transition: 0.4s ease-in-out;\n      transition: 0.4s ease-in-out;\n    }\n\n    .uploaded-images-1:hover .delete-btn {\n      cursor: pointer;\n      display: block;\n    }\n\n    .uploaded-images-2:hover {\n      opacity: 0.5;\n      -webkit-transition: 0.4s ease-in-out;\n      transition: 0.4s ease-in-out;\n    }\n\n    .uploaded-images-2:hover .delete-btn {\n      cursor: pointer;\n      display: block;\n    }\n\n    .uploaded-images-3:hover {\n      opacity: 0.5;\n      -webkit-transition: 0.4s ease-in-out;\n      transition: 0.4s ease-in-out;\n    }\n\n    .uploaded-images-3:hover .delete-btn {\n      cursor: pointer;\n      display: block;\n    }\n\n    .uploaded-images-4:hover {\n      opacity: 0.5;\n      -webkit-transition: 0.4s ease-in-out;\n      transition: 0.4s ease-in-out;\n    }\n\n    .uploaded-images-4:hover .delete-btn {\n      cursor: pointer;\n      display: block;\n    }\n\n    .uploaded-images-5:hover {\n      opacity: 0.5;\n      -webkit-transition: 0.4s ease-in-out;\n      transition: 0.4s ease-in-out;\n    }\n\n    .uploaded-images-5:hover .delete-btn {\n      cursor: pointer;\n      display: block;\n    }\n\n    .uploaded-images-6:hover {\n      opacity: 0.5;\n      -webkit-transition: 0.4s ease-in-out;\n      transition: 0.4s ease-in-out;\n    }\n\n    .uploaded-images-6:hover .delete-btn {\n      cursor: pointer;\n      display: block;\n    }\n\n    .delete-btn {\n      img {\n        background: #fef3f2;\n        border-radius: 200px;\n        padding: 14px;\n        color: #dc3030;\n      }\n\n      display: none;\n    }\n\n    .q-img__image {\n      border-bottom-left-radius: none !important;\n      border-bottom-right-radius: none !important;\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    .image-upload {\n      width: 100%;\n    }\n    .imageCont {\n      width: 100%;\n    }\n    .image-upload-inner {\n      .uploaded-images {\n        width: 70px;\n        height: 70px;\n      }\n      .add-image-button {\n        width: auto;\n        cursor: pointer;\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./edit.vue?vue&type=template&id=4af72354&scoped=true\"\nimport script from \"./edit.vue?vue&type=script&lang=js\"\nexport * from \"./edit.vue?vue&type=script&lang=js\"\n\nimport \"./edit.vue?vue&type=style&index=0&id=4af72354&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4af72354\"]])\n\nexport default __exports__\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport QRadio from 'quasar/src/components/radio/QRadio.js';\nimport QItemLabel from 'quasar/src/components/item/QItemLabel.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QSpace from 'quasar/src/components/space/QSpace.js';\nimport QToggle from 'quasar/src/components/toggle/QToggle.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport qInstall from \"../../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QPage,QSelect,QItem,QItemSection,QRadio,QItemLabel,QSeparator,QSpinner,QTooltip,QSpace,QToggle,QImg});\n","import { render } from \"./edit.vue?vue&type=template&id=3f7fb226\"\nimport script from \"./edit.vue?vue&type=script&lang=js\"\nexport * from \"./edit.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}