https://otzyvypro.io/static/js/async/4949.6302541b9f.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2fcf3433-3c10-40fa-b0fe-3a1ceb4776e4",e._sentryDebugIdIdentifier="sentry-dbid-2fcf3433-3c10-40fa-b0fe-3a1ceb4776e4")}catch(e){}}();"use strict";(self.rspackChunkmsb=self.rspackChunkmsb||[]).push([[4949],{92226(e,t,a){a.d(t,{QrTemplatesPage:()=>e5});var n,s,r,i=a(74848),_=a(96540),l=a(96468),o=a(61973),c=a(62173),d=a(24068),T=a(22473);let u={companyNameLength:75,titleLength:35,additionalTextLength:55},E={companyName:"MSB__QR_TEMPLATES__FORM__COMPANY_NAME__DEFAULT",title:"MSB__QR_TEMPLATES__FORM__BUSINESS_CARD__TITLE__DEFAULT",additionalText:"MSB__QR_TEMPLATES__FORM__BUSINESS_CARD__ADDITIONAL_TEXT__DEFAULT"};var m=a(68181);function p(e){return JSON.stringify({count:e,many:"ERROR__VALIDATION__MAX_LENGTH_MANY",few:"ERROR__VALIDATION__MAX_LENGTH_FEW",singular:"ERROR__VALIDATION__MAX_LENGTH_SINGULAR",valueMap:{length:e}})}function x(e){return m.Ik({companyName:m.Yj().max(e.companyNameLength,{error:p(e.companyNameLength)}),title:m.Yj().max(e.titleLength,{error:p(e.titleLength)}),additionalText:m.Yj().max(e.additionalTextLength,{error:p(e.additionalTextLength)})})}let h=x(u);var S=a(15685),y=a(30799),L=a(36947),g=a(19634),j=a(64845);function N(e){let{previewRef:t,data:a,link:n}=e;return(0,i.jsx)("div",{className:"da3ec4",ref:t,children:(0,i.jsxs)("div",{className:(0,j.xW)("f8623f"),children:[(0,i.jsx)(g.E,{className:"c99a17",secondary:!0,children:a.companyName}),(0,i.jsxs)("div",{className:"d0e6e4",children:[(0,i.jsxs)("div",{className:"d92535",children:[(0,i.jsxs)("div",{className:"b04248",children:[(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy})]}),(0,i.jsx)(g.E,{className:"ad7a0a",children:a.title}),(0,i.jsx)(g.E,{className:"b808c1",secondary:!0,children:a.additionalText})]}),(0,i.jsxs)("div",{className:"bd4200",children:[(0,i.jsx)(L.A,{bordered:!1,size:240,type:"svg",value:n||""}),(0,i.jsx)("div",{className:"e07fb9"}),(0,i.jsx)("div",{className:"aab41b"}),(0,i.jsx)("div",{className:"c400a7"}),(0,i.jsx)("div",{className:"be26fc"})]})]})]})})}var f=a(62386),R=a(79656),A=a(71358),M=a(34766),O=a(49785),b=a(31099),v=a(54471);let D="qr-templates-onboarding-download-png",P="qr-templates-download-completed";var I=((n={}).TableTent="table-tent",n.BusinessCard="business-card",n.Pyramid="pyramid",n);let C={"table-tent":"a4_a5","business-card":"card",pyramid:"pyramid"};var B=a(97286),F=a(97665),w=a(53234),Q=a(18831),k=a(76392),K=a(12846),q=a(47353);let U=`${q.s}/qr_templates`,Y=`${q.s}/qr_template`;var H=a(69352),G=((s={}).QR_SHEET="qr_sheet",s.QR_PYRAMID="qr_pyramid",s.QR_BUSINESS_CARD="qr_card",s);let z=m.Ik({qrFormType:m.k5(G),companyName:m.Yj(),title:m.Yj(),additionalText:m.Yj()}),W=m.Ik({qrPyramid:m.Yj(),qrSheet:m.Yj(),qrCard:m.Yj()}),$=m.Ik({qrTemplates:m.YO(z),shortLinkUrls:W});var X=((r={}).WrongFieldsLength="wrong_fields_length",r.SurveyTemplateNotFound="survey_template_not_found",r);(0,H.y)(m.k5(X));var V=a(77599),Z=a(37844),J=a(89300),ee=a(24083),et=a(73189),ea=a(53375);let en=(0,Q.camelizeKeys)(ee.x);function es(e){let{companyId:t}=(0,J.sZ)(),{notification:a}=(0,b.h)(),n=(0,F.jE)(),{track:s}=(0,ea.s)(),{hash:r}=(0,o.zy)(),_={layout:C[r.slice(1)]};return(0,w.n)({mutationFn:e=>{let a;return a=`${v.kj}${Y}/${t}/`,(0,Z.vR)(a,{method:"POST",headers:{...K.Kp,...(0,K.$$)()},body:JSON.stringify((0,V.lK)(e))})},mutationKey:[Y,t],onError(){e||a.error({message:(0,i.jsx)(k.h,{stringKey:"ERROR__TITLE"}),description:(0,i.jsx)(k.h,{stringKey:"ERROR__DESCRIPTION"})})},async onSuccess(){await n.invalidateQueries({queryKey:[U,t]}),s("event_qrLayoutUpdated",_),e||a.success({message:(0,i.jsx)(k.h,{stringKey:"MSB__QR_TEMPLATES__FORM__NOTIFICATION__SUCCESS__MESSAGE"}),description:(0,i.jsx)(k.h,{stringKey:"MSB__QR_TEMPLATES__FORM__NOTIFICATION__SUCCESS__DESCRIPTION"})})}})}var er=a(69927),ei=a(24252);a(97306);var e_=a(26036);function el(){if("u"<typeof navigator)return!1;let e=navigator.userAgent.toLowerCase(),t=e.includes("wv")&&e.includes("android")||e.includes("android_app"),a=e.includes("ios_app"),n=(e.includes("iphone")||e.includes("ipad"))&&!e.includes("safari"),s=e.includes("webview");return t||n||s||a}function eo(e){let{formMode:t,previewRef:a,defaultValues:n,pdfOptions:s,type:r,resetIsFormTouched:l,isSubmitting:u,qrFormType:E}=e,{reset:m,formState:p}=(0,O.xW)(),[x,h]=(0,_.useState)(!1),S=(0,o.Zp)(),{hash:L}=(0,o.zy)(),{requestConfirmation:g}=(0,er.Q)(),{screen:j}=(0,d.J)(),{track:N}=(0,ea.s)(),{isMobile:f}=j,{notification:v}=(0,b.h)(),{mutateAsync:D}=es(!0),{markStepDone:I}=(0,ei.U)(),B={layout:C[L.slice(1)]};async function F(){if(a.current){if(el())return void v.error({message:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOW

1NLOAD_FILE__ERROR__MESSAGE"}),description:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOWNLOAD_FILE__ERROR__DESCRIPTION"})});try{h(!0);let e=await (0,M.Tf)(a.current,{quality:1,font:{cssText:"Inter"}}),t=new A.Ay(s||{format:"a4",orientation:"portrait"}),i=t.internal.pageSize.getWidth(),_=t.internal.pageSize.getHeight();t.addImage({imageData:e,x:0,y:0,width:i,height:_,compression:"MEDIUM",format:"PNG"});let l=`${r}_${n.companyName.split(" ").join("_")||""}.pdf`;D({...n,qrFormType:E}),N("action_downloadQrLayout_btn",B),await t.save(l,{returnPromise:!0}),document.dispatchEvent(new CustomEvent(P)),I("QrTemplates")}finally{h(!1)}}}return(0,i.jsx)("div",{className:"ff4a2f",children:"view"===t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e_.$n,{block:f,disabled:x,icon:(0,i.jsx)(y.g,{icon:R.cbP}),loading:x,onClick:F,size:"large",type:"primary",children:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOWNLOAD_PDF"})}),(0,i.jsx)(e_.$n,{block:f,"data-qr-templates-onboarding-edit":!0,disabled:x,ghost:!0,icon:(0,i.jsx)(y.g,{icon:R.LFz}),onClick:function(){N("view_editQrLayout_page",B),S(T.R.QrTemplatesEdit+L)},size:"large",type:"primary",children:(0,i.jsx)(c.h,{stringKey:"BUTTON__EDIT"})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e_.$n,{block:f,disabled:u||!p.isDirty,htmlType:"submit",loading:u,size:"large",type:"primary",children:(0,i.jsx)(c.h,{stringKey:"BUTTON__SAVE"})}),(0,i.jsx)(e_.$n,{block:f,disabled:u,onClick:function(){g(()=>{m(),l(),S(T.R.QrTemplates+L)})},size:"large",children:(0,i.jsx)(c.h,{stringKey:"BUTTON__CANCEL"})})]})})}var ec=a(84294),ed=a(77302);function eT(e){let{previewRef:t,previewSlot:a,type:n}=e,s=(0,O.FH)(),[r,l]=(0,_.useState)(),[o,c]=(0,_.useState)(!1),d=(0,_.cloneElement)(a,{data:s,previewRef:t});async function T(){t.current&&l(await (0,M.Tf)(t.current,{quality:.1,font:{cssText:"Inter"},scale:"card"===n?.8:.3}))}return(0,_.useEffect)(()=>{T()},[s]),(0,i.jsxs)("div",{className:"c3246c",children:[(0,i.jsx)("div",{className:"d76958",children:(0,i.jsx)("div",{children:d})}),(0,i.jsx)("br",{}),(0,i.jsx)("div",{className:"bb1132",children:(0,i.jsx)("img",{alt:"",className:(0,j.xW)("a7b2c4",{ad1d2f:"card"===n}),onLoad:function(){c(!0)},src:r,style:{display:o?"block":"none"}})})]})}var eu="d9f94a";function eE(e){let{helperText:t,schema:a,maxLengthConfig:n,previewSlot:s,defaultTextValues:r,pdfOptions:l,type:u,qrFormType:E,data:m}=e,p=(0,o.zy)().pathname.includes("/edit")?"edit":"view",{getLocalizedString:x}=(0,f.Y)(),{company:h}=(0,J.sZ)(),{screen:S}=(0,d.J)(),{mutateAsync:y,isPending:L}=es(),{isMobile:g}=S,{hash:j}=(0,o.zy)(),N=(0,_.useMemo)(()=>m?{companyName:m?.companyName,title:m?.title,additionalText:m?.additionalText}:{companyName:h?.names?.[0]?.name||x(r.companyName),title:x(r.title),additionalText:x(r.additionalText)},[m,h?.names,r.additionalText,r.companyName,r.title,x]),{setIsFormTouched:R,resetIsFormTouched:A,navigateAfterReset:M}=(0,er.Q)(),O="view"===p,b=(0,_.useRef)(null);async function v(e){await y({...e,qrFormType:E}),M(T.R.QrTemplates+j)}let D=(0,i.jsxs)("div",{className:"e78dda",children:[(0,i.jsx)(ed.YJ,{formItemClassName:eu,inputProps:{size:g?"middle":"large",disabled:O,showCount:!O,maxLength:n.companyNameLength},label:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM__COMPANY_NAME__LABEL"}),name:"companyName"}),(0,i.jsx)(ed.YJ,{formItemClassName:eu,inputProps:{size:g?"middle":"large",disabled:O,showCount:!O,maxLength:n.titleLength},label:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM__TITLE__LABEL"}),name:"title"}),(0,i.jsx)(ed.t5,{inputProps:{autoSize:{minRows:2,maxRows:4},size:g?"middle":"large",disabled:O,showCount:!O,maxLength:n.additionalTextLength},label:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM__ADDITIONAL_TEXT__LABEL"}),name:"additionalText"})]});return(0,i.jsxs)(ed.lV,{className:"fd1b9c",onSubmit:v,schema:a,values:N,children:[(0,i.jsx)(ec.D,{modal:!1,onReset:A,onSet:R}),(0,i.jsxs)("div",{className:"a1b859",children:[g?null:(0,i.jsxs)("div",{className:"c2c727",children:[D,(0,i.jsx)(eo,{defaultValues:N,formMode:p,isSubmitting:L,pdfOptions:l,previewRef:b,qrFormType:E,resetIsFormTouched:A,type:u})]}),(0,i.jsxs)("div",{className:"ac7ecf",children:[(0,i.jsx)(eT,{previewRef:b,previewSlot:s,type:u}),t&&(0,i.jsx)("span",{className:"e42251",children:t})]})]}),g&&(0,i.jsxs)(i.Fragment,{children:["edit"===p&&D,(0,i.jsx)(eo,{defaultValues:N,formMode:p,isSubmitting:L,pdfOptions:l,previewRef:b,qrFormType:E,resetIsFormTouched:A,type:u})]})]})}function em(e){let t=(0,o.zy)(),{hash:a}=t,n=t.state;return(0,i.jsx)(er.f,{backUrl:n?.redirectUrl||T.R.QrTemplates+a,onBlock:e=>e?.currentLocation.search?e?.nextLocation.search!==e?.currentLocation.search:e?.currentLocation.hash&&e.nextLocation.hash&&e.currentLocation.pathname===e.nextLocation.pathname?e?.nextLocation.hash!==e?.currentLocation.hash:e?.nextLocation.pathname!==e?.currentLocation.pathname,children:(0,i.jsx)(eE,{...e})})}function ep(e,t){return e?.qrTemplates.find(e=>e.qrFormType===t)}function ex(e){let{data:t}=e,a=ep(t,"qr_card");return(0,i.jsx)(em,{data:a,defaultTextValues:E,helperText:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM__BUSINESS_CARD__HELPER_TEXT"}),maxLengthConfig:u,pdfOptions:{orientation:"landscape",unit:"mm",format:[54,94]},previewSlot:(0,i.jsx)(N,{data:{},link:t?.shortLinkUrls?.qrCard,previewRef:{current:null}}),qrFormType:"qr_card",schema:h,type:"card"})}let eh={companyNameLength:75,titleLength:35,additionalTextLength:55},eS={companyName:"MSB__QR_TEMPLATES__FORM__COMPANY_NAME__DEFAULT",title:"MSB__QR_TEMPLATES__FORM__PYRAMID__TITLE__DEFAULT",additionalText:"MSB__QR_TEMPLATES__FORM__BUSINESS_CARD__ADDITIONAL_TEXT__DEFAULT"},ey=x(eh);function eL(e){let{data:t,link:a}=e;return(0,i.jsxs)("div",{className:"b5fff9",children:[(0,i.jsx)(g.E,{className:"abef35",secondary:!0,children:t.companyName}),(0,i.jsxs)("div",{className:"f7cdde",children:[(0,i.jsxs)("div",{className:"c9eff1",children:[(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy})]}

1),(0,i.jsx)(g.E,{className:"c204aa",children:t.title}),(0,i.jsx)(g.E,{className:"d3edaa",secondary:!0,children:t.additionalText})]}),(0,i.jsxs)("div",{className:"ff5eb8",children:[(0,i.jsx)(L.A,{bordered:!1,size:475,type:"svg",value:a||""}),(0,i.jsx)("div",{className:"c794aa"}),(0,i.jsx)("div",{className:"f1809a"}),(0,i.jsx)("div",{className:"b314ca"}),(0,i.jsx)("div",{className:"b88c9a"})]})]})}function eg(e){let{previewRef:t,data:a,link:n}=e;return(0,i.jsx)("div",{className:"f79055",ref:t,children:(0,i.jsxs)("div",{className:(0,j.xW)("fd9364"),children:[(0,i.jsx)("div",{className:"c398b4",children:(0,i.jsx)(g.E,{className:"ef2c47",stringKey:"MSB__QR_TEMPLATES__FORM__PYRAMID__SEAM_LOCATION"})}),(0,i.jsx)(eL,{data:a,link:n}),(0,i.jsx)(eL,{data:a,link:n}),(0,i.jsx)(eL,{data:a,link:n})]})})}function ej(e){let{data:t}=e,a=ep(t,"qr_pyramid");return(0,i.jsx)(em,{data:a,defaultTextValues:eS,helperText:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM__PYRAMID__HELPER_TEXT"}),maxLengthConfig:eh,pdfOptions:{format:"a4",orientation:"landscape"},previewSlot:(0,i.jsx)(eg,{data:{},link:t?.shortLinkUrls?.qrPyramid,previewRef:{current:null}}),qrFormType:"qr_pyramid",schema:ey,type:"pyramid"})}let eN={companyNameLength:75,titleLength:45,additionalTextLength:65},ef={companyName:"MSB__QR_TEMPLATES__FORM__COMPANY_NAME__DEFAULT",title:"MSB__QR_TEMPLATES__FORM__TABLE_TENT__TITLE__DEFAULT",additionalText:"MSB__QR_TEMPLATES__FORM__TABLE_TENT__ADDITIONAL_TEXT__DEFAULT"},eR=x(eN);function eA(e){let{previewRef:t,data:a,link:n}=e;return(0,i.jsx)("div",{className:"bea1de",ref:t,children:(0,i.jsxs)("div",{className:(0,j.xW)("f7dc92"),children:[(0,i.jsx)(g.E,{className:"ccd57c",secondary:!0,children:a.companyName}),(0,i.jsxs)("div",{className:"a619a5",children:[(0,i.jsxs)("div",{className:"af81c9",children:[(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy}),(0,i.jsx)(y.g,{icon:S.yy})]}),(0,i.jsx)(g.E,{className:"cafb27",children:a.title}),(0,i.jsx)(g.E,{className:"fb3c36",secondary:!0,children:a.additionalText})]}),(0,i.jsxs)("div",{className:"fc8c7e",children:[(0,i.jsx)(L.A,{bordered:!1,size:788,type:"svg",value:n||""}),(0,i.jsx)("div",{className:"a02027"}),(0,i.jsx)("div",{className:"c063c0"}),(0,i.jsx)("div",{className:"fc57f5"}),(0,i.jsx)("div",{className:"fbcee4"})]})]})})}function eM(e){let{data:t}=e,a=ep(t,"qr_sheet");return(0,i.jsx)(em,{data:a,defaultTextValues:ef,helperText:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM__TABLE_TENT__HELPER_TEXT"}),maxLengthConfig:eN,previewSlot:(0,i.jsx)(eA,{data:{},link:t?.shortLinkUrls?.qrSheet,previewRef:{current:null}}),qrFormType:"qr_sheet",schema:eR,type:"A4"})}var eO=a(50485),eb=a(30127),ev=a(10625),eD="a6ab2b";function eP(){let{data:e,isLoading:t}=(0,ev.Hj)(),a=(0,_.useRef)(null),{markStepDone:n}=(0,ei.U)(),{downloadQrCode:s,downloadSvgQrCode:r}=function(e,t){let{company:a}=(0,J.sZ)(),{notification:n}=(0,b.h)(),{track:s}=(0,ea.s)(),r=(0,_.useCallback)(()=>{n.error({message:(0,i.jsx)(c.h,{stringKey:"MSB__SURVEY__QRCODE__DOWNLOAD__ERROR"}),description:(0,i.jsx)(c.h,{stringKey:"ERROR__DESCRIPTION"})})},[n]),l=a?.names[0]?.name.toLocaleLowerCase().replaceAll(" ","_");return{downloadQrCode:(0,_.useCallback)(()=>{let a=e.current?.querySelector("canvas");if(!a)return void r();try{let e=l?`qr_code_${l}.png`:"qr_code.png",n=a.toDataURL();(0,j.PE)(n,e),t&&t()}catch{r()}},[t,l,e,r,s]),downloadSvgQrCode:(0,_.useCallback)(()=>{let a=e.current?.querySelector("svg");if(!a)return void r();let n=new Blob([new XMLSerializer().serializeToString(a)],{type:"image/svg+xml;charset=utf-8"}),s=URL.createObjectURL(n);try{let e=l?`qr_code_${l}.svg`:"qr_code.svg";(0,j.PE)(s,e),t&&t()}catch{r()}},[t,l,e,r,s])}}(a,()=>{n("QrTemplates")}),{track:l}=(0,ea.s)(),{notification:o}=(0,b.h)();(0,_.useEffect)(()=>{function e(){s()}return document.addEventListener(D,e),()=>document.removeEventListener(D,e)},[s,o,l]);let d=[{key:"PNG",label:(0,i.jsx)(g.E,{children:(0,i.jsxs)(eO.A,{children:[(0,i.jsx)(y.g,{fontSize:16,icon:R.FEX}),(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__DOWNLOAD_MENU__PNG"})]})}),onClick:()=>{el()?o.error({message:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOW

1NLOAD_FILE__ERROR__MESSAGE"}),description:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOWNLOAD_FILE__ERROR__DESCRIPTION"})}):(l("action_downloadQrPng_btn"),s())}},{key:"SVG",label:(0,i.jsx)(g.E,{children:(0,i.jsxs)(eO.A,{children:[(0,i.jsx)(y.g,{fontSize:16,icon:R.aMb}),(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__DOWNLOAD_MENU__SVG"})]})}),onClick:()=>{el()?o.error({message:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOWNLOAD_FILE__ERROR__MESSAGE"}),description:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__FORM_ACTIONS__DOWNLOAD_FILE__ERROR__DESCRIPTION"})}):(l("action_downloadQrSvg_btn"),r())}}];return t?(0,i.jsx)(eb.A,{active:!0,paragraph:!1,title:{width:"200px",className:"bee6da"}}):(0,i.jsxs)("div",{children:[(0,i.jsx)(e_.vJ,{menuItems:d,children:(0,i.jsx)(e_.$n,{block:!0,className:"a2eb1f","data-qr-templates-onboarding-download":!0,ghost:!0,onClick:()=>l("action_chooseQrFormatForDownload_btn"),type:"primary",children:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__DOWNLOAD_MENU__BUTTON"})})}),(0,i.jsxs)("div",{ref:a,children:[(0,i.jsx)(L.A,{className:eD,color:"#000000",size:1024,type:"canvas",value:e?.shortQrUrl||"-"}),(0,i.jsx)(L.A,{bgColor:"white",className:eD,color:"#000000",type:"svg",value:e?.shortQrUrl||"-"})]})]})}var eI=a(80626),eC=a(28831),eB=a(35301),eF=a(14408);function ew(){let e=(0,o.zy)(),t=(0,o.Zp)(),a=(0,eF.k)(),{screen:n}=(0,d.J)(),{isMobile:s}=n,r=I.TableTent,{hash:u,pathname:E}=e,m=e.state,p=E.includes("/edit"),{data:x,isLoading:h}=function(){let{companyId:e}=(0,J.sZ)();return(0,B.I)({queryKey:[U,e],queryFn:()=>(0,V.H4)(`${U}/${e}/`,$),enabled:(0,et.pT)(),placeholderData:(0,et.aI)(en,e)})}(),{track:S}=(0,ea.s)(),{utmParameters:y}=(0,eC.m)(),[L,N]=(0,_.useState)(u&&(0,j.FD)(I,u.slice(1))?u.slice(1):r);(0,_.useEffect)(()=>{S("view_qrLayouts_page",{from:y.utmContent||m?.from,tab:C[L]}),m?.from&&t({pathname:".",search:e.search,hash:e.hash},{state:{...m,from:void 0},replace:!0})},[L,m]),(0,_.useEffect)(()=>{t(`#${L}`,{state:m})},[]),(0,_.useEffect)(()=>{u&&(0,j.FD)(I,u.slice(1))&&N(u.slice(1))},[u]);let f=[{key:I.TableTent,label:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__TABS__TABLE_TENT"}),children:(0,i.jsx)(eM,{data:x})},{key:I.BusinessCard,label:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__TABS__BUSINESS_CARD"}),children:(0,i.jsx)(ex,{data:x})},{key:I.Pyramid,label:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES__TABS__PYRAMID"}),children:(0,i.jsx)(ej,{data:x})}];return h?(0,i.jsx)(eI.y,{}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"a441a1",children:s&&p?(0,i.jsx)(eB.M.Components.ContentHeader,{titleLangKey:"MSB__QR_TEMPLATES__PAGE__TITLE__EDIT"}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eB.M.Components.ContentHeader,{titleLangKey:"MSB__QR_TEMPLATES__PAGE__TITLE"}),(0,i.jsx)(g.E,{secondary:!0,stringKey:"MSB__QR_TEMPLATES__PAGE__DESCRIPTION"})]})}),s&&!p&&(0,i.jsx)(eP,{}),(0,i.jsx)("div",{children:(0,i.jsx)(l.A,{activeKey:L,destroyInactiveTabPane:!0,items:f,onChange:function(e){let n=`#${e}`;function s(){N(e),t(T.R.QrTemplates+n,{state:m})}a?a.requestConfirmation(s):s()},renderTabBar:(e,t)=>s&&p?(0,i.jsx)("span",{}):(0,i.jsx)("div",{"data-qr-templates-onboarding-tabs":!0,children:(0,i.jsx)(t,{...e})}),tabBarExtraContent:s?null:(0,i.jsx)(eP,{})})})]})}var eQ=a(16376),ek=a(37575),eK=a(36138),eq=a(7667),eU=a(96581),eY=a(58028),eH=a(7072),eG=a(72773),ez=a(98083);let eW=[eH.Lw.Tabs,eH.Lw.Download,eH.Lw.Edit];function e$(e){return Math.max(eW.indexOf(e),0)}var eX="ff6875";let eV="[data-qr-templates-onboarding-tabs] .ant-tabs-nav-list";function eZ(){let e=(0,eY.X)({pageKey:"qrTemplates"}),t=(0,_.useRef)(!1),a=!e.isLoading&&!e.isDone&&!e.open&&!t.current,n=(0,eU.X)(eV,{enabled:a}),{isMobile:s}=(0,eG.Q)(),r=(0,eq._)(eV),l=(0,eq._)("[data-qr-templates-onboarding-download]"),o=(0,eq._)("[data-qr-templates-onboarding-edit]");(0,_.useEffect)(()=>{if(n&&a){t.current=!0;let a=e.step,n=a?e$(a):0;requestIdleCallback(()=>{let t=r(),a=e$(eH.Lw.Tabs);s&&t&&e.currentStep===a&&(0,ez.c)(t),e.openTour(n)})}},[n,a,s,r,e.currentStep,e.openTour,e.step]),(0,_.useEffect)(()=>{e.open&&!e.isTriggeredByHints.current&&e.setStep(eW[e.currentStep]??eH.Lw.Tabs)},[e.currentStep,e.open,e.setStep]);let d=(0,_.useCallback)(()=>

1{e.handleClose(),e.isDone||e.handleFarewellOpen()},[e.handleClose,e.handleFarewellOpen]);(0,_.useEffect)(()=>{if(!s||!e.open)return;let t=r();if(t&&e.currentStep===e$(eH.Lw.Tabs))return void(0,ez.c)(t);let a=l();a&&e.currentStep===e$(eH.Lw.Download)&&(0,ez.c)(a)},[s,l,r,e.currentStep,e.open]);let T=(0,_.useMemo)(()=>[{closable:!0,title:null,description:(0,i.jsxs)(ek.i,{children:[(0,i.jsx)(ek.i.Description,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__TABS__TITLE"}),(0,i.jsx)(ek.i.Hint,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__TABS__DESCRIPTION"})]}),mask:!0,placement:s?"bottom":"rightTop",target:r,nextButtonProps:{children:(0,i.jsx)(c.h,{stringKey:"BUTTON__NEXT"}),onClick:()=>e.goToStep(e$(eH.Lw.Download))}},{closable:!0,title:null,description:(0,i.jsx)(ek.i,{children:(0,i.jsx)(ek.i.Description,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__DOWNLOAD__TITLE"})}),mask:!0,placement:s?"bottom":"left",target:l,prevButtonProps:{children:(0,i.jsx)(c.h,{stringKey:"BUTTON__BACK"}),onClick:e.goToPreviousStep},nextButtonProps:{children:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES_ONBOARDING__DOWNLOAD__BUTTON"}),onClick:()=>{document.dispatchEvent(new CustomEvent(D)),e.goToStep(e$(eH.Lw.Edit))}}},{closable:!0,title:null,description:(0,i.jsxs)(ek.i,{children:[(0,i.jsx)(ek.i.Description,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__EDIT__TITLE"}),(0,i.jsx)(ek.i.Hint,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__EDIT__HINT"})]}),mask:!0,placement:"top",target:o,prevButtonProps:{children:(0,i.jsx)(c.h,{stringKey:"BUTTON__BACK"}),onClick:e.goToPreviousStep},nextButtonProps:{children:(0,i.jsx)(c.h,{stringKey:"BUTTON__GOT_IT"}),onClick:e.handleClose}}],[s,e.goToStep,e.goToPreviousStep,e.handleClose,r,l,o]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eQ.A,{current:e.currentStep,disabledInteraction:!0,onClose:d,open:e.open,rootClassName:eX,steps:T}),(0,i.jsx)(eK._,{onClose:e.handleFarewellClose,open:e.showFarewell})]})}var eJ=a(9676);function e0(e){let{open:t,onClose:a}=e,n=(0,o.Zp)(),{updatePageData:s}=(0,eJ.Fi)("qrTemplates"),r=(0,eq._)(".qr-templates-onboarding-analytics-menu-item"),{isMobile:l}=(0,eG.Q)(),d=(0,_.useCallback)(()=>{s({postDownloadTourDone:!0}),a()},[a,s]),u=(0,_.useCallback)(()=>{s({postDownloadTourDone:!0}),a(),n(T.R.Dashboard)},[n,a,s]),E=(0,_.useMemo)(()=>[{closable:!0,title:null,description:(0,i.jsxs)(ek.i,{children:[(0,i.jsx)(ek.i.Title,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__POST_DOWNLOAD__TITLE"}),(0,i.jsx)(ek.i.Description,{labelKey:"MSB__QR_TEMPLATES_ONBOARDING__POST_DOWNLOAD__DESCRIPTION"})]}),mask:!0,placement:l?"top":"rightTop",target:r,nextButtonProps:{children:(0,i.jsx)(c.h,{stringKey:"MSB__QR_TEMPLATES_ONBOARDING__POST_DOWNLOAD__BUTTON"}),onClick:u}}],[u,r]);return(0,i.jsx)(eQ.A,{current:0,disabledInteraction:!0,onClose:d,open:t,rootClassName:eX,steps:E})}var e1=a(45391),e4=a(81275),e7=a.p+"static/image/qr-templates-banner-image.98a8843d4d.png";let e3=[{icon:S.yy,localeKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__BENEFIT_1",titleLocaleKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__TITLE_1"},{icon:S.yy,localeKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__BENEFIT_2",titleLocaleKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__TITLE_2"},{icon:S.yy,localeKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__BENEFIT_3",titleLocaleKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__TITLE_3"}];function e6(){let e=(0,o.Zp)();return(0,i.jsx)(e4.U,{benefitItems:e3,buttonLangKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__CREATE",imageSrc:e7,onButtonClick:function(){e(T.R.SurveyCreate,{state:{redirectUrl:T.R.QrTemplates}})},textLarge:!0,titleLangKey:"MSB__QR_TEMPLATES__EMPTY__PLACEHOLDER__TITLE"})}function e5(){let{error:e,isLoading:t}=(0,ev.Hj)(),{data:a}=(0,eJ.gH)(),[n,s]=(0,_.useState)(!1),r=a?.onboardingSteps,l=r?.qrTemplates?.postDownloadTourDone===!0||(0,e1.z)(r);(0,_.useEffect)(()=>{function e(){l||s(!0)}return document.addEventListener(P,e),()=>document.removeEventListener(P,e)},[l]);let o=(0,j.hT)(e);return t?(0,i.jsxs)(eB.M.Container,{children:[(0,i.jsx)(eB.M.Components.ContentHeader,{titleLangKey:"MSB__QR_TEMPLATES__PAGE__TITLE"}),(0,i.jsx)(eI.y,{})]}):o?(0,i.jsxs)(eB.M.Container,{children:[(0,i.jsx)(eB.M.Components.ContentHeader,{titleLangKey:"MSB__QR_TEMPLATES__PAGE__TITLE"}),(0,i.jsx)(e6,{})]}):(0,i.jsxs)(eB.M.Container,{children:[(0,i.jsx)(eZ,{}),(0,i.jsx)(e0,{onClose:()=>s(!1),open:n}),(0,i.jsx)(ew,{})]})}},84294(e,t,a){a.d(t,{D:()=>r});var n=a(96540),s=a(49785);function r(e){let{onSet:t,modal:a,onReset:r}=e,{isDirty:i,submitCount:_}=(0,s.lN)(),{reset:l}=(0,s.xW)();return(0,n.useEffect)(()=>{i?t():queueMicrotask(r),_&&l(void 0,{keepValues:!0,keepDirty:!1,keepDirtyValues:!0})},[i,r,t,l,_]),a}},36138(e,t,a){a.d(t,{_:()=>d});var n=a(74848),s=a(16376),r=a(96540),i=a(62173),_=a(37575),l=a(7667),o=a(72773),c=a(50070);function d(e){let{open:t,onClose:a}=e,d=(0,l._)(c.Y),{isMobile:T}=(0,o.Q)(),u=(0,r.useMemo)(()=>[{closable:!0,title:null,description:(0,n.jsx)(_.i,{children:(0,n.jsx)(_.i.Description,{labelKey:"MSB__ONBOARDING_FAREWELL__DESCRIPTION"})}),target:d,placement:T?"top":"leftTop",mask:!0,nextButtonProps:{children:(0,n.jsx)(i.h,{stringKey:"MSB__ONBOARDING_FAREWELL__BUTTON"}),className:"a4c034",onClick:a}}],[a,d,T]);return(0,n.jsx)(s.A,{current:0,disabledInteraction:!0,gap:{offset:c.Z},onClose:a,open:t,rootClassName:"d8881e",steps:u})}},50070(e,t,a){a.d(t,{},{Y:'[data-product-onboarding-target="help-widget-button"]',Z:[12,8]})},96581(e,t,a){var n=a(96540);function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{enabled:a=!0}

1=t,[s,r]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(!a)return void r(!1);let t=!1,n=null;function s(){return!t&&!!document.querySelector(e)&&(r(!0),!0)}let i=requestAnimationFrame(()=>{t||s()||(n=new MutationObserver(()=>{s()&&n&&n.disconnect()})).observe(document.body,{childList:!0,subtree:!0})});return()=>{t=!0,cancelAnimationFrame(i),n?.disconnect()}},[e,a]),s}a.d(t,{X:()=>s})},58028(e,t,a){var n=a(74848),s=a(96540),r=a(9676),i=a(89300),_=a(36138),l=a(50061),o=a(4954),c=a(32202),d=a(64845);function T(e){let{pageKey:t,onOpen:a,onClose:T,withFarewell:u,onDone:E,excludeFromPageHints:m}=e,[p,x]=(0,s.useState)(!1),[h,S]=(0,s.useState)(0),[y,L]=(0,s.useState)(!1),g=(0,s.useRef)(!1),j=(0,s.useRef)(E),{license:N}=(0,i.JF)(),{setDisableAnyBanner:f}=(0,l.r)();j.current=E;let R=(0,o.u)(),{isDone:A,step:M,isLoading:O,setStep:b,resetStep:v,setDone:D,updatePageData:P,pageData:I}=(0,r.Fi)(t),{data:C}=(0,r.gH)(),{safeUpdateOnboardingSteps:B}=(0,r.AL)(),F=C?.onboardingSteps?.config?.hasUserSeenFarewell??!1,w=(C?.onboardingSteps?.config?.hideOnboardingTours??!1)||A,Q=(0,s.useCallback)(()=>{B(e=>({...e,config:{...e.config,hasUserSeenFarewell:!0}}))},[B]);(0,s.useEffect)(()=>{if(!m)return c.Ks.setPartialSnapshot({openPageHintsOnboarding:()=>{N.expired||(f(!0),a?.(),g.current=!0,x(!0),S(0))}}),()=>{m||c.Ks.setPartialSnapshot({openPageHintsOnboarding:d.lQ})}},[N,m]);let k=(0,s.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;N.expired||e<0||(f(!0),x(!0),S(e))},[N]),K=(0,s.useCallback)(()=>{N.expired||(f(!0),L(!0))},[N]),q=(0,s.useCallback)(()=>{f(!1),L(!1)},[]),U=(0,s.useCallback)(e=>{let t=g.current,a=u&&!w&&!e?.skipFarewell,n=t&&F,s=e?.temporary===!0;if(x(!1),g.current=!1,T?.(),s||t||D(j.current?.()),a&&!n){t&&Q(),K();return}s||f(!1)},[T,D,u,w,K,F,Q]),Y=(0,s.useCallback)(e=>{S(e)},[]),H=(0,s.useCallback)(()=>{S(e=>e-1)},[]),G=(0,s.useCallback)(()=>(0,n.jsx)(_._,{onClose:q,open:y}),[q,y]);return{open:!R&&p,currentStep:h,showFarewell:y,openTour:k,handleClose:U,handleFarewellOpen:K,handleFarewellClose:q,goToStep:Y,goToPreviousStep:H,isDone:w,step:M,isLoading:O,setStep:b,resetStep:v,setDone:D,updatePageData:P,renderFarewell:G,isTriggeredByHints:g,pageData:I}}a.d(t,{X:()=>T})},98083(e,t,a){var n=a(75538);function s(e){let t=(Number.parseInt(String(n.rt),10)||66)+16,a=e.getBoundingClientRect().top+window.scrollY-t;window.scrollTo({behavior:"instant",top:Math.max(0,a)})}a.d(t,{c:()=>s})}}]);
2//# sourceMappingURL=4949.6302541b9f.js.map