sales-frontend-solution 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,78 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+
+declare enum KeypadModeEnum {
+    QWERTY_SMART = "qwertysmart",
+    NUMBER = "number"
+}
+
+type KeypadSessionType = {
+    sessionId: string;
+    secToken: string;
+    input: string;
+};
+
+type KeypadType = ReactElement<KeypadFieldType>;
+
+type Props = {
+    value: KeypadSessionType | null;
+    inputElement: KeypadType;
+    mode: KeypadModeEnum;
+    onChange: (value: KeypadSessionType | null) => void;
+    maxLength: number;
+};
+declare function Keypad({ value, onChange, mode, maxLength, inputElement }: Props): react_jsx_runtime.JSX.Element;
+
+type KeypadResponseType = {
+    length: number;
+    element: HTMLInputElement;
+    sessionInfo: KeypadSessionType;
+    keyType: string;
+    name: string;
+};
+
+type KeypadFieldType = {
+    ref: React.Ref<any>;
+    value: string;
+    onClick: () => void;
+    onFocus: () => void;
+    isKeypadActive?: boolean;
+};
+
+type NxlOneProps = {
+    bizCode: string;
+    tmplCode: string;
+    ncsrInfoUuid?: string;
+    nlcCtfnId?: string;
+    t?: string;
+    env?: 'dev' | 'stg' | 'prod';
+};
+type NxlOneResponse = {
+    action?: 'error' | 'close' | 'complete';
+    redirectUrl?: string;
+    nlcCtfnId?: string;
+};
+type OpenOptionType = {
+    popupWidth?: number;
+    popupHeight?: number;
+    popupLeft?: number;
+    popupTop?: number;
+    windowName?: string;
+};
+declare function useNxlOne({ bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t, env }: NxlOneProps): {
+    redirect: () => void;
+    open: (options?: OpenOptionType) => Promise<NxlOneResponse>;
+    Iframe: ({ height, className, style, allow, sandbox, onSuccess, onError, onClose, strictOrigin }: {
+        height?: number | string;
+        className?: string;
+        style?: React.CSSProperties;
+        allow?: string;
+        sandbox?: string;
+        onSuccess?: (response: NxlOneResponse) => void;
+        onError?: (response: NxlOneResponse) => void;
+        onClose: (response: NxlOneResponse) => void;
+        strictOrigin?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+export { Keypad, type KeypadFieldType, KeypadModeEnum, type KeypadResponseType, type KeypadSessionType, type KeypadType, type NxlOneProps, type NxlOneResponse, useNxlOne };

package/dist/index.js

@@ -0,0 +1,471 @@
+import React, { useRef, useState, useCallback, useEffect } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/Keypad.tsx
+
+// src/utils/load-script.ts
+async function loadScript(url2) {
+  await new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = url2;
+    script.async = true;
+    script.addEventListener("load", () => {
+      resolve({ loaded: true, error: false });
+    });
+    script.addEventListener("error", () => {
+      reject({
+        loaded: false,
+        error: true,
+        message: "\uD30C\uC77C \uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD558\uC600\uC2B5\uB2C8\uB2E4."
+      });
+    });
+    document.body.appendChild(script);
+  });
+}
+
+// src/libs/xkeyboard.ts
+var getPath = (service, env) => `https://nxl-${`${service}-${env}` }.hanwhalife.com`;
+var getEnv = () => {
+  return "stg";
+};
+var XKeyboardMobileInstance = (() => {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return null;
+  }
+  const env = getEnv();
+  const keypadServicePath = `${getPath("xkp", env)}/xkp/xkscriptservice`;
+  const keypadContentsPath = `${getPath("nlc", env)}/cnts-files/xkeyboard`;
+  window.XKConfigMobile = {
+    version: "1.0.5.1",
+    server: keypadServicePath,
+    contextRoot: `${keypadContentsPath}/js`,
+    cssPath: `${keypadContentsPath}/css/xkp_mobile.css`,
+    logoImgPath: `${keypadContentsPath}/img/logo.png`,
+    inputObjectBackgroundColor: "#E4E4E4",
+    inputObjectBorderStyle: "1px solid #9E9E9E",
+    invalidSessionErrorMessage: "\uBCF4\uC548\uC138\uC158\uC774 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.\n'\uD655\uC778'\uC744 \uB204\uB974\uBA74 \uD0A4\uD328\uB4DC\uAC00 \uAC31\uC2E0 \uB429\uB2C8\uB2E4.",
+    invalidSessionAutoRefresh: true,
+    enableAccessibility: true,
+    useCustomAlert: false,
+    functionKeyButtonStyle: "text",
+    maxInputSize: 56,
+    textInputView: 0,
+    touchOption: 0
+  };
+  document.oncontextmenu = () => false;
+  document.ondragstart = () => false;
+  document.onselectstart = () => false;
+  const headTag = document.head;
+  const scriptsToLoad = ["xkeypad_mobile.js"];
+  const urls = scriptsToLoad.map(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (x) => `${window.XKConfigMobile.contextRoot}/${x}`
+  );
+  Promise.all(urls.map((x) => loadScript(x))).then(() => {
+    const existingLink = document.getElementById("xkStyle");
+    if (existingLink?.parentNode) {
+      existingLink.parentNode.removeChild(existingLink);
+    }
+    const linkElement = document.createElement("link");
+    linkElement.id = "xkStyle";
+    linkElement.rel = "stylesheet";
+    linkElement.type = "text/css";
+    linkElement.href = window.XKConfigMobile.cssPath;
+    headTag.appendChild(linkElement);
+  });
+  const keypads = {};
+  const getKeypad = (name) => keypads[name];
+  const setKeypad = (name, keypad) => {
+    keypads[name] = keypad;
+    return keypad;
+  };
+  const removeKeypad = (name) => {
+    delete keypads[name];
+  };
+  const closeAll = () => {
+    Object.keys(keypads).forEach((id) => {
+      const keypad = keypads[id];
+      if (keypad && keypad.isOpen()) {
+        keypad.close();
+      }
+    });
+  };
+  const newKeypad = (name) => {
+    return setKeypad(name, new window.XKModule());
+  };
+  return {
+    keypads,
+    getKeypad,
+    setKeypad,
+    newKeypad,
+    removeKeypad,
+    closeAll
+  };
+})();
+
+// src/types/keypad-message.enum.ts
+var KeypadMessageTypeEnum = /* @__PURE__ */ ((KeypadMessageTypeEnum2) => {
+  KeypadMessageTypeEnum2[KeypadMessageTypeEnum2["NotSupportDevice"] = -1] = "NotSupportDevice";
+  KeypadMessageTypeEnum2[KeypadMessageTypeEnum2["Already"] = -2] = "Already";
+  return KeypadMessageTypeEnum2;
+})(KeypadMessageTypeEnum || {});
+var keypad_message_enum_default = KeypadMessageTypeEnum;
+
+// src/types/keypad-mode.enum.ts
+var KeypadModeEnum = /* @__PURE__ */ ((KeypadModeEnum2) => {
+  KeypadModeEnum2["QWERTY_SMART"] = "qwertysmart";
+  KeypadModeEnum2["NUMBER"] = "number";
+  return KeypadModeEnum2;
+})(KeypadModeEnum || {});
+var keypad_mode_enum_default = KeypadModeEnum;
+
+// src/utils/uuid.ts
+var uuidv4 = () => {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 || 0, v = c === "x" ? r : r && 3 || 8;
+    return v.toString(16);
+  });
+};
+
+// src/hooks/use-keypad.ts
+function useKeypad() {
+  const [isShow, setIsShow] = useState(false);
+  const show = useCallback(
+    (inputRef, onInputChange, onKeypadClose, keyType = keypad_mode_enum_default.QWERTY_SMART, maxLength, numberKeyRowCount) => {
+      const name = uuidv4();
+      if (!XKeyboardMobileInstance) {
+        return;
+      }
+      let keypad = XKeyboardMobileInstance.getKeypad(name);
+      if (!keypad) {
+        keypad = XKeyboardMobileInstance.newKeypad(name);
+      } else {
+        keypad.refresh();
+      }
+      if (onInputChange && typeof onInputChange === "function") {
+        onInputChange(0);
+      }
+      const keyPadParam = {
+        name: `xk-pad-${name}`,
+        editBox: inputRef,
+        keyType,
+        width: 100,
+        position: { top: 10, left: null },
+        viewType: "half",
+        closeDelay: 0,
+        autoKeyResize: true,
+        isE2E: true,
+        onlyMobile: false,
+        hasPressEffect: true,
+        maxLength,
+        numberKeyRowCount,
+        onInputChange: (newLength) => {
+          if (onInputChange && typeof onInputChange === "function") {
+            onInputChange(newLength);
+          }
+          if (!keypad) {
+            return;
+          }
+          if (keyPadParam.maxLength && keyPadParam.maxLength > 0 && newLength >= keyPadParam.maxLength && keypad.isOpend()) {
+            keypad.close();
+            setIsShow(false);
+            return;
+          }
+        },
+        onKeypadClose: () => {
+          if (!keypad) {
+            return;
+          }
+          if (!XKeyboardMobileInstance) {
+            return;
+          }
+          if (onKeypadClose && typeof onKeypadClose === "function") {
+            const sessionInfo = keypad.get_sessionInfo();
+            let length = 0;
+            if (sessionInfo.input && sessionInfo.input.indexOf(",") >= 0) {
+              length = sessionInfo.input.split(",").length;
+            }
+            const res = {
+              length,
+              element: inputRef,
+              sessionInfo: {
+                input: sessionInfo.input,
+                sessionId: sessionInfo.sessionId,
+                secToken: sessionInfo.secToken
+              },
+              keyType,
+              name
+            };
+            setIsShow(false);
+            onKeypadClose(res);
+          }
+          XKeyboardMobileInstance.removeKeypad(name);
+          if (!onKeypadClose) {
+            throw new Error("not found onKeypadClose");
+          }
+          if (typeof onKeypadClose !== "function") {
+            throw new Error("not found onKeypadClose");
+          }
+        }
+      };
+      const aRet = keypad.initialize(keyPadParam);
+      if (aRet === keypad_message_enum_default.NotSupportDevice) {
+        alert("\uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uAE30\uAE30 \uC785\uB2C8\uB2E4.");
+        return;
+      } else if (aRet === keypad_message_enum_default.Already) {
+        return;
+      }
+      setIsShow(true);
+    },
+    []
+  );
+  const getValue = (name) => {
+    if (!XKeyboardMobileInstance) {
+      return;
+    }
+    const targetKeypad = XKeyboardMobileInstance.keypads[name];
+    if (!targetKeypad) {
+      return null;
+    }
+    return targetKeypad.get_sessionInfo();
+  };
+  const find = (name) => {
+    if (!XKeyboardMobileInstance) {
+      return;
+    }
+    if (name) {
+      return XKeyboardMobileInstance.keypads[name];
+    } else {
+      const keypadIds = Object.keys(XKeyboardMobileInstance.keypads);
+      for (const keypadId of keypadIds) {
+        const targetKeypad = XKeyboardMobileInstance.keypads[keypadId];
+        if (targetKeypad && targetKeypad.isOpen()) {
+          return targetKeypad;
+        }
+      }
+    }
+  };
+  const isOpen = (name) => {
+    const targetKeypad = find(name);
+    return !!targetKeypad;
+  };
+  const close = (name) => {
+    const targetKeypad = find(name);
+    if (targetKeypad) {
+      targetKeypad.close();
+      setIsShow(false);
+    }
+  };
+  const clear = (name) => {
+    const _xkmodule = find(name);
+    if (_xkmodule) {
+      _xkmodule.clear();
+      setIsShow(false);
+    }
+  };
+  const refresh = (name) => {
+    const targetKeypad = find(name);
+    if (targetKeypad) {
+      targetKeypad.refresh();
+    }
+  };
+  useEffect(() => {
+    const handleMouseDown = (event) => {
+      if (!XKeyboardMobileInstance) {
+        return;
+      }
+      const keypadAlertDivTag = document.querySelector("#xkalert");
+      const keypadDivTag = keypadAlertDivTag?.parentElement;
+      if (keypadDivTag && !keypadDivTag.contains(event.target)) {
+        XKeyboardMobileInstance.closeAll();
+        setIsShow(false);
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => {
+      document.removeEventListener("mousedown", handleMouseDown);
+    };
+  }, []);
+  return {
+    show,
+    close,
+    clear,
+    refresh,
+    getValue,
+    isOpen,
+    find,
+    isShow
+  };
+}
+function Keypad({ value, onChange, mode, maxLength, inputElement }) {
+  const { show, isShow } = useKeypad();
+  const inputRef = useRef(null);
+  const [maskedValue, setMaskedValue] = useState("");
+  const onCloseBack = useCallback(
+    (res) => {
+      onChange(res.sessionInfo);
+    },
+    [onChange]
+  );
+  const onChangeBack = useCallback(
+    (length) => {
+      if (length === 0) {
+        onChange(null);
+      }
+      setMaskedValue("".padStart(length, "*"));
+    },
+    [onChange, setMaskedValue]
+  );
+  const handleKeypad = useCallback(() => {
+    show(inputRef.current, onChangeBack, onCloseBack, mode, maxLength, 3);
+  }, [show, inputRef, onChangeBack, onCloseBack, mode, maxLength]);
+  const enhancedOnClick = (existingClickHandler, newClickHandler) => {
+    return () => {
+      if (existingClickHandler) {
+        existingClickHandler();
+      }
+      newClickHandler();
+    };
+  };
+  const cloneElement = React.cloneElement(inputElement, {
+    ref: inputRef,
+    value: maskedValue,
+    onClick: enhancedOnClick(inputElement.props.onClick, handleKeypad),
+    isKeypadActive: isShow
+  });
+  useEffect(() => {
+    const length = value?.input && value.input.length > 0 ? value.input.split(",").length : 0;
+    setMaskedValue("".padStart(length, "*"));
+  }, [value]);
+  useEffect(() => {
+    if (inputRef.current && !(inputRef.current instanceof HTMLInputElement)) {
+      throw new Error("Input \uD0DC\uADF8\uAC00 \uC815\uC758\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.");
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: cloneElement });
+}
+var url = (() => {
+  const url2 = typeof window !== "undefined" ? window.location.href : "";
+  if (url2.includes("localhost") || url2.includes("dev")) {
+    return "https://nxl-nlc-dev.hanwhalife.com";
+  } else if (url2.includes("stg")) {
+    return "https://nxl-nlc-stg.hanwhalife.com";
+  } else {
+    return "https://nxl-nlc.hanwhalife.com";
+  }
+})();
+function useNxlOne({ bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t, env }) {
+  const baseUrl = env === "prod" ? "https://nxl-nlc.hanwhalife.com" : env === "stg" ? "https://nxl-nlc-stg.hanwhalife.com" : env === "dev" ? "https://nxl-nlc-dev.hanwhalife.com" : void 0;
+  const buildUrl = useCallback(() => {
+    const targetUrl = new URL("/auth/v1", baseUrl || url);
+    targetUrl.searchParams.set("bizCode", bizCode);
+    targetUrl.searchParams.set("tmplCode", tmplCode);
+    if (nlcCtfnId) {
+      targetUrl.searchParams.set("nlcCtfnId", nlcCtfnId);
+    }
+    if (t) {
+      targetUrl.searchParams.set("t", t);
+    }
+    if (ncsrInfoUuid) {
+      targetUrl.searchParams.set("ncsrInfoUuid", ncsrInfoUuid);
+    }
+    return targetUrl.toString();
+  }, [bizCode, tmplCode, t, ncsrInfoUuid, nlcCtfnId]);
+  const redirect = () => {
+    const targetUrl = buildUrl();
+    location.href = targetUrl;
+  };
+  const open = async (options) => {
+    return new Promise((resolve, reject) => {
+      const targetUrl = buildUrl();
+      const width = options && options.popupWidth || 744;
+      const height = options && options.popupHeight || 720;
+      const left = options && options.popupLeft || window.screenX + (window.outerWidth - width) / 2;
+      const top = options && options.popupTop || window.screenX + (window.outerWidth - width) / 2;
+      const popupFeatures = `width=${width},height=${height},left=${left},top=${top}`;
+      const popup = window.open(targetUrl, options && options.windowName || "self_cert", popupFeatures);
+      if (!popup) {
+        reject(new Error("\uCC28\uB2E8\uB418\uAC70\uB098 \uC5F4\uB9AC\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4."));
+        return;
+      }
+      let isSettled = false;
+      const handleMessage = (event) => {
+        if (event.origin !== new URL(targetUrl).origin) {
+          return;
+        }
+        if (!isSettled) {
+          isSettled = true;
+          if (event.data) {
+            resolve(event.data);
+          } else {
+            reject("\uC778\uC99D\uC774 \uCDE8\uC18C\uB418\uAC70\uB098 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.");
+          }
+          popup?.close();
+          window.removeEventListener("message", handleMessage);
+        }
+      };
+      window.addEventListener("message", handleMessage);
+    });
+  };
+  const Iframe = function({
+    height = 720,
+    className,
+    style,
+    allow,
+    sandbox = "allow-scripts allow-forms allow-same-origin",
+    onSuccess,
+    onError,
+    onClose,
+    strictOrigin = true
+  }) {
+    const targetUrl = buildUrl();
+    useEffect(() => {
+      if (!onSuccess && !onError) {
+        return;
+      }
+      const handler = (e) => {
+        if (strictOrigin && e.origin !== url) {
+          return;
+        }
+        const d = e.data;
+        if (d) {
+          if (d.action === "close") {
+            onClose(d);
+            return;
+          } else if (onError && d.action === "error") {
+            onError(d);
+            return;
+          } else if (onSuccess && d.action === "complete") {
+            onSuccess(d);
+            return;
+          }
+        } else if (onError) {
+          onError({
+            action: "error",
+            nlcCtfnId: "",
+            redirectUrl: ""
+          });
+        }
+      };
+      window.addEventListener("message", handler);
+      return () => window.removeEventListener("message", handler);
+    }, [onClose, onError, onSuccess, strictOrigin]);
+    return /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: targetUrl,
+        width: "100%",
+        height: typeof height === "number" ? `${height}px` : height,
+        style: { border: 0, ...style },
+        className,
+        sandbox,
+        ...allow ? { allow } : {}
+      }
+    );
+  };
+  return { redirect, open, Iframe };
+}
+
+export { Keypad, keypad_mode_enum_default as KeypadModeEnum, useNxlOne };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/load-script.ts","../src/libs/xkeyboard.ts","../src/types/keypad-message.enum.ts","../src/types/keypad-mode.enum.ts","../src/utils/uuid.ts","../src/hooks/use-keypad.ts","../src/components/Keypad.tsx","../src/hooks/use-nxl-one.tsx"],"names":["url","KeypadMessageTypeEnum","KeypadModeEnum","useState","useCallback","useEffect","jsx"],"mappings":"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","file":"index.js","sourcesContent":["export async function loadScript(url: string) {\r\n  await new Promise((resolve, reject) => {\r\n    const script = document.createElement('script');\r\n    script.src = url;\r\n    script.async = true;\r\n    script.addEventListener('load', () => {\r\n      resolve({ loaded: true, error: false });\r\n    });\r\n\r\n    script.addEventListener('error', () => {\r\n      reject({\r\n        loaded: false,\r\n        error: true,\r\n        message: '파일 로드에 실패하였습니다.'\r\n      });\r\n    });\r\n\r\n    document.body.appendChild(script);\r\n  });\r\n}\r\n","import { KeypadActionType } from '../types/keypad-action.type';\r\nimport { loadScript } from '../utils/load-script';\r\n\r\ntype ENV = 'dev' | 'stg' | 'prod';\r\n\r\nconst getPath = (service: string, env: ENV) =>\r\n  `https://nxl-${env !== 'prod' ? `${service}-${env}` : service}.hanwhalife.com`;\r\n\r\nconst getEnv: () => ENV = () => {\r\n  const host = window.location.hostname;\r\n\r\n  // if (host.includes('-dev.') || host.includes('localhost')) {\r\n  //   return 'dev';\r\n  // } else if (host.includes('-stg.')) {\r\n  //   return 'stg';\r\n  // } else {\r\n  //   return 'prod';\r\n  // }\r\n\r\n  return 'stg';\r\n};\r\n\r\ninterface KeypadConfig {\r\n  version: string;\r\n  server: string;\r\n  contextRoot: string;\r\n  cssPath: string;\r\n  logoImgPath: string;\r\n  inputObjectBackgroundColor: string;\r\n  inputObjectBorderStyle: string;\r\n  invalidSessionErrorMessage: string;\r\n  invalidSessionAutoRefresh: boolean;\r\n  enableAccessibility: boolean;\r\n  useCustomAlert: boolean;\r\n  functionKeyButtonStyle: string;\r\n  maxInputSize: number;\r\n  textInputView: number;\r\n  touchOption: number;\r\n}\r\n\r\nexport const XKeyboardMobileInstance = (() => {\r\n  if (typeof window === 'undefined' || typeof document === 'undefined') {\r\n    return null;\r\n  }\r\n\r\n  const env = getEnv();\r\n\r\n  const keypadServicePath = `${getPath('xkp', env)}/xkp/xkscriptservice`;\r\n  const keypadContentsPath = `${getPath('nlc', env)}/cnts-files/xkeyboard`;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  (window as any).XKConfigMobile = {\r\n    version: '1.0.5.1',\r\n    server: keypadServicePath,\r\n    contextRoot: `${keypadContentsPath}/js`,\r\n    cssPath: `${keypadContentsPath}/css/xkp_mobile.css`,\r\n    logoImgPath: `${keypadContentsPath}/img/logo.png`,\r\n    inputObjectBackgroundColor: '#E4E4E4',\r\n    inputObjectBorderStyle: '1px solid #9E9E9E',\r\n    invalidSessionErrorMessage: \"보안세션이 만료되었습니다.\\n'확인'을 누르면 키패드가 갱신 됩니다.\",\r\n    invalidSessionAutoRefresh: true,\r\n    enableAccessibility: true,\r\n    useCustomAlert: false,\r\n    functionKeyButtonStyle: 'text',\r\n    maxInputSize: 56,\r\n    textInputView: 0,\r\n    touchOption: 0\r\n  } as KeypadConfig;\r\n\r\n  document.oncontextmenu = () => false;\r\n  document.ondragstart = () => false;\r\n  document.onselectstart = () => false;\r\n\r\n  const headTag = document.head;\r\n  const scriptsToLoad = ['xkeypad_mobile.js'];\r\n\r\n  const urls = scriptsToLoad.map(\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    (x) => `${(window as any).XKConfigMobile.contextRoot}/${x}`\r\n  );\r\n\r\n  Promise.all(urls.map((x) => loadScript(x))).then(() => {\r\n    const existingLink = document.getElementById('xkStyle');\r\n\r\n    if (existingLink?.parentNode) {\r\n      existingLink.parentNode.removeChild(existingLink);\r\n    }\r\n\r\n    const linkElement = document.createElement('link');\r\n    linkElement.id = 'xkStyle';\r\n    linkElement.rel = 'stylesheet';\r\n    linkElement.type = 'text/css';\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    linkElement.href = (window as any).XKConfigMobile.cssPath;\r\n\r\n    headTag.appendChild(linkElement);\r\n  });\r\n\r\n  const keypads: { [key: string]: KeypadActionType | undefined } = {};\r\n\r\n  const getKeypad = (name: string) => keypads[name];\r\n\r\n  const setKeypad = (name: string, keypad: KeypadActionType) => {\r\n    keypads[name] = keypad;\r\n\r\n    return keypad;\r\n  };\r\n\r\n  const removeKeypad = (name: string) => {\r\n    delete keypads[name];\r\n  };\r\n\r\n  const closeAll = () => {\r\n    Object.keys(keypads).forEach((id) => {\r\n      const keypad = keypads[id];\r\n      if (keypad && keypad.isOpen()) {\r\n        keypad.close();\r\n      }\r\n    });\r\n  };\r\n\r\n  const newKeypad = (name: string) => {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    return setKeypad(name, new (window as any).XKModule());\r\n  };\r\n\r\n  return {\r\n    keypads,\r\n    getKeypad,\r\n    setKeypad,\r\n    newKeypad,\r\n    removeKeypad,\r\n    closeAll\r\n  };\r\n})();\r\n","enum KeypadMessageTypeEnum {\r\n  NotSupportDevice = -1,\r\n  Already = -2\r\n}\r\n\r\nexport default KeypadMessageTypeEnum;\r\n","enum KeypadModeEnum {\r\n  QWERTY_SMART = 'qwertysmart',\r\n  NUMBER = 'number'\r\n}\r\n\r\nexport default KeypadModeEnum;","export const uuidv4 = (): string => {\r\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\r\n    const r = Math.random() * 16 || 0,\r\n      v = c === 'x' ? r : (r && 0x3) || 0x8;\r\n\r\n    return v.toString(16);\r\n  });\r\n};\r\n","import { useCallback, useEffect, useState } from 'react';\r\n\r\nimport { XKeyboardMobileInstance } from '../libs/xkeyboard';\r\nimport KeypadMessageTypeEnum from '../types/keypad-message.enum';\r\nimport KeypadModeEnum from '../types/keypad-mode.enum';\r\nimport KeypadResponseType from '../types/keypad-response.type';\r\nimport { uuidv4 } from '../utils/uuid';\r\n\r\nexport default function useKeypad() {\r\n  const [isShow, setIsShow] = useState<boolean>(false);\r\n\r\n  const show = useCallback(\r\n    (\r\n      inputRef: HTMLInputElement,\r\n      onInputChange: (length: number) => void,\r\n      onKeypadClose: (res: KeypadResponseType) => void,\r\n      keyType: KeypadModeEnum = KeypadModeEnum.QWERTY_SMART,\r\n      maxLength: number,\r\n      numberKeyRowCount: number\r\n    ) => {\r\n      const name = uuidv4();\r\n\r\n      if (!XKeyboardMobileInstance) {\r\n        return;\r\n      }\r\n\r\n      let keypad = XKeyboardMobileInstance.getKeypad(name);\r\n\r\n      if (!keypad) {\r\n        keypad = XKeyboardMobileInstance.newKeypad(name);\r\n      } else {\r\n        keypad.refresh();\r\n      }\r\n\r\n      if (onInputChange && typeof onInputChange === 'function') {\r\n        onInputChange(0);\r\n      }\r\n\r\n      const keyPadParam = {\r\n        name: `xk-pad-${name}`,\r\n        editBox: inputRef,\r\n        keyType,\r\n        width: 100,\r\n        position: { top: 10, left: null },\r\n        viewType: 'half',\r\n        closeDelay: 0,\r\n        autoKeyResize: true,\r\n        isE2E: true,\r\n        onlyMobile: false,\r\n        hasPressEffect: true,\r\n        maxLength,\r\n        numberKeyRowCount,\r\n        onInputChange: (newLength: number) => {\r\n          if (onInputChange && typeof onInputChange === 'function') {\r\n            onInputChange(newLength);\r\n          }\r\n\r\n          // 키패드가 존재하지 않을 경우, 종료\r\n          if (!keypad) {\r\n            return;\r\n          }\r\n\r\n          //키패드 입력 길이가 최대 입력 길이가 됐을 때 키패드 닫기\r\n          if (\r\n            keyPadParam.maxLength &&\r\n            keyPadParam.maxLength > 0 &&\r\n            newLength >= keyPadParam.maxLength &&\r\n            keypad.isOpend()\r\n          ) {\r\n            keypad.close();\r\n            setIsShow(false);\r\n\r\n            return;\r\n          }\r\n        },\r\n        onKeypadClose: () => {\r\n          if (!keypad) {\r\n            return;\r\n          }\r\n\r\n          if (!XKeyboardMobileInstance) {\r\n            return;\r\n          }\r\n\r\n          if (onKeypadClose && typeof onKeypadClose === 'function') {\r\n            const sessionInfo = keypad.get_sessionInfo();\r\n            let length = 0;\r\n            if (sessionInfo.input && sessionInfo.input.indexOf(',') >= 0) {\r\n              length = sessionInfo.input.split(',').length;\r\n            }\r\n\r\n            const res = {\r\n              length,\r\n              element: inputRef,\r\n              sessionInfo: {\r\n                input: sessionInfo.input,\r\n                sessionId: sessionInfo.sessionId,\r\n                secToken: sessionInfo.secToken\r\n              },\r\n              keyType,\r\n              name\r\n            };\r\n\r\n            setIsShow(false);\r\n            onKeypadClose(res);\r\n          }\r\n\r\n          XKeyboardMobileInstance.removeKeypad(name);\r\n\r\n          if (!onKeypadClose) {\r\n            throw new Error('not found onKeypadClose');\r\n          }\r\n\r\n          if (typeof onKeypadClose !== 'function') {\r\n            throw new Error('not found onKeypadClose');\r\n          }\r\n        }\r\n      };\r\n\r\n      const aRet = keypad.initialize(keyPadParam);\r\n\r\n      if (aRet === KeypadMessageTypeEnum.NotSupportDevice) {\r\n        // 안내 메세지 세팅\r\n        alert('지원하지 않는 기기 입니다.');\r\n\r\n        return;\r\n      } else if (aRet === KeypadMessageTypeEnum.Already) {\r\n        // alert('이미 키패드가 실행 중입니다.');\r\n        return;\r\n      }\r\n\r\n      setIsShow(true);\r\n    },\r\n    []\r\n  );\r\n\r\n  const getValue = (name: string) => {\r\n    if (!XKeyboardMobileInstance) {\r\n      return;\r\n    }\r\n\r\n    const targetKeypad = XKeyboardMobileInstance.keypads[name];\r\n\r\n    if (!targetKeypad) {\r\n      return null;\r\n    }\r\n\r\n    return targetKeypad.get_sessionInfo();\r\n  };\r\n\r\n  /**\r\n   * 활성화 되어있는 키패드 찾는다\r\n   * @returns\r\n   */\r\n  const find = (name?: string) => {\r\n    if (!XKeyboardMobileInstance) {\r\n      return;\r\n    }\r\n\r\n    if (name) {\r\n      return XKeyboardMobileInstance.keypads[name];\r\n    } else {\r\n      // 키패드가 출력되어있으면, 확인하여 키패드를 닫는다.\r\n      const keypadIds = Object.keys(XKeyboardMobileInstance.keypads);\r\n\r\n      for (const keypadId of keypadIds) {\r\n        const targetKeypad = XKeyboardMobileInstance.keypads[keypadId];\r\n\r\n        if (targetKeypad && targetKeypad.isOpen()) {\r\n          return targetKeypad;\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const isOpen = (name?: string) => {\r\n    const targetKeypad = find(name);\r\n\r\n    return !!targetKeypad;\r\n  };\r\n\r\n  const close = (name?: string) => {\r\n    const targetKeypad = find(name);\r\n    if (targetKeypad) {\r\n      targetKeypad.close();\r\n      setIsShow(false);\r\n    }\r\n  };\r\n\r\n  const clear = (name?: string) => {\r\n    const _xkmodule = find(name);\r\n    if (_xkmodule) {\r\n      _xkmodule.clear();\r\n      setIsShow(false);\r\n    }\r\n  };\r\n\r\n  const refresh = (name?: string) => {\r\n    const targetKeypad = find(name);\r\n    if (targetKeypad) {\r\n      targetKeypad.refresh();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleMouseDown = (event: MouseEvent) => {\r\n      if (!XKeyboardMobileInstance) {\r\n        return;\r\n      }\r\n\r\n      const keypadAlertDivTag = document.querySelector('#xkalert');\r\n\r\n      const keypadDivTag = keypadAlertDivTag?.parentElement;\r\n      if (keypadDivTag && !keypadDivTag.contains(event.target as Node)) {\r\n        XKeyboardMobileInstance.closeAll();\r\n        setIsShow(false);\r\n      }\r\n    };\r\n    document.addEventListener('mousedown', handleMouseDown);\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleMouseDown);\r\n    };\r\n  }, []);\r\n\r\n  return {\r\n    show,\r\n    close,\r\n    clear,\r\n    refresh,\r\n    getValue,\r\n    isOpen,\r\n    find,\r\n    isShow\r\n  };\r\n}\r\n","import React, { useEffect, useRef, useState, useCallback } from 'react';\r\n\r\nimport useXKeypad from '../hooks/use-keypad';\r\nimport KeypadModeEnum from '../types/keypad-mode.enum';\r\nimport KeypadResponseType from '../types/keypad-response.type';\r\nimport KeypadSessionType from '../types/keypad-session.type';\r\nimport KeypadType from '../types/keypad.type';\r\n\r\ntype Props = {\r\n  value: KeypadSessionType | null;\r\n  inputElement: KeypadType;\r\n  mode: KeypadModeEnum;\r\n  onChange: (value: KeypadSessionType | null) => void;\r\n  maxLength: number;\r\n};\r\n\r\nexport default function Keypad({ value, onChange, mode, maxLength, inputElement }: Props) {\r\n  const { show, isShow } = useXKeypad();\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const [maskedValue, setMaskedValue] = useState<string>('');\r\n\r\n  const onCloseBack = useCallback(\r\n    (res: KeypadResponseType) => {\r\n      onChange(res.sessionInfo);\r\n    },\r\n    [onChange]\r\n  );\r\n\r\n  const onChangeBack = useCallback(\r\n    (length: number) => {\r\n      if (length === 0) {\r\n        onChange(null);\r\n      }\r\n      setMaskedValue(''.padStart(length, '*'));\r\n    },\r\n    [onChange, setMaskedValue]\r\n  );\r\n\r\n  const handleKeypad = useCallback(() => {\r\n    show(inputRef.current as HTMLInputElement, onChangeBack, onCloseBack, mode, maxLength, 3);\r\n  }, [show, inputRef, onChangeBack, onCloseBack, mode, maxLength]);\r\n\r\n  const enhancedOnClick = (existingClickHandler: () => void, newClickHandler: () => void) => {\r\n    return () => {\r\n      if (existingClickHandler) {\r\n        existingClickHandler();\r\n      }\r\n      newClickHandler();\r\n    };\r\n  };\r\n\r\n  const cloneElement = React.cloneElement(inputElement, {\r\n    ref: inputRef,\r\n    value: maskedValue,\r\n    onClick: enhancedOnClick(inputElement.props.onClick, handleKeypad),\r\n    isKeypadActive: isShow\r\n  });\r\n\r\n  useEffect(() => {\r\n    const length = value?.input && value.input.length > 0 ? value.input.split(',').length : 0;\r\n    setMaskedValue(''.padStart(length, '*'));\r\n  }, [value]);\r\n\r\n  useEffect(() => {\r\n    if (inputRef.current && !(inputRef.current instanceof HTMLInputElement)) {\r\n      throw new Error('Input 태그가 정의되지 않았습니다.');\r\n    }\r\n  }, []);\r\n\r\n  return <>{cloneElement}</>;\r\n}\r\n","import { useCallback, useEffect, useState } from 'react';\r\n\r\nexport type NxlOneProps = {\r\n  bizCode: string;\r\n  tmplCode: string;\r\n  ncsrInfoUuid?: string;\r\n  nlcCtfnId?: string;\r\n  // TYPE\r\n  t?: string;\r\n  env?: 'dev' | 'stg' | 'prod';\r\n};\r\n\r\nexport type NxlOneResponse = {\r\n  action?: 'error' | 'close' | 'complete';\r\n  redirectUrl?: string;\r\n  nlcCtfnId?: string;\r\n};\r\n\r\nconst url = (() => {\r\n  const url = typeof window !== 'undefined' ? window.location.href : '';\r\n\r\n  if (url.includes('localhost') || url.includes('dev')) {\r\n    return 'https://nxl-nlc-dev.hanwhalife.com';\r\n  } else if (url.includes('stg')) {\r\n    return 'https://nxl-nlc-stg.hanwhalife.com';\r\n  } else {\r\n    return 'https://nxl-nlc.hanwhalife.com';\r\n  }\r\n})();\r\n\r\ntype OpenOptionType = {\r\n  popupWidth?: number;\r\n  popupHeight?: number;\r\n  popupLeft?: number;\r\n  popupTop?: number;\r\n  windowName?: string;\r\n};\r\n\r\nexport default function useNxlOne({ bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t, env }: NxlOneProps) {\r\n  const baseUrl =\r\n    env === 'prod'\r\n      ? 'https://nxl-nlc.hanwhalife.com'\r\n      : env === 'stg'\r\n        ? 'https://nxl-nlc-stg.hanwhalife.com'\r\n        : env === 'dev'\r\n          ? 'https://nxl-nlc-dev.hanwhalife.com'\r\n          : undefined;\r\n\r\n  const buildUrl = useCallback(() => {\r\n    const targetUrl = new URL('/auth/v1', baseUrl || url);\r\n    targetUrl.searchParams.set('bizCode', bizCode);\r\n    targetUrl.searchParams.set('tmplCode', tmplCode);\r\n\r\n    if (nlcCtfnId) {\r\n      targetUrl.searchParams.set('nlcCtfnId', nlcCtfnId);\r\n    }\r\n\r\n    if (t) {\r\n      targetUrl.searchParams.set('t', t);\r\n    }\r\n\r\n    if (ncsrInfoUuid) {\r\n      targetUrl.searchParams.set('ncsrInfoUuid', ncsrInfoUuid);\r\n    }\r\n\r\n    return targetUrl.toString();\r\n  }, [bizCode, tmplCode, t, ncsrInfoUuid, nlcCtfnId]);\r\n\r\n  /**\r\n   * NEXTLAB ONE 인증 페이지로 이동합니다.\r\n   * 인증이 완료 후, 관리자 페이지에서 정의한 프로세스 완료 URL로 이동합니다.\r\n   */\r\n  const redirect = () => {\r\n    const targetUrl = buildUrl();\r\n\r\n    location.href = targetUrl;\r\n  };\r\n\r\n  /**\r\n   * NEXTLAB ONE 인증 페이지를 팝업으로 엽니다.\r\n   * @param options 팝업의 크기, 위치, 창 이름을 정의합니다.\r\n   * @returns 완료 URL에 인증 ID가 Query String 이 함께 정의된 형태로 반환됩니다.\r\n   *\r\n   * @example\r\n   * const { open } = useNxlOne();\r\n   *\r\n   * const handleClick = async () => {\r\n   *  try {\r\n   *    const result = await open({ popupWidth: 500, popupHeight: 500 });\r\n   *    console.log('이동 시킬 URL : ' + result);\r\n   *  } catch (e) {\r\n   *    console.error('팝업 프로세스 실패');\r\n   *  }\r\n   * }\r\n   *\r\n   * @note 팝업은 반드시 사용자 이벤트 핸들러 내에서 직접 호출해야 브라우저 차단을 피할 수 있습니다.\r\n   */\r\n  const open = async (options?: OpenOptionType) => {\r\n    return new Promise<NxlOneResponse>((resolve, reject) => {\r\n      const targetUrl = buildUrl();\r\n\r\n      const width = (options && options.popupWidth) || 744;\r\n      const height = (options && options.popupHeight) || 720;\r\n\r\n      const left = (options && options.popupLeft) || window.screenX + (window.outerWidth - width) / 2;\r\n      const top = (options && options.popupTop) || window.screenX + (window.outerWidth - width) / 2;\r\n\r\n      const popupFeatures = `width=${width},height=${height},left=${left},top=${top}`;\r\n      const popup = window.open(targetUrl, (options && options.windowName) || 'self_cert', popupFeatures);\r\n\r\n      if (!popup) {\r\n        reject(new Error('차단되거나 열리지 않았습니다.'));\r\n\r\n        return;\r\n      }\r\n\r\n      let isSettled = false;\r\n\r\n      const handleMessage = (event: MessageEvent) => {\r\n        if (event.origin !== new URL(targetUrl).origin) {\r\n          return;\r\n        }\r\n\r\n        if (!isSettled) {\r\n          isSettled = true;\r\n\r\n          if (event.data) {\r\n            resolve(event.data);\r\n          } else {\r\n            reject('인증이 취소되거나 실패했습니다.');\r\n          }\r\n\r\n          popup?.close();\r\n          window.removeEventListener('message', handleMessage);\r\n        }\r\n      };\r\n\r\n      window.addEventListener('message', handleMessage);\r\n    });\r\n  };\r\n\r\n  const Iframe = function ({\r\n    height = 720,\r\n    className,\r\n    style,\r\n    allow,\r\n    sandbox = 'allow-scripts allow-forms allow-same-origin',\r\n    onSuccess,\r\n    onError,\r\n    onClose,\r\n    strictOrigin = true\r\n  }: {\r\n    height?: number | string;\r\n    className?: string;\r\n    style?: React.CSSProperties;\r\n    allow?: string;\r\n    sandbox?: string;\r\n    onSuccess?: (response: NxlOneResponse) => void;\r\n    onError?: (response: NxlOneResponse) => void;\r\n    onClose: (response: NxlOneResponse) => void;\r\n    strictOrigin?: boolean;\r\n  }) {\r\n    const targetUrl = buildUrl();\r\n\r\n    useEffect(() => {\r\n      if (!onSuccess && !onError) {\r\n        return;\r\n      }\r\n\r\n      const handler = (e: MessageEvent) => {\r\n        if (strictOrigin && e.origin !== url) {\r\n          return;\r\n        }\r\n\r\n        const d = e.data as NxlOneResponse;\r\n        if (d) {\r\n          if (d.action === 'close') {\r\n            onClose(d);\r\n\r\n            return;\r\n          } else if (onError && d.action === 'error') {\r\n            onError(d);\r\n\r\n            return;\r\n          } else if (onSuccess && d.action === 'complete') {\r\n            onSuccess(d);\r\n\r\n            return;\r\n          }\r\n        } else if (onError) {\r\n          onError({\r\n            action: 'error',\r\n            nlcCtfnId: '',\r\n            redirectUrl: ''\r\n          });\r\n        }\r\n      };\r\n\r\n      window.addEventListener('message', handler as EventListener);\r\n\r\n      return () => window.removeEventListener('message', handler as EventListener);\r\n    }, [onClose, onError, onSuccess, strictOrigin]);\r\n\r\n    return (\r\n      <iframe\r\n        src={targetUrl}\r\n        width=\"100%\"\r\n        height={typeof height === 'number' ? `${height}px` : height}\r\n        style={{ border: 0, ...style }}\r\n        className={className}\r\n        sandbox={sandbox}\r\n        {...(allow ? { allow } : {})}\r\n      />\r\n    );\r\n  };\r\n\r\n  return { redirect, open, Iframe };\r\n}\r\n"]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "sales-frontend-solution",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs.js"
+      }
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
+    "react": "^19.1.0",
+    "tsup": "^8.4.0",
+    "typescript": "5.8.2",
+    "eslint-config-sales-frontend-eslint-config-v8": "^0.0.6",
+    "sales-frontend-typescript-config": "0.0.2"
+  },
+  "scripts": {
+    "lint": "eslint . --max-warnings 0",
+    "generate:component": "turbo gen react-component",
+    "check-types": "tsc --noEmit",
+    "storybook": "tsup --watch",
+    "build": "tsup"
+  }
+}