@sparrowengg/integrations-templates-frontend 1.9.84-beta.4 → 1.9.84-beta.6

package/dist/es/mapping/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/mapping/constants/index.ts"],"sourcesContent":["import { SelectOption } from '../../commons/types/enhanced';\nimport { MAPPING_TYPES, DATA_TYPE_OPTIONS } from '../../commons/constants/enhanced';\n\n// Mapping specific constants\nexport const MAPPING_TAB_VALUES: Array<{\n  id: number;\n  name: string;\n  value: string;\n  placeholder: string;\n}> = [\n  { id: 1, name: 'Questions', value: 'QUESTIONS', placeholder: 'questions' },\n  { id: 6, name: 'Enriched Columns', value: 'DERIVED_QUESTIONS', placeholder: 'derivedQuestions' },\n  { id: 2, name: 'Variable', value: 'VARIABLE', placeholder: 'variables' },\n  { id: 3, name: 'Contact', value: 'CONTACT', placeholder: 'contactProperties' },\n  { id: 4, name: 'Expression', value: 'EXPRESSION', placeholder: 'expressions' },\n  { id: 5, name: 'Property', value: 'PROPERTY', placeholder: 'property' },\n];\n\nexport const MAPPING_PROPERTY_VALUES: Array<{\n  name: string;\n  id: string;\n  isEnabled: boolean;\n}> = [\n  { name: 'Select all Properties', id: 'ALL', isEnabled: false },\n  { name: 'Started Time', id: 'STARTED_TIME', isEnabled: false },\n  { name: 'Submitted Time', id: 'SUBMITTED_TIME', isEnabled: false },\n  { name: 'CompletionStatus', id: 'COMPLETION_STATUS', isEnabled: false },\n  { name: 'IP Address', id: 'IP_ADDRESS', isEnabled: false },\n  { name: 'Location', id: 'LOCATION', isEnabled: false },\n  { name: 'DMS (Lat, Long)', id: 'DMS', isEnabled: false },\n  { name: 'Channel Type', id: 'CHANNEL_TYPE', isEnabled: false },\n  { name: 'Channel Name', id: 'CHANNEL_NAME', isEnabled: false },\n  { name: 'Device ID', id: 'DEVICE_ID', isEnabled: false },\n  { name: 'Device Name', id: 'DEVICE_NAME', isEnabled: false },\n  { name: 'Browser', id: 'BROWSER', isEnabled: false },\n  { name: 'OS', id: 'OS', isEnabled: false },\n  { name: 'Submission Id', id: 'SUBMISSION_ID', isEnabled: false },\n  { name: 'Time Zone', id: 'TIME_ZONE', isEnabled: false },\n  { name: 'Device Type', id: 'DEVICE_TYPE', isEnabled: false },\n  { name: 'Browser Language', id: 'BROWSER_LANGUAGE', isEnabled: false },\n  { name: 'Tags', id: 'TAGS', isEnabled: false },\n  { name: 'Language Name', id: 'LANGUAGE_NAME', isEnabled: false },\n];\n\nexport const DEFAULT_FIELD_VALUE = {\n  id: '',\n  surveySparrowField: null,\n  integrationField: null,\n  integrationFieldType: null,\n  isEssentialField: false,\n  mappedType: MAPPING_TYPES[0],\n  defaultValue: null,\n  dependency: null,\n};\n\nexport const SAMPLE_INTEGRATION_FIELDS: Array<{\n  id: number;\n  label: string;\n  value: string;\n  type: string;\n}> = [\n  { id: 1, label: 'Email', value: 'email', type: 'EMAIL' },\n  { id: 2, label: 'Phone Number', value: 'phone_number', type: 'PHONE' },\n  { id: 3, label: 'First Name', value: 'first_name', type: 'STRING' },\n  { id: 4, label: 'Last Name', value: 'last_name', type: 'STRING' },\n  { id: 5, label: 'Organization', value: 'organization', type: 'STRING' },\n  { id: 6, label: 'Title', value: 'title', type: 'STRING' },\n  { id: 7, label: 'Address', value: 'address', type: 'STRING' },\n  { id: 8, label: 'City', value: 'city', type: 'STRING' },\n  { id: 9, label: 'Country', value: 'country', type: 'STRING' },\n  { id: 10, label: 'Zip Code', value: 'zip_code', type: 'STRING' },\n];\n\n// CSS Custom Styles for Select Components\nexport const CUSTOM_SELECT_STYLES = {\n  menuList: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    maxHeight: 176,\n  }),\n  menu: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    zIndex: 9999,\n  }),\n  control: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    minHeight: '40px',\n  }),\n};\n\nexport const SUB_MENU_CUSTOM_STYLES = {\n  menuList: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    maxHeight: 200,\n  }),\n  menu: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    zIndex: 9998,\n  }),\n};\n\n// Field validation rules\nexport const FIELD_VALIDATION = {\n  REQUIRED_FIELDS: ['surveySparrowField', 'integrationField'],\n  MAX_FIELD_COUNT: 50,\n  MIN_FIELD_COUNT: 1,\n} as const;\n\n// Error messages for mapping\nexport const MAPPING_ERROR_MESSAGES = {\n  FIELD_REQUIRED: 'This field is required',\n  INTEGRATION_FIELD_REQUIRED: 'Integration field is required',\n  SURVEY_FIELD_REQUIRED: 'Survey field is required',\n  DUPLICATE_MAPPING: 'This mapping already exists',\n  MAX_FIELDS_REACHED: `Maximum ${FIELD_VALIDATION.MAX_FIELD_COUNT} fields allowed`,\n  FETCH_ERROR: 'Failed to fetch mapping data',\n} as const;\n"],"names":[],"mappings":";;AA4CO,MAAM,mBAAsB,GAAA;AAAA,EACjC,EAAI,EAAA,EAAA;AAAA,EACJ,kBAAoB,EAAA,IAAA;AAAA,EACpB,gBAAkB,EAAA,IAAA;AAAA,EAClB,oBAAsB,EAAA,IAAA;AAAA,EACtB,gBAAkB,EAAA,KAAA;AAAA,EAClB,UAAA,EAAY,cAAc,CAAC,CAAA;AAAA,EAC3B,YAAc,EAAA,IAAA;AAAA,EACd,UAAY,EAAA,IAAA;AACd,EAAA;AAgDO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,eAAA,EAAiB,CAAC,oBAAA,EAAsB,kBAAkB,CAAA;AAAA,EAC1D,eAAiB,EAAA,EAAA;AAAA,EACjB,eAAiB,EAAA,CAAA;AACnB,EAAA;AAGO,MAAM,sBAAyB,GAAA;AAAA,EACpC,cAAgB,EAAA,wBAAA;AAAA,EAChB,0BAA4B,EAAA,+BAAA;AAAA,EAC5B,qBAAuB,EAAA,0BAAA;AAAA,EACvB,iBAAmB,EAAA,6BAAA;AAAA,EACnB,kBAAA,EAAoB,CAAW,QAAA,EAAA,gBAAA,CAAiB,eAAe,CAAA,eAAA,CAAA;AAAA,EAC/D,WAAa,EAAA,8BAAA;AACf;;;;"}

package/dist/es/mapping/index.js

@@ -38,7 +38,8 @@ const Mapping = ({
   onSaveHandler,
   editField,
   previousMappingHandler,
-  draftHandler
+  draftHandler,
+  configuration
 }) => {
   const [previousMapping, setPreviousMapping] = useState(hasPreviousMapping != null ? hasPreviousMapping : false);
   useEffect(() => {
@@ -82,7 +83,8 @@ const Mapping = ({
         accounts,
         events,
         actions,
-        navigateMappingPage
+        navigateMappingPage,
+        configuration
       }
     ) : /* @__PURE__ */ React__default.createElement(
       Mapping$1,
@@ -109,8 +111,10 @@ const EventSetup = ({
   accounts,
   events,
   actions,
-  navigateMappingPage
+  navigateMappingPage,
+  configuration
 }) => {
+  console.log("configuration", configuration);
   useEffect(() => {
     if (actions == null ? void 0 : actions.value) {
       actions == null ? void 0 : actions.onChangeHandler(actions == null ? void 0 : actions.value);
@@ -230,7 +234,7 @@ const MappingHeader = ({
         alignItems: "center",
         css: { visibility: hasPreviousMapping ? "visible" : "hidden" }
       },
-      /* @__PURE__ */ React__default.createElement(IconButton, { onClick: () => setIsDraftModalOpen(true), color: "default", icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null), size: "lg" }),
+      /* @__PURE__ */ React__default.createElement(IconButton, { onClick: () => previousMappingHandler(), color: "default", icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null), size: "lg" }),
       /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? "Edit Mapping" : "New Mapping")
     ),
     /* @__PURE__ */ React__default.createElement(

package/dist/es/mapping/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/mapping/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Text,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport { Mapping as FieldMapping } from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\nimport { CustomListFieldType, FieldType, OldResponseFieldType } from \"./types\";\nimport DraftModal from \"../commons/components/draftModal\";\n\ntype FieldMappingPropsType = {\n  havingTypeDropdown: boolean\n  onSaveMappingLoader: boolean\n  surveyDetails: {\n    surveyName: string;\n    surveyId: string | number;\n  };\n  integrationName: string;\n  fields: Array<FieldType>;\n  setFields: React.Dispatch<React.SetStateAction<Array<FieldType>>>;\n  integrationFields: any;\n  setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n  apiURL: string;\n  token: string;\n  accounts: {\n    hasAccounts: boolean;\n    options: Array<any>;\n    value: { label: string; value: string } | null | boolean;\n    onChangeHandler: (value: any) => void;\n  };\n  events: {\n    hasEvents: boolean;\n    options: Array<any>;\n    value: { label: string; value: string } | null | boolean;\n    onChangeHandler: (value: any) => void;\n  };\n  actions: {\n    hasActions: boolean;\n    options: Array<any>;\n    value: { label: string; value: string } | null | boolean;\n    onChangeHandler: (value: any) => void;\n  };\n  isMappingPage: boolean;\n  surveyType: string;\n  navigateMappingPage: (value?: boolean) => void;\n  customList: CustomListFieldType;\n  oldResponse: OldResponseFieldType;\n  hasPreviousMapping: boolean;\n  onSaveHandler: () => void;\n  editField: any;\n  previousMappingHandler: (value?: boolean) => void;\n  onDeleteHandler?: (id: string | number) => void;\n  draftHandler: (type: string | null, editFieldId?: string | undefined | number) => void;\n};\n\nexport const Mapping = ({\n  havingTypeDropdown,\n  onSaveMappingLoader,\n  surveyDetails,\n  integrationName,\n  fields,\n  setFields,\n  integrationFields,\n  setIntegrationFields,\n  apiURL = surveySparrowURL,\n  token,\n  accounts,\n  events,\n  actions,\n  isMappingPage,\n  surveyType,\n  navigateMappingPage,\n  customList,\n  oldResponse,\n  hasPreviousMapping,\n  onSaveHandler,\n  editField,\n  previousMappingHandler,\n  draftHandler\n}: FieldMappingPropsType) => {\n\n  const [previousMapping, setPreviousMapping] = useState(hasPreviousMapping ?? false);\n\n  useEffect(() => {\n    if (!!editField?.id) {\n      setFields(editField.fieldValues);\n      setPreviousMapping(true);\n    }\n  }, []);\n\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        <MappingHeader\n        navigateMappingPage={navigateMappingPage}\n        accounts={accounts}\n        events={events}\n        actions={actions}\n        havingTypeDropdown={havingTypeDropdown}\n        onSaveMappingLoader={onSaveMappingLoader}\n          hasPreviousMapping={previousMapping}\n          isMappingPage={isMappingPage}\n          fields={fields}\n          editFieldId={editField?.id}\n          onSaveHandler={onSaveHandler}\n          navigateEventPage={() => navigateMappingPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          draftHandler={draftHandler}\n        />\n        {!isMappingPage ? (\n          <EventSetup\n            surveyDetails={surveyDetails}\n            accounts={accounts}\n            events={events}\n            actions={actions}\n            navigateMappingPage={navigateMappingPage}\n          />\n        ) : (\n          <FieldMapping\n          surveyType={surveyType}\n          havingTypeDropdown={havingTypeDropdown}\n            fields={fields}\n            setFields={setFields}\n            surveyDetails={surveyDetails}\n            integrationFields={integrationFields}\n            setIntegrationFields={setIntegrationFields}\n            surveyId={surveyDetails.surveyId}\n            token={token}\n            apiURL={apiURL}\n            integrationName={integrationName}\n            customList={customList}\n            oldResponse={oldResponse}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\ntype EventSetupProps = {\n  surveyDetails: {\n    surveyName: string;\n    surveyId: number | string;\n  };\n  accounts: {\n    hasAccounts: boolean;\n    options: Array<any>;\n    value: { label: string; value: string } | null | boolean;\n    onChangeHandler: (value: any) => void;\n  };\n  events: {\n    hasEvents: boolean;\n    options: Array<any>;\n    value: { label: string; value: string } | null | boolean;\n    onChangeHandler: (value: any) => void;\n  };\n  actions: {\n    hasActions: boolean;\n    options: Array<any>;\n    value: { label: string; value: string } | null | boolean;\n    onChangeHandler: (value: any) => void;\n  };\n  navigateMappingPage: (value?: boolean) => void;\n};\n\nconst EventSetup = ({\n  surveyDetails,\n  accounts,\n  events,\n  actions,\n  navigateMappingPage\n}: EventSetupProps) => {\n  useEffect(()=>{\n    if(actions?.value){\n      actions?.onChangeHandler(actions?.value)\n    }\n    if(events?.value){\n      events?.onChangeHandler(events?.value)\n    }\n  },[actions?.value, events?.value])\n  return (\n    <Flex\n      css={{ paddingTop: \"$40\" }}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box css={{ width: 488 }}>\n        <Heading size=\"h5\">Account Details</Heading>\n        <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n          <Text size=\"sm\"  css={{ color: \"$neutral500\" }}>\n            Survey Name:\n          </Text>\n          <Text size=\"sm\"  weight={\"medium\"} css={{ color: \"$neutral800\" }}>\n            {surveyDetails.surveyName}\n          </Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$16\" }}>\n          {accounts?.hasAccounts && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Account\n              </FormLabel>\n              <Select\n                value={accounts.value}\n                options={accounts.options}\n                placeholder=\"\"\n                onChange={(value) => accounts.onChangeHandler(value)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {events?.hasEvents && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Object\n              </FormLabel>\n              <Select\n                options={events.options}\n                value={events?.value}\n                placeholder=\"\"\n                onChange={(value) => events.onChangeHandler(value)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {actions?.hasActions && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Action\n              </FormLabel>\n              <Select\n                size=\"lg\"\n                options={actions.options}\n                value={actions?.value}\n                placeholder=\"\"\n                onChange={(value) => actions.onChangeHandler(value)}\n              />\n            </Flex>\n          )}\n        </Flex>\n        <Button\n          size=\"lg\"\n          disabled={!actions.value || !events.value}\n          rightIcon={<ChevronRightIcon />}\n          css={{ marginTop: \"$16\" }}\n          onClick={() => navigateMappingPage()}\n        >\n          Continue Mapping\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\ntype MappingHeaderProps = {\n  draftHandler: (type: string | null, editFieldId?: string | undefined) => void;\n  navigateMappingPage: any;\n  accounts: any;\n  events: any;\n  actions: any;\n  havingTypeDropdown: boolean;\n  onSaveMappingLoader: boolean;\n  hasPreviousMapping: boolean;\n  isMappingPage: boolean;\n  fields: Array<FieldType>;\n  navigateEventPage: () => void;\n  onSaveHandler: (editFieldId?: string | undefined | number) => void;\n  previousMappingHandler: (value?: boolean) => void;\n  editFieldId: string | number;\n};\n\nconst MappingHeader = ({\n  navigateMappingPage,\n  accounts,\n  events,\n  actions,\n  havingTypeDropdown,\n  onSaveMappingLoader,\n  hasPreviousMapping,\n  isMappingPage,\n  fields,\n  navigateEventPage,\n  onSaveHandler,\n  previousMappingHandler,\n  editFieldId,\n  draftHandler\n}: MappingHeaderProps) => {\n  const isDisabled = !actions.value || !events.value;\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n\n\n  const isAllEssentialMapped = (fields: any) => {\n    let status = true;\n    fields?.map((field: any)=> {\n      if(field?.isEssentialField){\n         status = status &&  field?.surveySparrowField !== null\n        if(havingTypeDropdown){\n          status = status &&\n          field?.integrationFieldType !== null &&\n          field?.integrationField !== null\n        }\n      } else {\n        if(!!field?.integrationField || !!field?.surveySparrowField){\n          status = status && !!field?.integrationField && !!field?.surveySparrowField\n        }\n      }\n    })\n    return status;\n  }\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: 'sticky',\n        width: \"100%\",\n        top: \"1px\",\n        zIndex: \"99\",\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\"\n      }}\n    >\n      {isDraftModalOpen && <DraftModal onSaveHandler={async () => {\n        await draftHandler(\"MAPPING\", editFieldId?.toString());\n        setIsDraftModalOpen(false);\n        await previousMappingHandler();\n\n      }} onCloseHandler={()=>setIsDraftModalOpen(false)} onCancel={async ()=>{\n        await previousMappingHandler();\n        setIsDraftModalOpen(false);\n       \n      }} /> }\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton onClick={() => setIsDraftModalOpen(true)} color=\"default\" icon={<ArrowLeftIcon />} size=\"lg\" />\n        <Heading size=\"h6\">{editFieldId ? \"Edit Mapping\" : \"New Mapping\"}</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: !isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isMappingPage && navigateEventPage()}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateMappingPage()}\n           css={{ color: !isDisabled ? \"$neutral900\" : \"$neutral800\" }}\n           color=\"default\"\n           variant=\"ghost\"\n           size=\"md\"\n           disabled={isDisabled}\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n      loading={onSaveMappingLoader}\n        size=\"lg\"\n        disabled={!isAllEssentialMapped(fields)}\n        onClick={() => onSaveHandler(editFieldId)}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        {editFieldId ? \"Update Mapping\" : \"Save Mapping\"}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["React","FieldMapping","fields"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/mapping/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Text,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport { Mapping as FieldMapping } from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\nimport { CustomListFieldType, FieldType, OldResponseFieldType, SelectOption, IntegrationFieldType } from \"./types\";\nimport DraftModal from \"../commons/components/draftModal\";\n\ntype FieldMappingPropsType = {\n  havingTypeDropdown: boolean\n  onSaveMappingLoader: boolean\n  surveyDetails: {\n    surveyName: string;\n    surveyId: string | number;\n  };\n  integrationName: string;\n  fields: Array<FieldType>;\n  setFields: React.Dispatch<React.SetStateAction<Array<FieldType>>>;\n  integrationFields: Array<IntegrationFieldType>;\n  setIntegrationFields: React.Dispatch<React.SetStateAction<Array<IntegrationFieldType>>>;\n  apiURL: string;\n  token: string;\n  accounts: {\n    hasAccounts: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  events: {\n    hasEvents: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  actions: {\n    hasActions: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  isMappingPage: boolean;\n  surveyType: string;\n  navigateMappingPage: (value?: boolean) => void;\n  customList: CustomListFieldType;\n  oldResponse: OldResponseFieldType;\n  hasPreviousMapping: boolean;\n  onSaveHandler: () => void;\n  editField: {\n    id: string | number;\n    fieldValues: Array<FieldType>;\n  } | null;\n  previousMappingHandler: (value?: boolean) => void;\n  onDeleteHandler?: (id: string | number) => void;\n  draftHandler: (type: string | null, editFieldId?: string | number) => void;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<unknown>;\n  };\n};\n\nexport const Mapping = ({\n  havingTypeDropdown,\n  onSaveMappingLoader,\n  surveyDetails,\n  integrationName,\n  fields,\n  setFields,\n  integrationFields,\n  setIntegrationFields,\n  apiURL = surveySparrowURL,\n  token,\n  accounts,\n  events,\n  actions,\n  isMappingPage,\n  surveyType,\n  navigateMappingPage,\n  customList,\n  oldResponse,\n  hasPreviousMapping,\n  onSaveHandler,\n  editField,\n  previousMappingHandler,\n  draftHandler,\n  configuration\n}: FieldMappingPropsType) => {\n\n  const [previousMapping, setPreviousMapping] = useState(hasPreviousMapping ?? false);\n\n  useEffect(() => {\n    if (!!editField?.id) {\n      setFields(editField.fieldValues);\n      setPreviousMapping(true);\n    }\n  }, []);\n\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        <MappingHeader\n        navigateMappingPage={navigateMappingPage}\n        accounts={accounts}\n        events={events}\n        actions={actions}\n        havingTypeDropdown={havingTypeDropdown}\n        onSaveMappingLoader={onSaveMappingLoader}\n          hasPreviousMapping={previousMapping}\n          isMappingPage={isMappingPage}\n          fields={fields}\n          editFieldId={editField?.id}\n          onSaveHandler={onSaveHandler}\n          navigateEventPage={() => navigateMappingPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          draftHandler={draftHandler}\n        />\n        {!isMappingPage ? (\n          <EventSetup\n            surveyDetails={surveyDetails}\n            accounts={accounts}\n            events={events}\n            actions={actions}\n            navigateMappingPage={navigateMappingPage}\n            configuration={configuration}\n          />\n        ) : (\n          <FieldMapping\n          surveyType={surveyType}\n          havingTypeDropdown={havingTypeDropdown}\n            fields={fields}\n            setFields={setFields}\n            surveyDetails={surveyDetails}\n            integrationFields={integrationFields}\n            setIntegrationFields={setIntegrationFields}\n            surveyId={surveyDetails.surveyId}\n            token={token}\n            apiURL={apiURL}\n            integrationName={integrationName}\n            customList={customList}\n            oldResponse={oldResponse}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\ntype EventSetupProps = {\n  surveyDetails: {\n    surveyName: string;\n    surveyId: number | string;\n  };\n  accounts: {\n    hasAccounts: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  events: {\n    hasEvents: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  actions: {\n    hasActions: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  navigateMappingPage: (value?: boolean) => void;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<unknown>;\n  };\n};\n\nconst EventSetup = ({\n  surveyDetails,\n  accounts,\n  events,\n  actions,\n  navigateMappingPage,\n  configuration\n}: EventSetupProps) => {\n  console.log(\"configuration\", configuration)\n  useEffect(()=>{\n    if(actions?.value){\n      actions?.onChangeHandler(actions?.value)\n    }\n    if(events?.value){\n      events?.onChangeHandler(events?.value)\n    }\n  },[actions?.value, events?.value])\n  return (\n    <Flex\n      css={{ paddingTop: \"$40\" }}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box css={{ width: 488 }}>\n        <Heading size=\"h5\">Account Details</Heading>\n        <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n          <Text size=\"sm\"  css={{ color: \"$neutral500\" }}>\n            Survey Name:\n          </Text>\n          <Text size=\"sm\"  weight={\"medium\"} css={{ color: \"$neutral800\" }}>\n            {surveyDetails.surveyName}\n          </Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$16\" }}>\n          {accounts?.hasAccounts && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Account\n              </FormLabel>\n              <Select\n                value={accounts.value}\n                options={accounts.options}\n                placeholder=\"\"\n                onChange={(value: unknown) => accounts.onChangeHandler(value as SelectOption | SelectOption[] | boolean | null)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {events?.hasEvents && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Object\n              </FormLabel>\n              <Select\n                options={events.options}\n                value={events?.value}\n                placeholder=\"\"\n                onChange={(value: unknown) => events.onChangeHandler(value as SelectOption | SelectOption[] | boolean | null)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {actions?.hasActions && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Action\n              </FormLabel>\n              <Select\n                size=\"lg\"\n                options={actions.options}\n                value={actions?.value}\n                placeholder=\"\"\n                onChange={(value: unknown) => actions.onChangeHandler(value as SelectOption | SelectOption[] | boolean | null)}\n              />\n            </Flex>\n          )}\n        </Flex>\n        <Button\n          size=\"lg\"\n          disabled={!actions.value || !events.value}\n          rightIcon={<ChevronRightIcon />}\n          css={{ marginTop: \"$16\" }}\n          onClick={() => navigateMappingPage()}\n        >\n          Continue Mapping\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\ntype MappingHeaderProps = {\n  draftHandler: (type: string | null, editFieldId?: string | number) => void;\n  navigateMappingPage: (value?: boolean) => void;\n  accounts: {\n    hasAccounts: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  events: {\n    hasEvents: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  actions: {\n    hasActions: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (value: SelectOption | SelectOption[] | boolean | null) => void;\n  };\n  havingTypeDropdown: boolean;\n  onSaveMappingLoader: boolean;\n  hasPreviousMapping: boolean;\n  isMappingPage: boolean;\n  fields: Array<FieldType>;\n  navigateEventPage: () => void;\n  onSaveHandler: (editFieldId?: string | number) => void;\n  previousMappingHandler: (value?: boolean) => void;\n  editFieldId: string | number | undefined;\n};\n\nconst MappingHeader = ({\n  navigateMappingPage,\n  accounts,\n  events,\n  actions,\n  havingTypeDropdown,\n  onSaveMappingLoader,\n  hasPreviousMapping,\n  isMappingPage,\n  fields,\n  navigateEventPage,\n  onSaveHandler,\n  previousMappingHandler,\n  editFieldId,\n  draftHandler\n}: MappingHeaderProps) => {\n  const isDisabled = !actions.value || !events.value;\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n\n\n  const isAllEssentialMapped = (fields: Array<FieldType>) => {\n    let status = true;\n    fields?.map((field: FieldType) => {\n      if(field?.isEssentialField){\n         status = status &&  field?.surveySparrowField !== null\n        if(havingTypeDropdown){\n          status = status &&\n          field?.integrationFieldType !== null &&\n          field?.integrationField !== null\n        }\n      } else {\n        if(!!field?.integrationField || !!field?.surveySparrowField){\n          status = status && !!field?.integrationField && !!field?.surveySparrowField\n        }\n      }\n    })\n    return status;\n  }\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: 'sticky',\n        width: \"100%\",\n        top: \"1px\",\n        zIndex: \"99\",\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\"\n      }}\n    >\n      {isDraftModalOpen && <DraftModal onSaveHandler={async () => {\n        await draftHandler(\"MAPPING\", editFieldId?.toString());\n        setIsDraftModalOpen(false);\n        await previousMappingHandler();\n\n      }} onCloseHandler={()=>setIsDraftModalOpen(false)} onCancel={async ()=>{\n        await previousMappingHandler();\n        setIsDraftModalOpen(false);\n       \n      }} /> }\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton onClick={() => previousMappingHandler()} color=\"default\" icon={<ArrowLeftIcon />} size=\"lg\" />\n        <Heading size=\"h6\">{editFieldId ? \"Edit Mapping\" : \"New Mapping\"}</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: !isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isMappingPage && navigateEventPage()}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateMappingPage()}\n           css={{ color: !isDisabled ? \"$neutral900\" : \"$neutral800\" }}\n           color=\"default\"\n           variant=\"ghost\"\n           size=\"md\"\n           disabled={isDisabled}\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n      loading={onSaveMappingLoader}\n        size=\"lg\"\n        disabled={!isAllEssentialMapped(fields)}\n        onClick={() => onSaveHandler(editFieldId)}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        {editFieldId ? \"Update Mapping\" : \"Save Mapping\"}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["React","FieldMapping","fields"],"mappings":"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"}

package/dist/es/mapping/services/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/mapping/services/index.ts"],"sourcesContent":["\nconst apiHeader = (token: string) => ({\n  headers: {\n    Authorization: `Bearer ${token}`\n  }\n});\n\nexport const fetchSurveyQuestions = async (\n  surveySparrowURL: string,\n  surveyId: number | string,\n  token: string\n) => {\n  let hasNextPage = false,\n    questions: Array<{}> = [],\n    pageNo = 1;\n  try {\n    do {\n      const data = (\n        await fetch(\n          `${surveySparrowURL}/v3/questions?survey_id=${surveyId}&page=${pageNo}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      hasNextPage = response?.has_next_page ?? false;\n      pageNo = pageNo + 1;\n      questions = [...questions, ...(response?.data ?? [])];\n    } while (hasNextPage);\n    return questions;\n  } catch (error) {\n    console.error(error);\n  }\n  return questions;\n};\n\nexport const fetchSurveyVariables = async (\n  surveySparrowURL: string,\n  surveyId: number | string,\n  token: string\n) => {\n  let hasNextPage = false,\n    variables: Array<{}> = [],\n    pageNo = 1;\n  try {\n    do {\n      const data = (\n        await fetch(\n          `${surveySparrowURL}/v3/variables?survey_id=${surveyId}&page=${pageNo}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      hasNextPage = response?.has_next_page ?? false;\n      pageNo = pageNo + 1;\n      variables = [...variables, ...(response?.data ?? [])];\n    } while (hasNextPage);\n    return variables;\n  } catch (error) {\n    console.error(error);\n  }\n  return variables;\n};\n\nexport const fetchContactProperties = async (\n  surveySparrowURL: string,\n  token: string\n) => {\n  let contactProperties: any[] = [];\n  try {\n    const data = (\n      await fetch(\n        `${surveySparrowURL}/v3/contact_properties`,\n        apiHeader(token)\n      )\n    ).json();\n    const contactProperties = await data;\n    return contactProperties?.data;\n  } catch (error) {\n    console.error(error);\n  }\n  return contactProperties;\n};\n\nexport const fetchSurveyExpression = async (\n  surveySparrowURL: string,\n  surveyId: number | string,\n  token: string\n) => {\n  let hasNextPage = false,\n    expressions: Array<{}> = [],\n    pageNo = 1;\n  try {\n    do {\n      const data = (\n        await fetch(\n          `${surveySparrowURL}/v3/expressions?survey_id=${surveyId}&page=${pageNo}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      hasNextPage = response?.has_next_page ?? false;\n      pageNo = pageNo + 1;\n      expressions = [...expressions, ...(response?.data ?? [])];\n    } while (hasNextPage);\n    return expressions;\n  } catch (error) {\n    console.error(error);\n  }\n  return expressions;\n};\n"],"names":["contactProperties"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/mapping/services/index.ts"],"sourcesContent":["\nconst apiHeader = (token: string) => ({\n  headers: {\n    Authorization: `Bearer ${token}`\n  }\n});\n\nexport const fetchSurveyQuestions = async (\n  surveySparrowURL: string,\n  surveyId: number | string,\n  token: string\n) => {\n  let hasNextPage = false,\n    questions: Array<{}> = [],\n    pageNo = 1;\n  try {\n    do {\n      const data = (\n        await fetch(\n          `${surveySparrowURL}/v3/questions?survey_id=${surveyId}&page=${pageNo}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      hasNextPage = response?.has_next_page ?? false;\n      pageNo = pageNo + 1;\n      questions = [...questions, ...(response?.data ?? [])];\n    } while (hasNextPage);\n    return questions;\n  } catch (error) {\n    console.error(error);\n  }\n  return questions;\n};\n\nexport const fetchSurveyVariables = async (\n  surveySparrowURL: string,\n  surveyId: number | string,\n  token: string\n) => {\n  let hasNextPage = false,\n    variables: Array<{}> = [],\n    pageNo = 1;\n  try {\n    do {\n      const data = (\n        await fetch(\n          `${surveySparrowURL}/v3/variables?survey_id=${surveyId}&page=${pageNo}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      hasNextPage = response?.has_next_page ?? false;\n      pageNo = pageNo + 1;\n      variables = [...variables, ...(response?.data ?? [])];\n    } while (hasNextPage);\n    return variables;\n  } catch (error) {\n    console.error(error);\n  }\n  return variables;\n};\n\nexport const fetchContactProperties = async (\n  surveySparrowURL: string,\n  token: string\n) => {\n  let contactProperties: Record<string, unknown>[] = [];\n  try {\n    const data = (\n      await fetch(\n        `${surveySparrowURL}/v3/contact_properties`,\n        apiHeader(token)\n      )\n    ).json();\n    const contactProperties = await data;\n    return contactProperties?.data;\n  } catch (error) {\n    console.error(error);\n  }\n  return contactProperties;\n};\n\nexport const fetchSurveyExpression = async (\n  surveySparrowURL: string,\n  surveyId: number | string,\n  token: string\n) => {\n  let hasNextPage = false,\n    expressions: Array<{}> = [],\n    pageNo = 1;\n  try {\n    do {\n      const data = (\n        await fetch(\n          `${surveySparrowURL}/v3/expressions?survey_id=${surveyId}&page=${pageNo}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      hasNextPage = response?.has_next_page ?? false;\n      pageNo = pageNo + 1;\n      expressions = [...expressions, ...(response?.data ?? [])];\n    } while (hasNextPage);\n    return expressions;\n  } catch (error) {\n    console.error(error);\n  }\n  return expressions;\n};\n"],"names":["contactProperties"],"mappings":"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"}

package/dist/es/single-mapping/index.js

@@ -6,6 +6,7 @@ import Mapping from './components/mapping.js';
 import { surveySparrowURL, dynamicDateOptions } from '../commons/constants/index.js';
 import dayjs from '../node_modules/dayjs/dayjs.min.js';
 import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
+import { TooltipProvider, 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 { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { IconButton } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
@@ -13,7 +14,6 @@ import { ArrowLeftIcon } from '../node_modules/@sparrowengg/twigs-react-icons/di
 import { Heading } from '../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
 import { Button } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/button.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';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from '../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js';
 import { Input } from '../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js';
 import { ChevronDownIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js';
@@ -68,7 +68,8 @@ const SingleMapping = ({
     variables: [],
     contactProperties: [],
     expressions: [],
-    property: []
+    property: [],
+    derivedQuestions: []
   });
   const [isEditConfirmationOpen, setIsEditConfirmationOpen] = useState(false);
   const [originalMappingData, setOriginalMappingData] = useState(null);
@@ -107,7 +108,7 @@ const SingleMapping = ({
         }
       }
     },
-    /* @__PURE__ */ React__default.createElement(Box, { css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Box, { css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(
       MappingHeader,
       {
         isEditConfirmationOpen,
@@ -116,7 +117,7 @@ const SingleMapping = ({
         importResponse,
         ssMappingData,
         configuration,
-        hasFieldsChanged,
+        hasFieldsChanged: hasFieldsChanged(),
         saveConfiguration: () => {
           configuration.onSaveHandler();
         },
@@ -131,7 +132,7 @@ const SingleMapping = ({
               arr.filter((item) => item.isEnabled)
             ]).filter(([, arr]) => arr.length > 0)
           );
-          onSaveHandler((editField == null ? void 0 : editField.id) ? editField == null ? void 0 : editField.id : null);
+          onSaveHandler((editField == null ? void 0 : editField.id) ? editField : {});
         }
       }
     ), !isMappingPage && configuration.hasConfiguration ? /* @__PURE__ */ React__default.createElement(
@@ -165,7 +166,7 @@ const SingleMapping = ({
         setSSMappingData,
         editField
       }
-    ))
+    )))
   );
 };
 const MappingHeader = ({
@@ -184,31 +185,33 @@ const MappingHeader = ({
   hasFieldsChanged
 }) => {
   const isButtonDisabled = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     if (isMappingPage) {
       if (editField == null ? void 0 : editField.id) {
-        return !hasFieldsChanged();
+        return !hasFieldsChanged;
       }
-      if ((importResponse == null ? void 0 : importResponse.value.ImportMethod) === "SEND_ALL_DATA") {
-        return !(((_a = ssMappingData == null ? void 0 : ssMappingData.questions) == null ? void 0 : _a.length) || ((_b = ssMappingData == null ? void 0 : ssMappingData.variables) == null ? void 0 : _b.length) || ((_c = ssMappingData == null ? void 0 : ssMappingData.contactProperties) == null ? void 0 : _c.length) || ((_d = ssMappingData == null ? void 0 : ssMappingData.expressions) == null ? void 0 : _d.length) || ((_e = ssMappingData == null ? void 0 : ssMappingData.property) == null ? void 0 : _e.length) || ((_f = ssMappingData == null ? void 0 : ssMappingData.derivedQuestions) == null ? void 0 : _f.length));
+      if (((_a = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _a.ImportMethod) === "SEND_ALL_DATA") {
+        return !(((_b = ssMappingData == null ? void 0 : ssMappingData.questions) == null ? void 0 : _b.length) || ((_c = ssMappingData == null ? void 0 : ssMappingData.variables) == null ? void 0 : _c.length) || ((_d = ssMappingData == null ? void 0 : ssMappingData.contactProperties) == null ? void 0 : _d.length) || ((_e = ssMappingData == null ? void 0 : ssMappingData.expressions) == null ? void 0 : _e.length) || ((_f = ssMappingData == null ? void 0 : ssMappingData.property) == null ? void 0 : _f.length) || ((_g = ssMappingData == null ? void 0 : ssMappingData.derivedQuestions) == null ? void 0 : _g.length));
       } else {
         const isMappingDisabled = ssMappingData.questions.some((question) => question.isEnabled) || ssMappingData.variables.some((variable) => variable.isEnabled) || ssMappingData.contactProperties.some(
           (property) => property.isEnabled
         ) || ssMappingData.expressions.some(
           (expression) => expression.isEnabled
-        ) || ssMappingData.derivedQuestions.some((derivedQuestion) => derivedQuestion.isEnabled) || ssMappingData.property.some((property) => property.isEnabled);
+        ) || ssMappingData.derivedQuestions.some(
+          (derivedQuestion) => derivedQuestion.isEnabled
+        ) || ssMappingData.property.some((property) => property.isEnabled);
         return !isMappingDisabled;
       }
     } else {
-      const isAllFieldsDisabled = (_g = Object.values(
+      const isAllFieldsDisabled = (_h = Object.values(
         (configuration == null ? void 0 : configuration.configurationFields) || {}
-      )) == null ? void 0 : _g.some(
+      )) == null ? void 0 : _h.some(
         (field) => (field == null ? void 0 : field.value) === null || (field == null ? void 0 : field.value) === void 0
       );
-      if ((_i = (_h = configuration == null ? void 0 : configuration.configurationFields) == null ? void 0 : _h.find(
+      if ((_j = (_i = configuration == null ? void 0 : configuration.configurationFields) == null ? void 0 : _i.find(
         (field) => (field == null ? void 0 : field.id) === "responseImportSettings"
-      )) == null ? void 0 : _i.value) {
-        return isAllFieldsDisabled || !((_j = configuration == null ? void 0 : configuration.configuredFields) == null ? void 0 : _j.responseImportType);
+      )) == null ? void 0 : _j.value) {
+        return isAllFieldsDisabled || !((_k = configuration == null ? void 0 : configuration.configuredFields) == null ? void 0 : _k.responseImportType);
       } else {
         return isAllFieldsDisabled;
       }
@@ -249,7 +252,7 @@ const MappingHeader = ({
       /* @__PURE__ */ React__default.createElement(
         IconButton,
         {
-          onClick: previousMappingHandler,
+          onClick: () => previousMappingHandler == null ? void 0 : previousMappingHandler(),
           color: "default",
           icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null),
           size: "lg"
@@ -290,7 +293,7 @@ const MappingHeader = ({
           variant: "ghost",
           onClick: () => {
             if (isMappingPage) {
-              onSaveHandler();
+              onSaveHandler({});
             } else {
               saveConfiguration();
             }
@@ -318,7 +321,7 @@ const MappingHeader = ({
               if (editField == null ? void 0 : editField.id) {
                 setIsEditConfirmationOpen(true);
               } else {
-                onSaveHandler();
+                onSaveHandler({});
               }
             } else {
               saveConfiguration();
@@ -334,7 +337,7 @@ const MappingHeader = ({
         name: "Are you sure?",
         description: "Saving this updated mapping properties will generate new sheet with the revised mapping.",
         onConfirm: async () => {
-          await onSaveHandler();
+          await onSaveHandler({});
           setIsEditConfirmationOpen(false);
         },
         onCancel: () => {