@lancom/shared 0.0.339 → 0.0.341

package/assets/js/api/admin.js

@@ -456,6 +456,9 @@ export default {
   runGrabber(grabber) {
     return _post(`admin/grabbers/${grabber._id}/run`, grabber);
   },
+  getGrabberSKUVariants(grabber) {
+    return _post(`admin/grabbers/${grabber._id}/sku-variants`, grabber);
+  },
   removeGrabber(id) {
     return _delete(`admin/grabbers/${id}`);
   },

package/components/common/file_uploader.vue

@@ -1,24 +1,34 @@
 <template>
-  <div
-    class="FileUploader__wrapper"
-    :class="[error ? 'error' : '', dragging ? 'active' : '']"
-    @dragenter="dragging=true"
-    @dragend="dragging=false"
-    @dragleave="dragging=false"
-    @drop="dragging=false">
-    <div class="FileUploader__dropzone">
-      <slot name="toggle" :uploading="uploading"></slot>
-      <slot name="progress" :progress="progress"></slot>
+  <div>
+    <div
+      class="FileUploader__wrapper"
+      :class="[error ? 'error' : '', dragging ? 'active' : '']"
+      @dragenter="dragging=true"
+      @dragend="dragging=false"
+      @dragleave="dragging=false"
+      @drop="dragging=false">
+      <div class="FileUploader__dropzone">
+        <slot name="toggle" :uploading="uploading"></slot>
+        <slot name="progress" :progress="progress"></slot>
+        <input
+          ref="fileUploaderField"
+          class="FileUploader__input"
+          type="file"
+          :class="{ disabled: disabled || uploading }"
+          :multiple="multiple"
+          :accept="accept"
+          :required="required"
+          :disabled="disabled || uploading"
+          @change="fileChange" />
+      </div>
+    </div>
+    <div v-if="hasUploadLink">
       <input
-        ref="fileUploaderField"
-        class="FileUploader__input"
-        type="file"
-        :class="{ disabled: disabled || uploading }"
-        :multiple="multiple"
-        :accept="accept"
-        :required="required"
-        :disabled="disabled || uploading"
-        @change="fileChange" />
+        ref="fileLink"
+        type="text"
+        placeholder="Link"
+        class="form-control"
+        @change="onPastLink($event)" />
     </div>
   </div>
 </template>
@@ -35,6 +45,7 @@ export default {
     required: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     multiple: { type: Boolean, default: false },
+    hasUploadLink: { type: Boolean, default: false },
     hasConversionErrorModal: { type: Boolean, default: true },
     showErrorMessage: { type: Boolean, default: true },
     url: { type: String },
@@ -52,6 +63,25 @@ export default {
     };
   },
   methods: {
+    async onPastLink(event) {
+      const url = event.target.value?.trim();
+      if (!url) return;
+      
+      try {
+        const response = await fetch(url);
+        const blob = await response.blob();
+        const file = new File([blob], 'image.jpg', { type: blob.type });
+        await this.readAndUploadFile(file);
+      } catch (e) {
+        if (this.showErrorMessage) {
+          this.$toastr.e('Failed to load image from URL');
+        } else {
+          this.$emit('onerror', e);
+        }
+      } finally {
+        event.target.value = '';
+      }
+    },
     async fileChange(ev) {
       this.uploading = true;
       const files = Array.from(ev.target.files);

package/components/editor/editor_layers/editor-layers.vue

@@ -146,11 +146,19 @@ export default {
       if (!selected || !selected.editableDetails) {
         this.setEditModeSelectedLayer(false);
       }
+      if (selected) {
+        this.openSelectedLayerGroup(selected);
+      }
     },
     editableSide() {
       this.setEditModeSelectedLayer(false);
     }
   },
+  mounted() {
+    if (this.selectedLayer) {
+      this.openSelectedLayerGroup(this.selectedLayer);
+    }
+  },
   methods: {
     ...mapMutations([
       'setSelectedLayer',
@@ -164,8 +172,14 @@ export default {
       'setEditablePrintArea'
     ]),
     ...mapActions(['increaseLayersUpdatesCount']),
-    toggleOpenedGroup(printArea) {
-      this.openedGroup = printArea?._id === this.openedGroup ? null : printArea?._id;
+    openSelectedLayerGroup(selected) {
+      const group = this.editableLayersGroups.find(g => g.layers?.includes(selected));
+      if (group?.printArea) {
+        this.toggleOpenedGroup(group?.printArea, true);
+      }
+    },
+    toggleOpenedGroup(printArea, foreOpen) {
+      this.openedGroup = (printArea?._id === this.openedGroup && !foreOpen) ? null : printArea?._id;
       if (printArea) {
         if (this.editableSide.id !== printArea.side) {
           this.setEditableSide({ id: printArea.side });

package/components/editor/editor_print_area_options/editor-print-area-options.vue

@@ -63,16 +63,19 @@ export default {
       });
       const productsOptions = (this.product.printAreas || [])
         .map(printArea => {
-          const mainOption = { ...groupItemToOption(printArea), sides: [printArea.side] };
           const suboptions = [
-            mainOption,
+            { ...groupItemToOption(printArea), sides: [printArea.side] },
             ...(printArea.sizes || []).map(i => ({ ...groupItemToOption({ ...i, side: printArea.side, parentPrintArea: printArea._id }), sides: [printArea.side] }))
-          ];
+          ]
+          .filter(s => !this.product.printAreasDisabled?.includes(s.printArea?._id));
+          // console.log('suboptions: ', suboptions);
           return {
-            ...(suboptions.find(s => s.printArea?._id === this.selected || this.hasPrintAreaLayers(s.printArea)) || mainOption),
+            ...(suboptions.find(s => s.printArea?._id === this.selected || this.hasPrintAreaLayers(s.printArea)) || suboptions[0] || {}),
             suboptions
           };
-        });
+        })
+        .filter(pa => !!pa.printArea?._id);
+      // console.log('productsOptions: ', productsOptions);
       const options = productsOptions.filter(({ sides }) => sides.includes(this.side));
       return this.allowNoPrint ? [...options, { label: 'No Print' }] : options;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.339",
+  "version": "0.0.341",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {