https://shop.fakro.dk/4281.dc9feda40473145b116b.js

1/*! For license information please see 4281.dc9feda40473145b116b.js.LICENSE.txt */
2"use strict";(self.webpackChunkvenia14=self.webpackChunkvenia14||[]).push([[4281],{40329:function(e,t,n){n.d(t,{G:function(){return useGtmPageView}})
3var a=n(96540),i=n(47767),r=n(74046),o=n.n(r),s=n(64467),c=n(50902),l=n(81116)
4function ownKeys(e,t){var n=Object.keys(e)
5if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e)
6t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{}
7t%2?ownKeys(Object(n),!0).forEach((function(t){(0,s.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m={UA:e=>{var t
8const n=_objectSpread({event:l.q.UA.PAGE_VIEW},e)
9return null!==(t=window)&&void 0!==t&&t.google_tag_params&&Object.keys(window.google_tag_params).length&&(n.google_tag_params=window.google_tag_params),n},GA4:e=>{var t
10const n=_objectSpread({event:l.q.GA4.PAGE_VIEW},e)
11return null!==(t=window)&&void 0!==t&&t.google_tag_params&&Object.keys(window.google_tag_params).length&&(n.google_tag_params=window.google_tag_params),n}}
12var u=n(12693),d=n(39938),g=n(12665),v=n(74528)
13const useGtmPageView=()=>{(0,d.m)()
14const e=(0,i.zy)(),[{customerGroupCode:t,gtmVersionList:n,isInitialized:r,lastLocation:s,gtmSendPageViewGa4:b}]=(0,u.P)(),p=(0,a.useRef)(null),k=(0,a.useRef)({}),f=(0,a.useCallback)((async function(){let a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=arguments.length>1&&void 0!==arguments[1]&&arguments[1]
15const r=e.pathname+e.search
16return!!(i||s.current!==r&&s.current+"?page=1"!==r)&&(s.current=r,t.current&&(a.visitorType=t.current),n.map((e=>{(v.N.UA===e||v.N.GA4===e&&b)&&(0,g.A)((e=>{let{dataLayer:t,gtmVersion:n}=e
17const a=c.A.get("pageView")
18if(n)return a?a[n](t):m[n](t)})({dataLayer:a,gtmVersion:e}))})),o().track(l.q.FP.PAGE_VIEW),p.current=t.current,k.current=a,!0)}),[t,b,n,s,e.pathname,e.search])
19return(0,a.useEffect)((()=>{p.current&&p.current!==t.current&&f(k.current,!0)}),[t,f]),{isInitialized:r,sendPageView:f}}},6415:function(e,t,n){var a=n(96540),i=n(40329)
20t.A=e=>t=>{const n=(0,i.G)(),{isInitialized:r,sendPageView:o}=n,s=e(t)
21return(0,a.useEffect)((()=>{r&&s&&o()}),[s,r,o]),s}},58909:function(e,t,n){n.d(t,{A:function(){return myAccountNavigation}})
22var a=n(96540),i=n(6442),r=n(84976),o=n(79073),s=n(14014),c=n(32985),l=n(54047),m=n(71708),u=n(47767)
23var d="myAccountNavigation-root-WpV",g="myAccountNavigation-rootSmaller-Fgi myAccountNavigation-root-WpV",v="myAccountNavigation-navigation-2nK",b="myAccountNavigation-navigationItem-jRW",p="myAccountNavigation-navigationItemActive-3z0 myAccountNavigation-navigationItem-jRW",k="myAccountNavigation-heading-Yyq",f="myAccountNavigation-activeItem-TKr",N="myAccountNavigation-toggler-69b"
24var myAccountNavigation=()=>{const{formatMessage:e}=(0,i.A)(),t=(0,a.useMemo)((()=>[{label:e({id:"myAccountNavigation.myAccount"}),path:s.f0.accountInformation,subpath:[]},{label:e({id:"myAccountNavigation.accountData"}),path:s.f0.accountData,subpath:[]},{label:e({id:"myAccountNavigation.addresses"}),path:s.f0.addressBook,subpath:[s.f0.editAddress,s.f0.addAddress]},{label:e({id:"myAccountNavigation.orderHistory"}),path:s.f0.orderHistory,subpath:[s.f0.orderDetails]},{label:e({id:"myAccountNavigation.myRatings"}),path:s.f0.ratings,subpath:[]},{label:e({id:"myAccountNavigation.rma"}),path:s.f0.rma,subpath:c.RMA_PATH_LIST},{label:e({id:"myAccountNavigation.newsletter"}),path:s.f0.newsletter,subpath:[]},{label:e({id:"myAccountNavigation.accountDelete"}),path:s.f0.deleteAccount,subpath:[]},{label:e({id:"myAccountNavigation.marketingConsents"}),path:s.f0.marketingConsents,subpath:[]}]),[e]),n=(0,l.K)(1100),A=(0,l.K)(911),y=(e=>{const{navigationItems:t}=e,n=(0,u.zy)(),{formatMessage:r}=(0,i.A)(),[o,l]=(0,a.useState)(!1),m=(0,a.useMemo)((()=>{var e
25const a=t.filter((e=>e.path===n.pathname))
26return n.pathname.includes(s.f0.orderDetails)?r({id:"myAccountNavigation.orderHistory"}):n.pathname.includes(s.f0.addAddress)||n.pathname.includes(s.f0.editAddress)?r({id:"myAccountNavigation.addresses"}):c.RMA_PATH_LIST.some((e=>n.pathname.includes(e)))?r({id:"myAccountNavigation.rma"}):null===(e=a[0])||void 0===e?void 0:e.label}),[t,n,r]),d=(0,a.useMemo)((()=>n.pathname),[n.pathname]),g=(0,a.useCallback)((()=>

26{l((e=>!e))}),[l]),v=(0,a.useCallback)(((e,t)=>{for(const n of t)return e.includes(n)}),[])
27return{isNavigationOpen:o,currentLocation:d,activeItem:m,handleMenuToggle:g,checkSubpath:v}})({navigationItems:t}),{handleMenuToggle:h,isNavigationOpen:S,currentLocation:E,activeItem:w,checkSubpath:P}=y,_=n?d:g
28return A?a.createElement("div",{className:_},a.createElement("ul",{className:v},t.map((e=>{const t=E===e.path||P(E,e.subpath)?p:b
29return a.createElement(r.N_,{key:e.label,to:(0,o.A)(e.path)},a.createElement("li",{className:t},a.createElement("button",{"aria-label":e.label,type:"button"},e.label,a.createElement(m.A,{color:s.Tj.black,icon:s.Pt.nextArrow,size:10}))))})))):a.createElement("div",{className:d},a.createElement("div",{className:k,role:"button",tabIndex:"0",onClick:h,onKeyDown:h},a.createElement("span",{className:f},w),a.createElement("span",{className:N},S?a.createElement(m.A,{color:s.Tj.white,icon:s.Pt.close,size:18}):a.createElement(m.A,{color:s.Tj.white,icon:s.Pt.arrowDown,size:18}))),S?a.createElement("ul",{className:v},t.map((e=>{const t=E===e.path||P(E,e.subpath)?p:b
30return a.createElement(r.N_,{key:e.label,to:(0,o.A)(e.path)},a.createElement("li",{className:t},a.createElement("button",{"aria-label":e.label,type:"button"},e.label,a.createElement(m.A,{color:s.Tj.white,icon:s.Pt.nextArrow,size:10}))))}))):null)}},50750:function(e,t,n){n.d(t,{A:function(){return d}})
31var a=n(96540),i=n(5556),r=n(6442),o=n(84976),s=n(79073),c=n(59578),l=n(14014),m=n(71708),u={root:"staticBreadcrumbs-root-cWs",text:"staticBreadcrumbs-text-pQD",divider:"staticBreadcrumbs-divider-rv1 staticBreadcrumbs-text-pQD",link:"staticBreadcrumbs-link-M1m staticBreadcrumbs-text-pQD",currentStaticPage:"staticBreadcrumbs-currentStaticPage-ZBD"}
32const StaticBreadcrumbs=e=>{const{pageName:t}=e,{formatMessage:n}=(0,r.A)(),i=(0,c.A)(u,e.classes)
33return a.createElement("div",{className:i.root},a.createElement(o.N_,{className:i.link,to:(0,s.A)(l.f0.homepage)},n({id:"breadcrumbs.homepage"})),a.createElement("span",{className:i.divider},a.createElement(m.A,{color:l.Tj.breadcrumbsGray,icon:l.Pt.nextArrow,size:10})),a.createElement("span",{className:i.currentStaticPage},t))}
34var d=StaticBreadcrumbs
35StaticBreadcrumbs.propTypes={pageName:i.string,classes:(0,i.shape)({root:i.string,link:i.string,divider:i.string,currentStaticPage:i.string})}},17042:function(e,t,n){t.Ay={agreementsQuery:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"agreementsQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"scope"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"activeAgreements"},arguments:[{kind:"Argument",name:{kind:"Name",value:"scope"},value:{kind:"Variable",name:{kind:"Name",value:"scope"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"content"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"front_label"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"required"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"small_description"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:120,source:{body:"query agreementsQuery($scope:String!){activeAgreements(scope:$scope){id content front_label required small_description}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}},customerAcceptedAgreementsQuery:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"customerAcceptedAgreements"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"customerAcceptedAgreements"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"agreement_id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"scope"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"content"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"required"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"date"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:102,source:{body:"query customerAcceptedAgreements{customerAcceptedAgreements{agreement_id scope content required date}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}},addCustomerAgreementMutation:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"addAgreement"}

35,variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"agreement"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"AgreementInput"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"addAgreement"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"agreement"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"type"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"acceptant"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:100,source:{body:"mutation addAgreement($agreement:AgreementInput!){addAgreement(input:$agreement){id type acceptant}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}},revokeCustomerAgreementMutation:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"revokeAgreement"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"agreement"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"RevokeAgreementInput"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"revokeAgreement"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"agreement"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"scope"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:103,source:{body:"mutation revokeAgreement($agreement:RevokeAgreementInput!){revokeAgreement(input:$agreement){id scope}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}},getCustomerEmailQuery:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getCustomerEmail"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"customer"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"email"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:39,source:{body:"query getCustomerEmail{customer{email}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}}}},74281:function(e,t,n){n.r(t),n.d(t,{default:function(){return communicationsPage}})
36var a=n(96540),i=n(28654),r=n(6442),o=n(6415),s=n(95964),c=n(95420),l=n(47767),m=n(27196),u=n(79654),d=n(17042),g=n(36160),v=n(14014)
37var b={getCustomerSubscriptionQuery:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"GetCustomerSubscription"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"customer"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"is_subscribed"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:54,source:{body:"query GetCustomerSubscription{customer{is_subscribed}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}},setNewsletterSubscriptionMutation:{kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"SetNewsletterSubscription"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"isSubscribed"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Boolean"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"updateCustomer"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"is_subscribed"},value:{kind:"Variable",name:{kind:"Name",value:"isSubscribed"}}}]}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"customer"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"is_subscribed"},arguments:[],directives:[]}]}}]}}]}}],loc:{start:0,end:136,source:{body:"mutation SetNewsletterSubscription($isSubscribed:Boolean!){updateCustomer(input:{is_subscribed:$isSubscribed}){customer{is_subscribed}}}",name:"GraphQL request",locationOffset:{line:1,column:1}}}}}
38const p=(0,o.A)((()=>{const{getCustomerSubscriptionQuery:e,setNewsletterSubscriptionMutation:t}=b,{getCustomerEmailQuery:n,addCustomerAgreementMutation:i,revokeCustomerAgreementMutation:r,customerAcceptedAgreementsQuery:o}=d.Ay,[p,k]=(0,a.useState)(!1),[{isSignedIn:f}]=(0,u.u)(),[{isLogout:N}]=(0,m.U)(),{data:A,error:y}=(0,s.IT)(e,{skip:!f}),{data:h}=(0,s.IT)(n,{skip:!f}),{data:S,error:E,loading:w}=(0,s.IT)(o,{skip:!f,fetchPolicy:"cache-and-network"}),{data:P,loading:_}=(0,s.IT)(g.w,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",variables:{scope:"newsletter"}}),D=(0,a.useMemo)((()=>{const e={}
39if(w)return null
40if(A&&(e.isSubscribed=A.customer.is_subscribed),null!=P&&P.activeAgreements){var t
41const n=(null==S||null===(t=S.customerAcceptedAgreements)||void 0===t?void 0:t.map((e=>String(e.agreement_id))))||[]
42e.agreements={}

42,P.activeAgreements.forEach((t=>{const a=String(t.id),i=n.includes(a)
43e.agreements[t.id]=i}))}return Object.keys(e).length>0?e:null}),[A,P,S,w]),[I,{error:O,loading:T}]=(0,c.n)(t),[F,{error:V}]=(0,c.n)(i),[j,{error:C}]=(0,c.n)(r),M=(0,a.useCallback)((async e=>{var t
44const n=null==h||null===(t=h.customer)||void 0===t?void 0:t.email
45try{if(await I({variables:{isSubscribed:e.isSubscribed}}),n&&e.agreements)for(const[t,a]of Object.entries(e.agreements)){const e={id:parseInt(t),acceptant:n}
46a?await F({variables:{agreement:e}}):await j({variables:{agreement:e}})}k(!0)}catch(e){return}}),[I,F,j,h]),q=(0,l.Zp)();(0,a.useEffect)((()=>{f||N||q(v.f0.signIn)}),[f,q,N])
47const x=null==P?void 0:P.activeAgreements,L=(null==S?void 0:S.customerAcceptedAgreements)||[]
48return{formErrors:[O,y,V,C,E],initialValues:D,handleSubmit:M,isDisabled:T||_||w,isSaved:p,activeAgreements:x,acceptedAgreements:L}}))
49var k=n(59578),f=n(1930),N=n(80288),A=n(58909),y=n(50750),h=n(54047),S=n(55189),E=n(3590),w=n(92623),P=n(9670),_=n(5094),D=n(71708),I=n(58979),O={root:"communicationsPage-root-Meh",wrapper:"communicationsPage-wrapper-ipA",breadcrumbs:"communicationsPage-breadcrumbs-KbK breadcrumbs-root-bg9",title:"communicationsPage-title-QHT accountInformationPage-accountDataTitle-921",newsletter:"communicationsPage-newsletter-aMo",info:"communicationsPage-info-TyQ",form:"communicationsPage-form-YaI",field:"communicationsPage-field-v3l",checkboxLabel:"communicationsPage-checkboxLabel-DU2",checkboxInput:"communicationsPage-checkboxInput-h5F checkbox-input-B7j",checkboxIcon:"communicationsPage-checkboxIcon-iJM checkbox-icon-YbJ",buttonsContainer:"communicationsPage-buttonsContainer-u22",submitButton:"communicationsPage-submitButton-8cV button-root_normalPriority-zU4 button-root-KZn clickable-root-92Z",success:"communicationsPage-success-grJ communicationsPage-newsletter-aMo"}
50var communicationsPage=e=>{const{formatMessage:t}=(0,r.A)(),n=(0,h.K)(911),o=(0,k.A)(O,e.classes),s=p(),{formErrors:c,handleSubmit:l,initialValues:m,isDisabled:u,isSaved:d,activeAgreements:g}=s,{storeName:b}=(0,S.s)()
51if(!m)return I.A
52const T=t({id:"communicationsPage.pageTitle"})
53return a.createElement("div",{className:o.root},a.createElement(N.hE,null,"".concat(T).concat(v.Fx).concat(b)),n?a.createElement(y.A,{classes:{root:o.breadcrumbs},pageName:t({id:"communicationsPage.breadcrumbs"})}):a.createElement(A.A,null),a.createElement("div",{className:o.wrapper},n?a.createElement("div",{className:o.navigation},a.createElement(A.A,null)):null,d?a.createElement("div",{className:o.success},a.createElement(D.A,{color:v.Tj.green,icon:v.Pt.success,size:35}),a.createElement("h2",{className:o.title},t({id:"communicationsPage.success"}))):a.createElement("div",{className:o.newsletter},a.createElement("h2",{className:o.title},t({id:"communicationsPage.title"})),a.createElement("p",{className:o.info},t({id:"communicationsPage.infoText"})),a.createElement(f.A,{allowErrorMessages:!0,errors:c}),a.createElement(i.lV,{className:o.form,initialValues:m,onSubmit:l},a.createElement(P.A,{isBorder:!0,field:"isSubscribed",label:t({id:"communicationsPage.subscribeText"})}),g&&g.length>0&&g.map((e=>a.createElement(_.A,{key:e.id,classes:{root:o.field},label:a.createElement("span",{className:"sr-only",dangerouslySetInnerHTML:{__html:e.front_label}})},a.createElement(P.A,{classes:{label:o.checkboxLabel,input:o.checkboxInput,icon:o.checkboxIcon},field:"agreements.".concat(e.id),label:a.createElement("div",{dangerouslySetInnerHTML:{__html:e.front_label}}),validate:null!=e&&e.required?E.L2:void 0})))),a.createElement("div",{className:o.buttonsContainer},a.createElement(w.A,{className:o.submitButton,disabled:u,type:"submit"},t(u?{id:"communicationsPage.savingBtn"}:{id:"communicationsPage.saveChangesBtn"})))))))}}}])