sales-frontend-utils 0.0.53 → 0.0.55

package/dist/index.d.cts

@@ -2,11 +2,13 @@ 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';
 export { DateFormat, PeriodType, convertDateFormat, convertDateString, getDateDiff, getLastDay, getOneMonthLater, getPeriodDate, isDate, isDateAfter, isFutureDate, isValidDate, validateBirthdate } from './utils/date-utils.cjs';
+export { charFilterEng, charFilterKor, checkKeys, isArrowDown, isArrowLeft, isArrowRight, isArrowUp, isBackspace, isEnter, isEscape, isOverCharCount, isOverEngCharCount, isOverKorCharCount, isTab } from './utils/key-trigger-utils.cjs';
 export { loadGaScript } from './utils/ga/index.cjs';
 export { BrowserName, ExecutionEnvironment, OSName } from './types/common.types.cjs';
 import 'dayjs';
+import 'react';

package/dist/index.d.ts

@@ -2,11 +2,13 @@ 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';
 export { DateFormat, PeriodType, convertDateFormat, convertDateString, getDateDiff, getLastDay, getOneMonthLater, getPeriodDate, isDate, isDateAfter, isFutureDate, isValidDate, validateBirthdate } from './utils/date-utils.js';
+export { charFilterEng, charFilterKor, checkKeys, isArrowDown, isArrowLeft, isArrowRight, isArrowUp, isBackspace, isEnter, isEscape, isOverCharCount, isOverEngCharCount, isOverKorCharCount, isTab } from './utils/key-trigger-utils.js';
 export { loadGaScript } from './utils/ga/index.js';
 export { BrowserName, ExecutionEnvironment, OSName } from './types/common.types.js';
 import 'dayjs';
+import 'react';

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();
@@ -1065,6 +1070,86 @@ var getPeriodDate = (periodType) => {
   }
 };
 
+// src/utils/key-trigger-utils.ts
+var charFilterEng = (value) => value.replace(/[^a-zA-Z]/g, "");
+var charFilterKor = (value) => value.replace(/[^\uAC00-\uD7AF]/g, "");
+function isOverCharCount(value, count) {
+  const hangulLength = charFilterKor(value).length;
+  const englishLength = charFilterEng(value).length;
+  if (hangulLength + englishLength >= count) {
+    return true;
+  }
+  return false;
+}
+function checkKeys(event, keys) {
+  if (keys.includes(event.key)) {
+    return true;
+  }
+  return false;
+}
+function isEnter(event) {
+  if (checkKeys(event, ["Enter"]) || event.code === "NumpadEnter") {
+    return true;
+  }
+  return false;
+}
+function isBackspace(event) {
+  if (checkKeys(event, ["Backspace"])) {
+    return true;
+  }
+  return false;
+}
+function isArrowUp(event) {
+  if (checkKeys(event, ["ArrowUp"])) {
+    return true;
+  }
+  return false;
+}
+function isArrowDown(event) {
+  if (checkKeys(event, ["ArrowDown"])) {
+    return true;
+  }
+  return false;
+}
+function isArrowLeft(event) {
+  if (checkKeys(event, ["ArrowLeft"])) {
+    return true;
+  }
+  return false;
+}
+function isArrowRight(event) {
+  if (checkKeys(event, ["ArrowRight"])) {
+    return true;
+  }
+  return false;
+}
+function isTab(event) {
+  if (checkKeys(event, ["Tab"])) {
+    return true;
+  }
+  return false;
+}
+function isEscape(event) {
+  if (checkKeys(event, ["Escape"])) {
+    return true;
+  }
+  return false;
+}
+function isOverKorCharCount(value, count) {
+  const hangulLength = charFilterKor(value).length;
+  if (hangulLength > count) {
+    return true;
+  }
+  return false;
+}
+function isOverEngCharCount(value, count) {
+  const englishLength = charFilterEng(value).length;
+  if (englishLength > count) {
+    return true;
+  }
+  return false;
+}
+
 // src/utils/ga/ga.js
 var ga_default = "(function (w, d, s, l, i) {\n  w[l] = w[l] || [];\n  w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });\n  let f = d.getElementsByTagName(s)[0],\n    j = d.createElement(s),\n    dl = l !== 'dataLayer' ? `&l=${l}` : '';\n  j.async = true;\n  j.src = `https://www.googletagmanager.com/gtm.js?id=${i}${dl}`;\n  f.parentNode.insertBefore(j, f);\n})(window, document, 'script', 'dataLayer', 'GTM-PPT3LJ56');\n";
 
@@ -1083,6 +1168,6 @@ var loadGaScript = () => {
   }
 };
 
-export { MessageEventManager, addE2EObject, base64ToBlob, base64ToFile, blobToFile, 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, isClient, isDate, isDateAfter, isDspApp, isFpPlannerApp, isFutureDate, isIosDevice, isIosWebView, isPc, isPhone, isProductionApp, isSalesPortal, isStorybookEnv, 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