sales-frontend-bridge 0.0.21 → 0.0.23

package/dist/index.js

@@ -1,4 +1,4 @@
-import { MessageEventManager, getDspExecutionEnvironment, isClient, isStorybookEnv } from 'sales-frontend-utils';
+import { isClient, MessageEventManager, getDspExecutionEnvironment, isStorybookEnv } from 'sales-frontend-utils';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -1448,6 +1448,9 @@ var IframeBridgeCore = class extends CommonBridgeCore {
     super();
     __publicField(this, "pendingPromises", /* @__PURE__ */ new Map());
     __publicField(this, "responseHandler");
+    if (!isClient()) {
+      return;
+    }
     this.initializeIframeBridge();
   }
   /**
@@ -1573,19 +1576,35 @@ var IframeBridge = class extends CommonBridge {
   // TODO: 필요 플러그인들 추가
 };
 var NativeBridgeCore = class extends CommonBridgeCore {
-  constructor() {
+  constructor(callBridgeName = "n2Bridge", promiseHandleName = "n2bridge") {
     super();
-    this.initializeWindowBridge();
+    __publicField(this, "promiseHandleName");
+    __publicField(this, "callBridgeName");
+    this.callBridgeName = callBridgeName;
+    this.promiseHandleName = promiseHandleName;
+    this.initializeWindowOzBridge();
   }
   /**
-   * 네이티브 통신을 위해 window.n2bridge 객체 초기화
+   * Promise 관리용 브릿지 객체 가져오기 (window.n2bridge)
+   */
+  getPromiseHandleBridge() {
+    return window[this.promiseHandleName];
+  }
+  /**
+   * 앱 호출용 브릿지 객체 가져오기 (window.n2Bridge)
+   */
+  getCallBridge() {
+    return window[this.callBridgeName];
+  }
+  /**
+   * 네이티브 통신을 위해 window.n2OzBridge 객체 초기화
    */
-  initializeWindowBridge() {
+  initializeWindowOzBridge() {
     if (!isClient()) {
       return;
     }
-    if (!window.n2bridge) {
-      window.n2bridge = {
+    if (!window[this.promiseHandleName]) {
+      window[this.promiseHandleName] = {
         promises: {},
         resolvePromise: () => {
         },
@@ -1595,11 +1614,11 @@ var NativeBridgeCore = class extends CommonBridgeCore {
         }
       };
     }
-    window.n2bridge.resolvePromise = this.createResolvePromiseHandler();
-    window.n2bridge.finallyResolvePromise = this.createFinallyResolvePromiseHandler();
-    window.n2bridge.callFromNative = this.createCallFromNativeHandler();
+    const bridge = this.getPromiseHandleBridge();
+    bridge.resolvePromise = this.createResolvePromiseHandler();
+    bridge.finallyResolvePromise = this.createFinallyResolvePromiseHandler();
     if (isStorybookEnv() && window.parent) {
-      window.parent.n2bridge = window.n2bridge;
+      window.parent[this.promiseHandleName] = bridge;
       window.parent.dispatchEvent = (...args) => window.dispatchEvent.apply(null, args);
     }
   }
@@ -1610,7 +1629,8 @@ var NativeBridgeCore = class extends CommonBridgeCore {
   createResolvePromiseHandler() {
     return (promiseId, data, error) => {
       console.log("[NativeBridgeCore resolvePromise]::", promiseId, data, error);
-      const promise = window.n2bridge.promises[promiseId];
+      const bridge = this.getPromiseHandleBridge();
+      const promise = bridge.promises[promiseId];
       if (!promise) {
         console.error("[NativeBridgeCore resolvePromise] Promise not found::", promiseId);
         return;
@@ -1621,10 +1641,6 @@ var NativeBridgeCore = class extends CommonBridgeCore {
           this.cleanupPromise(promiseId);
           return;
         }
-        if (promise.retain) {
-          promise.retain(data);
-          return;
-        }
         promise.resolve(data);
         this.cleanupPromise(promiseId);
       } catch (err) {
@@ -1639,7 +1655,8 @@ var NativeBridgeCore = class extends CommonBridgeCore {
    */
   createFinallyResolvePromiseHandler() {
     return (promiseId, data, error) => {
-      const promise = window.n2bridge.promises[promiseId];
+      const bridge = this.getPromiseHandleBridge();
+      const promise = bridge.promises[promiseId];
       if (!promise) {
         console.error("[NativeBridgeCore resolvePromise] Promise not found::", promiseId);
         return;
@@ -1650,10 +1667,6 @@ var NativeBridgeCore = class extends CommonBridgeCore {
           this.cleanupPromise(promiseId);
           return;
         }
-        if (promise.retain) {
-          promise.retain(data);
-          return;
-        }
         promise.resolve(data);
         this.cleanupPromise(promiseId);
       } catch (err) {
@@ -1662,55 +1675,40 @@ var NativeBridgeCore = class extends CommonBridgeCore {
       }
     };
   }
-  /**
-   * Native 에서 웹으로 호출하는 함수
-   * TODO: 필요시 추가 코딩
-   * @returns
-   */
-  createCallFromNativeHandler() {
-    return (jsonStr) => {
-      try {
-        const command = JSON.parse(jsonStr);
-        console.log("[NativeBridgeCore callFromNative]::", command);
-      } catch (error) {
-        console.error("[NativeBridgeCore callFromNative] parse error::", error);
-      }
-    };
-  }
   /**
    * 네이티브 통신
    * @param action
    * @param options
    * @returns
    */
-  async callToTarget(action, options) {
-    const { retainCallback: retain, ...commandOptions } = options || {};
+  async callToTarget(action, option) {
     return new Promise((resolve, reject) => {
       const promiseId = `${action}_${this.generatePromiseId()}`;
       console.log("[NativeBridgeCore callToNative] promiseId::", promiseId);
-      window.n2bridge.promises[promiseId] = {
+      const bridge = this.getPromiseHandleBridge();
+      bridge.promises[promiseId] = {
         resolve: (value) => {
           resolve(value);
         },
         reject: (reason) => {
           reject(reason);
-        },
-        retain
+        }
       };
       try {
         const command = {
           action,
           promiseId,
-          option: commandOptions
+          option
         };
         console.log("[NativeBridgeCore callToNative] command::", command);
         const platform = getDspExecutionEnvironment();
         if (platform === "android-webview") {
-          window.n2Bridge?.callFromWeb?.(JSON.stringify(command));
+          const callBridge = this.getCallBridge();
+          callBridge?.callFromWeb?.(JSON.stringify(command));
           return;
         }
         if (platform === "ios-webview") {
-          window.webkit?.messageHandlers?.n2Bridge?.postMessage(JSON.stringify(command));
+          window.webkit?.messageHandlers?.[this.callBridgeName]?.postMessage(JSON.stringify(command));
           return;
         }
         console.warn(
@@ -1730,7 +1728,8 @@ var NativeBridgeCore = class extends CommonBridgeCore {
    * @param promiseId
    */
   cleanupPromise(promiseId) {
-    delete window.n2bridge.promises[promiseId];
+    const bridge = this.getPromiseHandleBridge();
+    delete bridge.promises[promiseId];
   }
 };
 
@@ -1773,6 +1772,22 @@ var NativeBridge = class extends CommonBridge {
   async jumpSafari(options) {
     return this.core.callToTarget("jumpSafari", options);
   }
+  /**
+   * 기능명: 본인인증 결과 정보 넘기기
+   * 목적: NXL One 에서 본인인증 결과 값을 네이티브로 넘기기 위함
+   * @param options
+   * @returns
+   */
+  async onAuthenticationResult(options) {
+    return this.core.callToTarget("onAuthenticationResult", options);
+  }
+  /**
+   * Access Token 가져오기
+   * @returns
+   */
+  async getAccessToken() {
+    return this.core.callToTarget("getAccessToken");
+  }
   /**
    * ### Bridge for Oz
    * 설정한 뷰어 파라미터를 기준으로 뷰어에 새로운 보고서를 바인딩합니다.
@@ -1782,9 +1797,9 @@ var NativeBridge = class extends CommonBridge {
    * Bridge.native.createReportEx({ param: "connection.openfile=sample.ozd" });
    * ```
    */
-  createReportEx(options) {
+  createOZViewer(options) {
     return this.core.callToTarget(
-      "createReportEx",
+      "createOZViewer",
       Object.assign({ delimiter: "\n" }, options)
     );
   }
@@ -1797,8 +1812,62 @@ var NativeBridge = class extends CommonBridge {
    * Bridge.native.hideViewer();
    * ```
    */
-  hideViewer() {
-    return this.core.callToTarget("hideViewer");
+  hideOZViewer() {
+    return this.core.callToTarget("hideOZViewer");
+  }
+  /**
+   * ### Bridge for Oz
+   * 오즈 파라미터에서 사용할 OZD를 다운받는 브릿지입니다
+   * @example
+   * ```tsx
+   * const data = [
+   *   { name: "문서1", file: ["doc1.ozd"], complete: true },
+   *   { name: "문서2", file: ["doc2.ozd", "doc3.ozd"], complete: true }
+   * ]
+   * await Bridge.native.downloadDocument(data)
+   * ```
+   * returnData는 file 경로가 절대경로로 매핑되어 돌아온다
+   * ```json
+   * {
+   *    "action":"downloadDocument",
+   *    "data":[
+   *       {
+   *          "name":"aaa",
+   *          "file":[
+   *             "/data/user/0/com.hanwhalife.ssp.stg/files/A0010.ozd",
+   *             "/data/user/0/com.hanwhalife.ssp.stg/files/C0401.ozd"
+   *          ],
+   *          "complete":false
+   *       },
+   *       {
+   *          "name":"bbb",
+   *          "file":[
+   *             "/data/user/0/com.hanwhalife.ssp.stg/files/A1500.ozd"
+   *          ],
+   *          "complete":false
+   *       }
+   *    ]
+   * }
+   * ```
+   */
+  async downloadDocument(options) {
+    return this.core.callToTarget("downloadDocument", options);
+  }
+  // TODO: 필요 플러그인들 추가
+};
+
+// src/native/bridge-oz/native-bridge-oz.ts
+var NativeBridgeOz = class extends CommonBridge {
+  constructor() {
+    super();
+    __publicField(this, "core");
+    this.core = new NativeBridgeCore("n2OzBridge", "n2OzBridge");
+  }
+  /**
+   * Iframe, App 공통으로 구현해야할 함수
+   */
+  hello() {
+    console.log("[NativeBridge] hello");
   }
   /**
    * ### Bridge for Oz
@@ -1912,44 +1981,6 @@ var NativeBridge = class extends CommonBridge {
   async getOzFontParam() {
     return this.core.callToTarget("getOzFontParam");
   }
-  /**
-   * ### Bridge for Oz
-   * 오즈 파라미터에서 사용할 OZD를 다운받는 브릿지입니다
-   * @example
-   * ```tsx
-   * const data = [
-   *   { name: "문서1", file: ["doc1.ozd"], complete: true },
-   *   { name: "문서2", file: ["doc2.ozd", "doc3.ozd"], complete: true }
-   * ]
-   * await Bridge.native.downloadDocument(data)
-   * ```
-   * returnData는 file 경로가 절대경로로 매핑되어 돌아온다
-   * ```json
-   * {
-   *    "action":"downloadDocument",
-   *    "data":[
-   *       {
-   *          "name":"aaa",
-   *          "file":[
-   *             "/data/user/0/com.hanwhalife.ssp.stg/files/A0010.ozd",
-   *             "/data/user/0/com.hanwhalife.ssp.stg/files/C0401.ozd"
-   *          ],
-   *          "complete":false
-   *       },
-   *       {
-   *          "name":"bbb",
-   *          "file":[
-   *             "/data/user/0/com.hanwhalife.ssp.stg/files/A1500.ozd"
-   *          ],
-   *          "complete":false
-   *       }
-   *    ]
-   * }
-   * ```
-   */
-  async downloadDocument(options) {
-    return this.core.callToTarget("downloadDocument", options);
-  }
   /**
    * ### Bridge for Oz
    * 서식의 진행중/완료 상태를 업데이트하는 브릿지
@@ -2009,13 +2040,26 @@ var NativeBridge = class extends CommonBridge {
     return this.core.callToTarget("hideOzPdfViewer");
   }
   /**
-   * 기능명: 본인인증 결과 정보 넘기기
-   * 목적: NXL One 에서 본인인증 결과 값을 네이티브로 넘기기 위함
-   * @param options
-   * @returns
+   * 로더 컴포넌트 show
+   * @example
+   * ```tsx
+   * // 사용 예시
+   * await Bridge.native.showLoader()
+   * ```
    */
-  async onAuthenticationResult(options) {
-    return this.core.callToTarget("onAuthenticationResult", options);
+  async showLoader() {
+    return this.core.callToTarget("showLoader");
+  }
+  /**
+   * 로더 컴포넌트 hide
+   * @example
+   * ```tsx
+   * // 사용 예시
+   * await Bridge.native.hideLoader()
+   * ```
+   */
+  async hideLoader() {
+    return this.core.callToTarget("hideLoader");
   }
   // TODO: 필요 플러그인들 추가
 };
@@ -2023,6 +2067,7 @@ var NativeBridge = class extends CommonBridge {
 // src/bridge.ts
 var Bridge = {
   native: new NativeBridge(),
+  nativeOz: new NativeBridgeOz(),
   iframe: new IframeBridge(),
   nativeCore: new NativeBridgeCore(),
   iframeCore: new IframeBridgeCore()
@@ -2051,10 +2096,25 @@ var commonOzParam = [
   `eform.signpad_type=embedded`,
   // `eform.signpad_type=keypad`,
   `eform.show_prev_next_input=true`,
-  `eform.signpad_prev_next_iconposition=sign_top_left`,
+  // `eform.signpad_prev_next_iconposition=sign_top_left`,
+  `eform.signpad_prev_next_iconposition=sign_top`,
+  `eform.inputcomponent_toolbar_button_json=${JSON.stringify({
+    // 서명패드 버튼 배열 수정
+    "all": {
+      // 왼쪽에 이전, 다시쓰기 버튼
+      "left_align": "prev,clear",
+      // 오른쪽에 완료 성명,서명 불러오기, 다음
+      "right_align": "ok,reusablesign,next"
+    }
+  })}`,
   `eform.signpad_show_draw_erase_button=false`,
+  `eform.signpad_viewtype=keepratioandfittoframe`,
   `eform.radiobutton_type=ensurevisible_at_prev_next`,
   `eform.checkbox_type=ensurevisible_at_prev_next`,
+  `eform.prev_next_required_rule=required_only`,
+  `eform.prev_next_navigation_rule=required_only`,
+  `eform.prev_next_constraint_rule=empty_only`,
+  `viewer.pagenavigate_by_prev_next=true`,
   `eform.imagepicker_id_info=${JSON.stringify({
     ids: [
       {
@@ -2151,7 +2211,7 @@ async function fetchDocument(options) {
   return data.map((i) => ({ ...i, startPage: 0, endPage: 0 }));
 }
 async function fetchFont() {
-  const { data: fontMap } = await Bridge.native.getOzFontParam();
+  const { data: fontMap } = await Bridge.nativeOz.getOzFontParam();
   const fontParms = Object.keys(fontMap).map((i) => `font.${i}=${fontMap[i]}`);
   return fontParms;
 }
@@ -2200,8 +2260,7 @@ function getFileListByGlobalIndex(index, data) {
 }
 
 // src/oz/use-create-report.ts
-function useCreateReport({ documentInfo, extraData = {} }) {
-  const documentList = (0, import_react.useMemo)(() => documentInfo.map((i) => i.file).flat(1), [documentInfo]);
+function useCreateReport({ documentList, extraData = {} }) {
   const CreateReport = (0, import_react.useCallback)(async () => {
     if (documentList.length === 0) {
       throw new Error("\uBB38\uC11C\uBAA9\uB85D\uC774 \uBE44\uC5B4\uC788\uC2B5\uB2C8\uB2E4");
@@ -2231,25 +2290,64 @@ function useCreateReport({ documentInfo, extraData = {} }) {
       ...fontParms,
       ...extraParams.flat(1)
     ];
-    Bridge.native.createReportEx({ param: params.join("\n") });
+    Bridge.native.createOZViewer({ param: params.join("\n") });
   }, [documentList, extraData]);
+  return { CreateReport };
+}
+
+// src/oz/use-document-info.tsx
+var import_react2 = __toESM(require_react());
+function useDocumentInfo(initialValue) {
+  const [documentInfo, setDocumentInfo] = (0, import_react2.useState)([...initialValue]);
+  const documentList = (0, import_react2.useMemo)(() => documentInfo.map((i) => i.file).flat(1), [documentInfo]);
+  const documentIndexMap = documentList.reduce((acc, cur, index) => {
+    acc[cur] = index;
+    return acc;
+  }, {});
+  const documentTemplateMap = (0, import_react2.useMemo)(() => documentInfo.reduce((map, doc) => {
+    doc.file.forEach((file) => {
+      map[file] = { ...doc };
+    });
+    return map;
+  }, {}), [documentInfo]);
+  const nameTemplateMap = documentInfo.reduce((acc, doc) => {
+    acc[doc.name] = doc;
+    return acc;
+  }, {});
+  const groupIndexes = (0, import_react2.useMemo)(() => documentInfo.reduce((acc, item) => {
+    item.file.forEach((file) => {
+      const currentIndex = documentIndexMap[file];
+      if (!acc[currentIndex]) {
+        acc[currentIndex] = [];
+      }
+      item.file.forEach((groupFile) => {
+        acc[currentIndex].push(documentIndexMap[groupFile]);
+      });
+    });
+    return acc;
+  }, []), [documentIndexMap, documentInfo]);
   return {
+    setDocumentInfo,
+    documentInfo,
     documentList,
-    CreateReport
+    documentTemplateMap,
+    documentIndexMap,
+    nameTemplateMap,
+    groupIndexes
   };
 }
 
 // src/oz/use-oz-event-listener.tsx
-var import_react2 = __toESM(require_react());
+var import_react3 = __toESM(require_react());
 function useOzEventListener({ event, handler }) {
-  const handleEvent = (0, import_react2.useCallback)(
+  const handleEvent = (0, import_react3.useCallback)(
     async (e) => {
       const customEvent = e;
       return await handler(customEvent);
     },
     [handler]
   );
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     window.addEventListener(event, handleEvent);
     return () => {
       window.removeEventListener(event, handleEvent);
@@ -2281,6 +2379,6 @@ react/cjs/react.development.js:
    *)
 */
 
-export { Bridge, OZViewerEvent, btnStyle, categorizeByPageRange, commonOzParam, commonPdfExportParam, extractFileName, fetchDocument, fetchFont, getFileListByGlobalIndex, useCreateReport, useOzEventListener, wrapperStyle };
+export { Bridge, OZViewerEvent, btnStyle, categorizeByPageRange, commonOzParam, commonPdfExportParam, extractFileName, fetchDocument, fetchFont, getFileListByGlobalIndex, useCreateReport, useDocumentInfo, useOzEventListener, wrapperStyle };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map