sales-frontend-utils 0.0.18 → 0.0.20

package/dist/index.d.cts

@@ -233,6 +233,10 @@ interface ConvertTextToImgParams {
  * @returns Base64로 인코딩된 이미지 데이터 URL
  */
 declare const convertTextToImg: ({ targetStr, canvasWidth, canvasHeight, backgroundColor, fontColor, fontSize, fontWeight }: ConvertTextToImgParams) => string;
+declare function drawImageResizeCentered(base64: string, size: {
+    canvasWidth: number;
+    canvasHeight: number;
+}): Promise<unknown>;
 
 declare const getCookie: (name: string) => string;
 declare const setCookie: (name: string, value: string, options?: {
@@ -256,11 +260,6 @@ declare function fileToBase64(file: File | Blob): Promise<string>;
  */
 declare function getExt(data: string | File | Blob): string | undefined;
 
-declare global {
-    interface Window {
-        $ASTX2: any;
-    }
-}
 /**
  * element를 동적으로 추가하는 경우 사용.
  * @param el HTMLElement
@@ -288,4 +287,4 @@ declare const initASTX2: ({ initSuccess, initFailure, checkServerSuccess, checkS
  */
 declare function getE2EDataIDs(ids: string[], onSuccess: (astx_data: any) => void, onFailure?: () => void): void;
 
-export { type BrowserName, type ExecutionEnvironment, MessageEventManager, type OSName, addE2EObject, base64ToBlob, base64ToFile, blobToFile, checkUserAgentDspApp, convertTextToImg, debounce, deleteCookie, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, getSubdomain, hasAstx2, initASTX2, isClient, isDspApp, isFpPlannerApp, isPc, isPhone, isSalesPortal, isStorybookEnv, isTablet, isWebView, loadScript, setCookie, throttle };
+export { type BrowserName, type ExecutionEnvironment, MessageEventManager, type OSName, addE2EObject, base64ToBlob, base64ToFile, blobToFile, checkUserAgentDspApp, convertTextToImg, debounce, deleteCookie, drawImageResizeCentered, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, getSubdomain, hasAstx2, initASTX2, isClient, isDspApp, isFpPlannerApp, isPc, isPhone, isSalesPortal, isStorybookEnv, isTablet, isWebView, loadScript, setCookie, throttle };

package/dist/index.d.ts

@@ -233,6 +233,10 @@ interface ConvertTextToImgParams {
  * @returns Base64로 인코딩된 이미지 데이터 URL
  */
 declare const convertTextToImg: ({ targetStr, canvasWidth, canvasHeight, backgroundColor, fontColor, fontSize, fontWeight }: ConvertTextToImgParams) => string;
+declare function drawImageResizeCentered(base64: string, size: {
+    canvasWidth: number;
+    canvasHeight: number;
+}): Promise<unknown>;
 
 declare const getCookie: (name: string) => string;
 declare const setCookie: (name: string, value: string, options?: {
@@ -256,11 +260,6 @@ declare function fileToBase64(file: File | Blob): Promise<string>;
  */
 declare function getExt(data: string | File | Blob): string | undefined;
 
-declare global {
-    interface Window {
-        $ASTX2: any;
-    }
-}
 /**
  * element를 동적으로 추가하는 경우 사용.
  * @param el HTMLElement
@@ -288,4 +287,4 @@ declare const initASTX2: ({ initSuccess, initFailure, checkServerSuccess, checkS
  */
 declare function getE2EDataIDs(ids: string[], onSuccess: (astx_data: any) => void, onFailure?: () => void): void;
 
-export { type BrowserName, type ExecutionEnvironment, MessageEventManager, type OSName, addE2EObject, base64ToBlob, base64ToFile, blobToFile, checkUserAgentDspApp, convertTextToImg, debounce, deleteCookie, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, getSubdomain, hasAstx2, initASTX2, isClient, isDspApp, isFpPlannerApp, isPc, isPhone, isSalesPortal, isStorybookEnv, isTablet, isWebView, loadScript, setCookie, throttle };
+export { type BrowserName, type ExecutionEnvironment, MessageEventManager, type OSName, addE2EObject, base64ToBlob, base64ToFile, blobToFile, checkUserAgentDspApp, convertTextToImg, debounce, deleteCookie, drawImageResizeCentered, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, getSubdomain, hasAstx2, initASTX2, isClient, isDspApp, isFpPlannerApp, isPc, isPhone, isSalesPortal, isStorybookEnv, isTablet, isWebView, loadScript, setCookie, throttle };

package/dist/index.js

@@ -471,6 +471,37 @@ var convertTextToImg = ({
   ctx.fillText(targetStr, canvas.width / 2, canvas.height / 2);
   return canvas.toDataURL();
 };
+function drawImageResizeCentered(base64, size) {
+  return new Promise((resolve) => {
+    const { canvasHeight, canvasWidth } = size;
+    const canvas = document.createElement("canvas");
+    canvas.width = canvasWidth;
+    canvas.height = canvasHeight;
+    const ctx = canvas.getContext("2d");
+    const img = new Image();
+    img.src = base64;
+    img.onload = () => {
+      const imageWidth = img.width;
+      const imageHeight = img.height;
+      const canvasRatio = canvasWidth / canvasHeight;
+      const imageRatio = imageWidth / imageHeight;
+      let newWidth;
+      let newHeight;
+      if (imageRatio > canvasRatio) {
+        newWidth = canvasWidth;
+        newHeight = newWidth / imageRatio;
+      } else {
+        newHeight = canvasHeight;
+        newWidth = newHeight * imageRatio;
+      }
+      const x = (canvasWidth - newWidth) / 2;
+      const y = (canvasHeight - newHeight) / 2;
+      ctx?.clearRect(0, 0, canvasWidth, canvasHeight);
+      ctx?.drawImage(img, x, y, newWidth, newHeight);
+      resolve(canvas.toDataURL());
+    };
+  });
+}
 
 // src/utils/cookie-utils.ts
 var getCookie = (name) => {
@@ -573,19 +604,16 @@ var astx2_custom_default = "/* ASTx 1.3 | (C) Copyright AhnLab, Inc. | $Revision
 
 // src/utils/astx2-utils.ts
 function addE2EObject(el, e2e_type) {
-  const globalThis = window;
-  if (globalThis.$ASTX2) {
-    globalThis.$ASTX2.addE2EObject(el, e2e_type);
-    globalThis.$ASTX2.resetE2E();
+  if (window.$ASTX2) {
+    window.$ASTX2.addE2EObject(el, e2e_type);
+    window.$ASTX2.resetE2E();
   }
 }
 function hasAstx2() {
-  const globalThis = window;
-  return !!globalThis.$ASTX2;
+  return !!window.$ASTX2;
 }
 var loadScript = (callback) => {
-  const globalThis = window;
-  if (!globalThis.$ASTX2) {
+  if (!window.$ASTX2) {
     console.log("dynamic load");
     const script = document.createElement("script");
     script.innerHTML = `
@@ -608,27 +636,26 @@ var init = ({
   checkServerFailure = () => {
   }
 } = {}) => {
-  const globalThis = window;
-  globalThis.$ASTX2.init(
+  window.$ASTX2.init(
     () => {
-      globalThis.$ASTX2.initE2E();
-      globalThis.$ASTX2.checkServer(
+      window.$ASTX2.initE2E();
+      window.$ASTX2.checkServer(
         () => {
           checkServerSuccess();
         },
         () => {
           checkServerFailure();
-          console.error(`ASTX.checkServer() onFailure: errno=${globalThis.$ASTX2.getLastError()}`);
+          console.error(`ASTX.checkServer() onFailure: errno=${window.$ASTX2.getLastError()}`);
         }
       );
       initSuccess();
     },
     () => {
       initFailure();
-      if (globalThis.$ASTX2.getLastError() === 103) {
+      if (window.$ASTX2.getLastError() === 103) {
         console.error("AhnLab Safe Transaction \uD074\uB77C\uC774\uC5B8\uD2B8\uAC00 \uC124\uCE58\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.");
       } else {
-        console.error(`$ASTX2.init() onFailure: errno=${globalThis.$ASTX2.getLastError()}`);
+        console.error(`$ASTX2.init() onFailure: errno=${window.$ASTX2.getLastError()}`);
       }
     }
   );
@@ -643,8 +670,7 @@ var initASTX2 = ({
   checkServerFailure = () => {
   }
 } = {}) => {
-  const globalThis = window;
-  if (globalThis.$ASTX2) {
+  if (window.$ASTX2) {
     init({
       initSuccess,
       initFailure,
@@ -655,21 +681,20 @@ var initASTX2 = ({
 };
 function getE2EDataIDs(ids, onSuccess, onFailure = () => {
 }) {
-  const globalThis = window;
-  if (globalThis.$ASTX2) {
-    globalThis.$ASTX2.getE2EDataIDs(
+  if (window.$ASTX2) {
+    window.$ASTX2.getE2EDataIDs(
       ids,
       async (astx_data) => {
         onSuccess(astx_data);
       },
       () => {
         onFailure();
-        console.log(`ASTX.getE2EData() onFailure: errno=${globalThis.$ASTX2.getLastError()}`);
+        console.log(`ASTX.getE2EData() onFailure: errno=${window.$ASTX2.getLastError()}`);
       }
     );
   }
 }
 
-export { MessageEventManager, addE2EObject, base64ToBlob, base64ToFile, blobToFile, checkUserAgentDspApp, convertTextToImg, debounce, deleteCookie, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, getSubdomain, hasAstx2, initASTX2, isClient, isDspApp, isFpPlannerApp, isPc, isPhone, isSalesPortal, isStorybookEnv, isTablet, isWebView, loadScript, setCookie, throttle };
+export { MessageEventManager, addE2EObject, base64ToBlob, base64ToFile, blobToFile, checkUserAgentDspApp, convertTextToImg, debounce, deleteCookie, drawImageResizeCentered, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, getSubdomain, hasAstx2, initASTX2, isClient, isDspApp, isFpPlannerApp, isPc, isPhone, isSalesPortal, isStorybookEnv, isTablet, isWebView, loadScript, setCookie, throttle };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map