sales-frontend-components 0.0.121 → 0.0.123

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;
 };
 
 /**
@@ -264,6 +266,9 @@ declare function useSearchNationality({ setValue, onClose, isOpen }: Props$2): {
     setSearchInput: React__default.Dispatch<React__default.SetStateAction<string>>;
 };
 declare const useNationalityComponent: () => {
+    isOpen: boolean;
+    closeModal: () => void;
+    setNationality: React__default.Dispatch<React__default.SetStateAction<NationalityResponseDto | undefined>>;
     nationality: NationalityResponseDto | undefined;
     openModal: () => void;
     NationalitySearchComponent: () => react_jsx_runtime.JSX.Element;
@@ -388,6 +393,9 @@ declare const useVisaComponent: () => {
     visa: VisaStatusResponseDto | undefined;
     openModal: () => void;
     VisaSearchComponent: () => react_jsx_runtime.JSX.Element;
+    isOpen: boolean;
+    closeModal: () => void;
+    setVisa: React__default.Dispatch<React__default.SetStateAction<VisaStatusResponseDto | undefined>>;
 };
 
 interface DeaCustomerSearchModalProps {

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';
@@ -1390,6 +1390,9 @@ const useNationalityComponent = () => {
   const { isOpen, closeModal, openModal } = useModalState();
   const NationalitySearchComponent = () => /* @__PURE__ */ jsx(NationalityComponent, { isOpen, onClose: closeModal, setValue: setNationality });
   return {
+    isOpen,
+    closeModal,
+    setNationality,
     nationality,
     openModal,
     NationalitySearchComponent
@@ -1803,7 +1806,10 @@ const useVisaComponent = () => {
   return {
     visa,
     openModal,
-    VisaSearchComponent
+    VisaSearchComponent,
+    isOpen,
+    closeModal,
+    setVisa
   };
 };
 
@@ -3512,9 +3518,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 +3591,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]);
+    }
   };
 }