@haus-tech/product-import-export-plugin 3.0.22 → 3.0.24-0

package/dist/ui/components/export-dialog.component.ts

@@ -1,165 +0,0 @@
-import { Component, ViewChild, ElementRef, AfterViewInit, OnInit } from '@angular/core'
-import { Dialog } from '@vendure/admin-ui/core'
-import { FormsModule } from '@angular/forms'
-import { SharedModule } from '@vendure/admin-ui/core'
-import { uniq } from 'lodash'
-
-type ProductFields =
-  | 'productId'
-  | 'name'
-  | 'slug'
-  | 'description'
-  | 'assets'
-  | 'facets'
-  | 'optionGroups'
-
-type VariantFields =
-  | 'sku'
-  | 'optionValues'
-  | 'price'
-  | 'taxCategory'
-  | 'stockOnHand'
-  | 'trackInventory'
-  | 'variantAssets'
-  | 'variantFacets'
-  | 'enabled'
-
-type ExportFields = Array<ProductFields | VariantFields>
-interface PluginInitOptions {
-  defaultFileName?: string
-  exportAssetsAsOptions?: Array<'url' | 'json'>
-  defaultExportAssetsAs?: 'url' | 'json'
-  defaultExportFields?: ExportFields
-  requiredExportFields?: ExportFields
-}
-
-@Component({
-  selector: 'vdr-export-dialog',
-  templateUrl: './export-dialog.component.html',
-  standalone: true,
-  imports: [SharedModule, FormsModule],
-})
-export class ExportDialogComponent
-  implements
-    Dialog<{
-      result: boolean
-      fileName?: string
-      selectedFields?: string[]
-      exportAssetsAs?: 'url' | 'json'
-      selectedExportFields?: ExportFields
-    }>,
-    AfterViewInit,
-    OnInit
-{
-  @ViewChild('fileNameInput', { static: false }) fileNameElement: ElementRef<HTMLInputElement>
-
-  resolveWith: (result?: {
-    result: boolean
-    fileName?: string
-    selectedFields?: string[]
-    exportAssetsAs?: 'url' | 'json'
-    selectedExportFields?: ExportFields
-  }) => void
-  selection: any[] = []
-  fileName: string = ''
-  customFields: string[] = []
-  selectedFields: string[] = []
-  exportAssetsAs: 'url' | 'json' = 'url'
-  selectedExportFields: ExportFields = []
-  availableExportFields: ExportFields = [
-    'productId',
-    'name',
-    'slug',
-    'description',
-    'assets',
-    'facets',
-    'optionGroups',
-    'sku',
-    'optionValues',
-    'price',
-    'taxCategory',
-    'stockOnHand',
-    'trackInventory',
-    'variantAssets',
-    'variantFacets',
-    'enabled',
-  ]
-
-  config: PluginInitOptions
-  toggleAllChecked: boolean = false
-
-  ngOnInit(): void {
-    this.selectedFields = [...this.customFields]
-    if (this.config.defaultExportAssetsAs?.includes(this.config.defaultExportAssetsAs)) {
-      this.exportAssetsAs = this.config.defaultExportAssetsAs
-    } else {
-      this.exportAssetsAs = this.config.exportAssetsAsOptions?.[0] || 'url'
-    }
-
-    this.selectedExportFields = uniq([
-      ...(this.config.defaultExportFields || []),
-      ...(this.config.requiredExportFields || []),
-    ])
-  }
-
-  ngAfterViewInit(): void {
-    if (this.fileNameElement) {
-      setTimeout(() => {
-        this.fileNameElement.nativeElement.focus()
-      }, 0)
-    }
-  }
-
-  export() {
-    this.fileName = this.fileName?.trim()
-    this.resolveWith({
-      result: true,
-      fileName: this.fileName,
-      selectedFields: this.selectedFields,
-      exportAssetsAs: this.exportAssetsAs,
-      selectedExportFields: this.selectedExportFields,
-    })
-  }
-
-  cancel() {
-    this.resolveWith({ result: false })
-  }
-
-  toggleFieldSelection(fieldName: string) {
-    const index = this.selectedFields.indexOf(fieldName)
-    if (index > -1) {
-      this.selectedFields.splice(index, 1)
-    } else {
-      this.selectedFields.push(fieldName)
-    }
-
-    this.toggleAllChecked = this.selectedFields.length === this.availableExportFields.length
-  }
-
-  toggleExportFieldSelection(fieldName: ProductFields | VariantFields) {
-    const index = this.selectedExportFields.indexOf(fieldName)
-    if (index > -1) {
-      this.selectedExportFields.splice(index, 1)
-    } else {
-      this.selectedExportFields.push(fieldName)
-    }
-
-    this.toggleAllChecked = this.selectedExportFields.length === this.availableExportFields.length
-  }
-
-  toggleSelectAll(event: Event) {
-    const isChecked = (event.target as HTMLInputElement).checked
-    this.toggleAllChecked = isChecked
-    if (isChecked) {
-      this.selectedExportFields = [...this.availableExportFields]
-      this.selectedFields = [...this.customFields]
-    } else {
-      this.selectedExportFields = [
-        ...this.availableExportFields.filter((field) =>
-          this.config.requiredExportFields?.includes(field),
-        ),
-      ]
-      this.selectedFields = []
-    }
-  }
-}

package/dist/ui/components/product-import.component.html

@@ -1,123 +0,0 @@
-<!-- product-import.component.html -->
-<vdr-page-block>
-  <vdr-card [title]="'product-import.card.title' | translate">
-    <div class="form-grid">
-      <vdr-form-field [label]="'product-import.card.description' | translate">
-        <input type="file" (change)="onFileSelected($event)" class="file-input" #fileUpload />
-
-        <div class="file-upload" style="display: flex; align-items: center; gap: 8px">
-          <button *ngIf="selectedFile" class="button-small" (click)="fileUpload.click()">
-            <clr-icon shape="file"></clr-icon>
-            {{ selectedFile?.name }}
-          </button>
-
-          <button class="button primary" *ngIf="!selectedFile" (click)="fileUpload.click()">
-            {{ 'product-import.card.button-select' | translate }}
-          </button>
-          <button
-            class="button primary"
-            *ngIf="selectedFile"
-            (click)="uploadFile()"
-            [disabled]="!selectedMainLanguage"
-          >
-            {{ 'product-import.card.button-upload' | translate }}
-          </button>
-        </div>
-      </vdr-form-field>
-    </div>
-    <div
-      class="form-grid"
-      *ngIf="selectedFile"
-      style="margin-top: 24px; border-top: 1px solid #cdcdcd"
-    >
-      <div
-        class="input-row"
-        style="margin-top: 16px"
-        *ngIf="config.visibleOptions?.includes('updateProductSlug')"
-      >
-        <label>
-          <input
-            type="checkBox"
-            name="updateProductSlug"
-            value="url"
-            [(ngModel)]="updateProductSlug"
-            style="width: fit-content"
-          />
-          {{ 'product-import.card.update-product-slugs' | translate }}
-        </label>
-      </div>
-
-      <div class="input-row" style="margin-top: 16px">
-        <div>{{ 'product-import.card.select-main-language' | translate }}</div>
-        <div *ngFor="let lang of availableLanguages">
-          <label>
-            <input
-              type="radio"
-              name="selectedMainLanguage"
-              [value]="lang"
-              [(ngModel)]="selectedMainLanguage"
-              style="width: fit-content"
-              (change)="onMainLanguageChange(lang)"
-            />
-            {{ lang }}
-          </label>
-        </div>
-        <div
-          style="
-            margin-top: 8px;
-            padding-top: 8px;
-            font-style: italic;
-            font-size: 12px;
-            line-height: 1.4;
-          "
-        >
-          <clr-icon shape="info-circle" size="16" class="is-info"></clr-icon>
-          {{ 'product-import.card.main-language-info' | translate }}
-        </div>
-      </div>
-
-      <div class="input-row" style="margin-top: 16px">
-        <div>{{ 'product-import.card.updating-strategy' | translate }}</div>
-        <div>
-          <label>
-            <input
-              type="radio"
-              name="updatingStrategy"
-              value="merge"
-              [(ngModel)]="updatingStrategy"
-              style="width: fit-content"
-            />
-            {{ 'product-import.card.merge' | translate }}
-          </label>
-        </div>
-        <div>
-          <label>
-            <input
-              type="radio"
-              name="updatingStrategy"
-              value="replace"
-              [(ngModel)]="updatingStrategy"
-              style="width: fit-content"
-            />
-            {{ 'product-import.card.overwrite' | translate }}<br />
-            <span *ngIf="updatingStrategy === 'replace'" style="color: red; font-size: 12px">{{
-              'product-import.card.overwrite-warning' | translate
-            }}</span>
-          </label>
-        </div>
-      </div>
-    </div>
-  </vdr-card>
-</vdr-page-block>
-
-<style>
-  .form-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-gap: 1rem;
-  }
-
-  .file-input {
-    display: none;
-  }
-</style>