1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="fa0f21f0-2717-c159-361d-120d1b35c8f9")}catch(e){}}(); 2(globalThis["TURBOPACK"] || (globalThis["TURBOPACK"] = [])).push([typeof document === "object" ? document.currentScript : undefined, 3582342, ((__turbopack_context__) => { 4"use strict"; 5 6var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 7// We need to use `usePathname` from `next/navigation` here in order to redirect back to the page 8// in the locale the user was using. 9// eslint-disable-next-line no-restricted-imports 10var __TURBOPACK__imported__module__618566__ = __turbopack_context__.i(618566); 11"use client"; 12; 13; 14function PreviewNotice() { 15 const pathname = (0, __TURBOPACK__imported__module__618566__["usePathname"])(); 16 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 17 className: "z-50 flex h-6 w-full items-center justify-center bg-brand-500 text-sm text-white", 18 children: [ 19 "Dit is een preview pagina van een concept.", 20 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("a", { 21 href: "/api/exit-preview?from=".concat(pathname), 22 className: "hover:text-cyan mx-0.5 underline transition-colors duration-200", 23 children: "Klik hier" 24 }), 25 "om de preview modus te verlaten" 26 ] 27 }); 28} 29__turbopack_context__.s([ 30 "default", 31 0, 32 PreviewNotice 33]); 34}), 35968981, ((__turbopack_context__) => { 36"use strict"; 37 38// MERGED MODULE: [project]/src/components/banner/Banner.tsx [app-client] (ecmascript) 39; 40var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 41var __TURBOPACK__imported__module__271645__ = __turbopack_context__.i(271645); 42var __TURBOPACK__imported__module__909156__ = __turbopack_context__.i(909156); 43var __TURBOPACK__imported__module__768877__ = __turbopack_context__.i(768877); 44var __TURBOPACK__imported__module__945060__ = __turbopack_context__.i(945060); 45var __TURBOPACK__imported__module__614537__ = __turbopack_context__.i(614537); 46// MERGED MODULE: [project]/src/components/banner/DismissButton.tsx [app-client] (ecmascript) 47; 48var __TURBOPACK__imported__module__843476__1 = __TURBOPACK__imported__module__843476__; 49// MERGED MODULE: [project]/node_modules/@heroicons/react/24/outline/esm/XMarkIcon.js [app-client] (ecmascript) <export default as XMarkIcon> 50; 51// MERGED MODULE: [project]/node_modules/@heroicons/react/24/outline/esm/XMarkIcon.js [app-client] (ecmascript) 52; 53var __TURBOPACK__imported__module__271645__1 = __TURBOPACK__imported__module__271645__; 54; 55function XMarkIcon(param, svgRef) { 56 let { title, titleId, ...props } = param; 57 return /*#__PURE__*/ __TURBOPACK__imported__module__271645__1["createElement"]("svg", Object.assign({ 58 xmlns: "http://www.w3.org/2000/svg", 59 fill: "none",
60 viewBox: "0 0 24 24", 61 strokeWidth: 1.5, 62 stroke: "currentColor", 63 "aria-hidden": "true", 64 "data-slot": "icon", 65 ref: svgRef, 66 "aria-labelledby": titleId 67 }, props), title ? /*#__PURE__*/ __TURBOPACK__imported__module__271645__1["createElement"]("title", { 68 id: titleId 69 }, title) : null, /*#__PURE__*/ __TURBOPACK__imported__module__271645__1["createElement"]("path", { 70 strokeLinecap: "round", 71 strokeLinejoin: "round", 72 d: "M6 18 18 6M6 6l12 12" 73 })); 74} 75const ForwardRef = /*#__PURE__*/ __TURBOPACK__imported__module__271645__1["forwardRef"](XMarkIcon); 76const __TURBOPACK__default__export__ = ForwardRef; 77var __TURBOPACK__imported__module__945060__1 = __TURBOPACK__imported__module__945060__; 78"use client"; 79; 80; 81; 82function DismissButton(props) { 83 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsxs"])("button", { 84 type: "button", 85 onClick: props.onDismiss, 86 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("flex h-5 w-5 items-center rounded-md p-1 focus:ring-2 focus:ring-white", { 87 "hover:bg-blue-700": props.bannerType === "Standard", 88 "hover:bg-orange-700": props.bannerType === "Warning" 89 }), 90 children: [ 91 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsx"])("span", { 92 className: "sr-only", 93 children: "Dismiss" 94 }), 95 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsx"])(__TURBOPACK__default__export__, { 96 className: "h-3 w-3 text-white", 97 "aria-hidden": "true" 98 }) 99 ] 100 }); 101} 102// MERGED MODULE: [project]/src/components/banner/constants.ts [app-client] (ecmascript) 103; 104const DIKS_HIDDEN_BANNERS_COOKIE_NAME = "diks_hidden_banners"; 105"use client"; 106; 107; 108; 109; 110; 111; 112; 113; 114function Banner(param) { 115 let { banner: { bannerType, openInNewTab, url, text, id, cta } } = param; 116 const [hidden, setHidden] = (0, __TURBOPACK__imported__module__271645__["useState"])(false); 117 const onDismiss = (0, __TURBOPACK__imported__module__271645__["useCallback"])(function onDismiss() { 118 // Local state is used here as an optimization. This allows the banner to hide immediately 119 // when the user presses the dismiss button. 120 setHidden(true); 121 const cookies = __TURBOPACK__imported__module__909156__["parseCookie"](document.cookie); 122 const bannerCookie = cookies[DIKS_HIDDEN_BANNERS_COOKIE_NAME]; 123 let hiddenBannersList = []; 124 if (!!bannerCookie) { 125 try { 126 hiddenBannersList = JSON.parse(bannerCookie); 127 } catch (unused) { 128 // no-op 129 } 130 } 131 // Updating the cookie ensures that the banner does not re-appear with a hard refresh. 132 // To prevent an infinite accumulation of banner id's in the cookie header, we only keep them 133 // for the default duration (session). 134 document.cookie = __TURBOPACK__imported__module__909156__["stringifySetCookie"]({ 135 name: DIKS_HIDDEN_BANNERS_COOKIE_NAME, 136 value: JSON.stringify([ 137 ...hiddenBannersList, 138 id 139 ]) 140 }); 141 }, [ 142 id 143 ]); 144 if (hidden) { 145 return null; 146 } 147 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 148 "data-testid": "banner-wrapper", 149 className: (0, __TURBOPACK__imported__module__945060__["cn"])("relative", { 150 "bg-blue-500": bannerType === "Standard", 151 "bg-orange-500": bannerType === "Warning" 152 }), 153 children: [ 154 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 155 className: "py-2", 156 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 157 className: "container mx-auto max-w-(--breakpoint-2xl) px-2 md:px-5 xl:px-11", 158 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 159 className: "flex flex-col items-start 2xl:flex-row 2xl:items-center", 160 children: [ 161 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("p", { 162 className: "flex justify-between pr-6 font-medium text-white md:pr-2", 163 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("span", { 164 children: text 165 }) 166 }), 167 url && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 168 className: "mt-1 shrink-0 2xl:mt-0", 169 children: url.startsWith("/") && !openInNewTab ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])(__TURBOPACK__imported__module__614537__["Link"], { 170 // @ts-expect-error: Unable to specify unknown URL in routings 171 href: url, 172 className: "font-bold text-white underline hover:bg-blue-700 p-1 px-1.5 rounded-md group -ml-1.5 2xl:ml-0", 173 children: [ 174 cta, 175 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__768877__["ArrowRight"], { 176 "aria-hidden": "true", 177 className: "ml-0.5 inline-block h-2 w-2", 178 strokeWidth: 2.5 179 }) 180 ] 181 }) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("a", { 182 href: url, 183 target: openInNewTab ? "_blank" : undefined, 184 className: "font-bold text-white underline hover:bg-blue-700 p-1 px-1.5 rounded-md group -ml-1.5 2xl:ml-0", 185 rel: "noreferrer", 186 children: [ 187 cta, 188 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__768877__["ArrowRight"], { 189 "aria-hidden": "true", 190 className: "ml-0.5 inline-block h-2 w-2", 191 strokeWidth: 2.5 192 }) 193 ] 194 }) 195 }) 196 ] 197 }) 198 }) 199 }), 200 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 201 className: "absolute right-1 top-0 flex h-full items-center justify-center", 202 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(DismissButton, { 203 onDismiss: onDismiss, 204 bannerId: id, 205 bannerType: bannerType 206 }) 207 }) 208 ] 209 }); 210} 211__turbopack_context__.s([ 212 "default", 213 0, 214 Banner 215], 968981); 216}), 217755899, ((__turbopack_context__) => { 218"use strict"; 219 220var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 221// eslint-disable-next-line no-restricted-imports 222var __TURBOPACK__imported__module__618566__ = __turbopack_context__.i(618566); 223var __TURBOPACK__imported__module__954616__ = __turbopack_context__.i(954616); 224var __TURBOPACK__imported__module__846696__ = __turbopack_context__.i(846696); 225var __TURBOPACK__imported__module__710007__ = __turbopack_context__.i(710007); 226"use client"; 227; 228; 229; 230; 231; 232function PreviewModeToggle(param) { 233 let { active } = param; 234 const router = (0, __TURBOPACK__imported__module__618566__["useRouter"])(); 235 const { mutate, isPending } = (0, __TURBOPACK__imported__module__954616__["useMutation"])({ 236 mutationFn: async (action)=>{ 237 await fetch(action === "disable" ? "/api/exit-preview" : "/api/preview"); 238 router.refresh(); 239 }, 240 onSuccess: ()=>{ 241 (0, __TURBOPACK__imported__module__846696__["toast"])("Wordt de juiste inhoud niet direct weergegeven?", { 242 action: { 243 label: "Pagina verversen", 244 onClick: ()=>{ 245 window.location.reload(); 246 } 247 }, 248 duration: 5000, 249 position: "bottom-center" 250 }); 251 } 252 }); 253 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])(__TURBOPACK__imported__module__710007__["default"], { 254 variant: "white", 255 isLoading: isPending, 256 onClick: ()=>{ 257 mutate(active ? "disable" : "enable"); 258 }, 259 children: [ 260 "Preview modus: ", 261 active ? "Aan" : "Uit" 262 ] 263 }); 264} 265__turbopack_context__.s([ 266 "PreviewModeToggle", 267 0, 268 PreviewModeToggle 269]); 270}), 271904015, ((__turbopack_context__) => { 272"use strict"; 273 274var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 275var __TURBOPACK__imported__module__271645__ = __turbopack_context__.i(271645); 276"use client"; 277; 278; 279function CookiePreferencesButton(param) { 280 let { label, className } = param; 281 const handleClick = (0, __TURBOPACK__imported__module__271645__["useCallback"])(()=>{ 282 if ("TURBOPACK compile-time falsy", 0) //TURBOPACK unreachable 283 ; 284 const cookiebot = window.Cookiebot; 285 if (cookiebot === null || cookiebot === void 0 ? void 0 : cookiebot.renew) { 286 cookiebot.renew(); 287 } 288 }, []); 289 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("button", { 290 type: "button", 291 onClick: handleClick, 292 className: className, 293 children: label 294 }); 295} 296__turbopack_context__.s([ 297 "default", 298 0, 299 CookiePreferencesButton
300]); 301}), 302342531, ((__turbopack_context__) => { 303"use strict"; 304 305var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 306var __TURBOPACK__imported__module__271645__ = __turbopack_context__.i(271645); 307var __TURBOPACK__imported__module__653145__ = __turbopack_context__.i(653145); 308var __TURBOPACK__imported__module__817450__ = __turbopack_context__.i(817450); 309var __TURBOPACK__imported__module__432082__ = __turbopack_context__.i(432082); 310var __TURBOPACK__imported__module__710007__ = __turbopack_context__.i(710007); 311var __TURBOPACK__imported__module__257311__ = __turbopack_context__.i(257311); 312var __TURBOPACK__imported__module__773447__ = __turbopack_context__.i(773447); 313var __TURBOPACK__imported__module__948148__ = __turbopack_context__.i(948148); 314var __TURBOPACK__imported__module__304818__ = __turbopack_context__.i(304818); 315"use client"; 316; 317; 318; 319; 320; 321; 322; 323; 324; 325const NewsletterSubscribeForm = /*#__PURE__*/ __TURBOPACK__imported__module__271645__["default"].memo(function NewsletterSubscribeForm() { 326 const t = (0, __TURBOPACK__imported__module__948148__["useTranslations"])("common"); 327 const { reset, handleSubmit, register, setError, formState: { errors } } = (0, __TURBOPACK__imported__module__653145__["useForm"])({ 328 defaultValues: { 329 email: "" 330 } 331 }); 332 const subscribe = (0, __TURBOPACK__imported__module__817450__["useSupportSubscribeNewsletter"])({ 333 onError: (error)=>{ 334 var _error_response_data, _error_response; 335 if (((_error_response = error.response) === null || _error_response === void 0 ? void 0 : (_error_response_data = _error_response.data) === null || _error_response_data === void 0 ? void 0 : _error_response_data.key) === "support.subscribeNewsletter.alreadySubscribed") { 336 setError("email", { 337 message: t("footer.newsletter.error.alreadySubscribed") 338 }); 339 } 340 }, 341 onSuccess: ()=>{ 342 (0, __TURBOPACK__imported__module__432082__["dataLayer"])({ 343 event: "nieuwsbrief_inschrijving" 344 }); 345 reset(); 346 } 347 }); 348 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("form", { 349 onSubmit: handleSubmit((values)=>subscribe.mutate(values)), 350 children: [ 351 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 352 className: "mt-3 flex items-start", 353 children: [ 354 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 355 children: [ 356 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__257311__["default"], { 357 type: "email", 358 placeholder: "".concat(t("footer.newsletter.email"), "..."), 359 id: "email-newsletter", 360 "aria-invalid": errors.email ? "true" : "false", 361 "aria-describedby": errors.email ? "email-error" : undefined, 362 className: "mr-1 flex-1", 363 ...register("email", { 364 required: t("footer.newsletter.validation.required"), 365 pattern: { 366 value: __TURBOPACK__imported__module__304818__["email_regex"], 367 message: t("footer.newsletter.validation.email") 368 } 369 }) 370 }), 371 errors.email && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("p", { 372 className: "mt-0.5 text-sm text-red-100", 373 id: "email-error", 374 children: errors.email.message 375 }) 376 ] 377 }), 378 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__710007__["default"], { 379 type: "submit", 380 variant: "blue", 381 isLoading: subscribe.isPending, 382 children: t("footer.newsletter.submit") 383 }) 384 ] 385 }), 386 subscribe.isSuccess && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("p", { 387 className: "mt-1 flex items-center text-sm font-medium text-green-200", 388 children: [ 389 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("svg", { 390 xmlns: "http://www.w3.org/2000/svg", 391 className: "mr-1 h-2 w-2", 392 fill: "none",
393 viewBox: "0 0 24 24", 394 stroke: "currentColor", 395 "aria-hidden": "true", 396 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("path", { 397 strokeLinecap: "round", 398 strokeLinejoin: "round", 399 strokeWidth: 2, 400 d: "M5 13l4 4L19 7" 401 }) 402 }), 403 t("footer.newsletter.success") 404 ] 405 }) 406 ] 407 }); 408}); 409__turbopack_context__.s([ 410 "NewsletterSubscribeForm", 411 0, 412 NewsletterSubscribeForm 413]); 414}), 415642926, 512358, 416((__turbopack_context__) => { 417"use strict"; 418 419// MERGED MODULE: [project]/src/components/navigation/DesktopNavigationMenu.tsx [app-client] (ecmascript) 420; 421var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 422// eslint-disable-next-line no-restricted-imports 423var __TURBOPACK__imported__module__522016__ = __turbopack_context__.i(522016); 424var __TURBOPACK__imported__module__372225__ = __turbopack_context__.i(372225); 425// MERGED MODULE: [project]/src/components/navigation/getNavigationLinkObject.ts [app-client] (ecmascript) 426; 427var __TURBOPACK__imported__module__614537__ = __turbopack_context__.i(614537); 428; 429function getNavigationLinkObject(link, param) { 430 let { locale } = param; 431 if (link.__typename === "LinkRecord") { 432 if (!link.record) { 433 return null; 434 } 435 let href = undefined; 436 if (link.record.__typename === "PageRecord") { 437 var _ref, _ref1; 438 var _link_record__allSlugLocales_find, _link_record__allSlugLocales, _link_record_parent__allSlugLocales_find, _link_record_parent__allSlugLocales, _link_record_parent; 439 const slug = (_ref = (_link_record__allSlugLocales = link.record._allSlugLocales) === null || _link_record__allSlugLocales === void 0 ? void 0 : (_link_record__allSlugLocales_find = _link_record__allSlugLocales.find((it)=>it.locale === locale)) === null || _link_record__allSlugLocales_find === void 0 ? void 0 : _link_record__allSlugLocales_find.value) !== null && _ref !== void 0 ? _ref : undefined; 440 const parentSlug = (_ref1 = (_link_record_parent = link.record.parent) === null || _link_record_parent === void 0 ? void 0 : (_link_record_parent__allSlugLocales = _link_record_parent._allSlugLocales) === null || _link_record_parent__allSlugLocales === void 0 ? void 0 : (_link_record_parent__allSlugLocales_find = _link_record_parent__allSlugLocales.find((it)=>it.locale === locale)) === null || _link_record_parent__allSlugLocales_find === void 0 ? void 0 : _link_record_parent__allSlugLocales_find.value) !== null && _ref1 !== void 0 ? _ref1 : undefined; 441 if (!!slug && !!parentSlug) { 442 href = (0, __TURBOPACK__imported__module__614537__["getPathname"])({ 443 href: { 444 pathname: "/[rootSlug]/[slug]", 445 params: { 446 rootSlug: parentSlug, 447 slug 448 } 449 }, 450 locale 451 }); 452 } else if (!!slug) { 453 href = (0, __TURBOPACK__imported__module__614537__["getPathname"])({ 454 href: { 455 pathname: "/[rootSlug]", 456 params: { 457 rootSlug: slug 458 } 459 }, 460 locale 461 }); 462 } 463 } 464 if (link.record.__typename === "LocationRecord") { 465 var _ref2; 466 var _link_record__allSlugLocales_find1, _link_record__allSlugLocales1; 467 const slug = (_ref2 = (_link_record__allSlugLocales1 = link.record._allSlugLocales) === null || _link_record__allSlugLocales1 === void 0 ? void 0 : (_link_record__allSlugLocales_find1 = _link_record__allSlugLocales1.find((it)=>it.locale === locale)) === null || _link_record__allSlugLocales_find1 === void 0 ? void 0 : _link_record__allSlugLocales_find1.value) !== null && _ref2 !== void 0 ? _ref2 : undefined; 468 if (!!slug) { 469 href = (0, __TURBOPACK__imported__module__614537__["getPathname"])({ 470 href: { 471 pathname: "/vestigingen/[slug]", 472 params: { 473 slug 474 } 475 }, 476 locale 477 }); 478 } 479 } 480 if (link.record.__typename === "NewsBlogRecord") { 481 var _ref3; 482 var _link_record__allSlugLocales_find2, _link_record__allSlugLocales2; 483 const slug = (_ref3 = (_link_record__allSlugLocales2 = link.record._allSlugLocales) === null || _link_record__allSlugLocales2 === void 0 ? void 0 : (_link_record__allSlugLocales_find2 = _link_record__allSlugLocales2.find((it)=>it.locale === locale)) === null || _link_record__allSlugLocales_find2 === void 0 ? void 0 : _link_record__allSlugLocales_find2.value) !== null && _ref3 !== void 0 ? _ref3 : undefined; 484 if (!!slug) { 485 href = (0, __TURBOPACK__imported__module__614537__["getPathname"])({ 486 href: { 487 pathname: "/nieuws/[slug]", 488 params: { 489 slug 490 } 491 }, 492 locale 493 }); 494 } 495 } 496 if (link.record.__typename === "StoryRecord") { 497 var _ref4; 498 var _link_record__allSlugLocales_find3, _link_record__allSlugLocales3; 499 const slug = (_ref4 = (_link_record__allSlugLocales3 = link.record._allSlugLocales) === null || _link_record__allSlugLocales3 === void 0 ? void 0 : (_link_record__allSlugLocales_find3 = _link_record__allSlugLocales3.find((it)=>it.locale === locale)) === null || _link_record__allSlugLocales_find3 === void 0 ? void 0 : _link_record__allSlugLocales_find3.value) !== null && _ref4 !== void 0 ? _ref4 : undefined; 500 if (!!slug) { 501 href = (0, __TURBOPACK__imported__module__614537__["getPathname"])({ 502 href: { 503 pathname: "/werken-bij/verhalen/[slug]", 504 params: { 505 slug 506 } 507 }, 508 locale 509 }); 510 } 511 } 512 if (link.record.__typename === "VacancyRecord") { 513 var _ref5; 514 var _link_record__allSlugLocales_find4, _link_record__allSlugLocales4; 515 const slug = (_ref5 = (_link_record__allSlugLocales4 = link.record._allSlugLocales) === null || _link_record__allSlugLocales4 === void 0 ? void 0 : (_link_record__allSlugLocales_find4 = _link_record__allSlugLocales4.find((it)=>it.locale === locale)) === null || _link_record__allSlugLocales_find4 === void 0 ? void 0 : _link_record__allSlugLocales_find4.value) !== null && _ref5 !== void 0 ? _ref5 : undefined; 516 if (!!slug) { 517 href = (0, __TURBOPACK__imported__module__614537__["getPathname"])({ 518 href: { 519 pathname: "/werken-bij/vacature/[slug]", 520 params: { 521 slug 522 } 523 }, 524 locale 525 }); 526 } 527 } 528 if (!href || !link.label) { 529 return null; 530 } 531 return { 532 id: link.id, 533 label: link.label, 534 url: href, 535 openInNewTab: false, 536 external: false 537 }; 538 } 539 if (link.__typename === "ExternalLinkRecord") { 540 var _link_openInNewTab, _link_external; 541 if (!link.label || !link.url) { 542 return null; 543 } 544 return { 545 id: link.id, 546 label: link.label, 547 url: link.url, 548 openInNewTab: (_link_openInNewTab = link.openInNewTab) !== null && _link_openInNewTab !== void 0 ? _link_openInNewTab : true, 549 external: (_link_external = link.external) !== null && _link_external !== void 0 ? _link_external : true 550 }; 551 } 552 return null; 553} 554__turbopack_context__.s([ 555 "getNavigationLinkObject", 556 0, 557 getNavigationLinkObject 558], 512358);
559var __TURBOPACK__imported__module__773447__ = __turbopack_context__.i(773447); 560var __TURBOPACK__imported__module__861745__ = __turbopack_context__.i(861745); 561"use client"; 562; 563; 564; 565; 566; 567function DesktopNavigationMenu(param) { 568 let { data: navigation, alternates: _alternates } = param; 569 const locale = (0, __TURBOPACK__imported__module__861745__["useLocale"])(); 570 const mainSection = navigation.sections.find((it)=>{ 571 var _it_title; 572 return ((_it_title = it.title) === null || _it_title === void 0 ? void 0 : _it_title.toLowerCase()) === "diks"; 573 }); 574 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 575 className: "py-5", 576 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 577 className: "container mx-auto max-w-(--breakpoint-2xl) px-2 md:px-5 xl:px-11", 578 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 579 className: "grid grid-cols-5 gap-5", 580 children: [ 581 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 582 className: "col-span-2", 583 children: !!mainSection && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 584 className: "grid grid-cols-1 gap-3", 585 children: [ 586 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 587 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__372225__["DiksLabel"], { 588 className: "inline h-1.5 w-auto text-brand-300" 589 }) 590 }), 591 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 592 className: "grid gap-3.5 grid-cols-2", 593 children: mainSection.links.map((_link)=>{ 594 const link = getNavigationLinkObject(_link, { 595 locale 596 }); 597 if (!link) { 598 return null; 599 } 600 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(NavigationLink, { 601 link: link, 602 className: "block font-normal text-dark-500 text-16 font-inter hover:underline focus:underline" 603 }, link.id); 604 }) 605 }) 606 ] 607 }) 608 }), 609 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 610 className: "col-span-3", 611 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 612 className: "grid grid-cols-2 gap-5", 613 children: navigation.sections.filter((it)=>{ 614 var _it_title; 615 return ((_it_title = it.title) === null || _it_title === void 0 ? void 0 : _it_title.toLowerCase()) !== "diks"; 616 }).map((section, index)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 617 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 618 className: "grid grid-cols-1 gap-3", 619 children: [ 620 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 621 className: "text-brand-300 font-semibold text-16", 622 children: section.title 623 }), 624 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 625 className: "grid gap-3.5 grid-cols-1", 626 children: section.links.map((_link)=>{ 627 const link = getNavigationLinkObject(_link, { 628 locale 629 }); 630 if (!link) { 631 return null; 632 } 633 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(NavigationLink, { 634 link: link, 635 className: "block font-normal text-dark-500 text-16 font-inter hover:underline focus:underline" 636 }, link.id); 637 }) 638 }) 639 ] 640 }) 641 }, index)) 642 }) 643 }) 644 ] 645 }) 646 }) 647 }); 648} 649function NavigationLink(param) { 650 let { link, className } = param; 651 if (link.url.startsWith("/")) { 652 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__522016__["default"], { 653 href: link.url, 654 className: className, 655 children: link.label 656 }, link.id); 657 } 658 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("a", { 659 href: link.url, 660 rel: link.openInNewTab ? "noreferrer noopener" : undefined, 661 target: link.openInNewTab ? "_blank" : undefined, 662 className: className, 663 children: link.label 664 }, link.id); 665} 666__turbopack_context__.s([ 667 "DesktopNavigationMenu", 668 0, 669 DesktopNavigationMenu, 670 "NavigationLink", 671 0, 672 NavigationLink 673], 642926); 674}), 675646570, ((__turbopack_context__) => { 676"use strict"; 677 678// MERGED MODULE: [project]/src/components/navigation/Navigation.tsx [app-client] (ecmascript) 679; 680var __TURBOPACK__imported__module__843476__ = __turbopack_context__.i(843476); 681var __TURBOPACK__imported__module__271645__ = __turbopack_context__.i(271645); 682var __TURBOPACK__imported__module__171481__ = __turbopack_context__.i(171481); 683var __TURBOPACK__imported__module__88653__ = __turbopack_context__.i(88653); 684var __TURBOPACK__imported__module__532181__ = __turbopack_context__.i(532181); 685var __TURBOPACK__imported__module__911385__ = __turbopack_context__.i(911385); 686var __TURBOPACK__imported__module__642926__ = __turbopack_context__.i(642926); 687// MERGED MODULE: [project]/src/components/navigation/MobileAccountMenuOverlay.tsx [app-client] (ecmascript) 688; 689var __TURBOPACK__imported__module__843476__1 = __TURBOPACK__imported__module__843476__; 690var __TURBOPACK__imported__module__989895__ = __turbopack_context__.i(989895); 691// MERGED MODULE: [project]/src/components/navigation/AccountMenu.tsx [app-client] (ecmascript) 692; 693var __TURBOPACK__imported__module__843476__2 = __TURBOPACK__imported__module__843476__; 694var __TURBOPACK__imported__module__271645__1 = __TURBOPACK__imported__module__271645__; 695var __TURBOPACK__imported__module__989895__1 = __TURBOPACK__imported__module__989895__; 696var __TURBOPACK__imported__module__912598__ = __turbopack_context__.i(912598); 697var __TURBOPACK__imported__module__86480__ = __turbopack_context__.i(86480); 698var __TURBOPACK__imported__module__991844__ = __turbopack_context__.i(991844); 699var __TURBOPACK__imported__module__541378__ = __turbopack_context__.i(541378); 700var __TURBOPACK__imported__module__95106__ = __turbopack_context__.i(95106);
701var __TURBOPACK__imported__module__773447__ = __turbopack_context__.i(773447); 702var __TURBOPACK__imported__module__948148__ = __turbopack_context__.i(948148); 703var __TURBOPACK__imported__module__614537__ = __turbopack_context__.i(614537); 704// MERGED MODULE: [project]/src/icon/User.tsx [app-client] (ecmascript) 705; 706var __TURBOPACK__imported__module__843476__3 = __TURBOPACK__imported__module__843476__; 707var __TURBOPACK__imported__module__271645__2 = __TURBOPACK__imported__module__271645__; 708; 709; 710const SvgUser = (props, ref)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__3["jsx"])("svg", { 711 xmlns: "http://www.w3.org/2000/svg", 712 width: 24, 713 height: 24, 714 fill: "none", 715 viewBox: "0 0 24 24", 716 ref: ref, 717 ...props, 718 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__3["jsx"])("path", { 719 fill: "currentColor", 720 d: "M19.145 19.5a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-.986a4.34 4.34 0 0 1 4.342-4.342h5.21a4.34 4.34 0 0 1 4.343 4.342zM10.536 12.104a4.342 4.342 0 1 0 3.323-8.023 4.342 4.342 0 0 0-3.323 8.023" 721 }) 722 }); 723const ForwardRef = /*#__PURE__*/ (0, __TURBOPACK__imported__module__271645__2["forwardRef"])(SvgUser); 724const Memo = /*#__PURE__*/ (0, __TURBOPACK__imported__module__271645__2["memo"])(ForwardRef); 725const __TURBOPACK__default__export__ = Memo; 726var __TURBOPACK__imported__module__945060__ = __turbopack_context__.i(945060); 727"use client"; 728; 729; 730; 731; 732; 733; 734; 735; 736; 737; 738; 739; 740; 741const AccountMenu = /*#__PURE__*/ __TURBOPACK__imported__module__271645__1["default"].memo(function AccountMenu() { 742 const t = (0, __TURBOPACK__imported__module__948148__["useTranslations"])("common"); 743 const pathname = (0, __TURBOPACK__imported__module__614537__["usePathname"])(); 744 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["Menu"], { 745 as: "div", 746 className: "relative", 747 children: (param)=>{ 748 let { open } = param; 749 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsxs"])(__TURBOPACK__imported__module__843476__2["Fragment"], { 750 children: [ 751 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsxs"])(__TURBOPACK__imported__module__991844__["Tooltip"], { 752 children: [ 753 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__991844__["TooltipTrigger"], { 754 asChild: true, 755 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuButton"], { 756 "data-testid": "Navigation.account", 757 className: (0, __TURBOPACK__imported__module__945060__["cn"])("group flex h-8 w-6 items-center justify-center border-b-2 font-semibold text-dark-500 focus:outline-none", { 758 "border-transparent": !pathname.startsWith("/mijn-diks"), 759 "border-dark-500": pathname.startsWith("/mijn-diks") 760 }), 761 "aria-label": t("navigation.account"), 762 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])("span", { 763 className: (0, __TURBOPACK__imported__module__945060__["cn"])("flex h-5 w-5 items-center justify-center rounded text-dark-500", { 764 "group-hover:bg-blue-50 group-focus:bg-blue-200": !open, 765 "bg-blue-300 group-hover:bg-blue-300": open 766 }), 767 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__default__export__, {}) 768 }) 769 }) 770 }), 771 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__991844__["TooltipContent"], { 772 children: t("navigation.account") 773 }) 774 ] 775 }), 776 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuItems"], { 777 anchor: "bottom end", 778 transition: true, 779 className: "absolute z-30 mt-[1px] -ml-0.5 flex min-w-[360px] origin-top-right flex-col overflow-auto rounded-md bg-white text-base shadow-lg ring-1 ring-brand-100 focus:outline-none transition data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in", 780 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(AccountMenuContent, {}) 781 }) 782 ] 783 }); 784 } 785 }); 786}); 787function AccountMenuContent() { 788 var _auth_user, _auth_user1, _auth_user2, _auth_user3; 789 const t = (0, __TURBOPACK__imported__module__948148__["useTranslations"])("common"); 790 const accountLinks = (0, __TURBOPACK__imported__module__95106__["useAccountLinks"])(); 791 const { data: auth } = (0, __TURBOPACK__imported__module__86480__["useAuthMe"])(); 792 const router = (0, __TURBOPACK__imported__module__614537__["useRouter"])(); 793 const queryClient = (0, __TURBOPACK__imported__module__912598__["useQueryClient"])(); 794 const { mutate: logout } = (0, __TURBOPACK__imported__module__86480__["useAuthLogout"])({ 795 onSuccess: async ()=>{ 796 await queryClient.cancelQueries(); 797 (0, __TURBOPACK__imported__module__541378__["deleteSession"])(); 798 queryClient.clear(); 799 router.refresh();
800 void queryClient.invalidateQueries(); 801 } 802 }); 803 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsxs"])(__TURBOPACK__imported__module__843476__2["Fragment"], { 804 children: [ 805 (auth === null || auth === void 0 ? void 0 : (_auth_user = auth.user) === null || _auth_user === void 0 ? void 0 : _auth_user.permissions.includes("diks:client")) && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsxs"])(__TURBOPACK__imported__module__989895__1["MenuSection"], { 806 children: [ 807 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuHeading"], { 808 className: "text-md text-dark-500 md:text-brand-300 font-semibold p-3", 809 children: t("navigation.profile") 810 }), 811 accountLinks.map((link, index)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuItem"], { 812 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__614537__["Link"], { 813 href: link.href, 814 className: "relative cursor-pointer select-none truncate pt-[12px] pb-[16px] px-[40px] text-dark-500 text-md data-focus:bg-brand-50 block text-left bg-[#F9F9FB]", 815 children: link.label 816 }) 817 }, index)) 818 ] 819 }), 820 ((auth === null || auth === void 0 ? void 0 : (_auth_user1 = auth.user) === null || _auth_user1 === void 0 ? void 0 : _auth_user1.permissions.includes("diks:admin")) || (auth === null || auth === void 0 ? void 0 : (_auth_user2 = auth.user) === null || _auth_user2 === void 0 ? void 0 : _auth_user2.permissions.includes("diks:mContact")) || (auth === null || auth === void 0 ? void 0 : (_auth_user3 = auth.user) === null || _auth_user3 === void 0 ? void 0 : _auth_user3.permissions.includes("diks:transfer"))) && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuItem"], { 821 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])("a", { 822 href: "/beheer", 823 "data-testid": "Navigation.account.admin", 824 className: "relative cursor-pointer select-none truncate text-dark-500 text-md data-focus:bg-brand-50 block text-left p-3", 825 children: "Beheer" 826 }) 827 }), 828 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuSeparator"], { 829 className: "h-px bg-brand-100" 830 }), 831 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])(__TURBOPACK__imported__module__989895__1["MenuItem"], { 832 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__2["jsx"])("button", { 833 type: "button", 834 "data-testid": "Navigation.logout", 835 onClick: ()=>{ 836 logout({}); 837 }, 838 className: "relative cursor-pointer select-none truncate text-dark-500 text-md data-focus:bg-brand-50 block text-left p-3", 839 children: t("navigation.logout") 840 }) 841 }) 842 ] 843 }); 844} 845"use client"; 846; 847; 848; 849function MobileAccountMenuOverlay() { 850 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsx"])("div", { 851 className: "relative flex flex-col w-screen h-dvh lg:h-auto max-h-dvh pt-[64px] bg-white lg:rounded-bl lg:rounded-br", 852 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsx"])(__TURBOPACK__imported__module__989895__["Menu"], { 853 as: "div", 854 className: "w-full h-full", 855 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsx"])(__TURBOPACK__imported__module__989895__["MenuItems"], { 856 static: true, 857 className: "w-full h-full flex flex-col", 858 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__1["jsx"])(AccountMenuContent, {}) 859 }) 860 }) 861 }); 862} 863// MERGED MODULE: [project]/src/components/navigation/MobileNavigationMenu.tsx [app-client] (ecmascript) 864; 865var __TURBOPACK__imported__module__843476__4 = __TURBOPACK__imported__module__843476__; 866var __TURBOPACK__imported__module__271645__3 = __TURBOPACK__imported__module__271645__; 867// eslint-disable-next-line no-restricted-imports 868var __TURBOPACK__imported__module__522016__ = __turbopack_context__.i(522016); 869var __TURBOPACK__imported__module__503636__ = __turbopack_context__.i(503636); 870var __TURBOPACK__imported__module__88653__1 = __TURBOPACK__imported__module__88653__; 871var __TURBOPACK__imported__module__532181__1 = __TURBOPACK__imported__module__532181__; 872// MERGED MODULE: [project]/node_modules/@radix-ui/react-accordion/dist/index.mjs [app-client] (ecmascript) <export * as Accordion> 873; 874var __TURBOPACK__imported__module__767660__ = __turbopack_context__.i(767660); 875var __TURBOPACK__imported__module__767660__ = __TURBOPACK__imported__module__767660__; 876var __TURBOPACK__imported__module__733686__ = __turbopack_context__.i(733686); 877var __TURBOPACK__imported__module__372225__ = __turbopack_context__.i(372225); 878var __TURBOPACK__imported__module__534345__ = __turbopack_context__.i(534345); 879var __TURBOPACK__imported__module__512358__ = __turbopack_context__.i(512358);
880var __TURBOPACK__imported__module__773447__1 = __TURBOPACK__imported__module__773447__; 881var __TURBOPACK__imported__module__948148__1 = __TURBOPACK__imported__module__948148__; 882var __TURBOPACK__imported__module__861745__ = __turbopack_context__.i(861745); 883var __TURBOPACK__imported__module__614537__1 = __TURBOPACK__imported__module__614537__; 884// MERGED MODULE: [project]/src/icon/ShoppingCart.tsx [app-client] (ecmascript) 885; 886var __TURBOPACK__imported__module__843476__5 = __TURBOPACK__imported__module__843476__; 887var __TURBOPACK__imported__module__271645__4 = __TURBOPACK__imported__module__271645__; 888; 889; 890const SvgShoppingCart = (props, ref)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__5["jsxs"])("svg", { 891 xmlns: "http://www.w3.org/2000/svg", 892 width: 24, 893 height: 24, 894 fill: "none", 895 viewBox: "0 0 24 24", 896 ref: ref, 897 ...props, 898 children: [ 899 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__5["jsx"])("path", { 900 fill: "currentColor", 901 fillRule: "evenodd", 902 d: "M2.96 4.5h2.025l1.387 1.475H19.54c.462 0 .8.436.689.886l-1.404 5.673a.71.71 0 0 1-.689.542H8.414l.364 1.428h9.408c.392 0 .71.32.71.715a.713.713 0 0 1-.628.71l-.082.004H8.187a.71.71 0 0 1-.707-.772l-.667-2.623-1.388-5.493-1.052-1.117H2.96a.71.71 0 0 1-.704-.63l-.005-.084c0-.366.274-.668.627-.71z", 903 clipRule: "evenodd" 904 }), 905 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__5["jsx"])("ellipse", { 906 cx: 10.054, 907 cy: 18.071, 908 fill: "currentColor", 909 rx: 1.419, 910 ry: 1.429 911 }), 912 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__5["jsx"])("ellipse", { 913 cx: 16.44, 914 cy: 18.071, 915 fill: "currentColor", 916 rx: 1.419, 917 ry: 1.429 918 }) 919 ] 920 }); 921const ForwardRef1 = /*#__PURE__*/ (0, __TURBOPACK__imported__module__271645__4["forwardRef"])(SvgShoppingCart); 922const Memo1 = /*#__PURE__*/ (0, __TURBOPACK__imported__module__271645__4["memo"])(ForwardRef1); 923const __TURBOPACK__default__export__1 = Memo1; 924"use client"; 925; 926; 927; 928; 929; 930; 931; 932; 933; 934; 935; 936; 937; 938; 939; 940const ANIMATION_DEBUG_TRANSITION_MODIFIER = 1; 941const linkClassName = "pl-4 pr-2 block font-medium text-dark-500 text-16 font-inter focus:underline hover:underline focus-visible:ring-2 ring-inset py-2"; 942function MobileNavigationMenu(param) { 943 let { data: navigation, alternates, isLoggedIn } = param; 944 const locale = (0, __TURBOPACK__imported__module__861745__["useLocale"])(); 945 const t = (0, __TURBOPACK__imported__module__948148__1["useTranslations"])("common"); 946 const [activeSection, setActiveSection] = __TURBOPACK__imported__module__271645__3["default"].useState(undefined); 947 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__767660__.Root, { 948 type: "single", 949 collapsible: true, 950 orientation: "vertical", 951 className: "isolate", 952 value: activeSection, 953 onValueChange: setActiveSection, 954 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])("div", { 955 className: "divide-y divide-gray-100", 956 children: [ 957 navigation.sections.map((section)=>{ 958 var _section_title; 959 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])(__TURBOPACK__imported__module__767660__.Item, { 960 value: section.id, 961 children: [ 962 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])(__TURBOPACK__imported__module__767660__.Trigger, { 963 className: "transition-colors group px-2 py-2 flex w-full text-left focus-visible:ring-2 ring-inset data-[state=open]:border-b border-b-gray-100", 964 children: [ 965 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("span", { 966 className: "flex-1 transition-all font-normal text-16 font-inter", 967 children: ((_section_title = section.title) === null || _section_title === void 0 ? void 0 : _section_title.toLowerCase()) === "diks" ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__372225__["DiksLabel"], { 968 className: "inline h-1.5 w-auto text-dark-500/50 group-data-[state=open]:text-dark-500" 969 }) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("span", { 970 className: "text-dark-500 group-data-[state=open]:font-bold", 971 children: section.title 972 }) 973 }), 974 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__503636__["ChevronDownIcon"], { 975 className: "shrink-0 w-5.5 text-dark-500 transition-transform duration-300 ease-[
975cubic-bezier(0.87,0,0.13,1)] group-data-[state=open]:rotate-180" 976 }) 977 ] 978 }), 979 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(SectionContent, { 980 open: activeSection === section.id, 981 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("div", { 982 className: "pt-1 pb-2 bg-brand-50/50", 983 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("div", { 984 className: "grid grid-cols-1", 985 children: section.links.map((_link)=>{ 986 const link = (0, __TURBOPACK__imported__module__512358__["getNavigationLinkObject"])(_link, { 987 locale 988 }); 989 if (!link) { 990 return null; 991 } 992 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(NavigationLink, { 993 link: link, 994 className: linkClassName 995 }, link.id); 996 }) 997 }) 998 }) 999 }) 1000 ] 1001 }, section.id); 1002 }), 1003 !isLoggedIn && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])(__TURBOPACK__imported__module__614537__1["Link"], { 1004 href: "/account/inloggen", 1005 className: "transition-colors group px-2 py-2 flex gap-1 items-center w-full text-left focus:bg-brand-50 focus-visible:ring-2 ring-inset", 1006 children: [ 1007 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("span", { 1008 className: "shrink-0", 1009 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__default__export__, { 1010 className: "text-dark-500" 1011 }) 1012 }), 1013 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("span", { 1014 className: "flex-1 transition-all font-normal text-dark-500 text-16 font-inter", 1015 children: t("navigation.login") 1016 }), 1017 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__503636__["ChevronDownIcon"], { 1018 className: "shrink-0 w-5.5 text-dark-500 -rotate-90" 1019 }) 1020 ] 1021 }), 1022 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(ShoppingCartButton, {}), 1023 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("div", { 1024 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])("div", { 1025 className: "items-center px-1 py-2 flex", 1026 children: [ 1027 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__534345__["ChangeLanguageButton"], { 1028 locale: "nl", 1029 href: alternates === null || alternates === void 0 ? void 0 : alternates["nl"] 1030 }), 1031 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("div", { 1032 className: "h-2 w-px bg-dark-200" 1033 }), 1034 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__534345__["ChangeLanguageButton"], { 1035 locale: "en", 1036 href: alternates === null || alternates === void 0 ? void 0 : alternates["en"] 1037 }) 1038 ] 1039 }) 1040 }) 1041 ] 1042 }) 1043 }); 1044} 1045function ShoppingCartButton() { 1046 const t = (0, __TURBOPACK__imported__module__948148__1["useTranslations"])("common"); 1047 const { data: count } = (0, __TURBOPACK__imported__module__733686__["useOrderOverviewCount"])({ 1048 queryOptions: { 1049 select: (data)=>data.lines 1050 } 1051 }); 1052 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])(__TURBOPACK__imported__module__614537__1["Link"], { 1053 href: "/winkelwagen", 1054 className: "transition-colors group px-2 py-2 flex gap-1 items-center w-full text-left focus:bg-brand-50 focus-visible:ring-2 ring-inset", 1055 children: [ 1056 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("span", { 1057 className: "shrink-0", 1058 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__default__export__1, { 1059 className: "text-dark-500" 1060 }) 1061 }), 1062 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsxs"])("span", { 1063 className: "flex-1 transition-all font-normal text-dark-500 text-16 font-inter", 1064 children: [ 1065 t("navigation.cart"), 1066 !!count && " (".concat(count, ")") 1067 ] 1068 }), 1069 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__503636__["ChevronDownIcon"], { 1070 className: "shrink-0 w-5.5 text-dark-500 -rotate-90" 1071 }) 1072 ] 1073 }); 1074} 1075function SectionContent(param) { 1076 let { children, open, ref } = param; 1077 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__767660__.Content, { 1078 forceMount: true, 1079 ref: ref, 1080 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__88653__1["AnimatePresence"], { 1081 children: open && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__532181__1["motion"].div, { 1082 initial: "closed", 1083 animate: "open", 1084 exit: "closed", 1085 variants: { 1086 open: { 1087 height: "auto", 1088 transition: { 1089 duration: 0.4 * ANIMATION_DEBUG_TRANSITION_MODIFIER, 1090 type: "spring", 1091 bounce: 0 1092 } 1093 }, 1094 closed: { 1095 height: 0, 1096 transition: { 1097 duration: 0.4 * ANIMATION_DEBUG_TRANSITION_MODIFIER, 1098 type: "spring", 1099 bounce: 0 1100 } 1101 } 1102 }, 1103 className: "overflow-hidden", 1104 children: children 1105 }) 1106 }) 1107 }); 1108} 1109function NavigationLink(param) { 1110 let { link, className } = param; 1111 if (link.url.startsWith("/")) { 1112 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])(__TURBOPACK__imported__module__522016__["default"], { 1113 href: link.url, 1114 className: className, 1115 children: link.label 1116 }, link.id); 1117 } 1118 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__4["jsx"])("a", { 1119 href: link.url, 1120 rel: link.openInNewTab ? "noreferrer noopener" : undefined, 1121 target: link.openInNewTab ? "_blank" : undefined, 1122 className: className, 1123 children: link.label 1124 }, link.id); 1125} 1126// MERGED MODULE: [project]/src/components/navigation/NavigationBar.tsx [app-client] (ecmascript) 1127;
1128var __TURBOPACK__imported__module__843476__6 = __TURBOPACK__imported__module__843476__; 1129var __TURBOPACK__imported__module__271645__5 = __TURBOPACK__imported__module__271645__; 1130var __TURBOPACK__imported__module__976562__ = __turbopack_context__.i(976562); 1131var __TURBOPACK__imported__module__618566__ = __turbopack_context__.i(618566); 1132var __TURBOPACK__imported__module__673836__ = __turbopack_context__.i(673836); 1133var __TURBOPACK__imported__module__733686__1 = __TURBOPACK__imported__module__733686__; 1134var __TURBOPACK__imported__module__991844__1 = __TURBOPACK__imported__module__991844__; 1135var __TURBOPACK__imported__module__372225__1 = __TURBOPACK__imported__module__372225__; 1136var __TURBOPACK__imported__module__551438__ = __turbopack_context__.i(551438); 1137var __TURBOPACK__imported__module__19746__ = __turbopack_context__.i(19746); 1138var __TURBOPACK__imported__module__886282__ = __turbopack_context__.i(886282); 1139var __TURBOPACK__imported__module__230671__ = __turbopack_context__.i(230671); 1140var __TURBOPACK__imported__module__534345__1 = __TURBOPACK__imported__module__534345__; 1141var __TURBOPACK__imported__module__108402__ = __turbopack_context__.i(108402); 1142var __TURBOPACK__imported__module__773447__2 = __TURBOPACK__imported__module__773447__; 1143var __TURBOPACK__imported__module__861745__1 = __TURBOPACK__imported__module__861745__; 1144var __TURBOPACK__imported__module__948148__2 = __TURBOPACK__imported__module__948148__; 1145var __TURBOPACK__imported__module__614537__2 = __TURBOPACK__imported__module__614537__; 1146var __TURBOPACK__imported__module__369894__ = __turbopack_context__.i(369894); 1147// MERGED MODULE: [project]/src/icon/MenuOpen.tsx [app-client] (ecmascript) 1148; 1149var __TURBOPACK__imported__module__843476__7 = __TURBOPACK__imported__module__843476__; 1150var __TURBOPACK__imported__module__271645__6 = __TURBOPACK__imported__module__271645__; 1151; 1152; 1153const SvgMenuOpen = (props, ref)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__7["jsxs"])("svg", { 1154 xmlns: "http://www.w3.org/2000/svg", 1155 width: 24, 1156 height: 24, 1157 fill: "none",
1158 viewBox: "0 0 24 24", 1159 ref: ref, 1160 ...props, 1161 children: [ 1162 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__7["jsx"])("rect", { 1163 width: 15.75, 1164 height: 2.25, 1165 x: 3.75, 1166 y: 6.75, 1167 fill: "currentColor", 1168 rx: 1 1169 }), 1170 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__7["jsx"])("rect", { 1171 width: 15.75, 1172 height: 2.25, 1173 x: 3.75, 1174 y: 11.25, 1175 fill: "currentColor", 1176 rx: 1 1177 }), 1178 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__7["jsx"])("rect", { 1179 width: 15.75, 1180 height: 2.25, 1181 x: 3.75, 1182 y: 15.75, 1183 fill: "currentColor", 1184 rx: 1 1185 }) 1186 ] 1187 }); 1188const ForwardRef2 = /*#__PURE__*/ (0, __TURBOPACK__imported__module__271645__6["forwardRef"])(SvgMenuOpen); 1189const Memo2 = /*#__PURE__*/ (0, __TURBOPACK__imported__module__271645__6["memo"])(ForwardRef2); 1190const __TURBOPACK__default__export__2 = Memo2; 1191var __TURBOPACK__imported__module__718580__ = __turbopack_context__.i(718580); 1192var __TURBOPACK__imported__module__945060__1 = __TURBOPACK__imported__module__945060__; 1193"use client"; 1194; 1195; 1196; 1197; 1198; 1199; 1200; 1201; 1202; 1203; 1204; 1205; 1206; 1207; 1208; 1209; 1210; 1211; 1212; 1213; 1214; 1215; 1216; 1217const NavigationBar = /*#__PURE__*/ __TURBOPACK__imported__module__271645__5["default"].memo(function NavigationBar(param) { 1218 let { activeMenu, onToggleMainMenu, onToggleAccountMenu, isLoggedIn, partnerLogo: _partnerLogo, alternates, menuButtonRef, accountButtonRef } = param; 1219 const partnerLogo = (0, __TURBOPACK__imported__module__886282__["readFragment"])(__TURBOPACK__imported__module__551438__["responsiveImageFragment"], _partnerLogo); 1220 const t = (0, __TURBOPACK__imported__module__948148__2["useTranslations"])("common"); 1221 const fullPathname = (0, __TURBOPACK__imported__module__976562__["usePathname"])(); 1222 const pathname = (0, __TURBOPACK__imported__module__614537__2["usePathname"])(); 1223 const { query } = (0, __TURBOPACK__imported__module__108402__["default"])(); 1224 const searchParams = (0, __TURBOPACK__imported__module__618566__["useSearchParams"])(); 1225 const locale = (0, __TURBOPACK__imported__module__861745__1["useLocale"])(); 1226 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
12266["jsx"])("div", { 1227 className: "relative shadow bg-white", 1228 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("div", { 1229 className: "container mx-auto max-w-(--breakpoint-2xl) pr-2 md:px-5 xl:px-11", 1230 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])("div", { 1231 className: "flex h-8 items-center justify-between", 1232 children: [ 1233 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])("div", { 1234 className: "flex h-full items-center", 1235 children: [ 1236 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(NavigationMenuButton, { 1237 open: activeMenu === "main", 1238 ref: menuButtonRef, 1239 onClick: onToggleMainMenu 1240 }), 1241 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
12416["jsxs"])(__TURBOPACK__imported__module__614537__2["Link"], { 1242 href: "/", 1243 "data-testid": "Navigation.logo", 1244 className: "flex h-full items-center ring-inset focus:ring focus:ring-blue-200", 1245 children: [ 1246 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("div", { 1247 className: "relative", 1248 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__372225__1["default"], { 1249 className: "h-[64px]" 1250 }) 1251 }), 1252 !!partnerLogo && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])(__TURBOPACK__imported__module__271645__5["Fragment"], { 1253 children: [ 1254 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
12546["jsx"])("div", { 1255 className: "hidden xs:block text-sm text-gray-500 ml-1 mr-1", 1256 children: "×" 1257 }), 1258 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("div", { 1259 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__673836__["Image"], { 1260 data: partnerLogo, 1261 imgClassName: "h-5 w-auto" 1262 }) 1263 }) 1264 ] 1265 }), 1266 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1267 className: "sr-only", 1268 children: t("toHomepage") 1269 }), 1270 !partnerLogo && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
12706["jsxs"])("div", { 1271 className: "hidden md:block ml-1", 1272 children: [ 1273 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1274 className: "block text-xs leading-none text-gray-500", 1275 children: t("navigation.familyBusiness.title") 1276 }), 1277 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1278 className: "block text-xs leading-none text-gray-500", 1279 children: t("navigation.familyBusiness.since") 1280 }) 1281 ] 1282 }) 1283 ] 1284 }), 1285 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
12856["jsxs"])("div", { 1286 className: "ml-4 hidden space-x-4 text-base font-semibold text-dark-500 xl:flex", 1287 children: [ 1288 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__614537__2["Link"], { 1289 href: { 1290 pathname: "/", 1291 query: Object.fromEntries((0, __TURBOPACK__imported__module__718580__["serializeAvailabilityQueryAsSearchParams"])(query, searchParams).entries()) 1292 }, 1293 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("group flex h-8 items-center border-b-2 focus:outline-none", { 1294 "border-transparent": !(pathname.includes("/voertuigen") || pathname === "/"), 1295 "border-dark-500": pathname.includes("/voertuigen") || pathname === "/" 1296 }), 1297 "data-testid": "Navigation.item", 1298 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
12986["jsx"])("span", { 1299 className: "rounded p-1 group-hover:bg-blue-50 group-focus:bg-blue-200", 1300 children: t("navigation.vehicles") 1301 }) 1302 }), 1303 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__614537__2["Link"], { 1304 href: { 1305 pathname: "/[rootSlug]", 1306 params: { 1307 rootSlug: locale === "en" ? "short-term-lease" : "shortlease" 1308 } 1309 }, 1310 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("group flex h-8 items-center border-b-2 focus:outline-none", { 1311 "border-transparent": !fullPathname.includes("/shortlease") && !fullPathname.includes("/short-term-lease"), 1312 "border-dark-500": fullPathname.includes("/shortlease") || fullPathname.includes("/short-term-lease") 1313 }), 1314 "data-testid": "Navigation.item", 1315 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
13156["jsx"])("span", { 1316 className: "rounded p-1 group-hover:bg-blue-50 group-focus:bg-blue-200", 1317 children: t("navigation.shortlease") 1318 }) 1319 }), 1320 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__614537__2["Link"], { 1321 href: { 1322 pathname: "/[rootSlug]", 1323 params: { 1324 rootSlug: locale === "en" ? "storage-unit-rental" : "opslagruimte-huren" 1325 } 1326 }, 1327 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("group flex h-8 items-center border-b-2 focus:outline-none", { 1328 "border-transparent": !fullPathname.includes("/opslag-huren") && !fullPathname.includes("/opslagruimte-huren") && !fullPathname.includes("/storage-rental") && !fullPathname.includes("/storage-unit-rental"), 1329 "border-dark-500": fullPathname.includes("/opslag-huren") || fullPathname.includes("/opslagruimte-huren") || fullPathname.includes("/storage-rental") || fullPathname.includes("/storage-unit-rental") 1330 }), 1331 "data-testid": "Navigation.item", 1332 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
13326["jsx"])("span", { 1333 className: "rounded p-1 group-hover:bg-blue-50 group-focus:bg-blue-200", 1334 children: t("navigation.storage") 1335 }) 1336 }) 1337 ] 1338 }) 1339 ] 1340 }), 1341 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])("div", { 1342 className: "flex items-center md:-mr-1 gap-2", 1343 children: [ 1344 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__614537__2["Link"], { 1345 href: "/vestigingen", 1346 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("hidden group md:flex h-8 items-center border-b-2 focus:outline-none", { 1347 "border-transparent": !pathname.includes("/vestigingen"), 1348 "border-dark-500": pathname.includes("/vestigingen") 1349 }), 1350 "data-testid": "Navigation.item", 1351 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
13516["jsxs"])("span", { 1352 className: "rounded p-1 flex items-center gap-1 group-hover:bg-blue-50 group-focus:bg-blue-200", 1353 children: [ 1354 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("svg", { 1355 width: "16", 1356 height: "16", 1357 viewBox: "0 0 16 16", 1358 fill: "none", 1359 xmlns: "http://www.w3.org/2000/svg", 1360 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("path", { 1361 fillRule: "evenodd", 1362 clipRule: "evenodd", 1363 d: "M4 14C4 14.2761 4.22386 14.5 4.5 14.5H11.5C11.7761 14.5 12 14.2761 12 14C12 13.7239 11.7761 13.5 11.5 13.5L9.3284 13.5009C9.3325 13.4897 9.33654 13.4783 9.34053 13.4669L9.47864 13.0629C9.57468 12.7925 9.65392 12.6077 9.74655 12.4428L9.86043 12.2531L9.98208 12.0649C10.0032 12.0333 10.0249 12.0015 10.0472 11.9693L10.1886 11.7714L10.3486 11.5593L10.5316 11.3268L10.7418 11.0676L10.9836 10.7756L11.2866 10.4143L11.3877 10.2907L11.5456 10.0927L11.6594 9.94569L11.7744 9.79294L11.8904 9.63365L12.0057 9.46895L12.1187 9.29974C12.2153 9.15085 12.2985 9.01254 12.3706 8.87989L12.4588 8.71143L12.5283 8.566L12.5952 8.41105L12.6445 8.28631L12.7131 8.09434L12.7468 7.99077L12.7908 7.84317C12.9252 7.36491 13 6.87181 13 6.35695C13 5.81784 12.9097 5.30866 12.7556 4.83969L12.7095 4.7063L12.658 4.57027L12.6077 4.44862L12.5598 4.34169L12.5157 4.24979L12.4623 4.14682L12.3617 3.96882C11.7275 2.87267 10.7195 2.09607 9.50697 1.72031L9.36235 1.6755L9.34133 1.67533L9.23962 1.64898L9.06828 1.61084L8.93354 1.585L8.79072 1.56147L8.61969 1.53824C8.59252 1.53498 8.56571 1.53197 8.53878 1.52915L8.38122 1.51508C8.24005 1.50474 8.11395 1.5 7.98715 1.5C6.42406 1.5 5.08739 2.17554 4.18032 3.21179L3.87585 3.55962L3.88133 3.598L3.82986 3.66988C3.30873 4.4271 3 5.3698 3 6.35202C3 6.78505 3.05149 7.20111 3.14306 7.5954L3.1805 7.74644L3.2038 7.83267L3.24514 7.97267L3.28856 8.10641L3.3309 8.22599L3.38756 8.37181L3.44939 8.51509L3.57013 8.76562C3.86126 9.3345 4.20478 9.80623 4.77299 10.487L5.22744 11.0307L5.3258 11.152L5.41872 11.27L5.50716 11.3779C5.61006 11.5053 5.72305 11.6549 5.83467 11.8116L6.01646 12.0748L6.16901 12.3105L6.24543 12.4366C6.32818 12.5879 6.39548 12.7328 6.46277 12.9063L6.52455 13.0726L6.65815 13.4601L6.67333 13.5H4.5C4.22386 13.5 4 13.7239 4 14ZM6 6.5C6 5.39543 6.89543 4.5 8 4.5C9.10457 4.5 10 5.39543 10 6.5C10 7.60457 9.10457 8.5 8 8.5C6.89543 8.5 6 7.60457 6 6.5Z", 1364 fill: "#050C43" 1365 }) 1366 }), 1367 t("navigation.locations") 1368 ] 1369 }) 1370 }), 1371 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
13716["jsxs"])("div", { 1372 className: "hidden items-center lg:flex", 1373 children: [ 1374 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__534345__1["ChangeLanguageButton"], { 1375 locale: "nl", 1376 href: alternates === null || alternates === void 0 ? void 0 : alternates["nl"] 1377 }), 1378 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("div", { 1379 className: "h-2 w-0.25 bg-dark-200" 1380 }), 1381 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__534345__1["ChangeLanguageButton"], { 1382 locale: "en", 1383 href: alternates === null || alternates === void 0 ? void 0 : alternates["en"] 1384 }) 1385 ] 1386 }), 1387 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
13876["jsxs"])("div", { 1388 className: "flex items-center", 1389 children: [ 1390 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("div", { 1391 className: "md:hidden", 1392 children: !isLoggedIn ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(LoginButton, {}) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(AccountButton, { 1393 ref: accountButtonRef, 1394 open: activeMenu === "account", 1395 onClick: onToggleAccountMenu 1396 }) 1397 }), 1398 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("div", { 1399 className: "hidden md:flex", 1400 children: !isLoggedIn ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
14006["jsx"])(LoginButton, {}) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(AccountMenu, {}) 1401 }), 1402 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(ShoppingCartButton1, {}) 1403 ] 1404 }) 1405 ] 1406 }) 1407 ] 1408 }) 1409 }) 1410 }); 1411}); 1412function LoginButton() { 1413 const t = (0, __TURBOPACK__imported__module__948148__2["useTranslations"])("common"); 1414 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])(__TURBOPACK__imported__module__991844__1["Tooltip"], { 1415 children: [ 1416 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__991844__1["TooltipTrigger"], { 1417 asChild: true, 1418 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])("button", { 1419 type: "button", 1420 className: "group flex h-8 w-6 items-center justify-center font-semibold text-dark-500 focus:outline-none", 1421 "data-testid": "Navigation.login", 1422 onClick: ()=>{ 1423 __TURBOPACK__imported__module__230671__["useLoginModalState"].getState().open(); 1424 }, 1425 children: [ 1426 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
14266["jsx"])("span", { 1427 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("flex text-dark-500 h-5 w-5 items-center justify-center rounded group-hover:bg-blue-50 group-focus:bg-blue-200"), 1428 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__default__export__, {}) 1429 }), 1430 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1431 className: "sr-only", 1432 children: t("navigation.login") 1433 }) 1434 ] 1435 }) 1436 }), 1437 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__991844__1["TooltipContent"], { 1438 children: t("navigation.login") 1439 }) 1440 ] 1441 }); 1442} 1443function ShoppingCartButton1() { 1444 const t = (0, __TURBOPACK__imported__module__948148__2["useTranslations"])("common"); 1445 const pathname = (0, __TURBOPACK__imported__module__614537__2["usePathname"])(); 1446 const { data: count } = (0, __TURBOPACK__imported__module__733686__1["useOrderOverviewCount"])({ 1447 queryOptions: { 1448 select: (data)=>data.lines 1449 } 1450 }); 1451 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
14516["jsxs"])(__TURBOPACK__imported__module__991844__1["Tooltip"], { 1452 children: [ 1453 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__991844__1["TooltipTrigger"], { 1454 asChild: true, 1455 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsxs"])(__TURBOPACK__imported__module__614537__2["Link"], { 1456 href: "/winkelwagen", 1457 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("group relative flex h-8 w-6 items-center justify-center border-b-2 focus:outline-none", { 1458 "border-transparent": !pathname.startsWith("/winkelwagen"), 1459 "border-dark-500": pathname.startsWith("/winkelwagen") 1460 }), 1461 "data-testid": "Navigation.cart", 1462 "aria-label": t("navigation.cart"), 1463 children: [ 1464 !!count && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
14646["jsx"])("span", { 1465 className: "absolute -right-1 top-2 flex items-center justify-center rounded-sm bg-blue-200 bg-opacity-80 px-1 text-sm font-bold", 1466 children: count 1467 }), 1468 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1469 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("flex text-dark-500 h-5 w-5 items-center justify-center rounded group-hover:bg-blue-50 group-focus:bg-blue-200"), 1470 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__default__export__1, {}) 1471 }) 1472 ] 1473 }) 1474 }), 1475 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__imported__module__991844__1["TooltipContent"], { 1476 children: t("navigation.cart") 1477 }) 1478 ] 1479 }); 1480} 1481const AccountButton = /*#__PURE__*/ __TURBOPACK__imported__module__271645__5["default"].memo(function AccountButton(param) { 1482 let { ref, open, onClick } = param; 1483 const t = (0, __TURBOPACK__imported__module__948148__2["useTranslations"])("common"); 1484 const pathname = (0, __TURBOPACK__imported__module__614537__2["usePathname"])(); 1485 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
14856["jsx"])("button", { 1486 ref: ref, 1487 type: "button", 1488 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("group relative flex h-8 w-6 items-center justify-center border-b-2 focus:outline-none", { 1489 "border-transparent": !pathname.startsWith("/mijn-diks"), 1490 "border-dark-500": pathname.startsWith("/mijn-diks") 1491 }), 1492 "aria-expanded": open, 1493 "aria-label": t("navigation.account"), 1494 onClick: (event)=>{ 1495 event.preventDefault(); 1496 onClick === null || onClick === void 0 ? void 0 : onClick(); 1497 }, 1498 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1499 className: (0, __TURBOPACK__imported__module__945060__1["cn"])("flex text-dark-500 h-5 w-5 items-center justify-center rounded group-hover:bg-blue-50 group-focus:bg-blue-200", { 1500 "bg-blue-300 group-hover:bg-blue-300": open 1501 }), 1502 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
15026["jsx"])(__TURBOPACK__default__export__, {}) 1503 }) 1504 }); 1505}); 1506const NavigationMenuButton = /*#__PURE__*/ __TURBOPACK__imported__module__271645__5["default"].memo(function NavigationMenuButton(param) { 1507 let { ref, onClick, open } = param; 1508 const t = (0, __TURBOPACK__imported__module__948148__2["useTranslations"])("common"); 1509 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("button", { 1510 "data-testid": "Navigation.toggle", 1511 type: "button", 1512 ref: ref, 1513 onClick: onClick, 1514 className: "group flex h-full items-center px-2 focus:outline-none md:-ml-2", 1515 "aria-expanded": open, 1516 "aria-label": open ? t("navigation.menu.close") : t("navigation.menu.open"), 1517 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])("span", { 1518 className: "flex h-5 w-5 items-center justify-center rounded group-hover:bg-blue-50 group-focus:bg-blue-200 text-dark-500", 1519 children: open ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__
15196["jsx"])(__TURBOPACK__imported__module__369894__["default"], {}) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__6["jsx"])(__TURBOPACK__default__export__2, {}) 1520 }) 1521 }); 1522}); 1523var __TURBOPACK__imported__module__287233__ = __turbopack_context__.i(287233); 1524var __TURBOPACK__imported__module__614537__3 = __TURBOPACK__imported__module__614537__; 1525var __TURBOPACK__imported__module__945060__2 = __TURBOPACK__imported__module__945060__; 1526var __TURBOPACK__imported__module__685149__ = __turbopack_context__.i(685149); 1527"use client"; 1528; 1529; 1530; 1531; 1532; 1533; 1534; 1535; 1536; 1537; 1538; 1539; 1540; 1541const ANIMATION_DEBUG_TRANSITION_MODIFIER1 = 1; 1542const Navigation = /*#__PURE__*/ __TURBOPACK__imported__module__271645__["default"].memo(function NewNavigation(param) { 1543 let { data, isLoggedIn, partnerLogo, alternates } = param; 1544 const pathname = (0, __TURBOPACK__imported__module__614537__3["usePathname"])(); 1545 const isMdUp = (0, __TURBOPACK__imported__module__171481__["useMediaQuery"])(__TURBOPACK__imported__module__685149__["MEDIA_QUERY_MD"]); 1546 const previousPathRef = (0, __TURBOPACK__imported__module__271645__["useRef"])(pathname); 1547 const menuButtonRef = (0, __TURBOPACK__imported__module__271645__["useRef"])(null); 1548 const accountButtonRef = (0, __TURBOPACK__imported__module__271645__["useRef"])(null); 1549 const [activeMenu, setActiveMenu] = __TURBOPACK__imported__module__271645__["default"].useState(null); 1550 const onToggleMainMenu = ()=>{ 1551 setActiveMenu((prev)=>{ 1552 if (prev === "main") { 1553 return null; 1554 } 1555 return "main"; 1556 }); 1557 }; 1558 const onToggleAccountMenu = ()=>{ 1559 setActiveMenu((prev)=>{ 1560 if (prev === "account") { 1561 return null; 1562 } 1563 return "account"; 1564 }); 1565 }; 1566 const onCloseMenu = ()=>{ 1567 setActiveMenu(null); 1568 }; 1569 (0, __TURBOPACK__imported__module__271645__["useEffect"])(()=>{ 1570 if (pathname !== previousPathRef.current) {
1571 setActiveMenu(null); 1572 } 1573 previousPathRef.current = pathname; 1574 }, [ 1575 setActiveMenu, 1576 pathname 1577 ]); 1578 (0, __TURBOPACK__imported__module__271645__["useEffect"])(()=>{ 1579 if (isMdUp && activeMenu === "account") { 1580 setActiveMenu(null); 1581 } 1582 }, [ 1583 isMdUp, 1584 activeMenu 1585 ]); 1586 return /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])(__TURBOPACK__imported__module__843476__["Fragment"], { 1587 children: [ 1588 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__287233__["SkipLink"], {}), 1589 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 1590 className: "sticky top-0 z-30", 1591 "data-testid": "Navigation", 1592 children: [ 1593 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 1594 className: "relative z-60", 1595 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(NavigationBar, { 1596 activeMenu: activeMenu, 1597 menuButtonRef: menuButtonRef, 1598 accountButtonRef: accountButtonRef, 1599 onToggleAccountMenu: onToggleAccountMenu, 1600 onToggleMainMenu: onToggleMainMenu, 1601 isLoggedIn: isLoggedIn, 1602 partnerLogo: partnerLogo, 1603 alternates: alternates 1604 }) 1605 }), 1606 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__88653__["AnimatePresence"], { 1607 initial: false, 1608 children: activeMenu === "main" && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])(__TURBOPACK__imported__module__843476__["Fragment"], { 1609 children: [ 1610 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__532181__["motion"].div, { 1611 initial: "closed", 1612 animate: "open", 1613 exit: "closed", 1614 className: "fixed inset-0 z-40 bg-[#050C43]/50", 1615 variants: { 1616 open: { 1617 opacity: 1, 1618 transition: { 1619 duration: 0.6 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1620 ease: "easeOut" 1621 } 1622 }, 1623 closed: { 1624 opacity: 0, 1625 transition: { 1626 duration: 0.3 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1627 ease: "easeOut" 1628 } 1629 } 1630 } 1631 }), 1632 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 1633 "data-testid": "Navigation.menu", 1634 className: (0, __TURBOPACK__imported__module__945060__2["cn"])("absolute left-0 top-0 right-0 h-full flex z-50"), 1635 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__911385__["FocusOn"], { 1636 shards: [ 1637 menuButtonRef 1638 ], 1639 onEscapeKey: onCloseMenu, 1640 onClickOutside: onCloseMenu, 1641 focusLock: true, 1642 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__532181__["motion"].div, { 1643 initial: "closed", 1644 animate: "open", 1645 exit: "closed", 1646 variants: { 1647 open: { 1648 y: 0, 1649 transition: { 1650 duration: 0.4 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1651 type: "spring", 1652 bounce: 0 1653 } 1654 }, 1655 closed: { 1656 y: "-100%", 1657 transition: { 1658 duration: 0.4 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1659 type: "spring", 1660 bounce: 0 1661 } 1662 } 1663 }, 1664 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 1665 className: "relative flex flex-col w-screen h-dvh lg:h-auto max-h-dvh pt-[64px] bg-white lg:rounded-bl lg:rounded-br", 1666 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])("div", { 1667 className: "flex-1 overflow-y-auto", 1668 children: [ 1669 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 1670 className: "hidden lg:block", 1671 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__642926__["DesktopNavigationMenu"], { 1672 data: data, 1673 alternates: alternates 1674 }) 1675 }), 1676 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 1677 className: "lg:hidden", 1678 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(MobileNavigationMenu, { 1679 data: data, 1680 alternates: alternates, 1681 isLoggedIn: isLoggedIn 1682 }) 1683 }) 1684 ] 1685 }) 1686 }) 1687 }) 1688 }) 1689 }) 1690 ] 1691 }) 1692 }), 1693 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__88653__["AnimatePresence"], { 1694 initial: false, 1695 children: activeMenu === "account" && /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsxs"])(__TURBOPACK__imported__module__843476__["Fragment"], { 1696 children: [ 1697 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__532181__["motion"].div, { 1698 initial: "closed", 1699 animate: "open", 1700 exit: "closed", 1701 className: "fixed inset-0 z-40 bg-[#050C43]/50", 1702 variants: { 1703 open: { 1704 opacity: 1, 1705 transition: { 1706 duration: 0.6 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1707 ease: "easeOut" 1708 } 1709 }, 1710 closed: { 1711 opacity: 0, 1712 transition: { 1713 duration: 0.3 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1714 ease: "easeOut" 1715 } 1716 } 1717 } 1718 }), 1719 /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])("div", { 1720 className: (0, __TURBOPACK__imported__module__945060__2["cn"])("absolute left-0 top-0 right-0 h-full flex z-50"), 1721 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__911385__["FocusOn"], { 1722 shards: [ 1723 accountButtonRef 1724 ], 1725 onEscapeKey: ()=>setActiveMenu(null), 1726 onClickOutside: ()=>setActiveMenu(null), 1727 focusLock: true, 1728 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(__TURBOPACK__imported__module__532181__["motion"].div, { 1729 initial: "closed", 1730 animate: "open", 1731 exit: "closed", 1732 variants: { 1733 open: { 1734 y: 0, 1735 transition: { 1736 duration: 0.4 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1737 type: "spring", 1738 bounce: 0 1739 } 1740 }, 1741 closed: { 1742 y: "-100%", 1743 transition: { 1744 duration: 0.4 * ANIMATION_DEBUG_TRANSITION_MODIFIER1, 1745 type: "spring", 1746 bounce: 0 1747 } 1748 } 1749 }, 1750 children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__843476__["jsx"])(MobileAccountMenuOverlay, {}) 1751 }) 1752 }) 1753 }) 1754 ] 1755 }) 1756 }) 1757 ] 1758 }) 1759 ] 1760 }); 1761}); 1762__turbopack_context__.s([ 1763 "Navigation", 1764 0, 1765 Navigation 1766], 646570); 1767}), 1768]); 1769 1770//# debugId=fa0f21f0-2717-c159-361d-120d1b35c8f9
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.