sales-frontend-components 0.0.120 → 0.0.122

package/dist/index.d.ts

@@ -73,6 +73,7 @@ interface AttachedPhoto {
     name?: string;
 }
 interface cameraOptions {
+    initData?: Omit<AttachedPhoto, 'id'>[];
     show: boolean;
     type: cameraItemType;
     onChange: (file: File) => void;
@@ -88,12 +89,13 @@ interface cameraOptions {
 }
 type cameraItemType = 'single' | 'multiple' | 'linear';
 
-declare function useCamera({ onChange, resize: resizeOption, cameraOnly, onDelete, show, type, buttonText }?: Partial<cameraOptions>): {
+declare function useCamera({ onChange, resize: resizeOption, cameraOnly, onDelete, show, type, buttonText, initData }?: Partial<cameraOptions>): {
     onClick: () => void;
     getImage: (imageId: string) => AttachedPhoto | undefined;
     deleteImage: (imageId: string) => void;
     attachedPhotos: AttachedPhoto[];
     Attachment: () => react_jsx_runtime.JSX.Element;
+    addImage: (data: Blob | string, name?: string) => void;
 };
 
 /**

package/dist/index.esm.js

@@ -8,7 +8,7 @@ import styles from './modal/standard/address-search/select-address.module.scss';
 import styles$1 from './modal/standard/bank-stock-search/bank-stock-search-modal.module.scss';
 import styles$2 from './modal/standard/customer-search/customer-search.module.scss';
 import styles$3 from './modal/standard/nationality-search/select-nationality.module.scss';
-import { isClient, getE2EDataIDs, loadScript, initASTX2, MessageEventManager } from 'sales-frontend-utils';
+import { isClient, getE2EDataIDs, loadScript, initASTX2, base64ToBlob, MessageEventManager } from 'sales-frontend-utils';
 import styles$4 from './modal/standard/visa-search/select-visa.module.scss';
 import { useQuery } from '@tanstack/react-query';
 import styles$5 from './modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss';
@@ -3512,9 +3512,11 @@ function useCamera({
   onDelete,
   show,
   type = "multiple",
-  buttonText
+  buttonText,
+  initData
 } = {}) {
-  const [attachedPhotos, setAttachedPhotos] = useState([]);
+  const convertedInitData = initData?.map((data, index) => ({ ...data, id: String(index + 1) }));
+  const [attachedPhotos, setAttachedPhotos] = useState(convertedInitData || []);
   const findImage = (imageId) => {
     return attachedPhotos.find((image) => image.id === imageId);
   };
@@ -3583,7 +3585,21 @@ function useCamera({
     getImage: findImage,
     deleteImage,
     attachedPhotos,
-    Attachment: CameraComponent
+    Attachment: CameraComponent,
+    addImage: (data, name) => {
+      let blobUrl = "";
+      if (data instanceof Blob) {
+        blobUrl = URL.createObjectURL(data);
+      } else if (typeof data === "string") {
+        blobUrl = URL.createObjectURL(base64ToBlob(data));
+      }
+      const newPhoto = {
+        id: genImageId(),
+        src: blobUrl,
+        name: name || `\uC11C\uB958\uC0AC\uC9C4_${attachedPhotos.length + 1}`
+      };
+      setAttachedPhotos([...attachedPhotos, newPhoto]);
+    }
   };
 }