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

package/dist/cjs/integration-template/constants/dashboard.constants.js

@@ -0,0 +1,152 @@
+'use strict';
+
+const DASHBOARD_TABS = {
+  ALL: "ALL",
+  TRIGGER: "TRIGGER",
+  MAPPING: "MAPPING"
+};
+const DASHBOARD_TYPES = {
+  TRIGGER: "TRIGGER",
+  MAPPING: "MAPPING",
+  SINGLE_MAPPING: "SINGLE_MAPPING",
+  MULTI_MAPPING: "MULTI_MAPPING",
+  DYNAMIC_MAPPING: "DYNAMIC_MAPPING"
+};
+const MODAL_TITLES = {
+  DELETE_TRIGGER: "Delete Trigger?",
+  DELETE_MAPPING: "Delete Mapping?"
+};
+const MODAL_MESSAGES = {
+  DELETE_TRIGGER_CONFIRMATION: "Are you sure you want to delete the trigger? This action cannot be undone.",
+  DELETE_MAPPING_CONFIRMATION: "Are you sure you want to delete the mapping? This action cannot be undone."
+};
+const BUTTON_LABELS = {
+  ADD_ACCOUNT: "Add Account",
+  ADD_NEW: "Add New",
+  NEW_MAPPING: "New Mapping",
+  EDIT: "Edit",
+  DELETE: "Delete",
+  SYNC: "Sync",
+  MORE: "More",
+  EDIT_TRIGGER: "Edit Trigger",
+  EDIT_MAPPING: "Edit Mapping",
+  NEW_PREFIX: "New"
+};
+const TAB_LABELS = {
+  ALL: "All",
+  TRIGGER: "Trigger",
+  MAPPING: "Mapping"
+};
+const TABLE_HEADERS = {
+  TYPE: "Type",
+  SURVEYSPARROW_FIELD: "SurveySparrow Field",
+  DEFAULT_VALUE: "Default Value",
+  INTEGRATION_FIELD_TEMPLATE: "{integration} Field"
+};
+const FALLBACK_MESSAGES = {
+  ZERO_ENTRIES_TITLE: "Zero {type} Entries",
+  CREATE_DESCRIPTION: "Creating one is as easy as a breeze. Just a click away to get started."
+};
+const TOOLTIP_MESSAGES = {
+  MAX_LIMIT_TRIGGERS_MAPPINGS: "You have reached the maximum limit for creating triggers/mappings",
+  MAX_LIMIT_TRIGGERS: "You have reached the maximum limit for creating triggers",
+  MAX_LIMIT_MAPPINGS: "You have reached the maximum limit for creating mappings"
+};
+const SECTION_HEADINGS = {
+  EVENT: "EVENT",
+  CONDITION: "CONDITION",
+  SEND_SURVEY: "SEND SURVEY",
+  QUESTIONS: "Questions",
+  ENRICH: "Enrich",
+  VARIABLES: "Variables",
+  CONTACTS: "Contacts",
+  EXPRESSION: "Expression",
+  PROPERTY: "Property",
+  PASSING_VARIABLES_SINGLE: "PASSING VARIABLE TO SURVEY",
+  PASSING_VARIABLES_MULTIPLE: "PASSING VARIABLES TO SURVEY",
+  EVENT_UPPERCASE: "Event"
+};
+const FIELD_LABELS = {
+  ACCOUNT: "Account:",
+  OBJECT: "Object:",
+  ACTION: "Action:",
+  SHEET: "Sheet:",
+  SHARE_TYPE: "Share Type:",
+  RECIPIENT: "Recipient:",
+  SHARE_CHANNEL: "Share Channel:"
+};
+const STATUS_LABELS = {
+  DRAFT: "DRAFT"
+};
+const DEFAULT_VALUES = {
+  EMPTY: "--",
+  FIELD: "Field",
+  TRIGGER: "Trigger",
+  MAPPING: "Mapping"
+};
+const CHIP_COLORS = {
+  QUESTIONS: "#E5F2FF",
+  VARIABLES: "$positive100",
+  CONTACTS: "$negative100",
+  EXPRESSIONS: "$neutral100",
+  PROPERTY: "rgba(74, 156, 166, 0.15)"
+};
+const ANIMATION_DURATIONS = {
+  SYNC: 2e3
+};
+const MAX_DIMENSIONS = {
+  TABLE_HEIGHT: 432,
+  CONTENT_HEIGHT: 734,
+  DASHBOARD_WIDTH: 1120,
+  SELECT_MENU_WIDTH: 240,
+  TOOLTIP_TEXT_WIDTH: 280,
+  CHIP_TEXT_WIDTH: 230,
+  CHIP_TEXT_LENGTH: 52
+};
+const DESCRIPTION_TEMPLATES = {
+  TRIGGER_SURVEY: "Trigger the Survey when a record is created/updated",
+  CREATE_UPDATE_RECORD: "Create/Update record in {integration} from survey responses",
+  TRIGGER_SURVEY_WHEN: "Trigger survey when {article} {object} is {action} in {integration}",
+  SYNC_RESPONSES_WHEN: "Sync survey responses to {integration} when {event} is {action}",
+  TRIGGER_SURVEY_GENERIC: "Trigger survey when an event happens in {integration}"
+};
+const CONDITION_TEXT = {
+  WHEN: "When",
+  AND_WHEN: "And When,",
+  OR_WHEN: "Or",
+  NO_PREFERENCE: "NO_PREFERENCE",
+  HAS_NO_PREFERENCE: "has no preference"
+};
+const CSS_CLASSES = {
+  DM_SANS: "dm-sans",
+  ROTATING_DIV: "rotating-div",
+  ROTATE: "rotate"
+};
+const CHIP_PREFIX = "$";
+const ID_CONSTANTS = {
+  ALL: "ALL",
+  ELLIPSE: "ellipse"
+};
+
+exports.ANIMATION_DURATIONS = ANIMATION_DURATIONS;
+exports.BUTTON_LABELS = BUTTON_LABELS;
+exports.CHIP_COLORS = CHIP_COLORS;
+exports.CHIP_PREFIX = CHIP_PREFIX;
+exports.CONDITION_TEXT = CONDITION_TEXT;
+exports.CSS_CLASSES = CSS_CLASSES;
+exports.DASHBOARD_TABS = DASHBOARD_TABS;
+exports.DASHBOARD_TYPES = DASHBOARD_TYPES;
+exports.DEFAULT_VALUES = DEFAULT_VALUES;
+exports.DESCRIPTION_TEMPLATES = DESCRIPTION_TEMPLATES;
+exports.FALLBACK_MESSAGES = FALLBACK_MESSAGES;
+exports.FIELD_LABELS = FIELD_LABELS;
+exports.ID_CONSTANTS = ID_CONSTANTS;
+exports.MAX_DIMENSIONS = MAX_DIMENSIONS;
+exports.MODAL_MESSAGES = MODAL_MESSAGES;
+exports.MODAL_TITLES = MODAL_TITLES;
+exports.SECTION_HEADINGS = SECTION_HEADINGS;
+exports.STATUS_LABELS = STATUS_LABELS;
+exports.TABLE_HEADERS = TABLE_HEADERS;
+exports.TAB_LABELS = TAB_LABELS;
+exports.TOOLTIP_MESSAGES = TOOLTIP_MESSAGES;
+//# sourceMappingURL=dashboard.constants.js.map

package/dist/cjs/integration-template/constants/dashboard.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.constants.js","sources":["../../../../src/integration-template/constants/dashboard.constants.ts"],"sourcesContent":["/**\n * Dashboard constants\n */\n\n/**\n * Tab values for multi-account dashboard\n */\nexport const DASHBOARD_TABS = {\n  ALL: 'ALL',\n  TRIGGER: 'TRIGGER',\n  MAPPING: 'MAPPING',\n} as const;\n\n/**\n * Configuration types\n */\nexport const DASHBOARD_TYPES = {\n  TRIGGER: 'TRIGGER',\n  MAPPING: 'MAPPING',\n  SINGLE_MAPPING: 'SINGLE_MAPPING',\n  MULTI_MAPPING: 'MULTI_MAPPING',\n  DYNAMIC_MAPPING: 'DYNAMIC_MAPPING',\n} as const;\n\n/**\n * Modal titles\n */\nexport const MODAL_TITLES = {\n  DELETE_TRIGGER: 'Delete Trigger?',\n  DELETE_MAPPING: 'Delete Mapping?',\n} as const;\n\n/**\n * Modal messages\n */\nexport const MODAL_MESSAGES = {\n  DELETE_TRIGGER_CONFIRMATION: 'Are you sure you want to delete the trigger? This action cannot be undone.',\n  DELETE_MAPPING_CONFIRMATION: 'Are you sure you want to delete the mapping? This action cannot be undone.',\n} as const;\n\n/**\n * Button labels\n */\nexport const BUTTON_LABELS = {\n  ADD_ACCOUNT: 'Add Account',\n  ADD_NEW: 'Add New',\n  NEW_MAPPING: 'New Mapping',\n  EDIT: 'Edit',\n  DELETE: 'Delete',\n  SYNC: 'Sync',\n  MORE: 'More',\n  EDIT_TRIGGER: 'Edit Trigger',\n  EDIT_MAPPING: 'Edit Mapping',\n  NEW_PREFIX: 'New',\n} as const;\n\n/**\n * Tab labels\n */\nexport const TAB_LABELS = {\n  ALL: 'All',\n  TRIGGER: 'Trigger',\n  MAPPING: 'Mapping',\n} as const;\n\n/**\n * Table headers\n */\nexport const TABLE_HEADERS = {\n  TYPE: 'Type',\n  SURVEYSPARROW_FIELD: 'SurveySparrow Field',\n  DEFAULT_VALUE: 'Default Value',\n  INTEGRATION_FIELD_TEMPLATE: '{integration} Field',\n} as const;\n\n/**\n * Fallback messages\n */\nexport const FALLBACK_MESSAGES = {\n  ZERO_ENTRIES_TITLE: 'Zero {type} Entries',\n  CREATE_DESCRIPTION: 'Creating one is as easy as a breeze. Just a click away to get started.',\n} as const;\n\n/**\n * Tooltip messages\n */\nexport const TOOLTIP_MESSAGES = {\n  MAX_LIMIT_TRIGGERS_MAPPINGS: 'You have reached the maximum limit for creating triggers/mappings',\n  MAX_LIMIT_TRIGGERS: 'You have reached the maximum limit for creating triggers',\n  MAX_LIMIT_MAPPINGS: 'You have reached the maximum limit for creating mappings',\n} as const;\n\n/**\n * Section headings\n */\nexport const SECTION_HEADINGS = {\n  EVENT: 'EVENT',\n  CONDITION: 'CONDITION',\n  SEND_SURVEY: 'SEND SURVEY',\n  QUESTIONS: 'Questions',\n  ENRICH: 'Enrich',\n  VARIABLES: 'Variables',\n  CONTACTS: 'Contacts',\n  EXPRESSION: 'Expression',\n  PROPERTY: 'Property',\n  PASSING_VARIABLES_SINGLE: 'PASSING VARIABLE TO SURVEY',\n  PASSING_VARIABLES_MULTIPLE: 'PASSING VARIABLES TO SURVEY',\n  EVENT_UPPERCASE: 'Event',\n} as const;\n\n/**\n * Field labels\n */\nexport const FIELD_LABELS = {\n  ACCOUNT: 'Account:',\n  OBJECT: 'Object:',\n  ACTION: 'Action:',\n  SHEET: 'Sheet:',\n  SHARE_TYPE: 'Share Type:',\n  RECIPIENT: 'Recipient:',\n  SHARE_CHANNEL: 'Share Channel:',\n} as const;\n\n/**\n * Status labels\n */\nexport const STATUS_LABELS = {\n  DRAFT: 'DRAFT',\n} as const;\n\n/**\n * Default values\n */\nexport const DEFAULT_VALUES = {\n  EMPTY: '--',\n  FIELD: 'Field',\n  TRIGGER: 'Trigger',\n  MAPPING: 'Mapping',\n} as const;\n\n/**\n * Background colors for chips\n */\nexport const CHIP_COLORS = {\n  QUESTIONS: '#E5F2FF',\n  VARIABLES: '$positive100',\n  CONTACTS: '$negative100',\n  EXPRESSIONS: '$neutral100',\n  PROPERTY: 'rgba(74, 156, 166, 0.15)',\n} as const;\n\n/**\n * Animation durations\n */\nexport const ANIMATION_DURATIONS = {\n  SYNC: 2000,\n} as const;\n\n/**\n * Max dimensions\n */\nexport const MAX_DIMENSIONS = {\n  TABLE_HEIGHT: 432,\n  CONTENT_HEIGHT: 734,\n  DASHBOARD_WIDTH: 1120,\n  SELECT_MENU_WIDTH: 240,\n  TOOLTIP_TEXT_WIDTH: 280,\n  CHIP_TEXT_WIDTH: 230,\n  CHIP_TEXT_LENGTH: 52,\n} as const;\n\n/**\n * Description templates\n */\nexport const DESCRIPTION_TEMPLATES = {\n  TRIGGER_SURVEY: 'Trigger the Survey when a record is created/updated',\n  CREATE_UPDATE_RECORD: 'Create/Update record in {integration} from survey responses',\n  TRIGGER_SURVEY_WHEN: 'Trigger survey when {article} {object} is {action} in {integration}',\n  SYNC_RESPONSES_WHEN: 'Sync survey responses to {integration} when {event} is {action}',\n  TRIGGER_SURVEY_GENERIC: 'Trigger survey when an event happens in {integration}',\n} as const;\n\n/**\n * Condition-related text\n */\nexport const CONDITION_TEXT = {\n  WHEN: 'When',\n  AND_WHEN: 'And When,',\n  OR_WHEN: 'Or',\n  NO_PREFERENCE: 'NO_PREFERENCE',\n  HAS_NO_PREFERENCE: 'has no preference',\n} as const;\n\n/**\n * CSS class names\n */\nexport const CSS_CLASSES = {\n  DM_SANS: 'dm-sans',\n  ROTATING_DIV: 'rotating-div',\n  ROTATE: 'rotate',\n} as const;\n\n/**\n * Edit field prefixes\n */\nexport const EDIT_FIELD_PREFIX = {\n  EDIT: 'Edit',\n  EDIT_WITH_SPACE: 'Edit ',\n} as const;\n\n/**\n * Chip prefix\n */\nexport const CHIP_PREFIX = '$';\n\n/**\n * ID constants\n */\nexport const ID_CONSTANTS = {\n  ALL: 'ALL',\n  ELLIPSE: 'ellipse',\n} as const;\n\n"],"names":[],"mappings":"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"}

package/dist/cjs/integration-template/constants/index.js

@@ -0,0 +1,53 @@
+'use strict';
+
+const CONFIGURATION_TYPES = {
+  MAPPING: "MAPPING",
+  TRIGGER: "TRIGGER",
+  SINGLE_MAPPING: "SINGLE_MAPPING",
+  MULTI_MAPPING: "MULTI_MAPPING",
+  DYNAMIC_MAPPING: "DYNAMIC_MAPPING"
+};
+const SURVEY_TYPES = {
+  OFFLINE_APP: "OfflineApp",
+  CLASSIC_FORM: "classicForm"
+};
+const INTEGRATION_THEME = {
+  fonts: {
+    body: "DM Sans, Roboto Mono, sans-serif",
+    heading: "DM Sans, Roboto Mono, sans-serif",
+    label: "DM Sans, Roboto Mono, sans-serif",
+    p: {
+      margin: "0 !important",
+      padding: "0 !important"
+    }
+  }
+};
+const MESSAGES = {
+  OFFLINE_NOT_SUPPORTED: "This app is not supported for offline surveys",
+  SELECT_CONFIGURATION_TYPE: "Select Configuration Type",
+  CHOOSE_MAPPING_OR_TRIGGER: "Choose either Mapping or Triggering to configure their respective actions."
+};
+const QUERY_PARAMS = {
+  IS_DRAFT: "isDraft"
+};
+const TEMPLATE_CARD = {
+  WIDTH: 350,
+  HEIGHT: 300
+};
+const TOOLTIP_DELAYS = {
+  DEFAULT: 300
+};
+const CARD_HEADINGS = {
+  TRIGGER: "Trigger",
+  MAPPING: "Mapping"
+};
+
+exports.CARD_HEADINGS = CARD_HEADINGS;
+exports.CONFIGURATION_TYPES = CONFIGURATION_TYPES;
+exports.INTEGRATION_THEME = INTEGRATION_THEME;
+exports.MESSAGES = MESSAGES;
+exports.QUERY_PARAMS = QUERY_PARAMS;
+exports.SURVEY_TYPES = SURVEY_TYPES;
+exports.TEMPLATE_CARD = TEMPLATE_CARD;
+exports.TOOLTIP_DELAYS = TOOLTIP_DELAYS;
+//# sourceMappingURL=index.js.map

package/dist/cjs/integration-template/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/integration-template/constants/index.ts"],"sourcesContent":["/**\n * Constants for integration template module\n */\n\n/**\n * Configuration types\n */\nexport const CONFIGURATION_TYPES = {\n  MAPPING: 'MAPPING',\n  TRIGGER: 'TRIGGER',\n  SINGLE_MAPPING: 'SINGLE_MAPPING',\n  MULTI_MAPPING: 'MULTI_MAPPING',\n  DYNAMIC_MAPPING: 'DYNAMIC_MAPPING',\n} as const;\n\n/**\n * Survey types\n */\nexport const SURVEY_TYPES = {\n  OFFLINE_APP: 'OfflineApp',\n  CLASSIC_FORM: 'classicForm',\n} as const;\n\n/**\n * Theme configuration\n */\nexport const INTEGRATION_THEME = {\n  fonts: {\n    body: 'DM Sans, Roboto Mono, sans-serif',\n    heading: 'DM Sans, Roboto Mono, sans-serif',\n    label: 'DM Sans, Roboto Mono, sans-serif',\n    p: {\n      margin: '0 !important',\n      padding: '0 !important',\n    },\n  },\n} as const;\n\n/**\n * Messages\n */\nexport const MESSAGES = {\n  OFFLINE_NOT_SUPPORTED: 'This app is not supported for offline surveys',\n  SELECT_CONFIGURATION_TYPE: 'Select Configuration Type',\n  CHOOSE_MAPPING_OR_TRIGGER: 'Choose either Mapping or Triggering to configure their respective actions.',\n} as const;\n\n/**\n * Query parameters\n */\nexport const QUERY_PARAMS = {\n  IS_DRAFT: 'isDraft',\n} as const;\n\n/**\n * Card dimensions\n */\nexport const TEMPLATE_CARD = {\n  WIDTH: 350,\n  HEIGHT: 300,\n} as const;\n\n/**\n * Tooltip delays\n */\nexport const TOOLTIP_DELAYS = {\n  DEFAULT: 300,\n} as const;\n\n/**\n * Card headings\n */\nexport const CARD_HEADINGS = {\n  TRIGGER: 'Trigger',\n  MAPPING: 'Mapping',\n} as const;\n\n"],"names":[],"mappings":";;AAOO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,cAAgB,EAAA,gBAAA;AAAA,EAChB,aAAe,EAAA,eAAA;AAAA,EACf,eAAiB,EAAA,iBAAA;AACnB,EAAA;AAKO,MAAM,YAAe,GAAA;AAAA,EAC1B,WAAa,EAAA,YAAA;AAAA,EACb,YAAc,EAAA,aAAA;AAChB,EAAA;AAKO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,kCAAA;AAAA,IACN,OAAS,EAAA,kCAAA;AAAA,IACT,KAAO,EAAA,kCAAA;AAAA,IACP,CAAG,EAAA;AAAA,MACD,MAAQ,EAAA,cAAA;AAAA,MACR,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,GACF;AACF,EAAA;AAKO,MAAM,QAAW,GAAA;AAAA,EACtB,qBAAuB,EAAA,+CAAA;AAAA,EACvB,yBAA2B,EAAA,2BAAA;AAAA,EAC3B,yBAA2B,EAAA,4EAAA;AAC7B,EAAA;AAKO,MAAM,YAAe,GAAA;AAAA,EAC1B,QAAU,EAAA,SAAA;AACZ,EAAA;AAKO,MAAM,aAAgB,GAAA;AAAA,EAC3B,KAAO,EAAA,GAAA;AAAA,EACP,MAAQ,EAAA,GAAA;AACV,EAAA;AAKO,MAAM,cAAiB,GAAA;AAAA,EAC5B,OAAS,EAAA,GAAA;AACX,EAAA;AAKO,MAAM,aAAgB,GAAA;AAAA,EAC3B,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AACX;;;;;;;;;;;"}

package/dist/cjs/integration-template/utils/dashboard.utils.js

@@ -0,0 +1,67 @@
+'use strict';
+
+const transformToPastTense = (value) => {
+  if (!value)
+    return value;
+  if (value.endsWith("e")) {
+    return `${value}d`;
+  }
+  if (value.endsWith("y")) {
+    return `${value.slice(0, -1)}ied`;
+  }
+  return `${value}ed`;
+};
+const getDefaultFieldValue = (defaultValue) => {
+  var _a;
+  if (!defaultValue)
+    return "--";
+  switch (defaultValue.type) {
+    case "DATE_TIME":
+      return defaultValue.value;
+    case "STRING":
+      return defaultValue.value;
+    default:
+      return ((_a = defaultValue.value) == null ? void 0 : _a.label) || "--";
+  }
+};
+const startsWithVowel = (str) => {
+  if (!str)
+    return false;
+  return /^[aeiouAEIOU]$/.test(str[0]);
+};
+const getArticle = (word) => {
+  return startsWithVowel(word) ? "an" : "a";
+};
+const formatMappingDescription = (integrationName, eventLabel, actionLabel) => {
+  if (!eventLabel || !actionLabel) {
+    return `Sync survey responses to ${integrationName}`;
+  }
+  return `Sync survey responses to ${integrationName} when ${eventLabel.toLowerCase()} is ${transformToPastTense(actionLabel.toLowerCase())}`;
+};
+const formatTriggerDescription = (integrationName, objectType, action) => {
+  if (!objectType || !action) {
+    return `Trigger survey when an event happens in ${integrationName}`;
+  }
+  const article = getArticle(objectType);
+  return `Trigger survey when ${article} ${objectType.toLowerCase()} is ${action.toLowerCase()} in ${integrationName}`;
+};
+const isEmptyValue = (value) => {
+  if (value === null || value === void 0)
+    return true;
+  if (typeof value === "string" && value.trim() === "")
+    return true;
+  if (Array.isArray(value) && value.length === 0)
+    return true;
+  if (typeof value === "object" && Object.keys(value).length === 0)
+    return true;
+  return false;
+};
+
+exports.formatMappingDescription = formatMappingDescription;
+exports.formatTriggerDescription = formatTriggerDescription;
+exports.getArticle = getArticle;
+exports.getDefaultFieldValue = getDefaultFieldValue;
+exports.isEmptyValue = isEmptyValue;
+exports.startsWithVowel = startsWithVowel;
+exports.transformToPastTense = transformToPastTense;
+//# sourceMappingURL=dashboard.utils.js.map

package/dist/cjs/integration-template/utils/dashboard.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.utils.js","sources":["../../../../src/integration-template/utils/dashboard.utils.ts"],"sourcesContent":["import { DefaultFieldValue } from '../types/dashboard.types';\n\n/**\n * Transforms a verb to past tense\n * @param value - The verb to transform\n * @returns The past tense form of the verb\n */\nexport const transformToPastTense = (value: string): string => {\n  if (!value) return value;\n  \n  if (value.endsWith('e')) {\n    return `${value}d`;\n  }\n  \n  if (value.endsWith('y')) {\n    return `${value.slice(0, -1)}ied`;\n  }\n  \n  return `${value}ed`;\n};\n\n/**\n * Gets the default field value based on its type\n * @param defaultValue - The default value object\n * @returns Formatted field value string\n */\nexport const getDefaultFieldValue = (defaultValue: DefaultFieldValue): string => {\n  if (!defaultValue) return '--';\n  \n  switch (defaultValue.type) {\n    case 'DATE_TIME':\n      return defaultValue.value as string;\n    \n    case 'STRING':\n      return defaultValue.value as string;\n    \n    default:\n      return (defaultValue.value as any)?.label || '--';\n  }\n};\n\n/**\n * Checks if a string starts with a vowel\n * @param str - The string to check\n * @returns True if string starts with a vowel\n */\nexport const startsWithVowel = (str: string): boolean => {\n  if (!str) return false;\n  return /^[aeiouAEIOU]$/.test(str[0]);\n};\n\n/**\n * Gets the appropriate article (a/an) for a word\n * @param word - The word to check\n * @returns 'an' if word starts with vowel, 'a' otherwise\n */\nexport const getArticle = (word: string): string => {\n  return startsWithVowel(word) ? 'an' : 'a';\n};\n\n/**\n * Formats a mapping description with proper grammar\n * @param integrationName - The integration name\n * @param eventLabel - The event label\n * @param actionLabel - The action label\n * @returns Formatted description string\n */\nexport const formatMappingDescription = (\n  integrationName: string,\n  eventLabel?: string,\n  actionLabel?: string\n): string => {\n  if (!eventLabel || !actionLabel) {\n    return `Sync survey responses to ${integrationName}`;\n  }\n  \n  return `Sync survey responses to ${integrationName} when ${eventLabel.toLowerCase()} is ${transformToPastTense(actionLabel.toLowerCase())}`;\n};\n\n/**\n * Formats a trigger description with proper grammar\n * @param integrationName - The integration name\n * @param objectType - The object type\n * @param action - The action\n * @returns Formatted description string\n */\nexport const formatTriggerDescription = (\n  integrationName: string,\n  objectType?: string,\n  action?: string\n): string => {\n  if (!objectType || !action) {\n    return `Trigger survey when an event happens in ${integrationName}`;\n  }\n  \n  const article = getArticle(objectType);\n  return `Trigger survey when ${article} ${objectType.toLowerCase()} is ${action.toLowerCase()} in ${integrationName}`;\n};\n\n/**\n * Checks if a field value is considered empty\n * @param value - The value to check\n * @returns True if value is empty\n */\nexport const isEmptyValue = (value: unknown): boolean => {\n  if (value === null || value === undefined) return true;\n  if (typeof value === 'string' && value.trim() === '') return true;\n  if (Array.isArray(value) && value.length === 0) return true;\n  if (typeof value === 'object' && Object.keys(value).length === 0) return true;\n  \n  return false;\n};\n\n"],"names":[],"mappings":"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"}

package/dist/cjs/integration-template/utils/index.js

@@ -0,0 +1,38 @@
+'use strict';
+
+const removeQueryParam = (param) => {
+  const url = new URL(window.location.href);
+  url.searchParams.delete(param);
+  window.history.replaceState({}, document.title, url.toString());
+};
+const getQueryParam = (param) => {
+  const urlParams = new URLSearchParams(window.location.search);
+  return urlParams.get(param);
+};
+const hasQueryParam = (param) => {
+  const urlParams = new URLSearchParams(window.location.search);
+  return urlParams.has(param);
+};
+const hasCompletedFields = (mappingFields, triggerFields) => {
+  var _a;
+  return !!(((_a = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _a.length) || (triggerFields == null ? void 0 : triggerFields.length));
+};
+const shouldShowConfigurationType = (mappingComponent, singleMappingComponent, dynamicMappingComponent, triggerComponent) => {
+  const hasMappingComponent = !!(mappingComponent || singleMappingComponent || dynamicMappingComponent);
+  return hasMappingComponent && !!triggerComponent;
+};
+const getInitialConfigurationType = (hasConfigurationType, mappingComponent, singleMappingComponent, dynamicMappingComponent) => {
+  if (hasConfigurationType) {
+    return null;
+  }
+  const hasMappingComponent = !!(mappingComponent || singleMappingComponent || dynamicMappingComponent);
+  return hasMappingComponent ? "MAPPING" : "TRIGGER";
+};
+
+exports.getInitialConfigurationType = getInitialConfigurationType;
+exports.getQueryParam = getQueryParam;
+exports.hasCompletedFields = hasCompletedFields;
+exports.hasQueryParam = hasQueryParam;
+exports.removeQueryParam = removeQueryParam;
+exports.shouldShowConfigurationType = shouldShowConfigurationType;
+//# sourceMappingURL=index.js.map

package/dist/cjs/integration-template/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/integration-template/utils/index.ts"],"sourcesContent":["/**\n * Utility functions for integration template\n */\n\n/**\n * Removes a query parameter from the current URL\n * @param param - The query parameter name to remove\n */\nexport const removeQueryParam = (param: string): void => {\n  const url = new URL(window.location.href);\n  url.searchParams.delete(param);\n  window.history.replaceState({}, document.title, url.toString());\n};\n\n/**\n * Gets a query parameter value from the current URL\n * @param param - The query parameter name to retrieve\n * @returns The parameter value or null if not found\n */\nexport const getQueryParam = (param: string): string | null => {\n  const urlParams = new URLSearchParams(window.location.search);\n  return urlParams.get(param);\n};\n\n/**\n * Checks if a query parameter exists in the current URL\n * @param param - The query parameter name to check\n * @returns True if the parameter exists, false otherwise\n */\nexport const hasQueryParam = (param: string): boolean => {\n  const urlParams = new URLSearchParams(window.location.search);\n  return urlParams.has(param);\n};\n\n/**\n * Checks if any mapping or trigger fields are completed\n * @param mappingFields - Array of mapping fields\n * @param triggerFields - Array of trigger fields\n * @returns True if either mapping or trigger fields exist\n */\nexport const hasCompletedFields = (\n  mappingFields?: { fields?: unknown[] },\n  triggerFields?: unknown[]\n): boolean => {\n  return !!(mappingFields?.fields?.length || triggerFields?.length);\n};\n\n/**\n * Determines if configuration type selection should be shown\n * @param mappingComponent - Mapping component element\n * @param singleMappingComponent - Single mapping component element\n * @param dynamicMappingComponent - Dynamic mapping component element\n * @param triggerComponent - Trigger component element\n * @returns True if both mapping and trigger components exist\n */\nexport const shouldShowConfigurationType = (\n  mappingComponent?: React.ReactElement,\n  singleMappingComponent?: React.ReactElement,\n  dynamicMappingComponent?: React.ReactElement,\n  triggerComponent?: React.ReactElement\n): boolean => {\n  const hasMappingComponent = !!(\n    mappingComponent ||\n    singleMappingComponent ||\n    dynamicMappingComponent\n  );\n  return hasMappingComponent && !!triggerComponent;\n};\n\n/**\n * Gets the initial configuration type based on available components\n * @param hasConfigurationType - Whether both mapping and trigger components exist\n * @param mappingComponent - Mapping component element\n * @param singleMappingComponent - Single mapping component element\n * @param dynamicMappingComponent - Dynamic mapping component element\n * @returns Initial configuration type or null\n */\nexport const getInitialConfigurationType = (\n  hasConfigurationType: boolean,\n  mappingComponent?: React.ReactElement,\n  singleMappingComponent?: React.ReactElement,\n  dynamicMappingComponent?: React.ReactElement\n): string | null => {\n  if (hasConfigurationType) {\n    return null;\n  }\n\n  const hasMappingComponent = !!(\n    mappingComponent ||\n    singleMappingComponent ||\n    dynamicMappingComponent\n  );\n\n  return hasMappingComponent ? 'MAPPING' : 'TRIGGER';\n};\n\n"],"names":[],"mappings":";;AAQa,MAAA,gBAAA,GAAmB,CAAC,KAAwB,KAAA;AACvD,EAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,EAAI,GAAA,CAAA,YAAA,CAAa,OAAO,KAAK,CAAA,CAAA;AAC7B,EAAO,MAAA,CAAA,OAAA,CAAQ,aAAa,EAAC,EAAG,SAAS,KAAO,EAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAChE,EAAA;AAOa,MAAA,aAAA,GAAgB,CAAC,KAAiC,KAAA;AAC7D,EAAA,MAAM,SAAY,GAAA,IAAI,eAAgB,CAAA,MAAA,CAAO,SAAS,MAAM,CAAA,CAAA;AAC5D,EAAO,OAAA,SAAA,CAAU,IAAI,KAAK,CAAA,CAAA;AAC5B,EAAA;AAOa,MAAA,aAAA,GAAgB,CAAC,KAA2B,KAAA;AACvD,EAAA,MAAM,SAAY,GAAA,IAAI,eAAgB,CAAA,MAAA,CAAO,SAAS,MAAM,CAAA,CAAA;AAC5D,EAAO,OAAA,SAAA,CAAU,IAAI,KAAK,CAAA,CAAA;AAC5B,EAAA;AAQa,MAAA,kBAAA,GAAqB,CAChC,aAAA,EACA,aACY,KAAA;AA3Cd,EAAA,IAAA,EAAA,CAAA;AA4CE,EAAA,OAAO,CAAC,EAAE,CAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,MAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,YAAU,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAC5D,EAAA;AAUO,MAAM,2BAA8B,GAAA,CACzC,gBACA,EAAA,sBAAA,EACA,yBACA,gBACY,KAAA;AACZ,EAAA,MAAM,mBAAsB,GAAA,CAAC,EAC3B,gBAAA,IACA,sBACA,IAAA,uBAAA,CAAA,CAAA;AAEF,EAAO,OAAA,mBAAA,IAAuB,CAAC,CAAC,gBAAA,CAAA;AAClC,EAAA;AAUO,MAAM,2BAA8B,GAAA,CACzC,oBACA,EAAA,gBAAA,EACA,wBACA,uBACkB,KAAA;AAClB,EAAA,IAAI,oBAAsB,EAAA;AACxB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAsB,GAAA,CAAC,EAC3B,gBAAA,IACA,sBACA,IAAA,uBAAA,CAAA,CAAA;AAGF,EAAA,OAAO,sBAAsB,SAAY,GAAA,SAAA,CAAA;AAC3C;;;;;;;;;"}

package/dist/cjs/mapping/components/Configuration.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var React = require('react');
+var CustomAddNewSelect = require('./CustomAddNewSelect.js');
+var validation = require('../utils/validation.js');
+var index = require('../constants/index.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var checkbox = require('../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var _switch = require('../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js');
+var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var formInput = require('../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js');
+var formLabel = require('../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js');
+
+const Configuration = ({
+  field,
+  configuredFields,
+  responseImportType = null
+}) => {
+  var _a, _b, _c, _d;
+  const fieldValue = (_b = (_a = configuredFields == null ? void 0 : configuredFields[field.id]) == null ? void 0 : _a.value) != null ? _b : null;
+  const [error, setError] = React.useState({
+    errorMessage: index.UI_TEXT.EMPTY_PLACEHOLDER,
+    error: false,
+    id: null
+  });
+  const handleInputChange = (value) => {
+    if (field.pattern) {
+      const isValid = validation.validatePattern(field.pattern, value);
+      if (!isValid && value !== index.UI_TEXT.EMPTY_PLACEHOLDER) {
+        setError({
+          errorMessage: field.errorMessage || index.UI_TEXT.INVALID_INPUT_ERROR,
+          error: true,
+          id: field.id
+        });
+      } else {
+        setError({
+          errorMessage: index.UI_TEXT.EMPTY_PLACEHOLDER,
+          error: false,
+          id: null
+        });
+      }
+    }
+    field.onChangeHandler({
+      id: field.id,
+      value
+    });
+  };
+  const renderInputField = () => {
+    var _a2;
+    const shouldRenderField = field.id !== index.CONFIG_FIELD_IDS.SPREADSHEET || ((_a2 = configuredFields == null ? void 0 : configuredFields.action) == null ? void 0 : _a2.value);
+    if (!shouldRenderField) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        className: "dm-sans",
+        css: {
+          label: {
+            fontSize: "$xs !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        formInput.FormInput,
+        {
+          disabled: field == null ? void 0 : field.disabled,
+          error: error.id === field.id ? error.errorMessage : void 0,
+          errorBorder: error.id === field.id ? error.error : false,
+          label: field.label,
+          value: typeof fieldValue === "object" ? index.UI_TEXT.EMPTY_PLACEHOLDER : fieldValue || index.UI_TEXT.EMPTY_PLACEHOLDER,
+          size: "lg",
+          pattern: field.pattern,
+          onChange: (event) => handleInputChange(event.currentTarget.value)
+        }
+      )
+    );
+  };
+  const renderSelectField = () => {
+    var _a2;
+    const shouldRenderField = field.id !== index.CONFIG_FIELD_IDS.SPREADSHEET || ((_a2 = configuredFields == null ? void 0 : configuredFields.action) == null ? void 0 : _a2.value);
+    if (!shouldRenderField) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        gap: "$2",
+        flexDirection: "column",
+        css: {
+          cursor: "pointer !important",
+          ".twigs-select__indicator": {
+            width: "14px !important",
+            color: "#848484 !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label),
+      /* @__PURE__ */ React.createElement(CustomAddNewSelect.CustomAddNewSelect, { field })
+    );
+  };
+  switch (field.fieldType) {
+    case index.FIELD_TYPE_NAMES.SWITCH:
+      return /* @__PURE__ */ React.createElement(
+        flex.Flex,
+        {
+          gap: "$4",
+          alignItems: "center",
+          css: {
+            marginBlockStart: "$12",
+            borderTop: "$borderWidths$xs solid $neutral200",
+            paddingTop: "$16"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          _switch.Switch,
+          {
+            disabled: field == null ? void 0 : field.disabled,
+            size: "sm",
+            checked: !!(field == null ? void 0 : field.value),
+            onChange: (value) => field.onChangeHandler({
+              id: field.id,
+              value
+            })
+          }
+        ),
+        /* @__PURE__ */ React.createElement(text.Text, { size: "md", weight: "regular", css: { color: "$neutral900" } }, field.label)
+      );
+    case index.FIELD_TYPE_NAMES.CHECKBOX:
+      return /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", alignItems: "start", gap: "$4" }, /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$4", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+        checkbox.Checkbox,
+        {
+          disabled: field == null ? void 0 : field.disabled,
+          checked: !!fieldValue,
+          onChange: (value) => field.onChangeHandler({
+            id: field.id,
+            value
+          })
+        }
+      ), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, field.label)), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "regular", css: { color: "$neutral500" } }, field.value ? (_c = field.ifChecked) == null ? void 0 : _c.call(field) : (_d = field.ifUnchecked) == null ? void 0 : _d.call(field, responseImportType)));
+    case index.FIELD_TYPE_NAMES.INPUT:
+      return renderInputField();
+    default:
+      return renderSelectField();
+  }
+};
+
+exports.Configuration = Configuration;
+//# sourceMappingURL=Configuration.js.map

package/dist/cjs/mapping/components/Configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Configuration.js","sources":["../../../../src/mapping/components/Configuration.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Box,\n  Flex,\n  FormInput,\n  FormLabel,\n  Switch,\n  Checkbox,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport { ConfigurationProps, ErrorState } from \"../types\";\nimport { CustomAddNewSelect } from \"./CustomAddNewSelect\";\nimport { validatePattern } from \"../utils\";\nimport { UI_TEXT, FIELD_TYPE_NAMES, CONFIG_FIELD_IDS } from \"../constants\";\n\n/**\n * Configuration component - Renders different field types for configuration\n */\nexport const Configuration: React.FC<ConfigurationProps> = ({\n  field,\n  configuredFields,\n  responseImportType = null,\n}) => {\n  const fieldValue = configuredFields?.[field.id]?.value ?? null;\n  \n  const [error, setError] = useState<ErrorState>({\n    errorMessage: UI_TEXT.EMPTY_PLACEHOLDER,\n    error: false,\n    id: null,\n  });\n\n  const handleInputChange = (value: string): void => {\n    if (field.pattern) {\n      const isValid = validatePattern(field.pattern, value);\n      \n      if (!isValid && value !== UI_TEXT.EMPTY_PLACEHOLDER) {\n        setError({\n          errorMessage: field.errorMessage || UI_TEXT.INVALID_INPUT_ERROR,\n          error: true,\n          id: field.id,\n        });\n      } else {\n        setError({\n          errorMessage: UI_TEXT.EMPTY_PLACEHOLDER,\n          error: false,\n          id: null,\n        });\n      }\n    }\n    \n    field.onChangeHandler({\n      id: field.id,\n      value: value,\n    });\n  };\n\n  const renderInputField = (): React.ReactNode => {\n    const shouldRenderField = field.id !== CONFIG_FIELD_IDS.SPREADSHEET || configuredFields?.action?.value;\n    \n    if (!shouldRenderField) {\n      return null;\n    }\n\n    return (\n      <Box\n        className=\"dm-sans\"\n        css={{\n          label: {\n            fontSize: \"$xs !important\",\n          },\n        }}\n      >\n        <FormInput\n          disabled={field?.disabled}\n          error={error.id === field.id ? error.errorMessage : undefined}\n          errorBorder={error.id === field.id ? error.error : false}\n          label={field.label}\n          value={typeof fieldValue === \"object\" ? UI_TEXT.EMPTY_PLACEHOLDER : (fieldValue as string) || UI_TEXT.EMPTY_PLACEHOLDER}\n          size=\"lg\"\n          pattern={field.pattern}\n          onChange={(event) => handleInputChange(event.currentTarget.value)}\n        />\n      </Box>\n    );\n  };\n\n  const renderSelectField = (): React.ReactNode => {\n    const shouldRenderField = field.id !== CONFIG_FIELD_IDS.SPREADSHEET || configuredFields?.action?.value;\n    \n    if (!shouldRenderField) {\n      return null;\n    }\n\n    return (\n      <Flex\n        gap=\"$2\"\n        flexDirection=\"column\"\n        css={{\n          cursor: \"pointer !important\",\n          \".twigs-select__indicator\": {\n            width: \"14px !important\",\n            color: \"#848484 !important\",\n          },\n        }}\n      >\n        <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n          {field.label}\n        </FormLabel>\n        <CustomAddNewSelect field={field} />\n      </Flex>\n    );\n  };\n\n  // Render based on field type\n  switch (field.fieldType) {\n    case FIELD_TYPE_NAMES.SWITCH:\n      return (\n        <Flex\n          gap=\"$4\"\n          alignItems=\"center\"\n          css={{\n            marginBlockStart: \"$12\",\n            borderTop: \"$borderWidths$xs solid $neutral200\",\n            paddingTop: \"$16\",\n          }}\n        >\n          <Switch\n            disabled={field?.disabled}\n            size=\"sm\"\n            checked={!!field?.value}\n            onChange={(value) =>\n              field.onChangeHandler({\n                id: field.id,\n                value: value,\n              })\n            }\n          />\n          <Text size=\"md\" weight=\"regular\" css={{ color: \"$neutral900\" }}>\n            {field.label}\n          </Text>\n        </Flex>\n      );\n\n    case FIELD_TYPE_NAMES.CHECKBOX:\n      return (\n        <Flex flexDirection=\"column\" alignItems=\"start\" gap=\"$4\">\n          <Flex gap=\"$4\" alignItems=\"center\">\n            <Checkbox\n              disabled={field?.disabled}\n              checked={!!fieldValue}\n              onChange={(value) =>\n                field.onChangeHandler({\n                  id: field.id,\n                  value: value,\n                })\n              }\n            />\n            <Text size=\"sm\" weight=\"regular\" css={{ color: \"$neutral900\" }}>\n              {field.label}\n            </Text>\n          </Flex>\n          <Text size=\"sm\" weight=\"regular\" css={{ color: \"$neutral500\" }}>\n            {field.value\n              ? field.ifChecked?.()\n              : field.ifUnchecked?.(responseImportType)}\n          </Text>\n        </Flex>\n      );\n\n    case FIELD_TYPE_NAMES.INPUT:\n      return renderInputField();\n\n    default:\n      return renderSelectField();\n  }\n};\n\n"],"names":["useState","UI_TEXT","validatePattern","_a","CONFIG_FIELD_IDS","Box","FormInput","Flex","FormLabel","CustomAddNewSelect","FIELD_TYPE_NAMES","Switch","Text","Checkbox"],"mappings":"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"}

package/dist/cjs/mapping/components/ConfigurationSetup.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var React = require('react');
+var Configuration = require('./Configuration.js');
+var index = require('../constants/index.js');
+var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var tooltip = require('../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
+
+const ConfigurationSetup = ({
+  configuration,
+  surveyName,
+  editField
+}) => {
+  var _a;
+  const shouldTruncate = surveyName && surveyName.length > index.UI_CONSTANTS.MAX_SURVEY_NAME_LENGTH;
+  return /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, configuration == null ? void 0 : configuration.title), /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral500" } }, index.UI_TEXT.SURVEY_NAME_PREFIX), /* @__PURE__ */ React.createElement(
+    tooltip.Tooltip,
+    {
+      content: shouldTruncate ? surveyName : index.UI_TEXT.EMPTY_PLACEHOLDER,
+      css: {
+        zIndex: `${index.UI_CONSTANTS.TOOLTIP_Z_INDEX} !important`,
+        fontFamily: `${index.STYLE_CONSTANTS.FONT_FAMILY} !important`
+      }
+    },
+    /* @__PURE__ */ React.createElement(box.Box, null, /* @__PURE__ */ React.createElement(
+      text.Text,
+      {
+        size: "sm",
+        weight: "medium",
+        truncate: true,
+        css: { color: "$neutral800", maxWidth: "270px" }
+      },
+      surveyName
+    ))
+  )), /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      flexDirection: "column",
+      gap: "$8",
+      css: {
+        marginTop: "$12",
+        "& label": {
+          color: "$neutral800"
+        }
+      }
+    },
+    (_a = configuration.configurationFields) == null ? void 0 : _a.map((field) => /* @__PURE__ */ React.createElement(
+      Configuration.Configuration,
+      {
+        key: field.id,
+        field,
+        configuredFields: configuration.configuredFields
+      }
+    ))
+  ));
+};
+
+exports.ConfigurationSetup = ConfigurationSetup;
+//# sourceMappingURL=ConfigurationSetup.js.map

package/dist/cjs/mapping/components/ConfigurationSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationSetup.js","sources":["../../../../src/mapping/components/ConfigurationSetup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Flex, Heading, Text, Tooltip } from \"@sparrowengg/twigs-react\";\nimport { ConfigurationSetupProps, ConfigurationField } from \"../types\";\nimport { Configuration } from \"./Configuration\";\nimport { UI_TEXT, UI_CONSTANTS, STYLE_CONSTANTS } from \"../constants\";\n\n/**\n * ConfigurationSetup component - Displays configuration fields for event setup\n */\nexport const ConfigurationSetup: React.FC<ConfigurationSetupProps> = ({\n  configuration,\n  surveyName,\n  editField,\n}) => {\n  const shouldTruncate = surveyName && surveyName.length > UI_CONSTANTS.MAX_SURVEY_NAME_LENGTH;\n\n  return (\n    <Box css={{ maxWidth: 488, width: \"100%\" }}>\n      <Heading size=\"h5\">{configuration?.title}</Heading>\n      \n      {/* Survey Name Display */}\n      <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n        <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n          {UI_TEXT.SURVEY_NAME_PREFIX}\n        </Text>\n        <Tooltip\n          content={shouldTruncate ? surveyName : UI_TEXT.EMPTY_PLACEHOLDER}\n          css={{\n            zIndex: `${UI_CONSTANTS.TOOLTIP_Z_INDEX} !important`,\n            fontFamily: `${STYLE_CONSTANTS.FONT_FAMILY} !important`,\n          }}\n        >\n          <Box>\n            <Text\n              size=\"sm\"\n              weight=\"medium\"\n              truncate\n              css={{ color: \"$neutral800\", maxWidth: \"270px\" }}\n            >\n              {surveyName}\n            </Text>\n          </Box>\n        </Tooltip>\n      </Flex>\n\n      {/* Configuration Fields */}\n      <Flex\n        flexDirection=\"column\"\n        gap=\"$8\"\n        css={{\n          marginTop: \"$12\",\n          \"& label\": {\n            color: \"$neutral800\",\n          },\n        }}\n      >\n        {configuration.configurationFields?.map((field: ConfigurationField) => (\n          <Configuration\n            key={field.id}\n            field={field}\n            configuredFields={configuration.configuredFields}\n          />\n        ))}\n      </Flex>\n    </Box>\n  );\n};\n\n"],"names":["UI_CONSTANTS","Box","Heading","Flex","Text","UI_TEXT","Tooltip","STYLE_CONSTANTS","Configuration"],"mappings":";;;;;;;;;;;AASO,MAAM,qBAAwD,CAAC;AAAA,EACpE,aAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AACF,CAAM,KAAA;AAbN,EAAA,IAAA,EAAA,CAAA;AAcE,EAAA,MAAM,cAAiB,GAAA,UAAA,IAAc,UAAW,CAAA,MAAA,GAASA,kBAAa,CAAA,sBAAA,CAAA;AAEtE,EAAA,2CACGC,OAAI,EAAA,EAAA,GAAA,EAAK,EAAE,QAAA,EAAU,KAAK,KAAO,EAAA,MAAA,EAChC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,mBAAQ,IAAK,EAAA,IAAA,EAAA,EAAM,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,KAAM,mBAGxC,KAAA,CAAA,aAAA,CAAAC,SAAA,EAAA,EAAK,GAAI,EAAA,IAAA,EAAK,KAAK,EAAE,SAAA,EAAW,IAAK,EAAA,EAAA,sCACnCC,SAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,EAC3B,EAAA,EAAAC,aAAA,CAAQ,kBACX,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,cAAiB,GAAA,UAAA,GAAaD,aAAQ,CAAA,iBAAA;AAAA,MAC/C,GAAK,EAAA;AAAA,QACH,MAAA,EAAQ,CAAG,EAAAL,kBAAA,CAAa,eAAe,CAAA,WAAA,CAAA;AAAA,QACvC,UAAA,EAAY,CAAG,EAAAO,qBAAA,CAAgB,WAAW,CAAA,WAAA,CAAA;AAAA,OAC5C;AAAA,KAAA;AAAA,wCAECN,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACG,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,MAAO,EAAA,QAAA;AAAA,QACP,QAAQ,EAAA,IAAA;AAAA,QACR,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAe,UAAU,OAAQ,EAAA;AAAA,OAAA;AAAA,MAE9C,UAAA;AAAA,KAEL,CAAA;AAAA,GAEJ,CAGA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACD,SAAA;AAAA,IAAA;AAAA,MACC,aAAc,EAAA,QAAA;AAAA,MACd,GAAI,EAAA,IAAA;AAAA,MACJ,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,KAAA;AAAA,QACX,SAAW,EAAA;AAAA,UACT,KAAO,EAAA,aAAA;AAAA,SACT;AAAA,OACF;AAAA,KAAA;AAAA,IAAA,CAEC,EAAc,GAAA,aAAA,CAAA,mBAAA,KAAd,IAAmC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,KACvC,qBAAA,KAAA,CAAA,aAAA;AAAA,MAACK,2BAAA;AAAA,MAAA;AAAA,QACC,KAAK,KAAM,CAAA,EAAA;AAAA,QACX,KAAA;AAAA,QACA,kBAAkB,aAAc,CAAA,gBAAA;AAAA,OAAA;AAAA,KAClC,CAAA;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}