Querying multiple types in Sanity with vanilla JS and using webhooks for Netlify rebuilds

*[_type in ["typeA", "typeB"]]{
  _type == "typeA" => {
    // field selection for typeA
  },
  _type == "typeB" => {
    // field selection for typeB
  }
}

let encodedFilter = encodeURIComponent('[_type in ["cabinet", "representative", "supremeCourt", "senator"]]');
                    let encodedProjection = encodeURIComponent(`_type== "cabinet" => {"_type"}, _type== "representative" => {"_type"}, _type== "supremeCourt" => {"_type"}, _type== "senator" => {"_type"}`)
                        fetch(`<https://6dyl9k59.api.sanity.io/v2021-01-01/data/query/production?query=*${encodedFilter}{${encodedProjection}}>`)

const query = `[_type in ["cabinet", "representative", "supremeCourt", "senator"]]{
  _type == 'representative' => {
    //fields you're hoping to get from representative document
  }
 //other types
}`

const query = `[_type in ["cabinet", "representative", "supremeCourt", "senator"]]{
  _type == 'representative' => {
    "_type"
  }
  //etc
}`

let encodedProjection = encodeURIComponent(`
                        _type == "cabinet" => {"_type, cabinetName, 'confirmationCommittee': confirmationCommittee[]->.senateCommitteeName, position, succession, cardLink, cardLink2, cardBackImage"}, 
                        _type == "representative" => {"_type, representativeName, state->, party->, district, assumedOffice, 'leadershipPositions': leadershipPositions[]->.houseLeadershipName, 'committeeAssignments': committeeAssignments[]->.CommitteeName, cardLink, cardBackImage"}, 
                        _type == "supremeCourt" => {"_type, circuitAssignments[], justiceName, memberSince, nominatedBy, position, segalCoverScore, cardLink, cardBackImage"}, 
                        _type == "senator" => {"_type, senatorName, party->, state->, leadershipPositions[], 'committeeAssignments': committeeAssignments[]->.senateCommitteeName, reelectionYear, cardLink, assumedOffice, cardBackImage"}`
                    )

{description: "Attribute or a string key expected", type: "queryParseError"}

let encodedFilter = encodeURIComponent('[_type in ["cabinet", "representative", "supremeCourt", "senator"]]');
let encodedProjection = encodeURIComponent(`
                        _type == "cabinet" => {_type, cabinetName, 'confirmationCommittee': confirmationCommittee[]->.senateCommitteeName, position, succession, cardLink, cardLink2, cardBackImage}, 
                        _type == "representative" => {_type, representativeName, state->, party->, district, assumedOffice, 'leadershipPositions': leadershipPositions[]->.houseLeadershipName, 'committeeAssignments': committeeAssignments[]->.CommitteeName, cardLink, cardBackImage}, 
                        _type == "supremeCourt" => {_type, circuitAssignments[], justiceName, memberSince, nominatedBy, position, segalCoverScore, cardLink, cardBackImage}, 
                        _type == "senator" => {_type, senatorName, party->, state->, leadershipPositions[], 'committeeAssignments': committeeAssignments[]->.senateCommitteeName, reelectionYear, cardLink, assumedOffice, cardBackImage}
                    `)
                        fetch(`<https://6dyl9k59.api.sanity.io/v2022-01-01/data/query/production?query=*${encodedFilter}{${encodedProjection}}>`)
                        .then(res => res.json())
                        .then(justice => justice.result.forEach((item)=>{
                                cardGrid.append(createCard(item));
                            }),
                            main.append(cardGrid))

            //Set up query vars
            const projectId = '6dyl9k59';
            const apiDate = 'v2022-01-01';
            const dataSet = 'production';
            const encodedProjection = encodeURIComponent(`_type == 'secretaries' => {_type, name, 'confirmationCommittee': confirmationCommittee[]->.senateCommitteeName, position, succession, cardLink, cardLink2, cardBackImage}, _type == 'representatives' => {_type, name, state->, party->, district, assumedOffice, 'leadershipPositions': leadershipPositions[]->.houseLeadershipName, 'committeeAssignments': committeeAssignments[]->.CommitteeName, cardLink, cardBackImage}, _type == 'justices' => {_type, circuitAssignments[], name, memberSince, nominatedBy, position, segalCoverScore, cardLink, cardBackImage}, _type == 'senators' => {_type, name, party->, state->, leadershipPositions[], 'committeeAssignments': committeeAssignments[]->.senateCommitteeName, reelectionYear, cardLink, assumedOffice, cardBackImage}`);
            const type = params.type.replace(' ', ', ');
            const decodedFilter = decodeURI(params.filter);
            const preFilter = decodedFilter.replace('+', ' && ');
            const filter = preFilter.replace('_', ' == ');
            let leftFilter;
            let rightFilter;
            let encodedFilter;
              
            
            //check for filter parameters
            function createFilter(){
                if(params.filter) {
                    leftFilter = `[_type in [${type}] && ${filter}]`;
                } else {
                    leftFilter = `[_type in [${type}]]`;
                }
                return leftFilter;
            };
            
            createFilter();


            //check for sorting parameters, then create encoded filter
            function createSort() {
                if(params.sort) {
                    const sort = params.sort.replace('_', ' ')
                     rightFilter = `order(${sort})`;
                     encodedFilter = encodeURIComponent(`${leftFilter} | ${rightFilter}`);
                     console.log(`${leftFilter} | ${rightFilter}`)
                } else {
                     encodedFilter = encodeURIComponent(leftFilter);
                     console.log(`${leftFilter}`)
                }
                return encodedFilter;
            }

            createSort();
         


            //fetch data & call the createCard function
            fetch(`https://${projectId}.<http://api.sanity.io/${apiDate}/data/query/${dataSet}?query=*${encodedFilter}{${encodedProjection}}`)|api.sanity.io/${apiDate}/data/query/${dataSet}?query=*${encodedFilter}{${encodedProjection}}`)>
            .then(res => res.json())
            .then(cardData => cardData.result.forEach((item)=>{
                    cardGrid.append(createCard(item));
                }),
                main.append(cardGrid));