sales-frontend-components 0.0.132 → 0.0.134

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePick
 import * as React$1 from 'react';
 import React__default from 'react';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
-import { AddressStandardizationResponseDto, AddressResponseDto, CodeDto, CustomerSearchProps, CustomerDto, NationalityResponseDto, VisaStatusResponseDto, PersonalCustomerProfileResponseDto, EmployeeProfileResponseDto, OccupationResponseDto, OrganizationProfileResponse, RemoteIdentityVerificationSystemTokenRequestDto, ApiConfig } from 'sales-frontend-api/method';
+import { AddressStandardizationResponseDto, AddressResponseDto, CodeDto, CustomerSearchProps, CustomerDto, NationalityResponseDto, VisaStatusResponseDto, PersonalCustomerProfileResponseDto, EmployeeProfileResponseDto, OccupationResponseDto, OrganizationProfileResponse, RemoteIdentityVerificationSystemTokenRequestDto, ApiConfig, CustomMutationOptions, RemoteIdentityVerificationSystemIdentificationCardResponseDto, RemoteIdentityVerificationSystemIdentificationCardRequestDto } from 'sales-frontend-api/method';
 
 declare const FormCheckboxButton: <TFormValues extends FieldValues>({ name, control, disabled, children, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & Omit<CheckboxButtonProps, "id">) => react_jsx_runtime.JSX.Element;
 
@@ -522,5 +522,16 @@ declare const useRemoteIdentityVerificationPopup: (config: UseRemoteIdentityVeri
     isCreatingUrl: boolean;
 };
 
-export { Attachment, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
+/**
+ * 비대면 인증 시스템 신분증 진위확인 Mutation
+ * @param options
+ * @returns
+ */
+declare const useConfirmRemoteIdentityVerificationSystemIdentificationCardMutation: (options?: CustomMutationOptions<RemoteIdentityVerificationSystemIdentificationCardResponseDto, RemoteIdentityVerificationSystemIdentificationCardRequestDto>) => any;
+
+declare function DudUpload(): react_jsx_runtime.JSX.Element;
+
+declare function DudDownload(): react_jsx_runtime.JSX.Element;
+
+export { Attachment, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useConfirmRemoteIdentityVerificationSystemIdentificationCardMutation, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, FormSegmentGroupProps, NxlOneProps, NxlOneResponse, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, Step, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };

package/dist/index.esm.js

@@ -2,15 +2,15 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
 import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, FormCore, Modal, Button, RadioGroup, Radio, FormField, useModalState, ModalUtils, useDropDown, List, ListItem, convertDateString, Table, Select, Accordion, Tab, SegmentGroup, Loading } from 'sales-frontend-design-system';
 import React, { useState, useCallback, useEffect, useRef } from 'react';
-import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken } from 'sales-frontend-api/method';
+import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken, confirmRemoteIdentityVerificationSystemIdentificationCard, useDudExternalFileUploadMutation, useDudExternalFileDownloadQuery } from 'sales-frontend-api/method';
 import { IconMainUiSearch, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankScJeil, IconGraphicsBankSinhan, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsStockHochulEopsum, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle, IconIllustCamera } from 'sales-frontend-assets';
 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, addE2EObject, getE2EDataIDs, loadScript, initASTX2, base64ToBlob, MessageEventManager } from 'sales-frontend-utils';
+import { isClient, addE2EObject, getE2EDataIDs, loadScript, initASTX2, base64ToBlob, MessageEventManager, fileToBase64, base64ToFile, downloadBlob } from 'sales-frontend-utils';
 import styles$4 from './modal/standard/visa-search/select-visa.module.scss';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useMutation } from '@tanstack/react-query';
 import styles$5 from './modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss';
 import styles$6 from './modal/pre-standard/employee-search-modal/employee-search-modal.module.scss';
 import styles$7 from './modal/pre-standard/job-search-modal/job-search-modal.module.scss';
@@ -4122,5 +4122,66 @@ const useRemoteIdentityVerificationPopup = (config) => {
   };
 };
 
-export { Attachment, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
+const useConfirmRemoteIdentityVerificationSystemIdentificationCardMutation = (options) => {
+  return useMutation({
+    mutationKey: ["confirmRemoteIdentityVerificationSystemIdentificationCard"],
+    mutationFn: async (params) => {
+      const response = await confirmRemoteIdentityVerificationSystemIdentificationCard(params);
+      if (response.isSuccess === false) {
+        throw new Error(`${response.code}: ${response.message}`);
+      }
+      return response.data;
+    },
+    ...options
+  });
+};
+
+function DudUpload() {
+  const [test, setTest] = useState();
+  const { mutateAsync, data } = useDudExternalFileUploadMutation();
+  const up = async () => {
+    const b = await fileToBase64(test.target.files[0]);
+    const f = base64ToFile(b, "test.png");
+    mutateAsync({
+      data: f,
+      //테스트시, 가능한 증번 입력
+      fileIdentifierValue: "123123123",
+      preservationTerm: 1
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("input", { type: "file", onChange: setTest }),
+    /* @__PURE__ */ jsx("input", { type: "button", value: "up", onClick: up }),
+    /* @__PURE__ */ jsx("br", {}),
+    JSON.stringify(data)
+  ] });
+}
+
+function DudDownload() {
+  const [fileId, setFileId] = useState("");
+  const [enabled, setEnable] = useState(false);
+  const { data } = useDudExternalFileDownloadQuery(
+    {
+      fileMgmtId: fileId,
+      outputType: "BINARY"
+    },
+    {
+      enabled
+    }
+  );
+  useEffect(() => {
+    console.log("data", data, data instanceof Blob, data instanceof File);
+    if (data instanceof Blob) {
+      downloadBlob(data, "test");
+      return;
+    }
+  }, [data]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("input", { type: "text", value: fileId, onChange: (e) => setFileId(e.target.value) }),
+    /* @__PURE__ */ jsx("input", { type: "button", value: "down", onClick: () => setEnable(true) }),
+    JSON.stringify(data)
+  ] });
+}
+
+export { Attachment, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useConfirmRemoteIdentityVerificationSystemIdentificationCardMutation, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 //# sourceMappingURL=index.esm.js.map