🐛 [open-formulieren/open-forms#4546] Properly pass initial_data_refer…

…ence

previously this was added as a query param to the login URL, but to pass it correctly to the backend it should be added to the nextUrl query params on the login URL

src/components/FormStart/index.js

@@ -124,7 +124,7 @@ const FormStart = ({form, submission, onFormStart, onDestroySession, initialData
           <LoginOptions
             form={form}
             onFormStart={onFormStart}
-            extraParams={{initial_data_reference: initialDataReference}}
+            extraNextParams={{initial_data_reference: initialDataReference}}
           />
         )}
       </Card>

src/components/LoginOptions/index.js

@@ -9,7 +9,7 @@ import Types from 'types';
 
 import LoginOptionsDisplay from './LoginOptionsDisplay';
 
-const LoginOptions = ({form, onFormStart, extraParams = {}}) => {
+const LoginOptions = ({form, onFormStart, extraNextParams = {}}) => {
   const config = useContext(ConfigContext);
 
   const loginAsYourselfOptions = [];
@@ -18,7 +18,7 @@ const LoginOptions = ({form, onFormStart, extraParams = {}}) => {
 
   form.loginOptions.forEach(option => {
     let readyOption = {...option};
-    readyOption.url = getLoginUrl(option, extraParams);
+    readyOption.url = getLoginUrl(option, {}, extraNextParams);
     readyOption.label = (
       <FormattedMessage
         description="Login button label"

src/components/utils/index.js

@@ -24,9 +24,8 @@ const isLastStep = (currentStepIndex, submission) => {
   return currentStepIndex === submission.steps.length - 1;
 };
 
-const getLoginUrl = (loginOption, extraParams = {}) => {
+const getLoginUrl = (loginOption, extraParams = {}, extraNextParams = {}) => {
   if (loginOption.url === '#') return loginOption.url;
-
   const nextUrl = new URL(window.location.href);
 
   const queryParams = Array.from(nextUrl.searchParams.keys());
@@ -39,6 +38,7 @@ const getLoginUrl = (loginOption, extraParams = {}) => {
   if (!loginUrl.searchParams.has('coSignSubmission')) {
     nextUrl.searchParams.set(START_FORM_QUERY_PARAM, '1');
   }
+  Object.entries(extraNextParams).map(([key, value]) => nextUrl.searchParams.set(key, value));
   loginUrl.searchParams.set('next', nextUrl.toString());
   return loginUrl.toString();
 };