sales-frontend-utils 0.0.19 → 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?: {
@@ -283,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?: {
@@ -283,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) => {
@@ -664,6 +695,6 @@ function getE2EDataIDs(ids, onSuccess, onFailure = () => {
   }
 }
 
-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