@sparrowengg/integrations-templates-frontend 2.0.0 → 2.1.0-beta.1

package/dist/cjs/commons/constants/strings.js

@@ -0,0 +1,146 @@
+'use strict';
+
+const COMPONENT_DISPLAY_NAMES = {
+  CONFIRMATION_MODAL: "ConfirmationModal",
+  CUSTOM_PILL: "CustomPill",
+  DRAFT_MODAL: "DraftModal",
+  EDIT_CONFIRMATION: "EditConfirmation",
+  IMPORT_MODAL: "ImportModal",
+  NAMING_MODAL: "NamingModal",
+  SPINNER: "Spinner",
+  THEME_WRAPPER: "ThemeWrapper",
+  ARROW_ICON: "ArrowIcon",
+  CURSOR_ICON: "CursorIcon",
+  EMAIL_LETTER_ICON: "EmailLetterIcon",
+  SMS_ICON: "SMSIcon",
+  WHATSAPP_ICON: "WhatsAppIcon",
+  TRASH_ICON: "TrashIcon",
+  SYNC_ICON: "SyncIcon",
+  MAPPING_ICON: "MappingIcon",
+  NESTED_ADD_ICON: "NestedAddIcon"
+};
+const BUTTON_TEXT = {
+  CONFIRM: "Confirm",
+  CANCEL: "Cancel",
+  SAVE: "Save",
+  YES_PROCEED: "Yes, Proceed",
+  SAVE_MAPPING: "Save Mapping",
+  UPDATE_MAPPING: "Update Mapping"
+};
+const MODAL_TITLES = {
+  YOU_WILL_BE_REDIRECTED: "You will be redirected",
+  NEW_CUSTOM_PROPERTY: "New Custom Property",
+  MAPPING_NAME: "Mapping Name"
+};
+const MODAL_DESCRIPTIONS = {
+  DRAFT_REDIRECT: "To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft"
+};
+const FORM_LABELS = {
+  PROPERTY_NAME: "Property Name"
+};
+const PLACEHOLDERS = {
+  ENTER_NAME_FOR_FUTURE_REFERENCE: "Enter a name for future reference",
+  PLEASE_ENTER_YOUR_QUESTION: "Please enter your question"
+};
+const ARIA_LABELS = {
+  CLOSE_MODAL: "Close modal",
+  REMOVE_PILL: "Remove pill",
+  LOADING: "Loading...",
+  ARROW: "Arrow",
+  CURSOR: "Cursor",
+  EMAIL: "Email",
+  SMS: "SMS",
+  WHATSAPP: "WhatsApp",
+  DELETE: "Delete",
+  SYNC: "Sync",
+  MAPPING: "Mapping",
+  ADD_NESTED_ITEM: "Add nested item"
+};
+const CSS_CLASS_NAMES = {
+  DM_SANS: "dm-sans"
+};
+const FONT_FAMILIES = {
+  DM_SANS: "DM Sans",
+  ROBOTO_MONO: "Roboto Mono",
+  DM_SANS_ROBOTO_MONO_SANS_SERIF: "DM Sans, Roboto Mono, sans-serif",
+  DM_SANS_IMPORTANT: "DM Sans !important"
+};
+const COLORS = {
+  BLACK: "black",
+  ICON_GRAY: "#6A6A6A",
+  ICON_GRAY_DARK: "#64748B",
+  ICON_GRAY_MEDIUM: "#767676",
+  DEFAULT: "default",
+  ERROR: "error",
+  SECONDARY: "secondary",
+  PRIMARY: "primary"
+};
+const SIZE_VALUES = {
+  LARGE: "lg",
+  MEDIUM: "md",
+  SMALL: "sm"
+};
+const VARIANTS = {
+  SOLID: "solid",
+  GHOST: "ghost",
+  DEFAULT: "default",
+  SUCCESS: "success"
+};
+const ATTRIBUTES = {
+  STATUS: "status",
+  IMG: "img"
+};
+const BORDER_RADIUS = {
+  EIGHT_PX: "8px",
+  NINETY_NINE_PX: "99px"
+};
+const NUMERIC_CONSTANTS = {
+  CLOSE_ICON_SIZE: 12,
+  MAX_LENGTH_DEFAULT: 50,
+  MIN_WIDTH_464PX: "464px",
+  BUTTON_WIDTH_106PX: "106px"
+};
+const CONSOLE_MESSAGES = {
+  ERROR_DURING_CONFIRMATION: "Error during confirmation:",
+  UNKNOWN_MAPPING_TYPE: (mappingType) => `Unknown mapping type: ${mappingType}`,
+  FAILED_TO_SAVE_TO_LOCALSTORAGE: "Failed to save to localStorage:",
+  FAILED_TO_REMOVE_FROM_LOCALSTORAGE: "Failed to remove from localStorage:"
+};
+const HELPER_STRINGS = {
+  MAPPING_TYPES: {
+    QUESTION: "QUESTION",
+    CONTACT: "CONTACT",
+    VARIABLE: "VARIABLE",
+    EXPRESSION: "EXPRESSION",
+    SUBMISSION_PROPERTY: "SUBMISSION_PROPERTY"
+  },
+  SURVEY_TYPES: {
+    CLASSIC_FORM: "classicform"
+  },
+  EXCLUDED_QUESTION_TYPES: ["Message", "PaymentQuestion"],
+  EXCLUDED_CONTACT_PROPERTIES: ["team_internal", "department_internal"],
+  LABEL_PREFIX: "- ",
+  ID_PREFIX: "id-",
+  CONSOLE_MESSAGES: {
+    UNKNOWN_MAPPING_TYPE: (mappingType) => `Unknown mapping type: ${mappingType}`
+  }
+};
+
+exports.ARIA_LABELS = ARIA_LABELS;
+exports.ATTRIBUTES = ATTRIBUTES;
+exports.BORDER_RADIUS = BORDER_RADIUS;
+exports.BUTTON_TEXT = BUTTON_TEXT;
+exports.COLORS = COLORS;
+exports.COMPONENT_DISPLAY_NAMES = COMPONENT_DISPLAY_NAMES;
+exports.CONSOLE_MESSAGES = CONSOLE_MESSAGES;
+exports.CSS_CLASS_NAMES = CSS_CLASS_NAMES;
+exports.FONT_FAMILIES = FONT_FAMILIES;
+exports.FORM_LABELS = FORM_LABELS;
+exports.HELPER_STRINGS = HELPER_STRINGS;
+exports.MODAL_DESCRIPTIONS = MODAL_DESCRIPTIONS;
+exports.MODAL_TITLES = MODAL_TITLES;
+exports.NUMERIC_CONSTANTS = NUMERIC_CONSTANTS;
+exports.PLACEHOLDERS = PLACEHOLDERS;
+exports.SIZE_VALUES = SIZE_VALUES;
+exports.VARIANTS = VARIANTS;
+//# sourceMappingURL=strings.js.map

package/dist/cjs/commons/constants/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sources":["../../../../src/commons/constants/strings.ts"],"sourcesContent":["/**\n * String Constants for Commons Module\n * \n * This file contains all hardcoded strings used across the commons module.\n * Organized by component/feature for easy reference and maintenance.\n */\n\n// ============================================================================\n// Component Display Names\n// ============================================================================\nexport const COMPONENT_DISPLAY_NAMES = {\n  CONFIRMATION_MODAL: 'ConfirmationModal',\n  CUSTOM_PILL: 'CustomPill',\n  DRAFT_MODAL: 'DraftModal',\n  EDIT_CONFIRMATION: 'EditConfirmation',\n  IMPORT_MODAL: 'ImportModal',\n  NAMING_MODAL: 'NamingModal',\n  SPINNER: 'Spinner',\n  THEME_WRAPPER: 'ThemeWrapper',\n  ARROW_ICON: 'ArrowIcon',\n  CURSOR_ICON: 'CursorIcon',\n  EMAIL_LETTER_ICON: 'EmailLetterIcon',\n  SMS_ICON: 'SMSIcon',\n  WHATSAPP_ICON: 'WhatsAppIcon',\n  TRASH_ICON: 'TrashIcon',\n  SYNC_ICON: 'SyncIcon',\n  MAPPING_ICON: 'MappingIcon',\n  NESTED_ADD_ICON: 'NestedAddIcon',\n} as const;\n\n// ============================================================================\n// Button Text\n// ============================================================================\nexport const BUTTON_TEXT = {\n  CONFIRM: 'Confirm',\n  CANCEL: 'Cancel',\n  SAVE: 'Save',\n  YES_PROCEED: 'Yes, Proceed',\n  SAVE_MAPPING: 'Save Mapping',\n  UPDATE_MAPPING: 'Update Mapping',\n} as const;\n\n// ============================================================================\n// Modal Titles\n// ============================================================================\nexport const MODAL_TITLES = {\n  YOU_WILL_BE_REDIRECTED: 'You will be redirected',\n  NEW_CUSTOM_PROPERTY: 'New Custom Property',\n  MAPPING_NAME: 'Mapping Name',\n} as const;\n\n// ============================================================================\n// Modal Descriptions\n// ============================================================================\nexport const MODAL_DESCRIPTIONS = {\n  DRAFT_REDIRECT: \"To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft\",\n} as const;\n\n// ============================================================================\n// Form Labels\n// ============================================================================\nexport const FORM_LABELS = {\n  PROPERTY_NAME: 'Property Name',\n} as const;\n\n// ============================================================================\n// Placeholders\n// ============================================================================\nexport const PLACEHOLDERS = {\n  ENTER_NAME_FOR_FUTURE_REFERENCE: 'Enter a name for future reference',\n  PLEASE_ENTER_YOUR_QUESTION: 'Please enter your question',\n} as const;\n\n// ============================================================================\n// Aria Labels (Accessibility)\n// ============================================================================\nexport const ARIA_LABELS = {\n  CLOSE_MODAL: 'Close modal',\n  REMOVE_PILL: 'Remove pill',\n  LOADING: 'Loading...',\n  ARROW: 'Arrow',\n  CURSOR: 'Cursor',\n  EMAIL: 'Email',\n  SMS: 'SMS',\n  WHATSAPP: 'WhatsApp',\n  DELETE: 'Delete',\n  SYNC: 'Sync',\n  MAPPING: 'Mapping',\n  ADD_NESTED_ITEM: 'Add nested item',\n} as const;\n\n// ============================================================================\n// CSS Class Names\n// ============================================================================\nexport const CSS_CLASS_NAMES = {\n  DM_SANS: 'dm-sans',\n} as const;\n\n// ============================================================================\n// Font Families\n// ============================================================================\nexport const FONT_FAMILIES = {\n  DM_SANS: 'DM Sans',\n  ROBOTO_MONO: 'Roboto Mono',\n  DM_SANS_ROBOTO_MONO_SANS_SERIF: 'DM Sans, Roboto Mono, sans-serif',\n  DM_SANS_IMPORTANT: 'DM Sans !important',\n} as const;\n\n// ============================================================================\n// Colors (Non-CSS)\n// ============================================================================\nexport const COLORS = {\n  BLACK: 'black',\n  ICON_GRAY: '#6A6A6A',\n  ICON_GRAY_DARK: '#64748B',\n  ICON_GRAY_MEDIUM: '#767676',\n  DEFAULT: 'default',\n  ERROR: 'error',\n  SECONDARY: 'secondary',\n  PRIMARY: 'primary',\n} as const;\n\n// ============================================================================\n// Size Values\n// ============================================================================\nexport const SIZE_VALUES = {\n  LARGE: 'lg',\n  MEDIUM: 'md',\n  SMALL: 'sm',\n} as const;\n\n// ============================================================================\n// Variants\n// ============================================================================\nexport const VARIANTS = {\n  SOLID: 'solid',\n  GHOST: 'ghost',\n  DEFAULT: 'default',\n  SUCCESS: 'success',\n} as const;\n\n// ============================================================================\n// Status/Role Attributes\n// ============================================================================\nexport const ATTRIBUTES = {\n  STATUS: 'status',\n  IMG: 'img',\n} as const;\n\n// ============================================================================\n// Border Radius Values\n// ============================================================================\nexport const BORDER_RADIUS = {\n  EIGHT_PX: '8px',\n  NINETY_NINE_PX: '99px',\n} as const;\n\n// ============================================================================\n// Numeric Constants (for components)\n// ============================================================================\nexport const NUMERIC_CONSTANTS = {\n  CLOSE_ICON_SIZE: 12,\n  MAX_LENGTH_DEFAULT: 50,\n  MIN_WIDTH_464PX: '464px',\n  BUTTON_WIDTH_106PX: '106px',\n} as const;\n\n// ============================================================================\n// Console Messages\n// ============================================================================\nexport const CONSOLE_MESSAGES = {\n  ERROR_DURING_CONFIRMATION: 'Error during confirmation:',\n  UNKNOWN_MAPPING_TYPE: (mappingType: string) => `Unknown mapping type: ${mappingType}`,\n  FAILED_TO_SAVE_TO_LOCALSTORAGE: 'Failed to save to localStorage:',\n  FAILED_TO_REMOVE_FROM_LOCALSTORAGE: 'Failed to remove from localStorage:',\n} as const;\n\n// ============================================================================\n// File Size Units\n// ============================================================================\nexport const FILE_SIZE_UNITS = {\n  BYTES: 'Bytes',\n  KB: 'KB',\n  MB: 'MB',\n  GB: 'GB',\n} as const;\n\n// ============================================================================\n// Sort Directions\n// ============================================================================\nexport const SORT_DIRECTIONS = {\n  ASC: 'asc',\n  DESC: 'desc',\n} as const;\n\n// ============================================================================\n// Date Format Patterns\n// ============================================================================\nexport const DATE_FORMATS = {\n  YYYY_MM_DD: 'YYYY-MM-DD',\n} as const;\n\n// ============================================================================\n// Helper Strings\n// ============================================================================\nexport const HELPER_STRINGS = {\n  MAPPING_TYPES: {\n    QUESTION: 'QUESTION',\n    CONTACT: 'CONTACT',\n    VARIABLE: 'VARIABLE',\n    EXPRESSION: 'EXPRESSION',\n    SUBMISSION_PROPERTY: 'SUBMISSION_PROPERTY',\n  },\n  SURVEY_TYPES: {\n    CLASSIC_FORM: 'classicform',\n  },\n  EXCLUDED_QUESTION_TYPES: ['Message', 'PaymentQuestion'] as const,\n  EXCLUDED_CONTACT_PROPERTIES: ['team_internal', 'department_internal'] as const,\n  LABEL_PREFIX: '- ',\n  ID_PREFIX: 'id-',\n  CONSOLE_MESSAGES: {\n    UNKNOWN_MAPPING_TYPE: (mappingType: string) => `Unknown mapping type: ${mappingType}`,\n  },\n} as const;\n\n// ============================================================================\n// Utils Strings\n// ============================================================================\nexport const UTILS_STRINGS = {\n  ZERO_BYTES: '0 Bytes',\n  EMPTY_STRING: '',\n  TRUE: 'true',\n  FALSE: 'false',\n  COMMA_SPACE: ', ',\n  UNKNOWN_ERROR_OCCURRED: 'An unknown error occurred',\n  SPACE: ' ',\n  DOT: '.',\n} as const;\n\n"],"names":[],"mappings":"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"}

package/dist/cjs/commons/helpers/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var strings = require('../constants/strings.js');
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -19,50 +21,84 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const MAPPING_TYPES = {
+  QUESTION: strings.HELPER_STRINGS.MAPPING_TYPES.QUESTION,
+  CONTACT: strings.HELPER_STRINGS.MAPPING_TYPES.CONTACT,
+  VARIABLE: strings.HELPER_STRINGS.MAPPING_TYPES.VARIABLE,
+  EXPRESSION: strings.HELPER_STRINGS.MAPPING_TYPES.EXPRESSION,
+  SUBMISSION_PROPERTY: strings.HELPER_STRINGS.MAPPING_TYPES.SUBMISSION_PROPERTY
+};
+const SURVEY_TYPES = {
+  CLASSIC_FORM: strings.HELPER_STRINGS.SURVEY_TYPES.CLASSIC_FORM
+};
+const EXCLUDED_QUESTION_TYPES = strings.HELPER_STRINGS.EXCLUDED_QUESTION_TYPES;
+const EXCLUDED_CONTACT_PROPERTIES = strings.HELPER_STRINGS.EXCLUDED_CONTACT_PROPERTIES;
 const handleMappingOptions = (mappingType, surveyQuestions, contactProperties, surveyVariables, expressions, integrationsNpsSubmissionProperties, integrationsClassicSubmissionProperties, surveyType) => {
-  let currentOption;
   switch (mappingType) {
-    case "QUESTION":
-      const filteredQuestions = surveyQuestions.filter((question) => (question == null ? void 0 : question.type) !== "Message" && (question == null ? void 0 : question.type) !== "PaymentQuestion");
-      currentOption = handleQuestionOptions(filteredQuestions);
-      break;
-    case "CONTACT":
-      const filteredContactProperties = contactProperties.filter((contact) => (contact == null ? void 0 : contact.name) !== "team_internal" && (contact == null ? void 0 : contact.name) !== "department_internal");
-      currentOption = filteredContactProperties.map((contact) => ({
-        label: contact.label,
-        value: contact.name
-      }));
-      break;
-    case "VARIABLE":
-      currentOption = surveyVariables.map((varibles) => ({
-        name: varibles.name,
-        label: varibles.label,
-        value: varibles.id
-      }));
-      break;
-    case "EXPRESSION":
-      currentOption = expressions.map((expression) => ({
-        label: expression.name,
-        value: expression.id
-      }));
-      break;
-    case "SUBMISSION_PROPERTY":
-      currentOption = (surveyType == null ? void 0 : surveyType.toLocaleLowerCase()) === "classicform" ? integrationsClassicSubmissionProperties : integrationsNpsSubmissionProperties;
-      break;
+    case MAPPING_TYPES.QUESTION:
+      return handleQuestionOptions(filterQuestions(surveyQuestions));
+    case MAPPING_TYPES.CONTACT:
+      return filterContactProperties(contactProperties);
+    case MAPPING_TYPES.VARIABLE:
+      return mapVariables(surveyVariables);
+    case MAPPING_TYPES.EXPRESSION:
+      return mapExpressions(expressions);
+    case MAPPING_TYPES.SUBMISSION_PROPERTY:
+      return selectSubmissionProperties(
+        surveyType,
+        integrationsNpsSubmissionProperties,
+        integrationsClassicSubmissionProperties
+      );
     default:
-      currentOption = [];
+      console.warn(strings.HELPER_STRINGS.CONSOLE_MESSAGES.UNKNOWN_MAPPING_TYPE(mappingType));
+      return [];
   }
-  return currentOption;
+};
+const filterQuestions = (questions) => {
+  return questions.filter(
+    (question) => (question == null ? void 0 : question.type) && !EXCLUDED_QUESTION_TYPES.includes(question.type)
+  );
+};
+const filterContactProperties = (contactProperties) => {
+  return contactProperties.filter(
+    (contact) => (contact == null ? void 0 : contact.name) && !EXCLUDED_CONTACT_PROPERTIES.includes(contact.name)
+  ).map((contact) => ({
+    label: contact.label,
+    value: contact.name
+  }));
+};
+const mapVariables = (variables) => {
+  return variables.map((variable) => ({
+    name: variable.name,
+    label: variable.label,
+    value: variable.id
+  }));
+};
+const mapExpressions = (expressions) => {
+  return expressions.map((expression) => ({
+    label: expression.name,
+    value: expression.id
+  }));
+};
+const selectSubmissionProperties = (surveyType, npsProperties, classicProperties) => {
+  return (surveyType == null ? void 0 : surveyType.toLowerCase()) === SURVEY_TYPES.CLASSIC_FORM ? classicProperties : npsProperties;
 };
 const handleQuestionOptions = (surveyQuestions) => {
-  const data = surveyQuestions.map((val) => {
-    return __spreadValues({}, val);
-  });
-  const groupedData = data.reduce((result, item) => {
+  const data = surveyQuestions.map((val) => __spreadValues({}, val));
+  const groupedData = groupQuestionsByLabel(data);
+  const ungroupedQuestions = extractUngroupedQuestions(data, groupedData);
+  const filteredData = formatUngroupedQuestions(ungroupedQuestions);
+  const formattedGroupedData = formatGroupedQuestions(groupedData);
+  return [...filteredData, ...formattedGroupedData];
+};
+const groupQuestionsByLabel = (questions) => {
+  return questions.reduce((result, item) => {
+    if (!item.label)
+      return result;
     const existingGroup = result.find((group) => group.label === item.label);
     if (existingGroup) {
       existingGroup.options.push(...item.options || []);
-    } else if (item.label) {
+    } else {
       result.push({
         label: item.label,
         options: item.options || []
@@ -70,31 +106,36 @@ const handleQuestionOptions = (surveyQuestions) => {
     }
     return result;
   }, []);
-  const updatedData = data == null ? void 0 : data.filter((question) => {
-    if (!groupedData.some((data2) => data2.label === question.rtxt)) {
-      return question;
-    }
-  });
-  const filteredData = updatedData == null ? void 0 : updatedData.filter((item) => !item.label).map((question) => {
+};
+const extractUngroupedQuestions = (questions, groupedData) => {
+  return questions.filter(
+    (question) => !groupedData.some((group) => group.label === question.rtxt)
+  );
+};
+const formatUngroupedQuestions = (questions) => {
+  return questions.filter((item) => !item.label).map((question) => {
     var _a;
     return {
-      label: !!((_a = question.rtxt) == null ? void 0 : _a.length) ? question.rtxt : "Please enter your question",
+      label: ((_a = question.rtxt) == null ? void 0 : _a.length) ? question.rtxt : strings.PLACEHOLDERS.PLEASE_ENTER_YOUR_QUESTION,
       value: question.id,
       questionType: question.type
     };
   });
-  const formattedData = [
-    ...filteredData,
-    ...groupedData.map((data2) => __spreadProps(__spreadValues({}, data2), {
-      options: data2.options.map((option) => __spreadProps(__spreadValues({}, option), {
-        label: `- ${option.label}`
-      }))
-    }))
-  ];
-  return formattedData;
+};
+const formatGroupedQuestions = (groupedData) => {
+  return groupedData.map((data) => __spreadProps(__spreadValues({}, data), {
+    label: data.label,
+    options: data.options.map((option) => __spreadProps(__spreadValues({}, option), {
+      label: `${strings.HELPER_STRINGS.LABEL_PREFIX}${option.label}`
+    })),
+    value: data.label
+    // Add value field for consistency
+  }));
 };
 const generateUniqueId = () => {
-  return `id-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  const timestamp = Date.now();
+  const randomStr = Math.random().toString(36).substring(2, 11);
+  return `${strings.HELPER_STRINGS.ID_PREFIX}${timestamp}-${randomStr}`;
 };
 
 exports.generateUniqueId = generateUniqueId;

package/dist/cjs/commons/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/commons/helpers/index.ts"],"sourcesContent":["import { ResultGroupDataOptionsType, ResultGroupDataType } from \"../../mapping/types\";\n\nexport const handleMappingOptions = (\n  mappingType: string,\n  surveyQuestions: Array<any>,\n  contactProperties: Array<any>,\n  surveyVariables: Array<any>,\n  expressions: Array<any>,\n  integrationsNpsSubmissionProperties: Array<any>,\n  integrationsClassicSubmissionProperties: Array<any>,\n  surveyType: string\n) => {\n  let currentOption;\n  switch (mappingType) {\n    case \"QUESTION\":\n      const filteredQuestions = surveyQuestions.filter((question) => question?.type !== \"Message\" && question?.type !== \"PaymentQuestion\");\n      currentOption = handleQuestionOptions(filteredQuestions);\n      break;\n    case \"CONTACT\":\n      const filteredContactProperties = contactProperties.filter((contact) => contact?.name !== \"team_internal\" && contact?.name !== \"department_internal\");\n      currentOption = filteredContactProperties.map((contact) => ({\n        label: contact.label,\n        value: contact.name\n      }));\n      break;\n    case \"VARIABLE\":\n      currentOption = surveyVariables.map((varibles) => ({\n        name: varibles.name,\n        label: varibles.label,\n        value: varibles.id\n      }));\n      break;\n    case \"EXPRESSION\":\n      currentOption = expressions.map((expression) => ({\n        label: expression.name,\n        value: expression.id\n      }));\n      break;\n      case \"SUBMISSION_PROPERTY\":\n        currentOption = surveyType?.toLocaleLowerCase() === \"classicform\" ? integrationsClassicSubmissionProperties : integrationsNpsSubmissionProperties;\n        break;\n    default:\n      currentOption = [];\n  }\n\n  return currentOption;\n};\n\nconst handleQuestionOptions = (surveyQuestions: Array<any>) => {\n  const data = surveyQuestions.map((val) => {\n    return { ...val };\n  });\n  const groupedData = data.reduce((result, item) => {\n    const existingGroup = result.find((group: ResultGroupDataType) => group.label === item.label);\n\n    if (existingGroup) {\n      existingGroup.options.push(...(item.options || []));\n    } else if (item.label) {\n      result.push({\n        label: item.label,\n        options: item.options || []\n      });\n    }\n    return result;\n  }, []);\n\n  // Extract other data\n  const updatedData = data?.filter((question) => {\n    if (!groupedData.some((data: ResultGroupDataType) => data.label === question.rtxt)) {\n      return question;\n    }\n  });\n\n  const filteredData = updatedData\n    ?.filter((item) => !item.label)\n    .map((question) => ({\n      label: !!question.rtxt?.length  ? question.rtxt  :'Please enter your question',\n      value: question.id,\n      questionType: question.type\n    }));\n\n  const formattedData = [\n    ...filteredData,\n    ...groupedData.map((data: ResultGroupDataType) => ({\n      ...data,\n      options: data.options\n        .map((option: ResultGroupDataOptionsType) => ({\n          ...option,\n          label: `- ${option.label}`\n        }))\n    }))\n  ];\n  return formattedData;\n};\n\n\nexport const generateUniqueId = (): string => {\n  return `id-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n};"],"names":["data"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/commons/helpers/index.ts"],"sourcesContent":["import { ResultGroupDataOptionsType, ResultGroupDataType } from '../../mapping/types';\nimport { HELPER_STRINGS, PLACEHOLDERS } from '../constants/strings';\n\n/**\n * Mapping type constants\n */\nconst MAPPING_TYPES = {\n  QUESTION: HELPER_STRINGS.MAPPING_TYPES.QUESTION,\n  CONTACT: HELPER_STRINGS.MAPPING_TYPES.CONTACT,\n  VARIABLE: HELPER_STRINGS.MAPPING_TYPES.VARIABLE,\n  EXPRESSION: HELPER_STRINGS.MAPPING_TYPES.EXPRESSION,\n  SUBMISSION_PROPERTY: HELPER_STRINGS.MAPPING_TYPES.SUBMISSION_PROPERTY,\n} as const;\n\n/**\n * Survey type constants\n */\nconst SURVEY_TYPES = {\n  CLASSIC_FORM: HELPER_STRINGS.SURVEY_TYPES.CLASSIC_FORM,\n} as const;\n\n/**\n * Question types to exclude from mapping options\n */\nconst EXCLUDED_QUESTION_TYPES = HELPER_STRINGS.EXCLUDED_QUESTION_TYPES;\n\n/**\n * Contact properties to exclude from mapping options\n */\nconst EXCLUDED_CONTACT_PROPERTIES = HELPER_STRINGS.EXCLUDED_CONTACT_PROPERTIES;\n\n/**\n * Survey question interface\n */\ninterface SurveyQuestion {\n  id: string | number;\n  type: string;\n  label?: string;\n  rtxt?: string;\n  options?: unknown[];\n  [key: string]: unknown;\n}\n\n/**\n * Contact property interface\n */\ninterface ContactProperty {\n  name: string;\n  label: string;\n  [key: string]: unknown;\n}\n\n/**\n * Survey variable interface\n */\ninterface SurveyVariable {\n  id: string | number;\n  name: string;\n  label: string;\n  [key: string]: unknown;\n}\n\n/**\n * Expression interface\n */\ninterface Expression {\n  id: string | number;\n  name: string;\n  [key: string]: unknown;\n}\n\n/**\n * Mapped option interface\n */\ninterface MappedOption {\n  label: string;\n  value: string | number;\n  name?: string;\n  questionType?: string;\n  options?: unknown[];\n}\n\n/**\n * Handle mapping options based on mapping type\n * \n * @param mappingType - Type of mapping (QUESTION, CONTACT, VARIABLE, etc.)\n * @param surveyQuestions - Array of survey questions\n * @param contactProperties - Array of contact properties\n * @param surveyVariables - Array of survey variables\n * @param expressions - Array of expressions\n * @param integrationsNpsSubmissionProperties - NPS submission properties\n * @param integrationsClassicSubmissionProperties - Classic form submission properties\n * @param surveyType - Type of survey\n * @returns Array of mapped options\n */\nexport const handleMappingOptions = (\n  mappingType: string,\n  surveyQuestions: SurveyQuestion[],\n  contactProperties: ContactProperty[],\n  surveyVariables: SurveyVariable[],\n  expressions: Expression[],\n  integrationsNpsSubmissionProperties: unknown[],\n  integrationsClassicSubmissionProperties: unknown[],\n  surveyType: string\n): MappedOption[] => {\n  switch (mappingType) {\n    case MAPPING_TYPES.QUESTION:\n      return handleQuestionOptions(filterQuestions(surveyQuestions));\n\n    case MAPPING_TYPES.CONTACT:\n      return filterContactProperties(contactProperties);\n\n    case MAPPING_TYPES.VARIABLE:\n      return mapVariables(surveyVariables);\n\n    case MAPPING_TYPES.EXPRESSION:\n      return mapExpressions(expressions);\n\n    case MAPPING_TYPES.SUBMISSION_PROPERTY:\n      return selectSubmissionProperties(\n        surveyType,\n        integrationsNpsSubmissionProperties,\n        integrationsClassicSubmissionProperties\n      );\n\n    default:\n      console.warn(HELPER_STRINGS.CONSOLE_MESSAGES.UNKNOWN_MAPPING_TYPE(mappingType));\n      return [];\n  }\n};\n\n/**\n * Filter out excluded question types\n */\nconst filterQuestions = (questions: SurveyQuestion[]): SurveyQuestion[] => {\n  return questions.filter(\n    (question) =>\n      question?.type &&\n      !EXCLUDED_QUESTION_TYPES.includes(question.type as typeof EXCLUDED_QUESTION_TYPES[number])\n  );\n};\n\n/**\n * Filter and map contact properties\n */\nconst filterContactProperties = (contactProperties: ContactProperty[]): MappedOption[] => {\n  return contactProperties\n    .filter(\n      (contact) =>\n        contact?.name &&\n        !EXCLUDED_CONTACT_PROPERTIES.includes(contact.name as typeof EXCLUDED_CONTACT_PROPERTIES[number])\n    )\n    .map((contact) => ({\n      label: contact.label,\n      value: contact.name,\n    }));\n};\n\n/**\n * Map survey variables to options\n */\nconst mapVariables = (variables: SurveyVariable[]): MappedOption[] => {\n  return variables.map((variable) => ({\n    name: variable.name,\n    label: variable.label,\n    value: variable.id,\n  }));\n};\n\n/**\n * Map expressions to options\n */\nconst mapExpressions = (expressions: Expression[]): MappedOption[] => {\n  return expressions.map((expression) => ({\n    label: expression.name,\n    value: expression.id,\n  }));\n};\n\n/**\n * Select appropriate submission properties based on survey type\n */\nconst selectSubmissionProperties = (\n  surveyType: string,\n  npsProperties: unknown[],\n  classicProperties: unknown[]\n): unknown[] => {\n  return surveyType?.toLowerCase() === SURVEY_TYPES.CLASSIC_FORM\n    ? classicProperties\n    : npsProperties;\n};\n\n/**\n * Handle question options with grouping logic\n */\nconst handleQuestionOptions = (surveyQuestions: SurveyQuestion[]): MappedOption[] => {\n  // Create a deep copy to avoid mutations\n  const data = surveyQuestions.map((val) => ({ ...val }));\n\n  // Group questions by label\n  const groupedData = groupQuestionsByLabel(data);\n\n  // Extract ungrouped questions\n  const ungroupedQuestions = extractUngroupedQuestions(data, groupedData);\n\n  // Format ungrouped questions\n  const filteredData = formatUngroupedQuestions(ungroupedQuestions);\n\n  // Format grouped data with nested options\n  const formattedGroupedData = formatGroupedQuestions(groupedData);\n\n  return [...filteredData, ...formattedGroupedData];\n};\n\n/**\n * Group questions by their label\n */\nconst groupQuestionsByLabel = (questions: SurveyQuestion[]): ResultGroupDataType[] => {\n  return questions.reduce((result: ResultGroupDataType[], item) => {\n    if (!item.label) return result;\n\n    const existingGroup = result.find((group) => group.label === item.label);\n\n    if (existingGroup) {\n      existingGroup.options.push(...(item.options || []));\n    } else {\n      result.push({\n        label: item.label,\n        options: (item.options || []) as ResultGroupDataOptionsType[],\n      });\n    }\n\n    return result;\n  }, []);\n};\n\n/**\n * Extract questions that are not in any group\n */\nconst extractUngroupedQuestions = (\n  questions: SurveyQuestion[],\n  groupedData: ResultGroupDataType[]\n): SurveyQuestion[] => {\n  return questions.filter(\n    (question) => !groupedData.some((group) => group.label === question.rtxt)\n  );\n};\n\n/**\n * Format ungrouped questions into mapped options\n */\nconst formatUngroupedQuestions = (questions: SurveyQuestion[]): MappedOption[] => {\n  return questions\n    .filter((item) => !item.label)\n    .map((question) => ({\n      label: question.rtxt?.length ? question.rtxt : PLACEHOLDERS.PLEASE_ENTER_YOUR_QUESTION,\n      value: question.id,\n      questionType: question.type,\n    }));\n};\n\n/**\n * Format grouped questions with prefixed option labels\n */\nconst formatGroupedQuestions = (groupedData: ResultGroupDataType[]): MappedOption[] => {\n  return groupedData.map((data) => ({\n    ...data,\n    label: data.label,\n    options: data.options.map((option) => ({\n      ...option,\n      label: `${HELPER_STRINGS.LABEL_PREFIX}${option.label}`,\n    })),\n    value: data.label, // Add value field for consistency\n  }));\n};\n\n/**\n * Generate a unique identifier\n * \n * @returns A unique string ID based on timestamp and random characters\n */\nexport const generateUniqueId = (): string => {\n  const timestamp = Date.now();\n  const randomStr = Math.random().toString(36).substring(2, 11);\n  return `${HELPER_STRINGS.ID_PREFIX}${timestamp}-${randomStr}`;\n};"],"names":["HELPER_STRINGS","PLACEHOLDERS"],"mappings":"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"}

package/dist/cjs/commons/icons/arrow.js

@@ -3,10 +3,45 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var strings = require('../constants/strings.js');
 
-const Arrow = () => {
-  return /* @__PURE__ */ React.createElement("svg", { width: "26", height: "12", viewBox: "0 0 26 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React.createElement("path", { d: "M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z", fill: "black", "fill-opacity": "0.2" }));
+const DEFAULT_CONFIG = {
+  width: 26,
+  height: 12,
+  color: strings.COLORS.BLACK,
+  opacity: 0.2
 };
+const ArrowIcon = ({
+  width = DEFAULT_CONFIG.width,
+  height = DEFAULT_CONFIG.height,
+  color = DEFAULT_CONFIG.color,
+  opacity = DEFAULT_CONFIG.opacity,
+  className,
+  ariaLabel = strings.ARIA_LABELS.ARROW
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 26 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: strings.ATTRIBUTES.IMG
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z",
+        fill: color,
+        fillOpacity: opacity
+      }
+    )
+  );
+};
+ArrowIcon.displayName = strings.COMPONENT_DISPLAY_NAMES.ARROW_ICON;
 
-exports.default = Arrow;
+exports.default = ArrowIcon;
 //# sourceMappingURL=arrow.js.map

package/dist/cjs/commons/icons/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../src/commons/icons/arrow.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Arrow = () => {\n  return (\n    <svg width=\"26\" height=\"12\" viewBox=\"0 0 26 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z\" fill=\"black\" fill-opacity=\"0.2\"/>\n    </svg>    \n  );\n};\n\nexport default Arrow;"],"names":[],"mappings":";;;;;;AAEA,MAAM,QAAQ,MAAM;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,KAAM,EAAA,IAAA,EAAK,QAAO,IAAK,EAAA,OAAA,EAAQ,aAAY,IAAK,EAAA,MAAA,EAAO,OAAM,4BAClE,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAK,CAAE,EAAA,0aAAA,EAA2a,MAAK,OAAQ,EAAA,cAAA,EAAa,OAAK,CACld,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../src/commons/icons/arrow.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the ArrowIcon component\n */\nexport interface ArrowIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Fill color of the icon */\n  color?: string;\n  /** Fill opacity */\n  opacity?: number;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the arrow icon\n */\nconst DEFAULT_CONFIG = {\n  width: 26,\n  height: 12,\n  color: COLORS.BLACK,\n  opacity: 0.2,\n} as const;\n\n/**\n * ArrowIcon Component\n * \n * A customizable right-pointing arrow icon.\n * \n * @example\n * ```tsx\n * <ArrowIcon width={32} height={16} color=\"blue\" />\n * ```\n */\nconst ArrowIcon: React.FC<ArrowIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  opacity = DEFAULT_CONFIG.opacity,\n  className,\n  ariaLabel = ARIA_LABELS.ARROW,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 26 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z\"\n        fill={color}\n        fillOpacity={opacity}\n      />\n    </svg>\n  );\n};\n\nArrowIcon.displayName = COMPONENT_DISPLAY_NAMES.ARROW_ICON;\n\nexport default ArrowIcon;"],"names":["COLORS","ARIA_LABELS","ATTRIBUTES","COMPONENT_DISPLAY_NAMES"],"mappings":";;;;;;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAOA,cAAO,CAAA,KAAA;AAAA,EACd,OAAS,EAAA,GAAA;AACX,CAAA,CAAA;AAYA,MAAM,YAAsC,CAAC;AAAA,EAC3C,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,UAAU,cAAe,CAAA,OAAA;AAAA,EACzB,SAAA;AAAA,EACA,YAAYC,mBAAY,CAAA,KAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAMC,kBAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjB,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,0aAAA;AAAA,QACF,IAAM,EAAA,KAAA;AAAA,QACN,WAAa,EAAA,OAAA;AAAA,OAAA;AAAA,KACf;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,SAAA,CAAU,cAAcC,+BAAwB,CAAA,UAAA;;;;"}

package/dist/cjs/commons/icons/cursor.js

@@ -3,10 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var strings = require('../constants/strings.js');
 
+const DEFAULT_CONFIG = {
+  size: 64,
+  color: strings.COLORS.ICON_GRAY_MEDIUM,
+  strokeWidth: 3
+};
 const CursorIcon = ({
-  size = " 64",
-  color = "#767676"
+  size = DEFAULT_CONFIG.size,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = strings.ARIA_LABELS.CURSOR
 }) => {
   return /* @__PURE__ */ React.createElement(
     "svg",
@@ -15,14 +24,17 @@ const CursorIcon = ({
       height: size,
       viewBox: "0 0 64 64",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: strings.ATTRIBUTES.IMG
     },
     /* @__PURE__ */ React.createElement(
       "path",
       {
         d: "M13.3335 23.9997C13.3335 13.6903 21.6908 5.33301 32.0002 5.33301C42.3095 5.33301 50.6668 13.6903 50.6668 23.9997",
         stroke: color,
-        strokeWidth: "3",
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -32,7 +44,7 @@ const CursorIcon = ({
       {
         d: "M21.3335 23.9997C21.3335 18.109 26.1095 13.333 32.0002 13.333C37.8908 13.333 42.6668 18.109 42.6668 23.9997",
         stroke: color,
-        strokeWidth: "3",
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -40,17 +52,18 @@ const CursorIcon = ({
     /* @__PURE__ */ React.createElement(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M36.1443 34.6663V25.333C36.1443 23.125 34.3523 21.333 32.1443 21.333V21.333C29.9363 21.333 28.1443 23.125 28.1443 25.333V31.9997V42.6663L25.7417 40.2637C24.123 38.645 21.499 38.645 19.8803 40.2637V40.2637C18.483 41.661 18.267 43.8503 19.363 45.493L26.5603 56.2903C27.5497 57.7757 29.2163 58.6663 31.0003 58.6663H45.1017C47.7923 58.6663 50.059 56.6637 50.395 53.9943L51.8403 42.429C52.195 39.5837 50.2377 36.965 47.4083 36.5037L36.1443 34.6663Z",
         stroke: color,
-        strokeWidth: "3",
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   );
 };
+CursorIcon.displayName = strings.COMPONENT_DISPLAY_NAMES.CURSOR_ICON;
 
 exports.default = CursorIcon;
 //# sourceMappingURL=cursor.js.map

package/dist/cjs/commons/icons/cursor.js.map

@@ -1 +1 @@
-{"version":3,"file":"cursor.js","sources":["../../../../src/commons/icons/cursor.tsx"],"sourcesContent":["import React from \"react\";\n\nconst CursorIcon = ({\n  size = \" 64\",\n  color = \"#767676\"\n}: {\n  size?: number | string;\n  color?: string;\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M13.3335 23.9997C13.3335 13.6903 21.6908 5.33301 32.0002 5.33301C42.3095 5.33301 50.6668 13.6903 50.6668 23.9997\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M21.3335 23.9997C21.3335 18.109 26.1095 13.333 32.0002 13.333C37.8908 13.333 42.6668 18.109 42.6668 23.9997\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M36.1443 34.6663V25.333C36.1443 23.125 34.3523 21.333 32.1443 21.333V21.333C29.9363 21.333 28.1443 23.125 28.1443 25.333V31.9997V42.6663L25.7417 40.2637C24.123 38.645 21.499 38.645 19.8803 40.2637V40.2637C18.483 41.661 18.267 43.8503 19.363 45.493L26.5603 56.2903C27.5497 57.7757 29.2163 58.6663 31.0003 58.6663H45.1017C47.7923 58.6663 50.059 56.6637 50.395 53.9943L51.8403 42.429C52.195 39.5837 50.2377 36.965 47.4083 36.5037L36.1443 34.6663Z\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default CursorIcon;\n"],"names":[],"mappings":";;;;;;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,IAAO,GAAA,KAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AACV,CAGM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAEN,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kHAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,6GAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,6bAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"cursor.js","sources":["../../../../src/commons/icons/cursor.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the CursorIcon component\n */\nexport interface CursorIconProps {\n  /** Size of the icon (width and height) */\n  size?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the cursor icon\n */\nconst DEFAULT_CONFIG = {\n  size: 64,\n  color: COLORS.ICON_GRAY_MEDIUM,\n  strokeWidth: 3,\n} as const;\n\n/**\n * CursorIcon Component\n * \n * A hand cursor/pointer icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <CursorIcon size={48} color=\"#000000\" />\n * ```\n */\nconst CursorIcon: React.FC<CursorIconProps> = ({\n  size = DEFAULT_CONFIG.size,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.CURSOR,\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M13.3335 23.9997C13.3335 13.6903 21.6908 5.33301 32.0002 5.33301C42.3095 5.33301 50.6668 13.6903 50.6668 23.9997\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M21.3335 23.9997C21.3335 18.109 26.1095 13.333 32.0002 13.333C37.8908 13.333 42.6668 18.109 42.6668 23.9997\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M36.1443 34.6663V25.333C36.1443 23.125 34.3523 21.333 32.1443 21.333V21.333C29.9363 21.333 28.1443 23.125 28.1443 25.333V31.9997V42.6663L25.7417 40.2637C24.123 38.645 21.499 38.645 19.8803 40.2637V40.2637C18.483 41.661 18.267 43.8503 19.363 45.493L26.5603 56.2903C27.5497 57.7757 29.2163 58.6663 31.0003 58.6663H45.1017C47.7923 58.6663 50.059 56.6637 50.395 53.9943L51.8403 42.429C52.195 39.5837 50.2377 36.965 47.4083 36.5037L36.1443 34.6663Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nCursorIcon.displayName = COMPONENT_DISPLAY_NAMES.CURSOR_ICON;\n\nexport default CursorIcon;\n"],"names":["COLORS","ARIA_LABELS","ATTRIBUTES","COMPONENT_DISPLAY_NAMES"],"mappings":";;;;;;;AAsBA,MAAM,cAAiB,GAAA;AAAA,EACrB,IAAM,EAAA,EAAA;AAAA,EACN,OAAOA,cAAO,CAAA,gBAAA;AAAA,EACd,WAAa,EAAA,CAAA;AACf,CAAA,CAAA;AAYA,MAAM,aAAwC,CAAC;AAAA,EAC7C,OAAO,cAAe,CAAA,IAAA;AAAA,EACtB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAYC,mBAAY,CAAA,MAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAMC,kBAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjB,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kHAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,6GAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,6bAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,UAAA,CAAW,cAAcC,+BAAwB,CAAA,WAAA;;;;"}

package/dist/cjs/commons/icons/email-letter.js

@@ -3,39 +3,57 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var strings = require('../constants/strings.js');
 
-const EmailLetterIcon = () => {
+const DEFAULT_CONFIG = {
+  width: 20,
+  height: 20,
+  color: strings.COLORS.ICON_GRAY,
+  strokeWidth: 1.5
+};
+const EmailLetterIcon = ({
+  width = DEFAULT_CONFIG.width,
+  height = DEFAULT_CONFIG.height,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = strings.ARIA_LABELS.EMAIL
+}) => {
   return /* @__PURE__ */ React.createElement(
     "svg",
     {
-      width: "20",
-      height: "20",
+      width,
+      height,
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: strings.ATTRIBUTES.IMG
     },
     /* @__PURE__ */ React.createElement(
       "path",
       {
         d: "M14.1667 3.75H5.83333C3.99238 3.75 2.5 5.24238 2.5 7.08333V12.9167C2.5 14.7576 3.99238 16.25 5.83333 16.25H14.1667C16.0076 16.25 17.5 14.7576 17.5 12.9167V7.08333C17.5 5.24238 16.0076 3.75 14.1667 3.75Z",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React.createElement(
       "path",
       {
         d: "M5.83337 7.48657L9.33723 9.01427C9.54658 9.10555 9.77245 9.15283 10.0008 9.15317C10.2292 9.15352 10.4552 9.10692 10.6648 9.01628L14.1667 7.50209",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     )
   );
 };
+EmailLetterIcon.displayName = strings.COMPONENT_DISPLAY_NAMES.EMAIL_LETTER_ICON;
 
 exports.default = EmailLetterIcon;
 //# sourceMappingURL=email-letter.js.map