chore: migrate frontend assets to OSS and same-origin APIs

src/features/ecommerce/panels/EcommerceClonePanel.tsx

@@ -7,15 +7,18 @@ import {
   ReloadOutlined,
   SettingOutlined,
 } from "@ant-design/icons";
-import type { ChangeEvent, DragEvent, MutableRefObject, RefObject } from "react";
+import type { CSSProperties, ChangeEvent, DragEvent, MutableRefObject, RefObject } from "react";
 import { useRef, useState } from "react";
 
-type CloneOutputKey = string;
-type CloneSetCountKey = string;
+type ProductSetOutputKey = "set" | "detail" | "model" | "video";
+type CloneOutputKey = ProductSetOutputKey | "hot" | "video-outfit";
+type CloneSetCountKey = "selling" | "white" | "scene";
 type CloneModelPanelTab = "scene" | "model";
 type CloneReferenceMode = "upload" | "link";
-type CloneReplicateLevelKey = string;
-type CloneVideoQualityKey = string;
+type CloneReplicateLevelKey = "style" | "high";
+type CloneVideoQualityKey = "standard" | "high" | "ultra";
+type CloneBasicSelectKey = "platform" | "market" | "language" | "ratio";
+type CloneModelSelectKey = "gender" | "age" | "ethnicity" | "body";
 
 interface CloneImageItem {
   id: string;
@@ -24,7 +27,7 @@ interface CloneImageItem {
 }
 
 interface CloneBasicSelectItem {
-  key: string;
+  key: CloneBasicSelectKey;
   label: string;
   value: string;
   options: string[];
@@ -32,7 +35,7 @@ interface CloneBasicSelectItem {
 }
 
 interface CloneModelSelectItem {
-  key: string;
+  key: CloneModelSelectKey;
   label: string;
   value: string;
   options: string[];
@@ -76,7 +79,7 @@ interface EcommerceClonePanelProps {
   cloneOutput: CloneOutputKey;
   cloneOutputOptions: CloneOutputOption[];
   cloneBasicSelects: CloneBasicSelectItem[];
-  openCloneBasicSelect: string | null;
+  openCloneBasicSelect: CloneBasicSelectKey | null;
   cloneReferenceMode: CloneReferenceMode;
   cloneReferenceImages: CloneImageItem[];
   maxCloneReferenceImages: number;
@@ -94,7 +97,7 @@ interface EcommerceClonePanelProps {
   selectedCloneModelScenes: string[];
   cloneModelCustomScene: string;
   cloneModelSelects: CloneModelSelectItem[];
-  openCloneModelSelect: string | null;
+  openCloneModelSelect: CloneModelSelectKey | null;
   cloneModelSelectDropUp: boolean;
   cloneModelAppearance: string;
   cloneVideoQuality: CloneVideoQualityKey;
@@ -102,27 +105,27 @@ interface EcommerceClonePanelProps {
   cloneVideoDuration: number;
   cloneVideoDurationMin: number;
   cloneVideoDurationMax: number;
-  cloneVideoDurationStyle: { [key: string]: number | string };
+  cloneVideoDurationStyle: CSSProperties;
   cloneVideoSmart: boolean;
   canGenerate: boolean;
   status: string;
   lastFailedActionRef: MutableRefObject<(() => void) | null>;
   setIsProductUploadDragging: (value: boolean) => void;
-  handleProductDrop: (event: DragEvent<HTMLElement>) => void;
+  handleProductDrop: (event: DragEvent<HTMLDivElement>) => void;
   removeProductImage: (id: string) => void;
   handleProductUpload: (event: ChangeEvent<HTMLInputElement>) => void;
   handleCloneOutputChange: (value: CloneOutputKey) => void;
-  setOpenCloneBasicSelect: (value: string | null) => void;
+  setOpenCloneBasicSelect: (value: CloneBasicSelectKey | null) => void;
   setCloneReferenceMode: (value: CloneReferenceMode) => void;
   handleCloneReferenceUpload: (event: ChangeEvent<HTMLInputElement>) => void;
   setCloneReplicateLevel: (value: CloneReplicateLevelKey) => void;
-  startCloneSetCountHold: (key: CloneSetCountKey, delta: number, disabled: boolean) => void;
+  startCloneSetCountHold: (key: CloneSetCountKey, delta: -1 | 1, disabled: boolean) => void;
   clearCloneSetCountHold: () => void;
   toggleCloneDetailModule: (id: string) => void;
   setCloneModelPanelTab: (value: CloneModelPanelTab) => void;
   toggleCloneModelScene: (scene: string) => void;
   setCloneModelCustomScene: (value: string) => void;
-  setOpenCloneModelSelect: (value: string | null) => void;
+  setOpenCloneModelSelect: (value: CloneModelSelectKey | null) => void;
   setCloneModelSelectDropUp: (value: boolean) => void;
   setCloneModelAppearance: (value: string) => void;
   setCloneVideoQuality: (value: CloneVideoQualityKey) => void;

src/features/ecommerce/panels/EcommerceSetPanel.tsx

@@ -1,12 +1,14 @@
 import { CloudUploadOutlined, CloseOutlined, FileImageOutlined, SettingOutlined } from "@ant-design/icons";
 import type { ChangeEvent, DragEvent, RefObject } from "react";
 
+type ProductSetOutputKey = "set" | "detail" | "model" | "video";
+
 interface EcommerceSetPanelProps {
   setInputRef: RefObject<HTMLInputElement>;
   setImages: Array<{ id: string; src: string; name: string }>;
   isSetUploadDragging: boolean;
-  productSetOutputOptions: Array<{ key: string; label: string }>;
-  productSetOutput: string;
+  productSetOutputOptions: Array<{ key: ProductSetOutputKey; label: string }>;
+  productSetOutput: ProductSetOutputKey;
   platformOptions: string[];
   marketOptions: string[];
   productSetLanguageOptions: string[];
@@ -16,10 +18,10 @@ interface EcommerceSetPanelProps {
   productSetLanguage: string;
   productSetRatio: string;
   setIsSetUploadDragging: (value: boolean) => void;
-  handleSetDrop: (event: DragEvent<HTMLElement>) => void;
+  handleSetDrop: (event: DragEvent<HTMLButtonElement>) => void;
   handleSetUpload: (event: ChangeEvent<HTMLInputElement>) => void;
   removeSetImage: (id: string) => void;
-  handleProductSetOutputChange: (value: string) => void;
+  handleProductSetOutputChange: (value: ProductSetOutputKey) => void;
   handleProductSetPlatformChange: (value: string) => void;
   handleProductSetMarketChange: (value: string) => void;
   setProductSetLanguage: (value: string) => void;