Cookie­Consent

const Example = ({
  functional = false,
  statistics = false,
  marketing = false,
}) => {
  const { openConsentModalWithSettings } = useCookieConsent();

  return (
    <>
      <TertiaryButton
        data-testid="trigger-cookie-consent"
        onClick={openConsentModalWithSettings}
      >
        Informasjonskapsler
      </TertiaryButton>
      <CookieConsent blocking onAccept={console.log} />
    </>
  );
};

const CookieConsentModalExample = ({ boolValues }) => {
  const [hasMounted, setHasMounted] = React.useState(false);
  React.useEffect(() => {
    setHasMounted(true);
  }, []);

  if (!hasMounted) {
    return null;
  }

  // Start: Kun for demoen
  clearConsentCookie();
  // Slutt: Kun for demoen

  return (
    <CookieConsentProvider
      functional={false}
      statistics={false}
      marketing={false}
    >
      <Example
        functional={false}
        statistics={false}
        marketing={false}
      />
    </CookieConsentProvider>
  );
};

// Resten av koden her er oppsett for demoen.
// Som bruker av pakken skal du bare trenge forholde deg til det over.

const COOKIE_NAME = "fremtind-cookie-consent";

const getCookie = (name = COOKIE_NAME) => {
  if (typeof document === "undefined") {
    return undefined;
  }

  const cookie = document.cookie
    // split a string of cookies into array of cookies
    .split(";")
    // split cookies into [name, value]
    .map((s) => s.trim().split("="))
    // find our golden nugget
    .find((c) => c[0] === name);

  if (!cookie) {
    return undefined;
  }

  return cookie;
};

const getConsentCookie = (adapter) => {
  const cookie = getCookie();

  if (cookie) {
    const consent = JSON.parse(cookie[1]);
    return consent;
  }

  if (adapter) {
    return adapter();
  }

  return undefined;
};

// 120 days
const DEFAULT_MAX_AGE = 10368000;

const setConsentCookie = (
  consent,
  maxAge = DEFAULT_MAX_AGE,
  name = COOKIE_NAME
) => {
  const cookie = [];

  cookie.push(`${name}=${JSON.stringify(consent)}`);
  cookie.push(`max-age=${maxAge}`);
  cookie.push(`SameSite=Lax`);
  document.cookie = cookie.join(";");
};

const shouldShowConsentDialog = (requirement, consent) => {
  if (!consent) {
    // check if requirement has truthy values. should show consent if it has
    return Object.values(requirement).some(
      (requirementValue) => requirementValue
    );
  } else {
    // convert to a map to ease accessing dynamic keys
    const consentMap = new Map(Object.entries(consent));

    // pls spare the CPU of converting to an entries array 3 times
    const requirementEntries = Object.entries(requirement);

    for (const [name, required] of requirementEntries) {
      // no need to check more if the value isn't required
      if (!required) {
        continue;
      }

      // cancel and show consent if a value isn't decided
      if (consentMap.get(name) === null) {
        return true;
      }
    }

    return false;
  }
};

const convertConsentValueToFormValue = (consent) => {
  if (!consent) {
    return undefined;
  }

  if (consent === "denied") {
    return false;
  }

  return true;
};

const convertConsentObjectToBooleans = (consent) => {
  const defaultConsent = {
    functional: null,
    marketing: null,
    statistics: null,
  };

  const consentEntries = Object.entries({ ...defaultConsent, ...consent }).map(
    ([consentName, value]) => [
      consentName,
      convertConsentValueToFormValue(value),
    ]
  );
  return Object.fromEntries(consentEntries);
};

const convertBooleanToConsentValue = (formValue) => {
  if (typeof formValue === "undefined") {
    return null;
  }

  if (formValue === false || String(formValue).toLowerCase() === "false") {
    return "denied";
  }

  return "accepted";
};

const convertBooleanConsentObjectToConsentObject = (consent) => {
  const defaultObject = {
    functional: undefined,
    marketing: undefined,
    statistics: undefined,
  };

  const consentEntries = Object.entries({ ...defaultObject, ...consent }).map(
    ([consentName, value]) => [consentName, convertBooleanToConsentValue(value)]
  );

  return Object.fromEntries(consentEntries);
};

function clearConsentCookie() {
  setConsentCookie(
    {
      functional: null,
      statistics: null,
      marketing: null,
    },
    -1
  );
}

render(<CookieConsentModalExample />);