sales-frontend-utils 0.0.54 → 0.0.55

package/dist/index.d.cts

@@ -2,7 +2,7 @@ export { debounce, throttle } from './utils/timing-utils.cjs';
 export { checkUserAgentDspApp, getBrowserName, getBrowserVersion, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, isAndroidDevice, isAndroidWebView, isDspApp, isFpPlannerApp, isIosDevice, isIosWebView, isPc, isPhone, isProductionApp, isSalesPortal, isTablet } from './utils/user-agent-utils.cjs';
 export { getApiHostNameFromEnvironment, getBusinessWorkDivisionCode, getCdnHostNameFromEnvironment, getDspApiBasePathFromEnvironment, getDudApiBasePathFromEnvironment, getEnvironmentFromHostname, getNlcHostFromEnvironment, getServicePath, getSubdomain, isClient, isStorybookEnv } from './utils/environment-utils.cjs';
 export { MessageEventManager } from './utils/event-handler-utils.cjs';
-export { convertTextToImg, drawImageResizeCentered } from './utils/canvas-utils.cjs';
+export { convertTextToImg, drawImageResizeCentered, getTextWidth } from './utils/canvas-utils.cjs';
 export { deleteCookie, getCookie, setCookie } from './utils/cookie-utils.cjs';
 export { base64ToBlob, base64ToFile, blobToFile, downloadBlob, fileToBase64, getExt, imageUrlToFile, imageUrlToFileFetch, imageUrlToFileWithCanvas, imageUrlToFileWithXMLHttpRequest, objectUrlToBase64, objectUrlToBlob } from './utils/file-utils.cjs';
 export { addE2EObject, getE2EDataIDs, hasAstx2, initASTX2, loadScript } from './utils/astx2-utils.cjs';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { debounce, throttle } from './utils/timing-utils.js';
 export { checkUserAgentDspApp, getBrowserName, getBrowserVersion, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDeviceModel, getDspExecutionEnvironment, getFormFactorFromUserAgent, getOSName, getOSVersion, getOrCreateDeviceId, isAndroidDevice, isAndroidWebView, isDspApp, isFpPlannerApp, isIosDevice, isIosWebView, isPc, isPhone, isProductionApp, isSalesPortal, isTablet } from './utils/user-agent-utils.js';
 export { getApiHostNameFromEnvironment, getBusinessWorkDivisionCode, getCdnHostNameFromEnvironment, getDspApiBasePathFromEnvironment, getDudApiBasePathFromEnvironment, getEnvironmentFromHostname, getNlcHostFromEnvironment, getServicePath, getSubdomain, isClient, isStorybookEnv } from './utils/environment-utils.js';
 export { MessageEventManager } from './utils/event-handler-utils.js';
-export { convertTextToImg, drawImageResizeCentered } from './utils/canvas-utils.js';
+export { convertTextToImg, drawImageResizeCentered, getTextWidth } from './utils/canvas-utils.js';
 export { deleteCookie, getCookie, setCookie } from './utils/cookie-utils.js';
 export { base64ToBlob, base64ToFile, blobToFile, downloadBlob, fileToBase64, getExt, imageUrlToFile, imageUrlToFileFetch, imageUrlToFileWithCanvas, imageUrlToFileWithXMLHttpRequest, objectUrlToBase64, objectUrlToBlob } from './utils/file-utils.js';
 export { addE2EObject, getE2EDataIDs, hasAstx2, initASTX2, loadScript } from './utils/astx2-utils.js';

package/dist/index.js

@@ -610,6 +610,11 @@ __publicField(_MessageEventManager, "instance");
 var MessageEventManager = _MessageEventManager;
 
 // src/utils/canvas-utils.ts
+var getTextWidth = (text, font, context) => {
+  context.font = font;
+  const metrics = context.measureText(text);
+  return metrics.width;
+};
 var convertTextToImg = ({
   targetStr,
   canvasWidth,
@@ -625,8 +630,9 @@ var convertTextToImg = ({
   if (!ctx) {
     throw new Error("Canvas context\uB97C \uAC00\uC838\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
   }
+  const font = `${fontWeight ?? "normal"} ${fontSize ?? 75}px ${fontFamily}`;
   const defaultHeight = 150;
-  const calculatedWidth = targetStr.length * 70;
+  const calculatedWidth = getTextWidth(targetStr, font, ctx);
   canvas.width = canvasWidth ?? calculatedWidth;
   canvas.height = canvasHeight ?? defaultHeight;
   if (backgroundColor) {
@@ -635,8 +641,7 @@ var convertTextToImg = ({
   }
   ctx.fillStyle = fontColor ?? "black";
   ctx.textAlign = "center";
-  ctx.font = `${fontWeight ?? "normal"} ${fontSize ?? 75}px ${fontFamily}`;
-  console.log("font", `${fontWeight ?? "normal"} ${fontSize ?? 75}px ${fontFamily}`);
+  ctx.font = font;
   ctx.textBaseline = "middle";
   ctx.fillText(targetStr, canvas.width / 2, canvas.height / 2);
   return canvas.toDataURL();
@@ -1163,6 +1168,6 @@ var loadGaScript = () => {
   }
 };
 
-export { MessageEventManager, addE2EObject, base64ToBlob, base64ToFile, blobToFile, charFilterEng, charFilterKor, checkKeys, checkUserAgentDspApp, convertDateFormat, convertDateString, convertTextToImg, debounce, deleteCookie, downloadBlob, drawImageResizeCentered, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getBusinessWorkDivisionCode, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDateDiff, getDeviceModel, getDspApiBasePathFromEnvironment, getDspExecutionEnvironment, getDudApiBasePathFromEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getLastDay, getNlcHostFromEnvironment, getOSName, getOSVersion, getOneMonthLater, getOrCreateDeviceId, getPeriodDate, getServicePath, getSubdomain, hasAstx2, imageUrlToFile, imageUrlToFileFetch, imageUrlToFileWithCanvas, imageUrlToFileWithXMLHttpRequest, initASTX2, isAndroidDevice, isAndroidWebView, isArrowDown, isArrowLeft, isArrowRight, isArrowUp, isBackspace, isClient, isDate, isDateAfter, isDspApp, isEnter, isEscape, isFpPlannerApp, isFutureDate, isIosDevice, isIosWebView, isOverCharCount, isOverEngCharCount, isOverKorCharCount, isPc, isPhone, isProductionApp, isSalesPortal, isStorybookEnv, isTab, isTablet, isValidDate, loadGaScript, loadScript, objectUrlToBase64, objectUrlToBlob, setCookie, throttle, validateBirthdate };
+export { MessageEventManager, addE2EObject, base64ToBlob, base64ToFile, blobToFile, charFilterEng, charFilterKor, checkKeys, checkUserAgentDspApp, convertDateFormat, convertDateString, convertTextToImg, debounce, deleteCookie, downloadBlob, drawImageResizeCentered, fileToBase64, getApiHostNameFromEnvironment, getBrowserName, getBrowserVersion, getBusinessWorkDivisionCode, getCdnHostNameFromEnvironment, getCookie, getCurrentBrowserName, getCurrentBrowserVersion, getCurrentOSName, getCurrentOSVersion, getDateDiff, getDeviceModel, getDspApiBasePathFromEnvironment, getDspExecutionEnvironment, getDudApiBasePathFromEnvironment, getE2EDataIDs, getEnvironmentFromHostname, getExt, getFormFactorFromUserAgent, getLastDay, getNlcHostFromEnvironment, getOSName, getOSVersion, getOneMonthLater, getOrCreateDeviceId, getPeriodDate, getServicePath, getSubdomain, getTextWidth, hasAstx2, imageUrlToFile, imageUrlToFileFetch, imageUrlToFileWithCanvas, imageUrlToFileWithXMLHttpRequest, initASTX2, isAndroidDevice, isAndroidWebView, isArrowDown, isArrowLeft, isArrowRight, isArrowUp, isBackspace, isClient, isDate, isDateAfter, isDspApp, isEnter, isEscape, isFpPlannerApp, isFutureDate, isIosDevice, isIosWebView, isOverCharCount, isOverEngCharCount, isOverKorCharCount, isPc, isPhone, isProductionApp, isSalesPortal, isStorybookEnv, isTab, isTablet, isValidDate, loadGaScript, loadScript, objectUrlToBase64, objectUrlToBlob, setCookie, throttle, validateBirthdate };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map