autoClear cookies for services

[dombyte]

While I was implementing this plugin I came across some difficulties.
My plan is to have a category called ex_media with two or more services (Youtube and Vimeo).
When the cookies for im_youtube and im_vimeo aren't set yet enabling or disabling individuals works fine does what it should do, but when the cookies are already set and I want to change them and use autoClear it won't work for individual services only for the whole category. Is that a mistake of my implementation or does this won't work with the plug-in?
Also the page reload only works when the whole category gets enabled or disabled but not when changing individual services.

Version: CC v3.0.0-rc.16 and iframemanager v1.2.5

let base_url = window.location.origin;
const im = iframemanager();

im.run({
    currLang: document.documentElement.getAttribute("lang"),
    onChange: ({ changedServices, eventSource }) => {
        if(eventSource.type === 'click') {
            const servicesToAccept = [
                ...CookieConsent.getUserPreferences().acceptedServices['ex_media'],
                ...changedServices
            ];

            CookieConsent.acceptService(servicesToAccept, 'ex_media');
        }
    },

    services: {
      youtube: {
        embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}',
        thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg',
  
        iframe: {
          allow:
            'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
        },
  
        languages: {
          de: {
            notice:
              'Dieser Inhalt wird von einer dritten Partei gehostet. Durch die Anzeige des externen Inhalts akzeptieren Sie die <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Nutzungsbedingungen" target="_blank">Nutzungsbedingungen</a> von youtube.com.',
            loadBtn: "Video Laden",
            loadAllBtn: "Nicht mehr fragen",
          },

          en: {
            notice:
              'This content is hosted by a third party. By clicking "I agree" you accept the <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Terms of Use" target="_blank">Terms of Use</a> of youtube.com.',
            loadBtn: "Load video",
            loadAllBtn: "Don't ask again",
          },
        },
      },

      vimeo: {
        embedUrl: 'https://player.vimeo.com/video/{data-id}',

        iframe: {
            allow : 'fullscreen; picture-in-picture;'
        },

        thumbnailUrl: async (dataId, setThumbnail) => {
            const url = `https://vimeo.com/api/v2/video/${dataId}.json`;
            const response = await (await fetch(url)).json();
            const thumbnailUrl = response[0].thumbnail_large;
            thumbnailUrl && setThumbnail(thumbnailUrl);
        },

        languages: {
            de : {
                notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer noopener" href="https://vimeo.com/terms" target="_blank">terms and conditions</a> of vimeo.com.',
                loadBtn: 'Load once',
                loadAllBtn: "Don't ask again"
            },
        },
    },

    },
    
});





CookieConsent.run({
  autoShow: window.page !== 'legal',
  disablePageInteraction: false,
  autoclear_cookies: true,
  revision: 2,
  
  cookie: {
    name: "cc_cookie",
  },

  guiOptions: {
    consentModal: {
        layout: 'bar',
        position: 'bottom right',
        flipButtons: false,
        equalWeightButtons: false
    },
    preferencesModal: {
        layout: 'box',
        // position: 'left right',
        flipButtons: false,
        equalWeightButtons: true
    },
},

  onFirstConsent: ({ cookie }) => {
    console.log("onFirstConsent fired", cookie);
  },

  onConsent: ({ cookie }) => {
    console.log("onConsent fired!", cookie);
  },

  onChange: ({ changedCategories, changedServices }) => {
    console.log("onChange fired!", changedCategories, changedServices);
  },

  onModalReady: ({ modalName }) => {
    console.log("ready:", modalName);
  },

  onModalShow: ({ modalName }) => {
    console.log("visible:", modalName);
  },

  onModalHide: ({ modalName }) => {
    console.log("hidden:", modalName);
  },

  categories: {
    necessary: {
      cookies: [
        {
          name: "cc_cookie",
        },
      ],
      readOnly: true,
      enabled: true,
    },
    ex_media: {
      autoClear: {
        cookies: [
          {
            name: "im_youtube",
          },
          {
            name: "im_vimeo",
          },
        ],
        reloadPage: true,
      },


      services: {
        youtube: {
          label: 'Youtube Embed',
          onAccept: () => im.acceptService('youtube'),
          onReject: () => im.rejectService('youtube'),
        },
        Test: {
          label: 'Vimeo Embed',
          onAccept: () => im.acceptService('vimeo'),
          onReject: () => im.rejectService('vimeo'),
        },
        
      },
    },
    
  },

  language: {
    default: "de",
    autoDetect: "document",
    translations: {
      en: base_url + "/en.json",
      de: base_url + "/de.json",
    },
  },
});

en.json

"body": [
              {
                "name": "im_youtube",
                "domain": "itsdom.org",
                "description": "Cookie set by iframemanager",
                "expiration": "182 days"
              },
              {
                "name": "im_vimeo",
                "domain": "itsdom.org",
                "description": "Cookie set by iframemanager",
                "expiration": "182 Tage"
              },
              {
                "name": "YouTube",
                "domain": "www.youtube-nocookie.com",
                "description": "Cookie set by <a href=\"https://www.youtube.com/t/terms\">YouTube</a>",
                "expiration": "Session"
              }
            ]

[orestbida]

The autoclear and page reload options only work with categories.

If you need to remove a cookie set by a service, you will need to manually invoke .eraseCookies() inside the onReject callback, e.g:

{
    onReject: () => {
        im.rejectService('youtube');
        CookieConsent.eraseCookies('im_youtube');
    }
}

Keep in mind that iframemanager already erases its own cookies when a service is rejected, so you shouldn't need to use .eraseCookies(). Also, since we're dealing with iframes, once they are removed, any script/tracking enabled via that iframe should immediately stop, so you shouldn't need to reload the page.

autoclear_cookies

As of v3, this option has been renamed to autoClearCookies.

[dombyte]

Thank you so much!
Using the .eraseCookies() method does exactly what I want.
Iframemanager only erases service cookies when you reject the cookie for the first time, when the service cookie is already set and you want to reject it afterwards then it won't work in my case. Or did you meant something else?