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

package/dist/es/contact-import/hooks/use-field-management.js

@@ -0,0 +1,105 @@
+import { useCallback } from 'react';
+import { DEFAULT_FIELD_VALUE } from '../constants/index.js';
+import { generateFieldId } from '../utils/index.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function useFieldManagement(contactImportField, setContactImportField) {
+  const updateField = useCallback(
+    (id, property, value) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.map(
+          (field) => field.id === id ? __spreadProps(__spreadValues({}, field), { [property]: value }) : field
+        )
+      }));
+    },
+    [setContactImportField]
+  );
+  const updateFieldBulk = useCallback(
+    (id, updates) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.map(
+          (field) => field.id === id ? __spreadValues(__spreadValues({}, field), updates) : field
+        )
+      }));
+    },
+    [setContactImportField]
+  );
+  const updateSurveySparrowField = useCallback(
+    (value, id, manuallyMapped = false) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.map(
+          (field) => field.id === id ? __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, field), {
+            surveySparrowField: value
+          }), manuallyMapped && { mapped: true }), {
+            surveySparrowFieldError: false
+          }) : field
+        )
+      }));
+    },
+    [setContactImportField]
+  );
+  const addCustomField = useCallback(() => {
+    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+      fields: [
+        ...prev.fields,
+        __spreadProps(__spreadValues({}, DEFAULT_FIELD_VALUE), {
+          id: generateFieldId(prev.fields)
+        })
+      ]
+    }));
+  }, [setContactImportField]);
+  const deleteField = useCallback(
+    (id) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.filter((field) => field.id !== id)
+      }));
+    },
+    [setContactImportField]
+  );
+  const setFieldError = useCallback(
+    (id, hasError) => {
+      updateField(id, "surveySparrowFieldError", hasError);
+    },
+    [updateField]
+  );
+  const validateFields = useCallback(() => {
+    let isValid = true;
+    contactImportField.fields.forEach((field) => {
+      if (field.property !== "custom" && !field.surveySparrowField) {
+        setFieldError(field.id, true);
+        isValid = false;
+      }
+    });
+    return isValid;
+  }, [contactImportField.fields, setFieldError]);
+  return {
+    updateField,
+    updateFieldBulk,
+    updateSurveySparrowField,
+    addCustomField,
+    deleteField,
+    setFieldError,
+    validateFields
+  };
+}
+
+export { useFieldManagement as default };
+//# sourceMappingURL=use-field-management.js.map

package/dist/es/contact-import/hooks/use-field-management.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-management.js","sources":["../../../../src/contact-import/hooks/use-field-management.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Field, ContactImportField } from '../types';\nimport { DEFAULT_FIELD_VALUE } from '../constants';\nimport { generateFieldId } from '../utils';\n\n/**\n * Hook to manage field operations (add, update, delete)\n */\nfunction useFieldManagement(\n  contactImportField: ContactImportField,\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>\n) {\n  /**\n   * Updates a specific field property\n   */\n  const updateField = useCallback(\n    (id: string | number, property: keyof Field, value: string | number | boolean | null) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.map((field) =>\n          field.id === id ? { ...field, [property]: value } : field\n        ),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Updates multiple field properties at once\n   */\n  const updateFieldBulk = useCallback(\n    (id: string | number, updates: Partial<Field>) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.map((field) =>\n          field.id === id ? { ...field, ...updates } : field\n        ),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Updates the surveySparrow field and optionally marks as manually mapped\n   */\n  const updateSurveySparrowField = useCallback(\n    (value: string | number, id: string | number, manuallyMapped: boolean = false) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.map((field) =>\n          field.id === id\n            ? {\n                ...field,\n                surveySparrowField: value,\n                ...(manuallyMapped && { mapped: true }),\n                surveySparrowFieldError: false,\n              }\n            : field\n        ),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Adds a new custom property field\n   */\n  const addCustomField = useCallback(() => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: [\n        ...prev.fields,\n        {\n          ...DEFAULT_FIELD_VALUE,\n          id: generateFieldId(prev.fields),\n        },\n      ],\n    }));\n  }, [setContactImportField]);\n\n  /**\n   * Deletes a field by ID\n   */\n  const deleteField = useCallback(\n    (id: string | number) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.filter((field) => field.id !== id),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Sets field error state\n   */\n  const setFieldError = useCallback(\n    (id: string | number, hasError: boolean) => {\n      updateField(id, 'surveySparrowFieldError', hasError);\n    },\n    [updateField]\n  );\n\n  /**\n   * Validates all fields and sets error states\n   */\n  const validateFields = useCallback((): boolean => {\n    let isValid = true;\n    \n    contactImportField.fields.forEach((field) => {\n      if (field.property !== 'custom' && !field.surveySparrowField) {\n        setFieldError(field.id, true);\n        isValid = false;\n      }\n    });\n\n    return isValid;\n  }, [contactImportField.fields, setFieldError]);\n\n  return {\n    updateField,\n    updateFieldBulk,\n    updateSurveySparrowField,\n    addCustomField,\n    deleteField,\n    setFieldError,\n    validateFields,\n  };\n}\n\nexport default useFieldManagement;\n\n"],"names":[],"mappings":"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"}

package/dist/es/contact-import/types/index.js

@@ -0,0 +1,6 @@
+function isScheduledImport(importRecord) {
+  return "scheduled" in importRecord;
+}
+
+export { isScheduledImport };
+//# sourceMappingURL=index.js.map

package/dist/es/contact-import/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/types/index.ts"],"sourcesContent":["import React from 'react';\n\n// ==================== Base Types ====================\n\nexport interface SelectOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface ContactProperty {\n  value: string;\n  label: string;\n  type: string;\n}\n\n// ==================== Field Types ====================\n\nexport interface Field {\n  id: string | number;\n  integrationField: string | number | null;\n  surveySparrowField: string | number | null;\n  sampleData?: string[];\n  property: 'custom' | 'default';\n  mapped?: boolean;\n  surveySparrowFieldError?: boolean;\n}\n\n// ==================== Import Configuration ====================\n\nexport interface ImportConfiguration {\n  reference?: string;\n  frequency?: string;\n  type?: 'LIST' | 'ALL';\n  selectedOption?: SelectOption;\n  listSegmentValue?: SelectOption | null;\n}\n\nexport interface ContactImportField {\n  configure: ImportConfiguration | null;\n  description: string | null;\n  id: string | number | null;\n  fields: Field[];\n  invitePortal: boolean;\n}\n\n// ==================== Import Types ====================\n\nexport interface BaseImport {\n  id: string;\n  type: string;\n  name: string;\n  isRecuring: boolean;\n  status: 'success' | 'failed' | 'pending' | 'in_progress';\n}\n\nexport interface CompletedImport extends BaseImport {\n  importedOn: string | undefined;\n}\n\nexport interface ScheduledImport extends BaseImport {\n  createdOn: string | undefined;\n  upcommingImport: string | undefined;\n  scheduled: boolean;\n  editField: Record<string, unknown>;\n}\n\nexport type ImportRecord = CompletedImport | ScheduledImport;\n\n// ==================== Schedule Types ====================\n\nexport type FrequencyMode = 'oneTime' | 'recurring';\n\nexport interface TimeValue {\n  hours: number;\n  mins: string;\n  noon: 'am' | 'pm';\n}\n\nexport interface ScheduleTime {\n  period: string;\n  time: TimeValue;\n  timeZone: string;\n}\n\nexport interface ScheduleData {\n  frequentMode: FrequencyMode;\n  scheduleData?: ScheduleTime;\n}\n\n// ==================== Component Props ====================\n\nexport interface InvitePortalConfig {\n  hasInvitePortal: boolean;\n  value: boolean | null;\n  onChangeHandler: (value: boolean) => void;\n}\n\nexport interface ContactImportProps {\n  dashboardDescription: string;\n  existingImports: ImportRecord[] | null;\n  hasPreviousMapping?: boolean;\n  previousMappingHandler: (value?: boolean) => void;\n  onSaveHandler: () => Promise<void> | void;\n  isContactMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  contactImportField: ContactImportField;\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  listSegmentOptions: SelectOption[];\n  integrationName: string;\n  contactProperties: ContactProperty[];\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportHeaderProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  setNewImport: React.Dispatch<React.SetStateAction<boolean>>;\n  hasPreviousMapping?: boolean;\n  previousMappingHandler: (value?: boolean) => void;\n  onSaveHandler: () => Promise<void> | void;\n  isContactMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  contactImportField: ContactImportField;\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportModalProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  contactImportField: ContactImportField;\n  onCloseHandler: () => void;\n  onSaveHandler: () => Promise<void> | void;\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportConfigureProps {\n  contactImportField: ContactImportField;\n  handleConfigureField: (value: ImportConfiguration) => void;\n  listSegmentOptions: SelectOption[];\n}\n\nexport interface ContactImportMappingProps {\n  contactImportField: ContactImportField;\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  integrationName: string;\n  contactProperties: ContactProperty[];\n}\n\n// ==================== Dashboard Props ====================\n\nexport interface DashboardProps {\n  dashboardDescription: string;\n  setNewImport: (value: boolean) => void;\n  integrationName: string;\n  imports: ImportRecord[];\n}\n\nexport interface CompletedImportsProps {\n  completed: CompletedImport[];\n}\n\nexport interface ScheduledImportsProps {\n  scheduled: ScheduledImport[];\n}\n\n// ==================== Schedule Component Props ====================\n\nexport interface ImportSchedulesProps {\n  currentList: SelectOption | null;\n  setCurrentList: React.Dispatch<React.SetStateAction<SelectOption | null>>;\n}\n\nexport interface SchedulingProps {\n  globalStorage: ScheduleData;\n  setGlobalStorage: React.Dispatch<React.SetStateAction<ScheduleData>>;\n}\n\nexport interface TimePickerProps {\n  openTimePicker: boolean;\n  setOpenTimePicker: React.Dispatch<React.SetStateAction<boolean>>;\n  scheduleTime: ScheduleTime;\n  setScheduleTime: React.Dispatch<React.SetStateAction<ScheduleTime>>;\n}\n\n// ==================== Type Guards ====================\n\nexport function isScheduledImport(\n  importRecord: ImportRecord\n): importRecord is ScheduledImport {\n  return 'scheduled' in importRecord;\n}\n\nexport function isCompletedImport(\n  importRecord: ImportRecord\n): importRecord is CompletedImport {\n  return !isScheduledImport(importRecord);\n}\n\n// ==================== Validation Types ====================\n\nexport interface ValidationError {\n  field: string;\n  message: string;\n}\n\nexport interface ValidationResult {\n  isValid: boolean;\n  errors: ValidationError[];\n}\n"],"names":[],"mappings":"AAwLO,SAAS,kBACd,YACiC,EAAA;AACjC,EAAA,OAAO,WAAe,IAAA,YAAA,CAAA;AACxB;;;;"}

package/dist/es/contact-import/utils/index.js

@@ -0,0 +1,31 @@
+import { VALIDATION_RULES, CONTACT_FIELD_TYPE } from '../constants/index.js';
+
+function generateFieldId(existingFields) {
+  if (!existingFields.length)
+    return 1;
+  const lastField = existingFields[existingFields.length - 1];
+  return typeof lastField.id === "number" ? lastField.id + 1 : Date.now();
+}
+function formatFieldName(fieldName) {
+  if (fieldName === null)
+    return "";
+  if (typeof fieldName === "number")
+    return fieldName.toString();
+  return fieldName.replace(/_/g, " ");
+}
+function truncateSampleData(data, maxLength = VALIDATION_RULES.MAX_SAMPLE_DATA_LENGTH) {
+  if (data.length <= maxLength)
+    return data;
+  return `${data.slice(0, maxLength)}...`;
+}
+function filterContactProperties(properties, excludeTypes = [CONTACT_FIELD_TYPE.DEPENDENT_FIELD]) {
+  return properties.filter((prop) => !excludeTypes.includes(prop.type));
+}
+function findContactProperty(properties, value) {
+  if (value === null)
+    return void 0;
+  return properties.find((prop) => prop.value === value);
+}
+
+export { filterContactProperties, findContactProperty, formatFieldName, generateFieldId, truncateSampleData };
+//# sourceMappingURL=index.js.map

package/dist/es/contact-import/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/utils/index.ts"],"sourcesContent":["import { Field, ContactProperty, ValidationResult, ValidationError } from '../types';\nimport { VALIDATION_RULES, ERROR_MESSAGES, CONTACT_FIELD_TYPE } from '../constants';\n\n// ==================== Field Utilities ====================\n\n/**\n * Generates a unique ID for a new field\n */\nexport function generateFieldId(existingFields: Field[]): number {\n  if (!existingFields.length) return 1;\n  \n  const lastField = existingFields[existingFields.length - 1];\n  return typeof lastField.id === 'number' ? lastField.id + 1 : Date.now();\n}\n\n/**\n * Formats integration field name for display\n */\nexport function formatFieldName(fieldName: string | number | null): string {\n  if (fieldName === null) return '';\n  if (typeof fieldName === 'number') return fieldName.toString();\n  return fieldName.replace(/_/g, ' ');\n}\n\n/**\n * Truncates sample data if it exceeds max length\n */\nexport function truncateSampleData(data: string, maxLength: number = VALIDATION_RULES.MAX_SAMPLE_DATA_LENGTH): string {\n  if (data.length <= maxLength) return data;\n  return `${data.slice(0, maxLength)}...`;\n}\n\n/**\n * Checks if a field has a mapped value\n */\nexport function isFieldMapped(field: Field): boolean {\n  return Boolean(field.surveySparrowField);\n}\n\n/**\n * Filters contact properties by type\n */\nexport function filterContactProperties(\n  properties: ContactProperty[],\n  excludeTypes: string[] = [CONTACT_FIELD_TYPE.DEPENDENT_FIELD]\n): ContactProperty[] {\n  return properties.filter(prop => !excludeTypes.includes(prop.type));\n}\n\n/**\n * Finds a contact property by value\n */\nexport function findContactProperty(\n  properties: ContactProperty[],\n  value: string | number | null\n): ContactProperty | undefined {\n  if (value === null) return undefined;\n  return properties.find(prop => prop.value === value);\n}\n\n// ==================== Validation Utilities ====================\n\n/**\n * Validates import title\n */\nexport function validateImportTitle(title: string): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  if (!title || title.trim().length === 0) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_REQUIRED });\n  } else if (title.length < VALIDATION_RULES.MIN_TITLE_LENGTH) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_TOO_SHORT });\n  } else if (title.length > VALIDATION_RULES.MAX_TITLE_LENGTH) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_TOO_LONG });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n/**\n * Validates field mapping\n */\nexport function validateFieldMapping(fields: Field[]): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  // Check if any required fields are missing\n  fields.forEach((field, index) => {\n    if (field.property !== 'custom' && !field.surveySparrowField) {\n      errors.push({\n        field: `field_${index}`,\n        message: ERROR_MESSAGES.FIELD_REQUIRED,\n      });\n    }\n  });\n\n  // Check for duplicate mappings\n  const mappedValues = fields\n    .map(f => f.surveySparrowField)\n    .filter(Boolean);\n  \n  const duplicates = mappedValues.filter(\n    (value, index) => mappedValues.indexOf(value) !== index\n  );\n\n  if (duplicates.length > 0) {\n    errors.push({\n      field: 'fields',\n      message: ERROR_MESSAGES.DUPLICATE_FIELD,\n    });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n/**\n * Validates max field count\n */\nexport function validateFieldCount(currentCount: number): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  if (currentCount >= VALIDATION_RULES.MAX_FIELD_COUNT) {\n    errors.push({\n      field: 'fields',\n      message: ERROR_MESSAGES.MAX_FIELDS_REACHED,\n    });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n// ==================== Import Status Utilities ====================\n\n/**\n * Checks if an import is recurring\n */\nexport function isRecurringImport(isRecuring: boolean): boolean {\n  return isRecuring;\n}\n\n/**\n * Gets status icon color\n */\nexport function getStatusColor(status: string): string {\n  switch (status) {\n    case 'success':\n      return '#5EA130';\n    case 'failed':\n      return '#F65633';\n    case 'pending':\n    case 'in_progress':\n      return '#FFA500';\n    default:\n      return '#6A6A6A';\n  }\n}\n\n// ==================== Time Utilities ====================\n\n/**\n * Formats time for display\n */\nexport function formatTime(hours: number, mins: string, noon: 'am' | 'pm'): string {\n  return `${hours}:${mins} ${noon}`;\n}\n\n/**\n * Parses timezone string to extract timezone name\n */\nexport function parseTimeZone(timezoneString: string): string {\n  const match = timezoneString.match(/^([^(]+)/);\n  return match ? match[1].trim() : timezoneString;\n}\n\n// ==================== String Utilities ====================\n\n/**\n * Capitalizes first letter of a string\n */\nexport function capitalize(str: string): string {\n  if (!str) return '';\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n/**\n * Converts snake_case to Title Case\n */\nexport function snakeToTitleCase(str: string): string {\n  return str\n    .split('_')\n    .map(word => capitalize(word))\n    .join(' ');\n}\n\n// ==================== Object Utilities ====================\n\n/**\n * Deep clones an object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj));\n}\n\n/**\n * Checks if an object is empty\n */\nexport function isEmpty(obj: Record<string, unknown>): boolean {\n  return Object.keys(obj).length === 0;\n}\n\n// ==================== Array Utilities ====================\n\n/**\n * Removes duplicates from an array\n */\nexport function removeDuplicates<T>(array: T[]): T[] {\n  return Array.from(new Set(array));\n}\n\n/**\n * Sorts imports by date\n */\nexport function sortImportsByDate<T extends { createdOn?: string; importedOn?: string }>(\n  imports: T[],\n  ascending: boolean = false\n): T[] {\n  return [...imports].sort((a, b) => {\n    const dateA = new Date(a.createdOn || a.importedOn || '').getTime();\n    const dateB = new Date(b.createdOn || b.importedOn || '').getTime();\n    return ascending ? dateA - dateB : dateB - dateA;\n  });\n}\n\n"],"names":[],"mappings":";;AAQO,SAAS,gBAAgB,cAAiC,EAAA;AAC/D,EAAA,IAAI,CAAC,cAAe,CAAA,MAAA;AAAQ,IAAO,OAAA,CAAA,CAAA;AAEnC,EAAA,MAAM,SAAY,GAAA,cAAA,CAAe,cAAe,CAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAC1D,EAAO,OAAA,OAAO,UAAU,EAAO,KAAA,QAAA,GAAW,UAAU,EAAK,GAAA,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AACxE,CAAA;AAKO,SAAS,gBAAgB,SAA2C,EAAA;AACzE,EAAA,IAAI,SAAc,KAAA,IAAA;AAAM,IAAO,OAAA,EAAA,CAAA;AAC/B,EAAA,IAAI,OAAO,SAAc,KAAA,QAAA;AAAU,IAAA,OAAO,UAAU,QAAS,EAAA,CAAA;AAC7D,EAAO,OAAA,SAAA,CAAU,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAA,CAAA;AACpC,CAAA;AAKO,SAAS,kBAAmB,CAAA,IAAA,EAAc,SAAoB,GAAA,gBAAA,CAAiB,sBAAgC,EAAA;AACpH,EAAA,IAAI,KAAK,MAAU,IAAA,SAAA;AAAW,IAAO,OAAA,IAAA,CAAA;AACrC,EAAA,OAAO,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,CAAA,EAAG,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACpC,CAAA;AAYO,SAAS,wBACd,UACA,EAAA,YAAA,GAAyB,CAAC,kBAAA,CAAmB,eAAe,CACzC,EAAA;AACnB,EAAO,OAAA,UAAA,CAAW,OAAO,CAAQ,IAAA,KAAA,CAAC,aAAa,QAAS,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AACpE,CAAA;AAKgB,SAAA,mBAAA,CACd,YACA,KAC6B,EAAA;AAC7B,EAAA,IAAI,KAAU,KAAA,IAAA;AAAM,IAAO,OAAA,KAAA,CAAA,CAAA;AAC3B,EAAA,OAAO,UAAW,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACrD;;;;"}

package/dist/es/dynamic-mapping/components/Configuration.js

@@ -0,0 +1,174 @@
+import React__default, { useState } from 'react';
+import { CustomAddNewSelect } from './CustomAddNewSelect.js';
+import { CONFIGURATION_FIELD_TYPES, CONFIGURATION_FIELD_IDS, CSS_CLASSES, UI_TEXT } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Switch } from '../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Checkbox } from '../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { FormLabel } from '../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Configuration = ({
+  field,
+  configuredFields,
+  responseImportType = null
+}) => {
+  var _a, _b;
+  const fieldValue = (_b = (_a = configuredFields == null ? void 0 : configuredFields[field.id]) == null ? void 0 : _a.value) != null ? _b : null;
+  const [error, setError] = useState({
+    errorMessage: "",
+    error: false,
+    id: null
+  });
+  const handleInputChange = (value) => {
+    if (field == null ? void 0 : field.pattern) {
+      const pattern = new RegExp(field.pattern);
+      if (!pattern.test(value) && value !== "") {
+        setError({
+          errorMessage: field.errorMessage || UI_TEXT.INVALID_INPUT,
+          error: true,
+          id: field.id
+        });
+      } else {
+        setError({
+          errorMessage: "",
+          error: false,
+          id: null
+        });
+      }
+    }
+    field.onChangeHandler({
+      id: field.id,
+      value
+    });
+  };
+  const renderSwitch = () => /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      gap: "$4",
+      alignItems: "center",
+      css: {
+        marginBlockStart: "$12",
+        borderTop: "$borderWidths$xs solid $neutral200",
+        paddingTop: "$16"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      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__default.createElement(Text, { size: "md", weight: "regular", css: { color: "$neutral900" } }, field.label)
+  );
+  const renderCheckbox = () => {
+    var _a2;
+    return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", alignItems: "start", gap: "$4" }, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$4", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+      Checkbox,
+      {
+        disabled: field == null ? void 0 : field.disabled,
+        checked: !!fieldValue,
+        onChange: (value) => field.onChangeHandler({
+          id: field.id,
+          value
+        })
+      }
+    ), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, field.label)), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral500" } }, field.value && field.ifChecked ? field.ifChecked() : (_a2 = field.ifUnchecked) == null ? void 0 : _a2.call(field, responseImportType)));
+  };
+  const renderInput = () => {
+    var _a2;
+    const shouldRenderField = (field == null ? void 0 : field.id) !== CONFIGURATION_FIELD_IDS.SPREADSHEET || ((_a2 = configuredFields == null ? void 0 : configuredFields.action) == null ? void 0 : _a2.value);
+    if (!shouldRenderField)
+      return null;
+    return /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        className: CSS_CLASSES.DM_SANS,
+        css: {
+          label: {
+            fontSize: "$xs !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        FormInput,
+        __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+          placeholder: field.placeholder || "",
+          disabled: field == null ? void 0 : field.disabled
+        }, error.id === field.id && {
+          error: error.errorMessage,
+          errorBorder: error.error
+        }), {
+          label: field.label,
+          value: typeof fieldValue === "object" ? "" : fieldValue || "",
+          size: "lg"
+        }), field.pattern && {
+          pattern: field.pattern
+        }), {
+          onChange: (event) => handleInputChange(event.currentTarget.value)
+        })
+      )
+    );
+  };
+  const renderSelect = () => {
+    var _a2;
+    const shouldRenderField = field.id !== CONFIGURATION_FIELD_IDS.SPREADSHEET || ((_a2 = configuredFields == null ? void 0 : configuredFields.action) == null ? void 0 : _a2.value);
+    if (!shouldRenderField)
+      return null;
+    return /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        gap: "$2",
+        flexDirection: "column",
+        css: {
+          cursor: "pointer !important",
+          ".twigs-select__indicator": {
+            width: "14px !important",
+            color: "#848484 !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label),
+      /* @__PURE__ */ React__default.createElement(CustomAddNewSelect, { field })
+    );
+  };
+  switch (field.fieldType) {
+    case CONFIGURATION_FIELD_TYPES.SWITCH:
+      return renderSwitch();
+    case CONFIGURATION_FIELD_TYPES.CHECKBOX:
+      return renderCheckbox();
+    case CONFIGURATION_FIELD_TYPES.INPUT:
+      return renderInput();
+    default:
+      return renderSelect();
+  }
+};
+
+export { Configuration };
+//# sourceMappingURL=Configuration.js.map

package/dist/es/dynamic-mapping/components/Configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Configuration.js","sources":["../../../../src/dynamic-mapping/components/Configuration.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Checkbox,\n  Flex,\n  FormInput,\n  FormLabel,\n  Switch,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { ConfigurationProps, ErrorState } from '../types';\nimport { CustomAddNewSelect } from './CustomAddNewSelect';\nimport { CONFIGURATION_FIELD_TYPES, CONFIGURATION_FIELD_IDS, UI_TEXT, CSS_CLASSES } from '../constants';\n\nexport const Configuration: React.FC<ConfigurationProps> = ({\n  field,\n  configuredFields,\n  responseImportType = null,\n}) => {\n  const fieldValue = configuredFields?.[field.id]?.value ?? null;\n  const [error, setError] = useState<ErrorState>({\n    errorMessage: '',\n    error: false,\n    id: null,\n  });\n\n  const handleInputChange = (value: string) => {\n    if (field?.pattern) {\n      const pattern = new RegExp(field.pattern);\n      if (!pattern.test(value) && value !== '') {\n        setError({\n          errorMessage: field.errorMessage || UI_TEXT.INVALID_INPUT,\n          error: true,\n          id: field.id,\n        });\n      } else {\n        setError({\n          errorMessage: '',\n          error: false,\n          id: null,\n        });\n      }\n    }\n    field.onChangeHandler({\n      id: field.id,\n      value: value,\n    });\n  };\n\n  const renderSwitch = () => (\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  const renderCheckbox = () => (\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 && (field as any).ifChecked\n          ? (field as any).ifChecked()\n          : (field as any).ifUnchecked?.(responseImportType)}\n      </Text>\n    </Flex>\n  );\n\n  const renderInput = () => {\n    const shouldRenderField =\n      field?.id !== CONFIGURATION_FIELD_IDS.SPREADSHEET ||\n      (configuredFields as any)?.action?.value;\n\n    if (!shouldRenderField) return null;\n\n    return (\n      <Box\n        className={CSS_CLASSES.DM_SANS}\n        css={{\n          label: {\n            fontSize: '$xs !important',\n          },\n        }}\n      >\n        <FormInput\n          placeholder={field.placeholder || ''}\n          disabled={field?.disabled}\n          {...(error.id === field.id && {\n            error: error.errorMessage,\n            errorBorder: error.error,\n          })}\n          label={field.label}\n          value={typeof fieldValue === 'object' ? '' : fieldValue || ''}\n          size=\"lg\"\n          {...(field.pattern && {\n            pattern: field.pattern,\n          })}\n          onChange={(event) => handleInputChange(event.currentTarget.value)}\n        />\n      </Box>\n    );\n  };\n\n  const renderSelect = () => {\n    const shouldRenderField =\n      field.id !== CONFIGURATION_FIELD_IDS.SPREADSHEET ||\n      (configuredFields as any)?.action?.value;\n\n    if (!shouldRenderField) return null;\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  switch (field.fieldType) {\n    case CONFIGURATION_FIELD_TYPES.SWITCH:\n      return renderSwitch();\n    case CONFIGURATION_FIELD_TYPES.CHECKBOX:\n      return renderCheckbox();\n    case CONFIGURATION_FIELD_TYPES.INPUT:\n      return renderInput();\n    default:\n      return renderSelect();\n  }\n};\n\n"],"names":["React","_a"],"mappings":"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"}

package/dist/es/dynamic-mapping/components/ConfigurationSetup.js

@@ -0,0 +1,98 @@
+import React__default from 'react';
+import { Configuration } from './Configuration.js';
+import { CustomDropdown } from './CustomDropdown.js';
+import { UI_TEXT, FONT_FAMILIES, DATE_TYPES } from '../constants/index.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Tooltip } from '../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
+
+const ConfigurationSetup = ({
+  configuration,
+  surveyName,
+  editField
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  return /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, UI_TEXT.EVENT_DETAILS), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, UI_TEXT.SURVEY_NAME_LABEL), /* @__PURE__ */ React__default.createElement(
+    Tooltip,
+    {
+      content: (surveyName == null ? void 0 : surveyName.length) > 25 ? surveyName : "",
+      css: {
+        zIndex: "9999999 !important",
+        fontFamily: FONT_FAMILIES.DM_SANS_IMPORTANT
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
+      Text,
+      {
+        size: "sm",
+        weight: "medium",
+        truncate: true,
+        css: { color: "$neutral800", maxWidth: "270px" }
+      },
+      surveyName
+    ))
+  )), /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      flexDirection: "column",
+      gap: "$8",
+      css: {
+        marginTop: "$12",
+        "& label": {
+          color: "$neutral800"
+        }
+      }
+    },
+    (_a = configuration.configurationFields) == null ? void 0 : _a.map((field) => /* @__PURE__ */ React__default.createElement(
+      Configuration,
+      {
+        key: field.id,
+        field,
+        configuredFields: configuration.configuredFields
+      }
+    )),
+    configuration.importOptions.showImportOptions && /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        gap: "$2",
+        flexDirection: "column",
+        css: {
+          marginTop: "-4px !important"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        CustomDropdown,
+        {
+          placeholder: configuration.importOptions.placeholder || UI_TEXT.CHOOSE,
+          editField,
+          data: configuration.importOptions.options,
+          isDisabled: configuration.importOptions.isDisabled,
+          value: (_d = (_c = (_b = configuration == null ? void 0 : configuration.configuredFields) == null ? void 0 : _b.responseImportType) == null ? void 0 : _c.value) != null ? _d : configuration.importOptions.options[0],
+          onChangeHandler: configuration.importOptions.onChangeHandler
+        }
+      )
+    ),
+    ((_g = (_f = (_e = configuration.configuredFields) == null ? void 0 : _e.responseImportType) == null ? void 0 : _f.value) == null ? void 0 : _g.type) === DATE_TYPES.DATE && /* @__PURE__ */ React__default.createElement(
+      Text,
+      {
+        size: "sm",
+        weight: "regular",
+        css: { color: "$neutral600", marginTop: "-$6" }
+      },
+      `${UI_TEXT.EXISTING_RESPONSES_IMPORT_MESSAGE} ${(_j = (_i = (_h = configuration.configuredFields) == null ? void 0 : _h.responseImportType) == null ? void 0 : _i.value) == null ? void 0 : _j.value} ${UI_TEXT.WILL_BE_IMPORTED}`
+    ),
+    configuration.importOptions.excludeResponse && ((_m = (_l = (_k = configuration.configuredFields) == null ? void 0 : _k.responseImportType) == null ? void 0 : _l.value) == null ? void 0 : _m.type) === DATE_TYPES.DATE_RANGE && /* @__PURE__ */ React__default.createElement(
+      Configuration,
+      {
+        field: configuration.importOptions.excludeResponse,
+        configuredFields: configuration.configuredFields,
+        responseImportType: (_q = (_p = (_o = (_n = configuration.configuredFields) == null ? void 0 : _n.responseImportType) == null ? void 0 : _o.value) == null ? void 0 : _p.value) == null ? void 0 : _q.label
+      }
+    )
+  ));
+};
+
+export { ConfigurationSetup };
+//# sourceMappingURL=ConfigurationSetup.js.map

package/dist/es/dynamic-mapping/components/ConfigurationSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationSetup.js","sources":["../../../../src/dynamic-mapping/components/ConfigurationSetup.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex, Heading, Text, Tooltip } from '@sparrowengg/twigs-react';\nimport { ConfigurationSetupProps } from '../types';\nimport { Configuration } from './Configuration';\nimport { CustomDropdown } from './CustomDropdown';\nimport { UI_TEXT, DATE_TYPES, FONT_FAMILIES } from '../constants';\n\nexport const ConfigurationSetup: React.FC<ConfigurationSetupProps> = ({\n  configuration,\n  surveyName,\n  editField,\n}) => {\n  return (\n    <Box css={{ maxWidth: 488, width: '100%' }}>\n      <Heading size=\"h5\">{UI_TEXT.EVENT_DETAILS}</Heading>\n      <Flex gap=\"$2\" css={{ marginTop: '$4' }}>\n        <Text size=\"sm\" css={{ color: '$neutral500' }}>\n          {UI_TEXT.SURVEY_NAME_LABEL}\n        </Text>\n        <Tooltip\n          content={surveyName?.length > 25 ? surveyName : ''}\n          css={{\n            zIndex: '9999999 !important',\n            fontFamily: FONT_FAMILIES.DM_SANS_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      <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) => (\n          <Configuration\n            key={field.id}\n            field={field}\n            configuredFields={configuration.configuredFields}\n          />\n        ))}\n        {configuration.importOptions.showImportOptions && (\n          <Flex\n            gap=\"$2\"\n            flexDirection=\"column\"\n            css={{\n              marginTop: '-4px !important',\n            }}\n          >\n            <CustomDropdown\n              placeholder={configuration.importOptions.placeholder || UI_TEXT.CHOOSE}\n              editField={editField}\n              data={configuration.importOptions.options}\n              isDisabled={configuration.importOptions.isDisabled}\n              value={\n                (configuration?.configuredFields?.responseImportType as any)?.value ??\n                configuration.importOptions.options[0]\n              }\n              onChangeHandler={configuration.importOptions.onChangeHandler}\n            />\n          </Flex>\n        )}\n        {(configuration.configuredFields?.responseImportType as any)?.value?.type ===\n          DATE_TYPES.DATE && (\n          <Text\n            size=\"sm\"\n            weight=\"regular\"\n            css={{ color: '$neutral600', marginTop: '-$6' }}\n          >\n            {`${UI_TEXT.EXISTING_RESPONSES_IMPORT_MESSAGE} ${\n              (configuration.configuredFields?.responseImportType as any)?.value?.value\n            } ${UI_TEXT.WILL_BE_IMPORTED}`}\n          </Text>\n        )}\n        {configuration.importOptions.excludeResponse &&\n          (configuration.configuredFields?.responseImportType as any)?.value?.type ===\n            DATE_TYPES.DATE_RANGE && (\n            <Configuration\n              field={configuration.importOptions.excludeResponse}\n              configuredFields={configuration.configuredFields}\n              responseImportType={\n                (configuration.configuredFields?.responseImportType as any)?.value?.value\n                  ?.label\n              }\n            />\n          )}\n      </Flex>\n    </Box>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/dynamic-mapping/components/CustomAddNewSelect.js

@@ -0,0 +1,128 @@
+import React__default from 'react';
+import { ADD_NEW_OPTION_VALUE, FONT_FAMILIES, UI_TEXT } from '../constants/index.js';
+import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+import { Tooltip } from '../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { c as components } from '../../node_modules/react-select/dist/index-a301f526.esm.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { PlusIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Chip } from '../../node_modules/@sparrowengg/twigs-react/dist/es/chip/chip.js';
+import { TickCircleFillIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/tick-circle-fill.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const CustomAddNewSelect = ({ field }) => {
+  return /* @__PURE__ */ React__default.createElement(
+    Select,
+    {
+      isDisabled: field == null ? void 0 : field.disabled,
+      placeholder: field.placeholder || "",
+      size: "lg",
+      css: {
+        cursor: "pointer"
+      },
+      components: {
+        Option: CustomShareOption,
+        SingleValue: CustomSingleValue
+      },
+      styles: {
+        singleValue: (provided) => __spreadProps(__spreadValues({}, provided), {
+          display: "flex",
+          alignItems: "center",
+          cursor: "pointer"
+        })
+      },
+      value: field.value,
+      onChange: (value) => {
+        var _a;
+        field.onChangeHandler({
+          id: (_a = field == null ? void 0 : field.id) != null ? _a : field == null ? void 0 : field.label,
+          value
+        });
+      },
+      options: field.options
+    }
+  );
+};
+const CustomShareOption = (props) => {
+  if (props.data.value === ADD_NEW_OPTION_VALUE) {
+    return /* @__PURE__ */ React__default.createElement(
+      Tooltip,
+      {
+        content: props.data.tooltip || "",
+        css: {
+          zIndex: 999999999,
+          fontFamily: FONT_FAMILIES.DM_SANS_IMPORTANT
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(components.Option, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(
+        Flex,
+        {
+          justifyContent: "center",
+          alignItems: "center",
+          css: { cursor: "pointer", zIndex: 999999999 }
+        },
+        /* @__PURE__ */ React__default.createElement(
+          Flex,
+          {
+            gap: "$2",
+            alignItems: "center",
+            css: {
+              color: "$primary500",
+              fontSize: "$sm",
+              fontWeight: "$7"
+            }
+          },
+          /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 16, color: "#4A9CA6" }),
+          props.data.label || UI_TEXT.ADD_ACCOUNT
+        )
+      )))
+    );
+  }
+  return /* @__PURE__ */ React__default.createElement(components.Option, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      css: { cursor: "pointer", zIndex: 999999999 },
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: "$2"
+    },
+    /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.label),
+    props.data.isAddonAccount && /* @__PURE__ */ React__default.createElement(
+      Chip,
+      {
+        color: "primary",
+        size: "sm",
+        leftElement: /* @__PURE__ */ React__default.createElement(TickCircleFillIcon, null)
+      },
+      UI_TEXT.IN_USE_ADDON
+    )
+  ));
+};
+const CustomSingleValue = (props) => {
+  if (props.data.value === ADD_NEW_OPTION_VALUE) {
+    return /* @__PURE__ */ React__default.createElement(components.SingleValue, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 16 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.data.label)));
+  }
+  return /* @__PURE__ */ React__default.createElement(components.SingleValue, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.data.label)));
+};
+
+export { CustomAddNewSelect };
+//# sourceMappingURL=CustomAddNewSelect.js.map