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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  CloseIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { ContactImportFieldType } from \"./types\";\nimport { generateUniqueId } from \"../commons/helpers\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport ContactImportConfigure from \"./components/contact-import-configure\";\nimport ContactImportMapping from \"./components/contact-import-mapping\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { ContactImportProps, ContactImportHeaderProps } from \"./types\";\nimport Dashboard from \"./components/ManageImport/dashboard\";\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from \"../commons/constants\";\n\nexport const ContactImport = ({\n  dashboardDescription,\n  existingImports,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  setContactImportField,\n  listSegmentOptions,\n  integrationName,\n  contactProperties,\n  invitePortal,\n}: ContactImportProps) => {\n  const [newImport, setNewImport] = useState(true);\n  useEffect(() => {\n    setNewImport(!existingImports?.length);\n  }, []);\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        {newImport && (\n          <>\n            <ContactImportHeader\n              setNewImport={setNewImport}\n              contactImportField={contactImportField}\n              setContactImportField={setContactImportField}\n              hasPreviousMapping={hasPreviousMapping}\n              previousMappingHandler={previousMappingHandler}\n              onSaveHandler={onSaveHandler}\n              isContactMappingPage={isContactMappingPage}\n              navigateMappingPage={navigateMappingPage}\n              invitePortal={invitePortal}\n            />\n            {!isContactMappingPage ? (\n              <ContactImportConfigure\n                contactImportField={contactImportField}\n                handleConfigureField={(value: Record<string, unknown>) => {\n                  setContactImportField({\n                    ...contactImportField,\n                    configure: { ...value },\n                  });\n                  navigateMappingPage(true);\n                }}\n                listSegmentOptions={listSegmentOptions}\n              />\n            ) : (\n              <ContactImportMapping\n                contactImportField={contactImportField}\n                setContactImportField={setContactImportField}\n                integrationName={integrationName}\n                contactProperties={contactProperties}\n              />\n            )}\n          </>\n        )}\n        {existingImports?.length && !newImport ? (\n          <Dashboard\n            dashboardDescription={dashboardDescription}\n            setNewImport={setNewImport}\n            integrationName={integrationName}\n            imports={existingImports}\n          />\n        ) : null}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n\nconst ContactImportHeader = ({\n  setNewImport,\n  setContactImportField,\n  contactImportField,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  invitePortal,\n}: ContactImportHeaderProps) => {\n  const [showImportModal, setShowImportModal] = useState(false);\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={() => {\n            setNewImport(false);\n            previousMappingHandler();\n          }}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">New Contact Import</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n        }}\n      >\n        <Button\n          css={{ color: !isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isContactMappingPage && navigateMappingPage(false)}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={!isContactMappingPage}\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={() => setShowImportModal(true)}\n        rightIcon={<ChevronRightIcon />}\n        css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Continue\n      </Button>\n      {showImportModal ? (\n        <ContactImportModal\n          setContactImportField={setContactImportField as any}\n          contactImportField={contactImportField}\n          invitePortal={invitePortal as any}\n          onSaveHandler={async () => {\n            await onSaveHandler();\n            setNewImport(false);\n          }}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nconst ContactImportModal = ({\n  setContactImportField,\n  contactImportField,\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal,\n}: {\n  setContactImportField: (value: Record<string, unknown>) => void;\n  contactImportField: ContactImportFieldType;\n  onCloseHandler: () => void;\n  onSaveHandler: () => void;\n  invitePortal: {\n    hasInvitePortal: boolean;\n    value: boolean | null;\n    onChangeHandler: (value: Record<string, unknown>) => void;\n  };\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: \"$3xl\",\n          maxWidth: MODAL_MAX_WIDTH,\n        }}\n      >\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: \"$8 $12\",\n            borderBottom: \"$borderWidths$xs solid $neutral200\",\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n            Import Configuration\n          </Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{\n              \"& svg\": {\n                color: \"#64748B !important\",\n              },\n            }}\n            onClick={() => onCloseHandler()}\n          />\n        </Flex>\n        <Box\n          css={{\n            padding: \"$12\",\n          }}\n        >\n          <FormInput\n            label=\"Title of this import for future reference\"\n            requiredIndicator\n            value={contactImportField?.configure?.reference || inputValue}\n            maxLength={INPUT_MAX_LENGTH}\n            max={INPUT_MAX_LENGTH}\n            showCount\n            onChange={(event: any) => setInputValue(event.currentTarget.value)}\n            size=\"lg\"\n          />\n          {invitePortal.hasInvitePortal ? (\n            <Box css={{ marginTop: \"$12\" }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={(value: any) => {\n                  setContactImportField({\n                    ...contactImportField,\n                    invitePortal: value,\n                  });\n                  invitePortal.onChangeHandler(value);\n                }}\n              >\n                Invite to portal whenever a contact is created\n              </Checkbox>\n            </Box>\n          ) : null}\n        </Box>\n        <Flex\n          gap=\"$4\"\n          css={{\n            justifyContent: \"flex-end\",\n            padding: \"$8 $12\",\n          }}\n        >\n          <Button size=\"lg\" color=\"default\" onClick={() => onCloseHandler()}>\n            Cancel\n          </Button>\n          <Button\n            size=\"lg\"\n            disabled={!inputValue?.length}\n            onClick={() => {\n              setContactImportField({\n                ...contactImportField,\n                description: inputValue,\n                id: generateUniqueId(),\n              });\n              onSaveHandler();\n              onCloseHandler();\n            }}\n          >\n            Finish Import\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box } from '@sparrowengg/twigs-react';\nimport ThemeWrapper from '../commons/components/theme-wrapper';\nimport ContactImportHeader from './components/ContactImportHeader';\nimport ContactImportConfigure from './components/ContactImportConfigure';\nimport ContactImportMapping from './components/ContactImportMapping';\nimport Dashboard from './components/ManageImport/Dashboard';\nimport { ContactImportProps, ImportConfiguration } from './types';\n\n/**\n * Main Contact Import component\n * Manages the flow between dashboard, configuration, and mapping screens\n */\nexport const ContactImport: React.FC<ContactImportProps> = ({\n  dashboardDescription,\n  existingImports,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  setContactImportField,\n  listSegmentOptions,\n  integrationName,\n  contactProperties,\n  invitePortal,\n}) => {\n  const [newImport, setNewImport] = useState(true);\n\n  // Determine if we should show new import form or dashboard\n  useEffect(() => {\n    setNewImport(!existingImports?.length);\n  }, [existingImports]);\n\n  const handleConfigureComplete = (configData: ImportConfiguration) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      configure: { ...prev.configure, ...configData },\n    }));\n    navigateMappingPage(true);\n  };\n\n  const renderNewImportFlow = () => (\n    <>\n      <ContactImportHeader\n        setNewImport={setNewImport}\n        contactImportField={contactImportField}\n        setContactImportField={setContactImportField}\n        hasPreviousMapping={hasPreviousMapping}\n        previousMappingHandler={previousMappingHandler}\n        onSaveHandler={onSaveHandler}\n        isContactMappingPage={isContactMappingPage}\n        navigateMappingPage={navigateMappingPage}\n        invitePortal={invitePortal}\n      />\n\n      {!isContactMappingPage ? (\n        <ContactImportConfigure\n          contactImportField={contactImportField}\n          handleConfigureField={handleConfigureComplete}\n          listSegmentOptions={listSegmentOptions}\n        />\n      ) : (\n        <ContactImportMapping\n          contactImportField={contactImportField}\n          setContactImportField={setContactImportField}\n          integrationName={integrationName}\n          contactProperties={contactProperties}\n        />\n      )}\n    </>\n  );\n\n  const renderDashboard = () => {\n    if (!existingImports?.length || newImport) {\n      return null;\n    }\n\n    return (\n      <Dashboard\n        dashboardDescription={dashboardDescription}\n        setNewImport={setNewImport}\n        integrationName={integrationName}\n        imports={existingImports}\n      />\n    );\n  };\n\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: '100vh', width: '100vw' }}>\n        {newImport && renderNewImportFlow()}\n        {renderDashboard()}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n\nexport default ContactImport;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,oBAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAG/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAa,YAAA,CAAA,EAAC,mDAAiB,MAAM,CAAA,CAAA,CAAA;AAAA,GACvC,EAAG,CAAC,eAAe,CAAC,CAAA,CAAA;AAEpB,EAAM,MAAA,uBAAA,GAA0B,CAAC,UAAoC,KAAA;AACnE,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,SAAA,EAAW,cAAK,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAK,SAAc,CAAA,EAAA,UAAA,CAAA;AAAA,KACnC,CAAA,CAAA,CAAA;AACF,IAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,mBAAA,GAAsB,sBAExBA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,kBAAA;AAAA,MACA,sBAAA;AAAA,MACA,aAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GACF,EAEC,CAAC,oBACA,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,oBAAsB,EAAA,uBAAA;AAAA,MACtB,kBAAA;AAAA,KAAA;AAAA,GAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,eAAA;AAAA,MACA,iBAAA;AAAA,KAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAI,IAAA,EAAC,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,CAAA,IAAU,SAAW,EAAA;AACzC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,oBAAA;AAAA,QACA,YAAA;AAAA,QACA,eAAA;AAAA,QACA,OAAS,EAAA,eAAA;AAAA,OAAA;AAAA,KACX,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,oDACG,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,MAAQ,EAAA,OAAA,EAAS,KAAO,EAAA,OAAA,MACjC,SAAa,IAAA,mBAAA,EACb,EAAA,eAAA,EACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,KAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAqB,GAAA,IAAA;AACvB,CAAM,KAAA;AAlBN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAmBE,EAAA,MAAM,cAAa,EAAmB,GAAA,CAAA,EAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,KAAA,CAAM,EAAzB,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8B,UAA9B,IAAuC,GAAA,EAAA,GAAA,IAAA,CAAA;AAC1D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAqB,CAAA;AAAA,IAC7C,YAAc,EAAA,EAAA;AAAA,IACd,KAAO,EAAA,KAAA;AAAA,IACP,EAAI,EAAA,IAAA;AAAA,GACL,CAAA,CAAA;AAED,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAkB,KAAA;AAC3C,IAAA,IAAI,+BAAO,OAAS,EAAA;AAClB,MAAA,MAAM,OAAU,GAAA,IAAI,MAAO,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACxC,MAAA,IAAI,CAAC,OAAQ,CAAA,IAAA,CAAK,KAAK,CAAA,IAAK,UAAU,EAAI,EAAA;AACxC,QAAS,QAAA,CAAA;AAAA,UACP,YAAA,EAAc,KAAM,CAAA,YAAA,IAAgB,OAAQ,CAAA,aAAA;AAAA,UAC5C,KAAO,EAAA,IAAA;AAAA,UACP,IAAI,KAAM,CAAA,EAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAS,QAAA,CAAA;AAAA,UACP,YAAc,EAAA,EAAA;AAAA,UACd,KAAO,EAAA,KAAA;AAAA,UACP,EAAI,EAAA,IAAA;AAAA,SACL,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AACA,IAAA,KAAA,CAAM,eAAgB,CAAA;AAAA,MACpB,IAAI,KAAM,CAAA,EAAA;AAAA,MACV,KAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,eAAe,sBACnBA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAI,EAAA,IAAA;AAAA,MACJ,UAAW,EAAA,QAAA;AAAA,MACX,GAAK,EAAA;AAAA,QACH,gBAAkB,EAAA,KAAA;AAAA,QAClB,SAAW,EAAA,oCAAA;AAAA,QACX,UAAY,EAAA,KAAA;AAAA,OACd;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,QACjB,IAAK,EAAA,IAAA;AAAA,QACL,OAAA,EAAS,CAAC,EAAC,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,KAAA,CAAA;AAAA,QAClB,QAAU,EAAA,CAAC,KACT,KAAA,KAAA,CAAM,eAAgB,CAAA;AAAA,UACpB,IAAI,KAAM,CAAA,EAAA;AAAA,UACV,KAAA;AAAA,SACD,CAAA;AAAA,OAAA;AAAA,KAEL;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,MAAO,EAAA,SAAA,EAAU,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAC5C,EAAA,EAAA,KAAA,CAAM,KACT,CAAA;AAAA,GACF,CAAA;AAGF,EAAA,MAAM,iBAAiB,MAAG;AA5E5B,IAAAC,IAAAA,GAAAA,CAAAA;AA6EI,IAAA,uBAAAD,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAc,QAAS,EAAA,UAAA,EAAW,OAAQ,EAAA,GAAA,EAAI,IAClD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,UAAA,EAAW,QACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,QACjB,OAAA,EAAS,CAAC,CAAC,UAAA;AAAA,QACX,QAAU,EAAA,CAAC,KACT,KAAA,KAAA,CAAM,eAAgB,CAAA;AAAA,UACpB,IAAI,KAAM,CAAA,EAAA;AAAA,UACV,KAAA;AAAA,SACD,CAAA;AAAA,OAAA;AAAA,uBAGJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,MAAA,EAAO,WAAU,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,MAC5C,KAAM,CAAA,KACT,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAK,EAAA,IAAA,EAAK,MAAO,EAAA,SAAA,EAAU,KAAK,EAAE,KAAA,EAAO,eAC5C,EAAA,EAAA,KAAA,CAAM,SAAU,KAAc,CAAA,SAAA,GAC1B,MAAc,SAAU,EAAA,GAAA,CACxBC,MAAA,KAAc,CAAA,WAAA,KAAd,gBAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,EAA4B,mBACnC,CACF,CAAA,CAAA;AAAA,GAAA,CAAA;AAGF,EAAA,MAAM,cAAc,MAAM;AArG5B,IAAAA,IAAAA,GAAAA,CAAAA;AAsGI,IAAM,MAAA,iBAAA,GAAA,CACJ,+BAAO,EAAO,MAAA,uBAAA,CAAwB,iBACrCA,GAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAA0B,MAA1B,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAkC,CAAA,KAAA,CAAA,CAAA;AAErC,IAAA,IAAI,CAAC,iBAAA;AAAmB,MAAO,OAAA,IAAA,CAAA;AAE/B,IACE,uBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,WAAW,WAAY,CAAA,OAAA;AAAA,QACvB,GAAK,EAAA;AAAA,UACH,KAAO,EAAA;AAAA,YACL,QAAU,EAAA,gBAAA;AAAA,WACZ;AAAA,SACF;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA,aAAA,CAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA;AAAA,UACC,WAAA,EAAa,MAAM,WAAe,IAAA,EAAA;AAAA,UAClC,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,SACZ,EAAA,KAAA,CAAM,EAAO,KAAA,KAAA,CAAM,EAAM,IAAA;AAAA,UAC5B,OAAO,KAAM,CAAA,YAAA;AAAA,UACb,aAAa,KAAM,CAAA,KAAA;AAAA,SALtB,CAAA,EAAA;AAAA,UAOC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,KAAO,EAAA,OAAO,UAAe,KAAA,QAAA,GAAW,KAAK,UAAc,IAAA,EAAA;AAAA,UAC3D,IAAK,EAAA,IAAA;AAAA,SAAA,CAAA,EACA,MAAM,OAAW,IAAA;AAAA,UACpB,SAAS,KAAM,CAAA,OAAA;AAAA,SAXlB,CAAA,EAAA;AAAA,UAaC,UAAU,CAAC,KAAA,KAAU,iBAAkB,CAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,SAAA,CAAA;AAAA,OAClE;AAAA,KACF,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AAxI7B,IAAAC,IAAAA,GAAAA,CAAAA;AAyII,IAAM,MAAA,iBAAA,GACJ,MAAM,EAAO,KAAA,uBAAA,CAAwB,iBACpCA,GAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAA0B,MAA1B,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAkC,CAAA,KAAA,CAAA,CAAA;AAErC,IAAA,IAAI,CAAC,iBAAA;AAAmB,MAAO,OAAA,IAAA,CAAA;AAE/B,IACE,uBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,IAAA;AAAA,QACJ,aAAc,EAAA,QAAA;AAAA,QACd,GAAK,EAAA;AAAA,UACH,MAAQ,EAAA,oBAAA;AAAA,UACR,0BAA4B,EAAA;AAAA,YAC1B,KAAO,EAAA,iBAAA;AAAA,YACP,KAAO,EAAA,oBAAA;AAAA,WACT;AAAA,SACF;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,UAAY,EAAA,IAAA,EACrC,EAAA,EAAA,KAAA,CAAM,KACT,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA,KACpC,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,QAAQ,MAAM,SAAW;AAAA,IACvB,KAAK,yBAA0B,CAAA,MAAA;AAC7B,MAAA,OAAO,YAAa,EAAA,CAAA;AAAA,IACtB,KAAK,yBAA0B,CAAA,QAAA;AAC7B,MAAA,OAAO,cAAe,EAAA,CAAA;AAAA,IACxB,KAAK,yBAA0B,CAAA,KAAA;AAC7B,MAAA,OAAO,WAAY,EAAA,CAAA;AAAA,IACrB;AACE,MAAA,OAAO,YAAa,EAAA,CAAA;AAAA,GACxB;AACF;;;;"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomAddNewSelect.js","sources":["../../../../src/dynamic-mapping/components/CustomAddNewSelect.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Chip,\n  Flex,\n  Select,\n  Text,\n  Tooltip,\n} from '@sparrowengg/twigs-react';\nimport { PlusIcon, TickCircleFillIcon } from '@sparrowengg/twigs-react-icons';\nimport { components, OptionProps, SingleValueProps } from 'react-select';\nimport { ConfigurationField } from '../types';\nimport { ADD_NEW_OPTION_VALUE, UI_TEXT, FONT_FAMILIES } from '../constants';\n\ninterface CustomAddNewSelectProps {\n  field: ConfigurationField;\n}\n\nexport const CustomAddNewSelect: React.FC<CustomAddNewSelectProps> = ({ field }) => {\n  return (\n    <Select\n      isDisabled={field?.disabled}\n      placeholder={field.placeholder || ''}\n      size=\"lg\"\n      css={{\n        cursor: 'pointer',\n      }}\n      components={{\n        Option: CustomShareOption,\n        SingleValue: CustomSingleValue,\n      }}\n      styles={{\n        singleValue: (provided) => ({\n          ...provided,\n          display: 'flex',\n          alignItems: 'center',\n          cursor: 'pointer',\n        }),\n      }}\n      value={field.value}\n      onChange={(value) => {\n        field.onChangeHandler({\n          id: field?.id ?? field?.label,\n          value: value,\n        });\n      }}\n      options={field.options}\n    />\n  );\n};\n\nconst CustomShareOption: React.FC<OptionProps<any>> = (props) => {\n  if (props.data.value === ADD_NEW_OPTION_VALUE) {\n    return (\n      <Tooltip\n        content={props.data.tooltip || ''}\n        css={{\n          zIndex: 999999999,\n          fontFamily: FONT_FAMILIES.DM_SANS_IMPORTANT,\n        }}\n      >\n        <Box>\n          <components.Option {...props}>\n            <Flex\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              css={{ cursor: 'pointer', zIndex: 999999999 }}\n            >\n              <Flex\n                gap=\"$2\"\n                alignItems=\"center\"\n                css={{\n                  color: '$primary500',\n                  fontSize: '$sm',\n                  fontWeight: '$7',\n                }}\n              >\n                <PlusIcon size={16} color=\"#4A9CA6\" />\n                {props.data.label || UI_TEXT.ADD_ACCOUNT}\n              </Flex>\n            </Flex>\n          </components.Option>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <components.Option {...props}>\n      <Flex\n        css={{ cursor: 'pointer', zIndex: 999999999 }}\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        gap=\"$2\"\n      >\n        <Text size=\"sm\">{props.label}</Text>\n        {props.data.isAddonAccount && (\n          <Chip\n            color=\"primary\"\n            size=\"sm\"\n            leftElement={<TickCircleFillIcon />}\n          >\n            {UI_TEXT.IN_USE_ADDON}\n          </Chip>\n        )}\n      </Flex>\n    </components.Option>\n  );\n};\n\nconst CustomSingleValue: React.FC<SingleValueProps<any>> = (props) => {\n  if (props.data.value === ADD_NEW_OPTION_VALUE) {\n    return (\n      <components.SingleValue {...props}>\n        <Flex css={{ cursor: 'pointer' }} alignItems=\"center\" gap=\"$2\">\n          <PlusIcon size={16} />\n          <Text size=\"sm\">{props.data.label}</Text>\n        </Flex>\n      </components.SingleValue>\n    );\n  }\n\n  return (\n    <components.SingleValue {...props}>\n      <Flex css={{ cursor: 'pointer' }} alignItems=\"center\" gap=\"$2\">\n        <Text size=\"sm\">{props.data.label}</Text>\n      </Flex>\n    </components.SingleValue>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}