internalhub.dpdhl-brands.dev Open in urlscan Pro
2620:1ec:bdf::45  Public Scan

Form analysis
0 forms found in the DOM

Text Content

"use strict";(self.webpackChunkdpdhl_internalhub_frontend=self.webpackChunkdpdhl_internalhub_frontend||[]).push([["Home"],{29057:function(e,t,n){n.d(t,{Z:function(){return F}});var a=n(92950),i=n.n(a),o=n(29163),l=n(47194),r=n(31304),d=n.n(r),s=n(75371),c=n(39077),u=n(49768);const p=o.default.div.withConfig({displayName:"Tooltip__Container",componentId:"sc-ghhyvt-0"})(["position:relative;display:inline-block;"]),g=o.default.button.withConfig({displayName:"Tooltip__TriggerButton",componentId:"sc-ghhyvt-1"})([""," width:32px;height:32px;padding:4px;color:",";cursor:pointer;background-color:transparent;",""],c.d$,s.THEME.getPrimaryColor("400"),s.THEME.getMediaQuery("xlarge")`
    width: 40px;
    height: 40px;
    padding: 8px;
  `),m=o.default.div.withConfig({displayName:"Tooltip__ContentContainer",componentId:"sc-ghhyvt-2"})(["z-index:999;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;font-size:0.875rem;font-weight:400;color:",";text-transform:none;white-space:nowrap;pointer-events:none;background-color:",";opacity:1;&[data-popper-escaped]{opacity:0.5;}&[data-popper-reference-hidden='true']{opacity:0;}&[data-popper-reference-hidden='false']{opacity:1;}"],s.THEME.getWebColor("white"),s.THEME.getGrayColor("800")),f=({mode:e="hover",trigger:t,content:n,placement:a="top",triggerCallback:o,isVisible:l,strategy:r="absolute",className:d})=>{const{getTooltipProps:s,setTooltipRef:c,setTriggerRef:f,visible:h}=(0,u.O)({placement:a,offset:[0,-4],trigger:e,visible:l},{placement:a||"top",strategy:r,modifiers:[{name:"preventOverflow",options:{mainAxis:!1}}]});return i().createElement(p,{className:d},i().createElement(g,{type:"button",ref:f,onClick:o},t),h&&i().createElement(m,{...s({className:"tooltip-container"}),ref:c},n))};var h=n(36354),y=n(21614),E=n(15061),b=n(6632),x=n(40216),w=n(72698),v=n.n(w);const k=[{fontSize:32,lineHeight:1.6},{fontSize:24,lineHeight:1.8},{fontSize:26,lineHeight:1.7},{fontSize:18,lineHeight:1.1}],C=o.default.div.withConfig({displayName:"Headline__Container",componentId:"sc-1ctkotb-0"})(["display:flex;flex-direction:column;width:100%;height:auto;"]),T=o.default.div.withConfig({displayName:"Headline__LinkIconWrapper",componentId:"sc-1ctkotb-1"})(["display:flex;align-items:center;justify-content:center;line-height:1;",""],s.THEME.getMediaQuery("xlarge")`
    opacity: 0;
    transition: 200ms ease-in-out all;
    transform: translate(-5px);
    padding-bottom: 6px;
  `),_=o.default.div.withConfig({displayName:"Headline__HeadlineGroup",componentId:"sc-1ctkotb-2"})(["display:flex;align-items:center;justify-content:",";width:auto;",""],(({textAlign:e})=>"center"===e?"center":"flex-start"),s.THEME.getMediaQuery("xlarge")`
    font-size: 48px;
    &:hover {
      ${T} {
        opacity: 1;
        transform: translate(0);
      }
    }
  `),H=(0,o.default)(v()).withConfig({displayName:"Headline__StyledHeadline",componentId:"sc-1ctkotb-3"})(["width:auto !important;padding-left:",";"],(({hasLinkHeadlineAfter:e})=>e?"36px":"0")),I=(0,o.default)(v()).withConfig({displayName:"Headline__Topline",componentId:"sc-1ctkotb-4"})(["width:auto !important;margin-bottom:8px;font-size:","px;line-height:",";",""],(({styling:e})=>e.fontSize),(({styling:e})=>e.lineHeight),(({theme:e})=>"__DP-USER-LIBRARY__"===e.name?(0,o.css)(["font-weight:400;font-stretch:normal;"]):(0,o.css)(["font-weight:200;font-stretch:condensed;"]))),M=(0,o.default)(I).withConfig({displayName:"Headline__Subline",componentId:"sc-1ctkotb-5"})(["width:auto !important;margin-top:8px;font-size:","px;line-height:",";"],(({styling:e})=>e.fontSize),(({styling:e})=>e.lineHeight)),F=({tag:e,content:t,designLevel:n=1,textAlign:o="left",topline:r,subline:c,linkHeadline:u,className:p,includeInContentNavigation:g=!1})=>{const[m,w]=(0,a.useState)(!1),v=(0,b.useDispatch)(),{t:F}=(0,E.$G)(),{pathname:N}=(0,l.useLocation)(),S=t&&g?d()(t,{lower:!0,trim:!0,strict:!0}):void 0,A=()=>{const e=`${window.location.origin}${N}#${S}`;navigator.clipboard.writeText(e).then((()=>{w(!0),(0,x.o1)(x.Ex.COPY_HEADLINE_LINK.NAME,x.Ex.COPY_HEADLINE_LINK.TYPE,x.Ex.COPY_HEADLINE_LINK.INTERACTION,"Guide Content Headline"),v((0,h.jR)({id:(0,y.v4)(),isError:!1,message:F("copyToClipboard"),autoHide:!0})),setTimeout((()=>{w(!1)}),2e3)}))};return i().createElement(C,{"data-component":"headline",className:p,id:S},r&&i().createElement(I,{color:"black",styling:k[n-1],tag:"p",textAlign:o,textTransform:"none",variant:"light"},r),t&&i().createElement(_,{textAlign:o},i().createElement(H,{tag:e,designLevel:n,textAlign:o,textTransform:"none",hasLinkHeadlineAfter:!!u&&"center"===o,color:"black"},t),u&&i().createElement(T,null,!m&&i().createElement(f,{trigger:i().createElement(s.IconBhIntegratedSolutions,{fill:"currentColor"}),content:i().createElement("p",null,F("copy")),triggerCallback:A}),m&&i().createElement(f,{mode:null,trigger:i().createElement(s.IconBhIntegratedSolutions,{fill:"currentColor"}),content:i().createElement("p",null,F("copied")),triggerCallback:A,isVisible:m}))),c&&5!==n&&i().createElement(M,{color:"black",styling:k[n-1],tag:"p",textAlign:o,textTransform:"none",variant:"light"},c))}},55157:function(e,t,n){n.d(t,{Z:function(){return u}});var a=n(92950),i=n.n(a),o=n(45697),l=n.n(o),r=n(64593),d=n(59786),s=n(64176);const c=({pageParams:e,title:t})=>{const n=d.Brands.DHL;return i().createElement(r.q,null,i().createElement("html",{lang:e.lang}),i().createElement("title",{itemProp:"name",lang:e.lang},t," ",(0,s.xj)()),i().createElement("base",{href:"/"}),i().createElement("meta",{name:"viewport",content:"width=device-width,initial-scale=1"}),i().createElement("meta",{name:"robots",content:"index,follow"}),i().createElement("link",{rel:"apple-touch-icon",sizes:"180x180",href:`/assets/${n}/favicon/apple-touch-icon.png?brand=${n}`}),i().createElement("link",{rel:"icon",sizes:"32x32",href:`/assets/${n}/favicon/favicon-32x32.png?brand=${n}`}),i().createElement("link",{rel:"icon",sizes:"16x16",href:`/assets/${n}/favicon/favicon-16x16.png?brand=${n}`}),i().createElement("link",{rel:"manifest",href:`/assets/${n}/favicon/site.webmanifest?brand=${n}`}),i().createElement("link",{rel:"preconnect",href:"https://fonts.dpdhl-brands.dev"}),i().createElement("link",{href:"https://fonts.dpdhl-brands.dev/main.bundle.css",rel:"stylesheet"}))};c.defaultProps={meta:[],description:""},c.propTypes={description:l().string,lang:l().string,meta:l().arrayOf(l().object),title:l().string.isRequired};const u=c},19675:function(e,t,n){n.d(t,{D:function(){return o}});var a=n(92950),i=n(15061);const o=e=>{const{i18n:t}=(0,i.$G)();(0,a.useEffect)((()=>{e!==t.language&&t.changeLanguage(e)}),[e])}},35327:function(e,t,n){n.r(t),n.d(t,{default:function(){return X}});var a=n(59786),i=n(92950),o=n.n(i),l=n(15061),r=n(6632),d=n(47194),s=n(29163),c=n(55157),u=n(93759),p=n(19675),g=n(84325),m=n(68264);var f=n(63435),h=n(75371),y=n(8106),E=n.n(y),b=n(88767),x=n(21614),w=n(29057),v=n(64176),k=n(97567),C=function(e,t,n,a){var i,o=arguments.length,l=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(l=(o<3?i(l):o>3?i(t,n,l):i(t,n))||l);return o>3&&l&&Object.defineProperty(t,n,l),l},T=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class _{constructor(e){this.question1=e.question1,this.comment=e.comment,this.searchQuery=e.searchQuery}async validate(){const e=await(0,k.validate)(this);return e.length>0?{valid:!1,errors:e}:{valid:!0,errors:[]}}}C([(0,k.IsNumber)(),T("design:type",Number)],_.prototype,"question1",void 0),C([(0,k.IsString)(),(0,k.IsOptional)(),T("design:type",Object)],_.prototype,"comment",void 0),C([(0,k.IsString)(),T("design:type",String)],_.prototype,"searchQuery",void 0);var H=n(46746),I=n(36354),M=n(45639),F=n(85070),N=n(76777),S=n(39077);const A={question1:-1,comment:null,searchQuery:""},L=s.default.div.withConfig({displayName:"FlyoutFeedback__Container",componentId:"sc-1lud61b-0"})(["position:fixed;bottom:0;left:0;right:0;height:auto;display:flex;justify-content:center;transform:",";"," z-index:999999;"," ",""],(({isVisible:e})=>e?"translateY(0%)":"translateY(100%)"),(0,S.eR)(["transform"]),h.THEME.getMediaQuery("large")`
  left: ${({isToggled:e})=>e?`${S.Gu.large}px`:"0px"};
`,h.THEME.getMediaQuery("xlarge")`
  left: ${({isToggled:e})=>e?`${S.Gu.xlarge}px`:"0px"};

`),R=s.default.div.withConfig({displayName:"FlyoutFeedback__BannerContent",componentId:"sc-1lud61b-1"})(["display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start;width:100%;max-width:975px;height:auto;margin:0 auto;padding-top:64px;padding-right:24px;padding-bottom:48px;padding-left:24px;position:relative;background-color:",";"," "," ",""],h.THEME.getGrayColor("100"),h.THEME.getMediaQuery("medium")`
    max-width: 1028px;
    padding-top: 42px;
    padding-right: 18px;
    padding-bottom: 42px;
    padding-left: 18px;
  `,h.THEME.getMediaQuery("large")`
    align-items: center;
  `,h.THEME.getMediaQuery("large")`
  padding-right: 60px;
  padding-left: 60px;
  `),Q=s.default.div.withConfig({displayName:"FlyoutFeedback__IllustrationContainer",componentId:"sc-1lud61b-2"})(["display:none;width:100%;min-width:140px;max-width:140px;height:auto;"," ",""],h.THEME.getMediaQuery("medium")`
    display: block;
    padding-right: 42px;
    min-width: 180px;
    max-width: 180px;

  `,h.THEME.getMediaQuery("xlarge")`
  width: 25%
  `),$=s.default.img.withConfig({displayName:"FlyoutFeedback__Illustration",componentId:"sc-1lud61b-3"})(["width:100%;height:auto;"]),q=(0,s.default)(S.l0).withConfig({displayName:"FlyoutFeedback__Form",componentId:"sc-1lud61b-4"})(["width:100%;height:auto;flex-shrink:1;",""],h.THEME.getMediaQuery("xlarge")`
    width: 75%
  `),O=s.default.div.withConfig({displayName:"FlyoutFeedback__Step",componentId:"sc-1lud61b-5"})(["display:",";flex-flow:column nowrap;width:100%;height:auto;"],(({isVisible:e})=>e?"flex":"none")),B=(0,s.default)(w.Z).withConfig({displayName:"FlyoutFeedback__Headline",componentId:"sc-1lud61b-6"})(["p{font-weight:400 !important;font-stretch:normal !important;}h1,h2,h3,h4{font-weight:700 !important;font-stretch:normal !important;}"]),D=s.default.div.withConfig({displayName:"FlyoutFeedback__FormSection",componentId:"sc-1lud61b-7"})(["display:flex;flex-flow:column nowrap;width:100%;height:auto;row-gap:16px;margin-top:24px;"," ",""],h.THEME.getMediaQuery("medium")`
    flex-flow: row wrap;
    justify-content: space-between;
    column-gap: 16px;
    row-gap: 32px;
  `,h.THEME.getMediaQuery("xlarge")`
  flex-flow: ${({enableWrap:e})=>e?"row wrap":"row nowrap"};
    max-width: 560px; 
  `),z=(0,s.default)(h.RadioField).withConfig({displayName:"FlyoutFeedback__RadioField",componentId:"sc-1lud61b-8"})(["width:100%;"," ",""],h.THEME.getMediaQuery("medium")`
    width: 30%;
  `,h.THEME.getMediaQuery("xlarge")`
    width: 25%;
  `),P=s.default.div.withConfig({displayName:"FlyoutFeedback__ButtonContainer",componentId:"sc-1lud61b-9"})(["display:flex;justify-content:flex-end;width:100%;height:auto;margin-top:16px;gap:16px;"," ",""],h.THEME.getMediaQuery("medium")`
    margin-top: 0;
  `,h.THEME.getMediaQuery("xlarge")`
    width: ${({fullWidth:e})=>e?"100%":"25%"};
  `),j=(0,s.default)(E()).withConfig({displayName:"FlyoutFeedback__Button",componentId:"sc-1lud61b-10"})(["width:100%;"," &:focus,&:active{box-shadow:none;}"],h.THEME.getMediaQuery("medium")`
    width: auto;
  `),V=(0,s.default)(E()).withConfig({displayName:"FlyoutFeedback__BackButton",componentId:"sc-1lud61b-11"})(["width:50%;~ ","{width:50%;","}"," ",""],j,h.THEME.getMediaQuery("medium")`
      width: auto;
    `,h.THEME.getMediaQuery("medium")`
    width: auto;
  `,h.THEME.getMediaQuery("xlarge")`
    margin-left: 0;
    margin-right: auto;
  `),G=s.default.div.withConfig({displayName:"FlyoutFeedback__CloseButton",componentId:"sc-1lud61b-12"})(["position:absolute;top:26px;right:22px;width:18px;height:18px;cursor:pointer;z-index:9999;"]),Z=({showAfterCounter:e=20})=>{const[t,n]=(0,i.useState)(null),[s,c]=(0,i.useState)(null),[u,p]=(0,i.useState)(!1),[g,m]=(0,i.useState)(1),[f,y]=(0,i.useState)(A),{t:E}=(0,l.$G)(),w=(0,d.useLocation)(),k=(0,r.useDispatch)(),{showFlyout:C}=(0,r.useSelector)(N.y),{isToggled:T}=(0,r.useSelector)(F.E),Z=localStorage.getItem(v.Zr)?+`${localStorage.getItem(v.Zr)}`:0,U=()=>{console.log("reset search counter",u?"ja":"nein"),localStorage.setItem(v.Zr,"0")},Y=e=>{y({...f,[e.target.name]:+e.target.value})},W=()=>{k((0,M.n9)(!0))},J=(e=!1)=>{e&&U(),k((0,M.n9)(!1)),m(1),y(A)},K=(0,b.useMutation)((e=>(0,H.F)(e)),{onSuccess:()=>{setTimeout((()=>{J()}),2e3),m(3),U()},onError:()=>{var e,t;e=E("feedbackError"),t=!0,k((0,I.jR)({id:(0,x.v4)(),isError:t,message:e,autoHide:!1}))}});return(0,i.useEffect)((()=>{const e=new URLSearchParams(w.search);var a;y({...f,searchQuery:e.toString()}),e.size!==(null==s?void 0:s.size)&&w.search!==(null==t?void 0:t.search)&&(a=Z+1,localStorage.setItem(v.Zr,a.toString()),c(e),n(w))}),[w]),(0,i.useEffect)((()=>{Z>=e&&W()}),[Z]),(0,i.useEffect)((()=>{(0,a.listenEvent)(a.WindowEvents.UPDATE_SEARCHRESULTS,(e=>{const{count:t}=e.detail;0===t?(p(!0),y({...f,question1:2}),m(2),W()):p(!1)}))}),[]),o().createElement(L,{isVisible:C,isToggled:T},o().createElement(R,null,o().createElement(G,{onClick:()=>J(!u&&Z>=e)},o().createElement(h.IconBhCancel,{fill:"currentColor"})),o().createElement(Q,null,o().createElement($,{src:"/assets/illustrations/flyout-feedback.svg",alt:"Illustration für das Feedback Flyout Module"})),o().createElement(q,{onSubmit:e=>{if(e.preventDefault(),f.question1>0&&1===g)m(2);else{const e=new _(f);e&&e.validate().then((t=>{t&&K.mutateAsync(e)}))}},method:"POST",action:"/",autoComplete:"off",noValidate:!0},o().createElement(O,{isVisible:1===g},o().createElement(B,{id:"headline-step-3",tag:"h3",designLevel:4,content:E("flyoutFeedbackStepOneHeadline")}),o().createElement(D,null,o().createElement(z,{isBlock:!1,disabled:!1,required:!0,isChecked:0===f.question1,id:"question1-option-1",name:"question1",value:0,onChange:Y},E("flyoutFeedbackQuestion1Option1")),o().createElement(z,{isBlock:!0,disabled:!1,required:!0,isChecked:1===f.question1,id:"question1-option-2",name:"question1",value:1,onChange:Y},E("flyoutFeedbackQuestion1Option2")),o().createElement(z,{isBlock:!0,disabled:!1,required:!0,value:2,isChecked:2===f.question1,id:"question1-option-3",name:"question1",onChange:Y},E("flyoutFeedbackQuestion1Option3")),o().createElement(P,null,o().createElement(j,{isDisabled:f.question1<0,type:"submit"},E(f.question1>0?"flyoutFeedbackNext":"flyoutFeedbackSubmit"))))),o().createElement(O,{isVisible:2===g},o().createElement(B,{id:"headline-step-3",tag:"h3",designLevel:4,topline:E("flyoutFeedbackStepTwoTopline"),content:E("flyoutFeedbackStepTwoHeadline")}),o().createElement(D,{enableWrap:!0},o().createElement(S.N7,{isBlock:!0,id:"dpdhlContactMessage",disabled:!1,required:!1,value:f.comment||"",name:"comment",onChange:e=>{y({...f,[e.target.name]:e.target.value})},variant:{label:`${E("flyoutFeedbackComment")}`,type:h.TEXTAREAFIELD_LABEL_TYPES.ANIMATED}}),o().createElement(P,{fullWidth:!0},o().createElement(V,{type:"button",variant:"text",onClick:()=>{g>0&&g<3&&m(g-1)},iconOrientation:"left",icon:o().createElement(h.IconBhArrowBack,{fill:"currentColor"})},E("flyoutFeedbackBack")),o().createElement(j,{type:"submit"},E("flyoutFeedbackSubmit"))))),o().createElement(O,{isVisible:3===g},o().createElement(B,{id:"headline-step-3",tag:"h3",designLevel:4,topline:E("flyoutFeedbackStepThreeTopline"),content:E("flyoutFeedbackStepThreeHeadline")})))))};var U=n(34469);const Y=o().lazy((()=>n.e("webpack_container_remote_medialibrary_App").then(n.t.bind(n,13258,23)))),W=s.default.div.withConfig({displayName:"pages__Container",componentId:"sc-1kf8x96-0"})(["width:100%;height:auto;min-height:100vh;"]),J=(0,f.V)((K=({accessToken:e,currentUser:t,lang:n})=>o().createElement(Y,{currentBrand:a.Brands.DHL,accessToken:e,currentUser:t,currentLanguage:n,mode:"internalhub",routerBase:(0,U.qC)(u.n8.INTERNALHUB_HOME).replace(":lang",n).replace("/*",""),apiBase:"https://mediahub.dpdhl-brands.dev",apiToken:"JDJiJDA0JFZVRGVOV0JhRGgyc2RaNG9PM1ZqVnVDMFFXUFdSVi5RRE41QjZSekZjODc4TWFMRkpaNFY2"}),({...e})=>{const{hasAccess:t}=(0,r.useSelector)(g.n);return t?o().createElement(K,{...e}):o().createElement(m.C,{type:m.Z.AUTHORIZATION})}));var K;const X=({})=>{const e=(0,d.useHistory)(),{lang:t}=(0,d.useParams)(),{t:n}=(0,l.$G)(),{accessToken:a,currentUser:s,isLoading:m}=(0,r.useSelector)(g.n);return(0,i.useEffect)((()=>{s||m||e.push(`${(0,U.qC)(u.n8.AUTH_LOGIN).replace(":lang",t)}?redirect=${(0,U.qC)(u.n8.INTERNALHUB_HOME).replace(":lang",t).replace("*","")}`)}),[]),(0,p.D)(t),o().createElement(W,null,o().createElement(i.Suspense,{fallback:o().createElement("p",null,"Loading ...")},s&&a&&o().createElement(J,{accessToken:a,currentUser:s,lang:t})),o().createElement(Z,{showAfterCounter:59}),o().createElement(c.Z,{title:n("internalhub"),pageParams:{lang:t}}))}},46746:function(e,t,n){n.d(t,{I:function(){return o},F:function(){return l}});var a=n(95673);const i="https://internalhub-api.dpdhl-brands.dev/v1/feedbacks",o=async e=>{const t=(0,a.a)(),n=JSON.stringify(e);return(await t.post(`${i}`,n,{params:{type:"general"}})).data},l=async e=>{const t=(0,a.a)(),n=JSON.stringify(e);return(await t.post(`${i}`,n,{params:{type:"search"}})).data}}}]);