@sparrowengg/integrations-templates-frontend 1.2.4 → 1.2.6

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/single-mapping/index.tsx"],"sourcesContent":["import {\n  Flex,\n  IconButton,\n  Heading,\n  Button,\n  Box,\n  Checkbox,\n  FormInput,\n  Select,\n  FormLabel,\n  ThemeProvider,\n  Text\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 from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\n\ntype SingleMappingPropsType = {\n  integrationFields: Array<any>;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<{\n      id: number | string;\n      label: string;\n      fieldType: string;\n      options?: Array<{ label: string; value: string }>;\n      value: { label: string; value: string } | string | null;\n      onChangeHandler: (value: any) => void;\n    }>;\n    onSaveHandler: () => void;\n  };\n  token: string;\n  isMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  apiURL: string;\n  surveyDetails: { surveyName: string; surveyId: string | number };\n  onSaveHandler: (fields: any) => void;\n  setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n  hasPreviousMapping: boolean;\n  importResponse: {\n    hasImportResponse: boolean;\n    value: null | string | number;\n    onChangeHandler: (value: string) => void;\n  };\n  editField?: any;\n  previousMappingHandler?: (value?: boolean) => void;\n};\n\nexport const SingleMapping = ({\n  integrationFields,\n  configuration,\n  isMappingPage,\n  navigateMappingPage,\n  setIntegrationFields,\n  token,\n  apiURL = surveySparrowURL,\n  surveyDetails,\n  importResponse,\n  hasPreviousMapping,\n  onSaveHandler,\n  editField,\n  previousMappingHandler\n}: SingleMappingPropsType) => {\n  const [ssMappingData, setSSMappingData] = useState<any>({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n    property: []\n  });\n  const [previousMapping, setPreviousMapping] = useState(\n    hasPreviousMapping ?? false\n  );\n\n  useEffect(() => {\n    if (!!editField?.id) {\n      navigateMappingPage(true);\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={{ width: \"100%\" }}>\n        <MappingHeader\n          isMappingPage={isMappingPage}\n          hasPreviousMapping={previousMapping}\n          navigateConfigPage={() => navigateMappingPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          onSaveHandler={() => {\n            const filteredMapping = Object.fromEntries(\n              Object.entries(ssMappingData)\n                .map(([key, arr]) => [\n                  key,\n                  (arr as any).filter((item: any) => item.isEnabled)\n                ])\n                .filter(([, arr]) => arr.length > 0)\n            );\n            onSaveHandler(filteredMapping);\n          }}\n        />\n        {!isMappingPage && configuration.hasConfiguration ? (\n          <Flex\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            css={{ marginTop: \"$40\" }}\n          >\n            <ConfigurationSetup\n              configuration={configuration}\n              surveyName={surveyDetails.surveyName}\n            />\n          </Flex>\n        ) : (\n          <Mapping\n            integrationFields={integrationFields}\n            setIntegrationFields={setIntegrationFields}\n            token={token}\n            apiURL={apiURL}\n            surveyId={surveyDetails.surveyId}\n            importResponse={importResponse}\n            ssMappingData={ssMappingData}\n            setSSMappingData={setSSMappingData}\n            editField={editField}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\nconst MappingHeader = ({\n  hasPreviousMapping,\n  isMappingPage,\n  navigateConfigPage,\n  onSaveHandler,\n  previousMappingHandler\n}: any) => {\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={previousMappingHandler}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">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 && navigateConfigPage()}\n        >\n          Configuration\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={onSaveHandler}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Save Mapping\n      </Button>\n    </Flex>\n  );\n};\n\nconst ConfigurationSetup = ({\n  configuration,\n  surveyName\n}: {\n  configuration: any;\n  surveyName: string;\n}) => {\n  return (\n    <Box css={{ maxWidth: 488, width: \"100%\" }}>\n      <Heading size=\"h5\">Event 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\" css={{ color: \"$neutral800\" }}>\n          {surveyName}\n        </Text>\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: any) => (\n          <Configuration field={field} />\n        ))}\n      </Flex>\n      <Button\n        onClick={() => configuration.onSaveHandler()}\n        rightIcon={<ChevronRightIcon />}\n        size=\"lg\"\n        css={{ marginTop: \"$16\" }}\n      >\n        Continue, Mapping\n      </Button>\n    </Box>\n  );\n};\n\nconst Configuration = ({ field }: any) => {\n  switch (field.fieldType) {\n    case \"checkbox\":\n      return (\n        <Checkbox\n          checked={field.value}\n          onChange={(value) => field.onChangeHandler(value)}\n          size=\"sm\"\n        >\n          {field.label}\n        </Checkbox>\n      );\n    case \"input\":\n      return (\n        <FormInput\n          label={field.label}\n          value={field.value}\n          size=\"lg\"\n          onChange={(event) => field.onChangeHandler(event.currentTarget.value)}\n        />\n      );\n    default:\n      return (\n        <Flex gap=\"$2\" flexDirection=\"column\">\n          <FormLabel size=\"sm\" css={{ fontWeight: \"$5\" }}>\n            {field.label}\n          </FormLabel>\n          <Select\n            value={field.value}\n            options={field.options}\n            placeholder=\"\"\n            onChange={(value) => field.onChangeHandler(value)}\n            size=\"lg\"\n          />\n        </Flex>\n      );\n  }\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAqDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAS,GAAA,gBAAA;AAAA,EACT,aAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAc,CAAA;AAAA,IACtD,WAAW,EAAC;AAAA,IACZ,WAAW,EAAC;AAAA,IACZ,mBAAmB,EAAC;AAAA,IACpB,aAAa,EAAC;AAAA,IACd,UAAU,EAAC;AAAA,GACZ,CAAA,CAAA;AACD,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,kBAAsB,IAAA,IAAA,GAAA,kBAAA,GAAA,KAAA;AAAA,GACxB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAI,CAAA,EAAA;AACnB,MAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AACxB,MAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,iDAEC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,QACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,kBAAoB,EAAA,eAAA;AAAA,QACpB,kBAAA,EAAoB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QACnD,sBAAA;AAAA,QACA,eAAe,MAAM;AACnB,UAAA,MAAM,kBAAkB,MAAO,CAAA,WAAA;AAAA,YAC7B,MAAA,CAAO,QAAQ,aAAa,CAAA,CACzB,IAAI,CAAC,CAAC,GAAK,EAAA,GAAG,CAAM,KAAA;AAAA,cACnB,GAAA;AAAA,cACC,GAAY,CAAA,MAAA,CAAO,CAAC,IAAA,KAAc,KAAK,SAAS,CAAA;AAAA,aAClD,CACA,CAAA,MAAA,CAAO,CAAC,GAAG,GAAG,CAAA,KAAM,GAAI,CAAA,MAAA,GAAS,CAAC,CAAA;AAAA,WACvC,CAAA;AACA,UAAA,aAAA,CAAc,eAAe,CAAA,CAAA;AAAA,SAC/B;AAAA,OAAA;AAAA,KAED,EAAA,CAAC,aAAiB,IAAA,aAAA,CAAc,gBAC/B,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,OAAA;AAAA,sBAExBA,cAAA,CAAA,aAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,aAAA;AAAA,UACA,YAAY,aAAc,CAAA,UAAA;AAAA,SAAA;AAAA,OAC5B;AAAA,KAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,iBAAA;AAAA,QACA,oBAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAU,aAAc,CAAA,QAAA;AAAA,QACxB,cAAA;AAAA,QACA,aAAA;AAAA,QACA,gBAAA;AAAA,QACA,SAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,sBAAA;AACF,CAAW,KAAA;AACT,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,OACX;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,IAAA;AAAA,QACJ,UAAW,EAAA,QAAA;AAAA,QACX,GAAK,EAAA,EAAE,UAAY,EAAA,kBAAA,GAAqB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,sBAAA;AAAA,UACT,KAAM,EAAA,SAAA;AAAA,UACN,IAAA,+CAAO,aAAc,EAAA,IAAA,CAAA;AAAA,UACrB,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OACP;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,aAAW,CAAA;AAAA,KAChC;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,UAAY,EAAA,EAAE,UAAY,EAAA,wBAAA,EAA0B,UAAU,KAAM,EAAA;AAAA,SACtE;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAK,EAAE,KAAA,EAAO,CAAC,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC7D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,IAAiB,kBAAmB,EAAA;AAAA,SAAA;AAAA,QACpD,eAAA;AAAA,OAED;AAAA,mDACC,KAAM,EAAA,IAAA,CAAA;AAAA,sBACPA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC5D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,QACN,SAAA;AAAA,OAED;AAAA,KACF;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAS,EAAA,aAAA;AAAA,QACT,GAAK,EAAA,EAAE,UAAY,EAAA,aAAA,GAAgB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,MACzD,cAAA;AAAA,KAED;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,aAAA;AAAA,EACA,UAAA;AACF,CAGM,KAAA;AAtNN,EAAA,IAAA,EAAA,CAAA;AAuNE,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,UAAU,GAAK,EAAA,KAAA,EAAO,QAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,eAAa,CAChC,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,GAAI,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,SAAW,EAAA,IAAA,sBAC9BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,MAAiB,cAE/C,CAAA,+CACC,IAAK,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,OAAO,aAAc,EAAA,EAAA,EACzC,UACH,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAc,EAAA,QAAA;AAAA,MACd,GAAI,EAAA,IAAA;AAAA,MACJ,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,KAAA;AAAA,QACX,SAAW,EAAA;AAAA,UACT,KAAO,EAAA,aAAA;AAAA,SACT;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,CAAA,EAAA,GAAA,aAAA,CAAc,wBAAd,IAAmC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,KACvC,qBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAc,KAAc,EAAA,CAAA,CAAA;AAAA,GAGjC,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,aAAA,CAAc,aAAc,EAAA;AAAA,MAC3C,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,MAC7B,IAAK,EAAA,IAAA;AAAA,MACL,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAAA;AAAA,IACzB,mBAAA;AAAA,GAGH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,aAAgB,GAAA,CAAC,EAAE,KAAA,EAAiB,KAAA;AACxC,EAAA,QAAQ,MAAM,SAAW;AAAA,IACvB,KAAK,UAAA;AACH,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAM,CAAA,KAAA;AAAA,UACf,QAAU,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA;AAAA,UAChD,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,QAEJ,KAAM,CAAA,KAAA;AAAA,OACT,CAAA;AAAA,IAEJ,KAAK,OAAA;AACH,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,IAAK,EAAA,IAAA;AAAA,UACL,UAAU,CAAC,KAAA,KAAU,MAAM,eAAgB,CAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,SAAA;AAAA,OACtE,CAAA;AAAA,IAEJ;AACE,MAAA,oDACG,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,aAAA,EAAc,4BAC1BA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,UAAA,EAAY,MACrC,EAAA,EAAA,KAAA,CAAM,KACT,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,SAAS,KAAM,CAAA,OAAA;AAAA,UACf,WAAY,EAAA,EAAA;AAAA,UACZ,QAAU,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA;AAAA,UAChD,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OAET,CAAA,CAAA;AAAA,GAEN;AACF,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/single-mapping/index.tsx"],"sourcesContent":["import {\n  Flex,\n  IconButton,\n  Heading,\n  Button,\n  Box,\n  Checkbox,\n  FormInput,\n  Select,\n  FormLabel,\n  ThemeProvider,\n  Text\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 from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\n\ntype SingleMappingPropsType = {\n  integrationFields: Array<any>;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<{\n      id: number | string;\n      label: string;\n      fieldType: string;\n      options?: Array<{ label: string; value: string }>;\n      value: { label: string; value: string } | string | null;\n      onChangeHandler: (value: any) => void;\n    }>;\n    onSaveHandler: () => void;\n  };\n  token: string;\n  isMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  apiURL: string;\n  surveyDetails: { surveyName: string; surveyId: string | number };\n  onSaveHandler: (fields: any) => void;\n  setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n  hasPreviousMapping: boolean;\n  importResponse: {\n    hasImportResponse: boolean;\n    value: null | string | number;\n    onChangeHandler: (value: string) => void;\n  };\n  editField?: any;\n  previousMappingHandler?: (value?: boolean) => void;\n};\n\nexport const SingleMapping = ({\n  integrationFields,\n  configuration,\n  isMappingPage,\n  navigateMappingPage,\n  setIntegrationFields,\n  token,\n  apiURL = surveySparrowURL,\n  surveyDetails,\n  importResponse,\n  hasPreviousMapping,\n  onSaveHandler,\n  editField,\n  previousMappingHandler\n}: SingleMappingPropsType) => {\n  const [ssMappingData, setSSMappingData] = useState<any>({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n    property: []\n  });\n  const [previousMapping, setPreviousMapping] = useState(\n    hasPreviousMapping ?? false\n  );\n\n  useEffect(() => {\n    if (!!editField?.id) {\n      navigateMappingPage(true);\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={{ width: \"100%\" }}>\n        <MappingHeader\n          isMappingPage={isMappingPage}\n          hasPreviousMapping={previousMapping}\n          navigateConfigPage={() => navigateMappingPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          onSaveHandler={() => {\n            const filteredMapping = Object.fromEntries(\n              Object.entries(ssMappingData)\n                .map(([key, arr]) => [\n                  key,\n                  (arr as any).filter((item: any) => item.isEnabled)\n                ])\n                .filter(([, arr]) => arr.length > 0)\n            );\n            onSaveHandler(filteredMapping);\n          }}\n        />\n        {!isMappingPage && configuration.hasConfiguration ? (\n          <Flex\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            css={{ marginTop: \"$40\" }}\n          >\n            <ConfigurationSetup\n              configuration={configuration}\n              surveyName={surveyDetails.surveyName}\n            />\n          </Flex>\n        ) : (\n          <Mapping\n            integrationFields={integrationFields}\n            setIntegrationFields={setIntegrationFields}\n            token={token}\n            apiURL={apiURL}\n            surveyId={surveyDetails.surveyId}\n            importResponse={importResponse}\n            ssMappingData={ssMappingData}\n            setSSMappingData={setSSMappingData}\n            editField={editField}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\nconst MappingHeader = ({\n  hasPreviousMapping,\n  isMappingPage,\n  navigateConfigPage,\n  onSaveHandler,\n  previousMappingHandler\n}: any) => {\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={previousMappingHandler}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">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 && navigateConfigPage()}\n        >\n          Configuration\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={onSaveHandler}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Save Mapping\n      </Button>\n    </Flex>\n  );\n};\n\nconst ConfigurationSetup = ({\n  configuration,\n  surveyName\n}: {\n  configuration: any;\n  surveyName: string;\n}) => {\n  return (\n    <Box css={{ maxWidth: 488, width: \"100%\" }}>\n      <Heading size=\"h5\">Event 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\" css={{ color: \"$neutral800\" }}>\n          {surveyName}\n        </Text>\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: any) => (\n          <Configuration field={field} />\n        ))}\n      </Flex>\n      <Button\n        onClick={() => configuration.onSaveHandler()}\n        rightIcon={<ChevronRightIcon />}\n        size=\"lg\"\n        css={{ marginTop: \"$16\" }}\n      >\n        Continue, Mapping\n      </Button>\n    </Box>\n  );\n};\n\nconst Configuration = ({ field }: any) => {\n  switch (field.fieldType) {\n    case \"checkbox\":\n      return (\n        <Checkbox\n          checked={field.value}\n          onChange={(value) => field.onChangeHandler(value, field.id ?? field.label)}\n          size=\"sm\"\n        >\n          {field.label}\n        </Checkbox>\n      );\n    case \"input\":\n      return (\n        <FormInput\n          label={field.label}\n          value={field.value}\n          size=\"lg\"\n          onChange={(event) => field.onChangeHandler(event.currentTarget.value, field.id ?? field.label)}\n        />\n      );\n    default:\n      return (\n        <Flex gap=\"$2\" flexDirection=\"column\">\n          <FormLabel size=\"sm\" css={{ fontWeight: \"$5\" }}>\n            {field.label}\n          </FormLabel>\n          <Select\n            value={field.value}\n            options={field.options}\n            placeholder=\"\"\n            onChange={(value) => field.onChangeHandler(value, field.id ?? field.label)}\n            size=\"lg\"\n          />\n        </Flex>\n      );\n  }\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAqDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAS,GAAA,gBAAA;AAAA,EACT,aAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAc,CAAA;AAAA,IACtD,WAAW,EAAC;AAAA,IACZ,WAAW,EAAC;AAAA,IACZ,mBAAmB,EAAC;AAAA,IACpB,aAAa,EAAC;AAAA,IACd,UAAU,EAAC;AAAA,GACZ,CAAA,CAAA;AACD,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,kBAAsB,IAAA,IAAA,GAAA,kBAAA,GAAA,KAAA;AAAA,GACxB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAI,CAAA,EAAA;AACnB,MAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AACxB,MAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,iDAEC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,QACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,kBAAoB,EAAA,eAAA;AAAA,QACpB,kBAAA,EAAoB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QACnD,sBAAA;AAAA,QACA,eAAe,MAAM;AACnB,UAAA,MAAM,kBAAkB,MAAO,CAAA,WAAA;AAAA,YAC7B,MAAA,CAAO,QAAQ,aAAa,CAAA,CACzB,IAAI,CAAC,CAAC,GAAK,EAAA,GAAG,CAAM,KAAA;AAAA,cACnB,GAAA;AAAA,cACC,GAAY,CAAA,MAAA,CAAO,CAAC,IAAA,KAAc,KAAK,SAAS,CAAA;AAAA,aAClD,CACA,CAAA,MAAA,CAAO,CAAC,GAAG,GAAG,CAAA,KAAM,GAAI,CAAA,MAAA,GAAS,CAAC,CAAA;AAAA,WACvC,CAAA;AACA,UAAA,aAAA,CAAc,eAAe,CAAA,CAAA;AAAA,SAC/B;AAAA,OAAA;AAAA,KAED,EAAA,CAAC,aAAiB,IAAA,aAAA,CAAc,gBAC/B,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,OAAA;AAAA,sBAExBA,cAAA,CAAA,aAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,aAAA;AAAA,UACA,YAAY,aAAc,CAAA,UAAA;AAAA,SAAA;AAAA,OAC5B;AAAA,KAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,iBAAA;AAAA,QACA,oBAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAU,aAAc,CAAA,QAAA;AAAA,QACxB,cAAA;AAAA,QACA,aAAA;AAAA,QACA,gBAAA;AAAA,QACA,SAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,sBAAA;AACF,CAAW,KAAA;AACT,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,OACX;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,IAAA;AAAA,QACJ,UAAW,EAAA,QAAA;AAAA,QACX,GAAK,EAAA,EAAE,UAAY,EAAA,kBAAA,GAAqB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,sBAAA;AAAA,UACT,KAAM,EAAA,SAAA;AAAA,UACN,IAAA,+CAAO,aAAc,EAAA,IAAA,CAAA;AAAA,UACrB,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OACP;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,aAAW,CAAA;AAAA,KAChC;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,UAAY,EAAA,EAAE,UAAY,EAAA,wBAAA,EAA0B,UAAU,KAAM,EAAA;AAAA,SACtE;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAK,EAAE,KAAA,EAAO,CAAC,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC7D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,IAAiB,kBAAmB,EAAA;AAAA,SAAA;AAAA,QACpD,eAAA;AAAA,OAED;AAAA,mDACC,KAAM,EAAA,IAAA,CAAA;AAAA,sBACPA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC5D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,QACN,SAAA;AAAA,OAED;AAAA,KACF;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAS,EAAA,aAAA;AAAA,QACT,GAAK,EAAA,EAAE,UAAY,EAAA,aAAA,GAAgB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,MACzD,cAAA;AAAA,KAED;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,aAAA;AAAA,EACA,UAAA;AACF,CAGM,KAAA;AAtNN,EAAA,IAAA,EAAA,CAAA;AAuNE,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,UAAU,GAAK,EAAA,KAAA,EAAO,QAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,eAAa,CAChC,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,GAAI,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,SAAW,EAAA,IAAA,sBAC9BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,MAAiB,cAE/C,CAAA,+CACC,IAAK,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,OAAO,aAAc,EAAA,EAAA,EACzC,UACH,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAc,EAAA,QAAA;AAAA,MACd,GAAI,EAAA,IAAA;AAAA,MACJ,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,KAAA;AAAA,QACX,SAAW,EAAA;AAAA,UACT,KAAO,EAAA,aAAA;AAAA,SACT;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,CAAA,EAAA,GAAA,aAAA,CAAc,wBAAd,IAAmC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,KACvC,qBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAc,KAAc,EAAA,CAAA,CAAA;AAAA,GAGjC,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,aAAA,CAAc,aAAc,EAAA;AAAA,MAC3C,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,MAC7B,IAAK,EAAA,IAAA;AAAA,MACL,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAAA;AAAA,IACzB,mBAAA;AAAA,GAGH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,aAAgB,GAAA,CAAC,EAAE,KAAA,EAAiB,KAAA;AACxC,EAAA,QAAQ,MAAM,SAAW;AAAA,IACvB,KAAK,UAAA;AACH,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAM,CAAA,KAAA;AAAA,UACf,QAAA,EAAU,CAAC,KAAO,KAAA;AAlQ5B,YAAA,IAAA,EAAA,CAAA;AAkQ+B,YAAA,OAAA,KAAA,CAAM,gBAAgB,KAAO,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,WAAA;AAAA,UACzE,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,QAEJ,KAAM,CAAA,KAAA;AAAA,OACT,CAAA;AAAA,IAEJ,KAAK,OAAA;AACH,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,IAAK,EAAA,IAAA;AAAA,UACL,QAAA,EAAU,CAAC,KAAO,KAAA;AA9Q5B,YAAA,IAAA,EAAA,CAAA;AA8Q+B,YAAM,OAAA,KAAA,CAAA,eAAA,CAAgB,MAAM,aAAc,CAAA,KAAA,EAAA,CAAO,WAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAC/F,CAAA;AAAA,IAEJ;AACE,MAAA,oDACG,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,aAAA,EAAc,4BAC1BA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,UAAA,EAAY,MACrC,EAAA,EAAA,KAAA,CAAM,KACT,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,SAAS,KAAM,CAAA,OAAA;AAAA,UACf,WAAY,EAAA,EAAA;AAAA,UACZ,QAAA,EAAU,CAAC,KAAO,KAAA;AA3R9B,YAAA,IAAA,EAAA,CAAA;AA2RiC,YAAA,OAAA,KAAA,CAAM,gBAAgB,KAAO,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,WAAA;AAAA,UACzE,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OAET,CAAA,CAAA;AAAA,GAEN;AACF,CAAA;;;;"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React$1 from 'react';
 
 type FieldType = {
     id: string;
@@ -47,9 +47,9 @@ type FieldMappingPropsType = {
     };
     integrationName: string;
     fields: Array<FieldType>;
-    setFields: React.Dispatch<React.SetStateAction<Array<FieldType>>>;
+    setFields: React$1.Dispatch<React$1.SetStateAction<Array<FieldType>>>;
     integrationFields: any;
-    setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;
+    setIntegrationFields: React$1.Dispatch<React$1.SetStateAction<any>>;
     apiURL: string;
     token: string;
     accounts: {
@@ -89,27 +89,29 @@ type FieldMappingPropsType = {
     previousMappingHandler: (value?: boolean) => void;
     onDeleteHandler?: (id: string | number) => void;
 };
-declare const Mapping: ({ surveyDetails, integrationName, fields, setFields, integrationFields, setIntegrationFields, apiURL, token, accounts, events, actions, isMappingPage, navigateMappingPage, customList, oldResponse, hasPreviousMapping, onSaveHandler, editField, previousMappingHandler }: FieldMappingPropsType) => React.JSX.Element;
+declare const Mapping: ({ surveyDetails, integrationName, fields, setFields, integrationFields, setIntegrationFields, apiURL, token, accounts, events, actions, isMappingPage, navigateMappingPage, customList, oldResponse, hasPreviousMapping, onSaveHandler, editField, previousMappingHandler }: FieldMappingPropsType) => React$1.JSX.Element;
 
 type AuthenticationFieldsProps = {
     id: string | number;
     type: string;
     label: string;
     value: any;
-    changeFieldValue: (value: any) => void;
+    changeFieldValue: (value: any, fieldId?: number | string) => void;
     options?: Array<{
         label: string;
         value: string | number;
     }>;
     placeholder?: string;
     isPassword?: boolean;
+    required?: boolean;
 };
 type AuthenticationProps = {
     integrationName: string;
     fields: Array<AuthenticationFieldsProps>;
     onSuccessHandler: () => void;
 };
-declare const Authentication: ({ integrationName, fields, onSuccessHandler }: AuthenticationProps) => React.JSX.Element;
+
+declare const Authentication: ({ integrationName, fields, onSuccessHandler }: AuthenticationProps) => React$1.JSX.Element;
 
 declare const IntegrationTemplate: ({ mappingComponent, mapping, triggerComponent, trigger, integrationName, singleMappingComponent }: {
     mappingComponent?: any;
@@ -119,15 +121,15 @@ declare const IntegrationTemplate: ({ mappingComponent, mapping, triggerComponen
             type: string;
             fields: any;
         };
-        setMappedFields: React.Dispatch<React.SetStateAction<any>>;
+        setMappedFields: React$1.Dispatch<React$1.SetStateAction<any>>;
     };
     triggerComponent: any;
     trigger: {
         mappedFields: Array<any>;
-        setMappedFields: React.Dispatch<React.SetStateAction<any>>;
+        setMappedFields: React$1.Dispatch<React$1.SetStateAction<any>>;
     };
     integrationName: string;
-}) => React.JSX.Element;
+}) => React$1.JSX.Element;
 
 type SingleMappingPropsType = {
     integrationFields: Array<any>;
@@ -158,7 +160,7 @@ type SingleMappingPropsType = {
         surveyId: string | number;
     };
     onSaveHandler: (fields: any) => void;
-    setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;
+    setIntegrationFields: React$1.Dispatch<React$1.SetStateAction<any>>;
     hasPreviousMapping: boolean;
     importResponse: {
         hasImportResponse: boolean;
@@ -168,10 +170,41 @@ type SingleMappingPropsType = {
     editField?: any;
     previousMappingHandler?: (value?: boolean) => void;
 };
-declare const SingleMapping: ({ integrationFields, configuration, isMappingPage, navigateMappingPage, setIntegrationFields, token, apiURL, surveyDetails, importResponse, hasPreviousMapping, onSaveHandler, editField, previousMappingHandler }: SingleMappingPropsType) => React.JSX.Element;
+declare const SingleMapping: ({ integrationFields, configuration, isMappingPage, navigateMappingPage, setIntegrationFields, token, apiURL, surveyDetails, importResponse, hasPreviousMapping, onSaveHandler, editField, previousMappingHandler }: SingleMappingPropsType) => React$1.JSX.Element;
+
+declare const Triggers: ({ objects, accounts, actions, isTriggerPage, navigateTriggerPage, previousMapping, onSaveHandler, previousMappingHandler, surveyDetails, fields, setFields, shareRecipentOptions, shareChannelOptions, triggerDetails, setTriggerDetails, editField }: any) => React$1.JSX.Element;
 
-declare const Triggers: ({ objects, accounts, actions, isTriggerPage, navigateTriggerPage, previousMapping, onSaveHandler, previousMappingHandler, surveyDetails, fields, setFields, shareRecipentOptions, shareChannelOptions, triggerDetails, setTriggerDetails, editField }: any) => React.JSX.Element;
+type ContactImportFieldType = {
+    configure: {};
+    fields: Array<{
+        id: string | number;
+        integrationField: string | number | null;
+        surveySparrowField: string | number | null;
+        sampleData: Array<string>;
+    }>;
+};
+type ContactImportProps = {
+    hasPreviousMapping?: boolean;
+    previousMappingHandler: (value?: boolean) => void;
+    onSaveHandler: () => void;
+    isContactMappingPage: boolean;
+    navigateMappingPage: (value?: boolean) => void;
+    contactImportField: ContactImportFieldType;
+    setContactImportField: React.Dispatch<React.SetStateAction<any>>;
+    listSegmentOptions: Array<{
+        id: number | string;
+        label: string;
+        value: string;
+    }>;
+    integrationName: string;
+    contactProperties: any;
+    invitePortal: {
+        hasInvitePortal: boolean;
+        value: any;
+        onChangeHandler: (value: any) => void;
+    };
+};
 
-declare const ContactImport: ({ hasPreviousMapping, previousMappingHandler, onSaveHandler, isContactMappingPage, navigateMappingPage, contactImportField, setContactImportField, listSegmentOptions, integrationName, contactProperties, invitePortal }: any) => React.JSX.Element;
+declare const ContactImport: ({ hasPreviousMapping, previousMappingHandler, onSaveHandler, isContactMappingPage, navigateMappingPage, contactImportField, setContactImportField, listSegmentOptions, integrationName, contactProperties, invitePortal }: ContactImportProps) => React$1.JSX.Element;
 
 export { Authentication, ContactImport, IntegrationTemplate, Mapping, SingleMapping, Triggers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/integrations-templates-frontend",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "license": "MIT",
   "module": "dist/es/index.js",
   "main": "dist/cjs/index.js",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@lexical/react": "^0.14.3",
-    "@sparrowengg/twigs-react": "^0.24.0",
+    "@sparrowengg/twigs-react": "^0.25.3",
     "@sparrowengg/twigs-react-icons": "^0.3.3",
     "cosmiconfig": "^9.0.0",
     "dayjs": "^1.11.11",