sales-frontend-utils 0.0.53 → 0.0.55

package/dist/index.cjs

@@ -617,6 +617,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,
@@ -632,8 +637,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) {
@@ -642,8 +648,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();
@@ -1072,6 +1077,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";
 
@@ -1095,6 +1180,9 @@ exports.addE2EObject = addE2EObject;
 exports.base64ToBlob = base64ToBlob;
 exports.base64ToFile = base64ToFile;
 exports.blobToFile = blobToFile;
+exports.charFilterEng = charFilterEng;
+exports.charFilterKor = charFilterKor;
+exports.checkKeys = checkKeys;
 exports.checkUserAgentDspApp = checkUserAgentDspApp;
 exports.convertDateFormat = convertDateFormat;
 exports.convertDateString = convertDateString;
@@ -1132,6 +1220,7 @@ exports.getOrCreateDeviceId = getOrCreateDeviceId;
 exports.getPeriodDate = getPeriodDate;
 exports.getServicePath = getServicePath;
 exports.getSubdomain = getSubdomain;
+exports.getTextWidth = getTextWidth;
 exports.hasAstx2 = hasAstx2;
 exports.imageUrlToFile = imageUrlToFile;
 exports.imageUrlToFileFetch = imageUrlToFileFetch;
@@ -1140,19 +1229,30 @@ exports.imageUrlToFileWithXMLHttpRequest = imageUrlToFileWithXMLHttpRequest;
 exports.initASTX2 = initASTX2;
 exports.isAndroidDevice = isAndroidDevice;
 exports.isAndroidWebView = isAndroidWebView;
+exports.isArrowDown = isArrowDown;
+exports.isArrowLeft = isArrowLeft;
+exports.isArrowRight = isArrowRight;
+exports.isArrowUp = isArrowUp;
+exports.isBackspace = isBackspace;
 exports.isClient = isClient;
 exports.isDate = isDate;
 exports.isDateAfter = isDateAfter;
 exports.isDspApp = isDspApp;
+exports.isEnter = isEnter;
+exports.isEscape = isEscape;
 exports.isFpPlannerApp = isFpPlannerApp;
 exports.isFutureDate = isFutureDate;
 exports.isIosDevice = isIosDevice;
 exports.isIosWebView = isIosWebView;
+exports.isOverCharCount = isOverCharCount;
+exports.isOverEngCharCount = isOverEngCharCount;
+exports.isOverKorCharCount = isOverKorCharCount;
 exports.isPc = isPc;
 exports.isPhone = isPhone;
 exports.isProductionApp = isProductionApp;
 exports.isSalesPortal = isSalesPortal;
 exports.isStorybookEnv = isStorybookEnv;
+exports.isTab = isTab;
 exports.isTablet = isTablet;
 exports.isValidDate = isValidDate;
 exports.loadGaScript = loadGaScript;