https://prismacloud.com/device-configuration.d28bab0a82a96f7b915a.js

1"use strict";(self.webpackChunkspa_prismacloud=self.webpackChunkspa_prismacloud||[]).push([[5112],{9515(n,e,i){i.d(e,{i:()=>w});var t=i(5544),o=i(34164),r=i(96540),a=i(42030),l=i(85072),s=i.n(l),A=i(97825),c=i.n(A),p=i(77659),d=i.n(p),m=i(55056),g=i.n(m),u=i(10540),f=i.n(u),_=i(41113),h=i.n(_),B=i(37073),C={};C.styleTagTransform=h(),C.setAttributes=g(),C.insert=d().bind(null,"head"),C.domAPI=c(),C.insertStyleElement=f(),s()(B.A,C),B.A&&B.A.locals&&B.A.locals;var E=i(74848),x=function(){return(0,E.jsx)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M22.12 21L16 14.814L9.88 21L8 19.0863L16 11L24 19.0863L22.12 21Z",fill:"var(--icon-secondary-color)"})})},w=function(n){var e,i,l=(0,r.useState)(!n.disabled&&(null===(e=n.expanded)||void 0===e||e)),s=(0,t.A)(l,2),A=s[0],c=s[1];(0,r.useEffect)(function(){n.disabled?c(!1):void 0!==n.expanded&&c(n.expanded)},[n.disabled,n.expanded]);var p=null!==(i=n.position)&&void 0!==i?i:"right";return(0,E.jsxs)("section",{id:n.id,className:(0,o.A)("collapsible-section__group",A?"collapsible-section__group__expanded":"collapsible-section__group__collapsed",A?n.expandedClassName:n.collapsedClassName,n.className),children:[(0,E.jsxs)("div",{onClick:function(){return!n.disabled&&(c(!A),void(null===(e=n.onToggle)||void 0===e||e.call(n,!A)));var e},className:(0,o.A)("collapsible-section__group-title","after title"===p&&"collapsible-section__after-title",n.disabled&&"collapsible-section__group-title__disabled",n.titleClassName),children:[(0,E.jsx)("h2",{className:(0,o.A)("collapsible-section__group-title-text",n.titleTextClassName),children:A&&n.expandedTitle?n.expandedTitle:n.title}),(0,E.jsxs)("div",{className:"collapsible-section__expander-block",children:[n.additionalInfo&&"right"===p&&(0,E.jsx)("div",{className:"collapsible-section__additional-info",children:n.additionalInfo}),!n.disabled&&(0,E.jsx)("div",{className:(0,o.A)("collapsible-section__expander",n.expanderClassName),children:(0,E.jsx)(x,{})})]})]}),(0,E.jsx)("div",{className:(0,o.A)("collapsible-section__group-content",n.contentClassName),children:(0,E.jsx)(a.A,{in:A,children:n.children})})]})}},38849(n,e,i){i.d(e,{V:()=>E}),i(96540);var t=i(22022),o=i(92091),r=i(15268),a=i(85072),l=i.n(a),s=i(97825),A=i.n(s),c=i(77659),p=i.n(c),d=i(55056),m=i.n(d),g=i(10540),u=i.n(g),f=i(41113),_=i.n(f),h=i(41485),B={};B.styleTagTransform=_(),B.setAttributes=m(),B.insert=p().bind(null,"head"),B.domAPI=A(),B.insertStyleElement=u(),l()(h.A,B),h.A&&h.A.locals&&h.A.locals;var C=i(74848),E=function(){var n=(0,t.Bd)().t;return(0,C.jsxs)("div",{className:"error-404__container",children:[(0,C.jsx)("img",{className:"error-404__image",src:r}),(0,C.jsx)(o.A,{title:n("Errors_404_Title"),message:n("Errors_404_Message")})]})}},49474(n,e,i){i.d(e,{f:()=>x});var t=i(34164),o=(i(96540),i(91060)),r=i(62234),a=i(61376),l=i(85072),s=i.n(l),A=i(97825),c=i.n(A),p=i(77659),d=i.n(p),m=i(55056),g=i.n(m),u=i(10540),f=i.n(u),_=i(41113),h=i.n(_),B=i(98429),C={};C.styleTagTransform=h(),C.setAttributes=g(),C.insert=d().bind(null,"head"),C.domAPI=c(),C.insertStyleElement=f(),s()(B.A,C),B.A&&B.A.locals&&B.A.locals;var E=i(74848),x=function(n){var e=(0,t.A)("main-wrapper__content",{"main-wrapper__content__narrow":n.narrow},n.className);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("section",{className:"main-wrapper__main",children:(0,E.jsxs)("div",{className:(0,t.A)(e,{"main-wrapper__content-with-button":n.buttonTitle}),children:[n.title&&(0,E.jsxs)("div",{className:(0,t.A)("main-wrapper__header",n.headerClassName),children:[(0,E.jsxs)("div",{className:(0,t.A)("main-wrapper__title-row",{"main-wrapper__title-row-with-info":n.info}),children:[(0,E.jsx)(a.h,{id:n.id,className:(0,t.A)(n.titleClassName),children:n.title}),n.buttonTitle&&(0,E.jsx)(o.j,{onClick:n.onButtonClick,disabled:n.disabled,id:"main-wrapper-action-button",children:n.buttonTitle})]}),n.info&&(0,E.jsx)("div",{className:"main-wrapper__info",children:n.info})]}),n.children]})}),(0,E.jsx)(r.j,{})]})}},61376(n,e,i){i.d(e,{h:()=>r});var t=i(34164),o=(i(96540),i(74848)),r=function(n){var e=n.id?"mainTitle_"+n.id:"mainTitle";return(0,o.jsx)("h1",{className:(0,t.A)("main-wrapper__main__title",n.className),id:e,children:n.children})}},68064(n,e,i){i.r(e),i.d(e,{DeviceConfigurationPage:()=>z,default:()=>P});var t=i(10467),o=i(5544),r=i(54756),a=i.n(r),l=i(96540),s=i(22022),A=i(35570),c=i(49474),p=i(76458),d=i(17054),m=i(7229),g=i(54039),u=i(76081),f=i(50014),_=i(85072),h=i.n(_),B=i(97825),C=i.n(B),E=i(77659),x=i.n(E),w=i(55056),b=i.n(w),v=i(10540),y=i.n(v),j=i(41113),N=i.n(j),T=i(3679),k={};k.styleTagTransform=N(),k.setAttributes=b(),k.insert=x().bind(null,"head"),k.domAPI=C(),k.insertStyleElement=y(),h()(T.A,k),T.A&&T.A.locals&&T.A.locals;var I=i(74848),z=function(){var n=(0,s.Bd)().t,e=(0,A.Zp)(),i=(0,A.g)().configurationId,r=(0,l.useState)(null),_=(0,o.A)(r,2),h=_[0],B=_[1],C=(0,d.U)(i),E=C.deviceConfiguration,x=C.deviceConfigurationQuery,w=C.deviceBindingInfo,b=C.deviceBindingInfoQuery;(0,l.useEffect)(function(){null!=w&&w.patientPrismaCloudId&&e(u.qF.patientView(null==w?void 0:w.patientPrismaCloudId).deviceConfiguration(i))},[null==w?void 0:w.patientPrismaCloudId]);var v=(0,m.pS)(),y=function(n){e(u.qF.deviceConfiguration(n))},j=(0,f.J0)(function(){var n=(0,t.A)(a().mark(function n(t,o){return a().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=1,v.mutateAsync(o);case 1:t.isMounted&&(B(null),e(u.qF.patientView(o.patientPrismaCloudId).deviceConfiguration(i))

1);case 2:case"end":return n.stop()}},n)}));return function(e,i){return n.apply(this,arguments)}}()),N="AssignmentNotPossible"!==(null==w?void 0:w.assignmentState);return(0,I.jsx)(c.f,{narrow:!0,children:(0,I.jsxs)("div",{className:"device-configuration-page",children:[(0,I.jsx)("div",{className:"device-configuration-page__title",children:n("Title_DeviceSettings")}),i&&(0,I.jsx)(p._,{configurationId:i,mode:"device",assignedDevice:null,configuration:E,configurationIsFetching:x.isFetching,configurationFetchIsErrored:x.isError,deviceBindingInfo:w,deviceBindingInfoIsFetching:b.isFetching,deviceBindingInfoIsErrored:b.isError,onConfigurationSelected:y,onConfigurationEdited:y,onAssignPatient:N?function(){w&&B({serialNumber:w.deviceSerialNumber,isTelemonitoringEnabled:w.isTelemonitoringEnabled,brandName:w.deviceBrandName})}:void 0}),(0,I.jsx)(g.q,{assignPatientDevice:h,isAssigning:v.isPending,onAssignPatient:j,onClose:function(){B(null)}})]})})};const P=z},20033(n,e,i){i.d(e,{s:()=>l});var t=i(27925),o=i(3099),r=i(74632),a=i(76132),l=function(){var n=(0,t.$X)();return(0,o.r)({queryKey:(0,a.ol)(),queryFn:function(){return r.lK.getMyself()},onError:n("PatientsAdminList.Errors.CurrentUserNotLoaded")})}},37073(n,e,i){i.d(e,{A:()=>l});var t=i(71354),o=i.n(t),r=i(76314),a=i.n(r)()(o());a.push([n.id,"/* Overflow should be set to 'hidden' for collapsing,\n   but for expanded state it must be 'visible' to not cut tooltips.\n   Delay is used to set it to 'visible' when expanding is finished. */\n@keyframes delay-overflow {\n  from {\n    overflow: hidden;\n  }\n}\n\n.collapsible-section__group {\n  margin-top: 12px;\n}\n\n.collapsible-section__group-title {\n  background: white;\n  height: 40px;\n  line-height: 40px;\n  cursor: pointer;\n  margin-bottom: 0px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: row;\n  padding: 0 0;\n  gap: 8px;\n}\n\n.collapsible-section__after-title {\n  justify-content: flex-start;\n}\n\n.collapsible-section__group-title h2 {\n  font-weight: 700;\n  font-style: normal;\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--title-foreground-color-main);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.collapsible-section__expander {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: rotate(0);\n  transform-origin: 50% 50%;\n  transition: all 0.15s ease;\n}\n.collapsible-section__group__collapsed .collapsible-section__expander {\n  transform: rotate(180deg);\n}\n\n.collapsible-section__additional-info {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--text-disabled-light);\n}\n\n.collapsible-section__expander-block {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 24px;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n}\n\n.collapsible-section__group-title__disabled {\n  cursor: auto;\n}\n\n.collapsible-section__group-title__disabled h2 {\n  color: var(--text-disabled-light);\n}\n","",{version:3,sources:["webpack://./src/controls/CollapsibleSection/CollapsibleSection.css"],names:[],mappings:"AAAA;;qEAEqE;AACrE;EACE;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,QAAQ;AACV;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,iBAAiB;EACjB,yCAAyC;EACzC,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,0BAA0B;AAC5B;AACA;EACE,yBAAyB;AAC3B;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,iCAAiC;AACnC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,iBAAiB;EACjB,mBAAmB;AACrB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:["/* Overflow should be set to 'hidden' for collapsing,\n   but for expanded state it must be 'visible' to not cut tooltips.\n   Delay is used to set it to 'visible' when expanding is finished. */\n@keyframes delay-overflow {\n  from {\n    overflow: hidden;\n  }\n}\n\n.collapsible-section__group {\n  margin-top: 12px;\n}\n\n.collapsible-section__group-title {\n  background: white;\n  height: 40px;\n  line-height: 40px;\n  cursor: pointer;\n  margin-bottom: 0px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: row;\n  padding: 0 0;\n  gap: 8px;\n}\n\n.collapsible-section__after-title {\n  justify-content: flex-start;\n}\n\n.collapsible-section__group-title h2 {\n  font-weight: 700;\n  font-style: normal;\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--title-foreground-color-main);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.collapsible-section__expander {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: rotate(0);\n  transform-origin: 50% 50%;\n  transition: all 0.15s ease;\n}\n.collapsible-section__group__collapsed .collapsible-section__expander {\n  transform: rotate(180deg);\n}\n\n.collapsible-section__additional-info {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--text-disabled-light);\n}\n\n.collapsible-section__expander-block {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 24px;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n}\n\n.collapsible-section__group-title__disabled {\n  cursor: auto;\n}\n\n.collapsible-section__group-title__disabled h2 {\n  color: var(--text-disabled-light);\n}\n"],sourceRoot:""}]);const l=a},41485(n,e,i){i.d(e,{A:()=>l});var t=i(71354),o=i.n(t),r=i(76314),a=i.n(r)()(o());a.push([n.id,".error-404__container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 84px 0;\n}\n\n.error-404__image {\n  width: 200px;\n  height: 200px;\n  margin-bottom: 20px;\n}

1","",{version:3,sources:["webpack://./src/controls/Errors/Error404/Error404.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;AACrB",sourcesContent:[".error-404__container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 84px 0;\n}\n\n.error-404__image {\n  width: 200px;\n  height: 200px;\n  margin-bottom: 20px;\n}"],sourceRoot:""}]);const l=a},98429(n,e,i){i.d(e,{A:()=>l});var t=i(71354),o=i.n(t),r=i(76314),a=i.n(r)()(o());a.push([n.id,".main-wrapper__main {\n  box-sizing: border-box;\n  padding: 24px 20px 0;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.main-wrapper__content__narrow {\n  width: 928px;\n  margin: 0 auto;\n}\n\n.main-wrapper__main__title {\n  font-weight: 700;\n  font-size: 32px;\n  line-height: 36px;\n  color: var(--title-foreground-color-main);\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.main-wrapper__content {\n  padding-bottom: 100px;\n}\n\n.main-wrapper__share-all-info {\n  float: right;\n  font-size: 14px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Use default margin for default placing of the Title.\n * If the Title is used in some other component, margin is not used. */\n.main-wrapper__header > .main-wrapper__title-row {\n  margin-bottom: 24px;\n}\n\n.main-wrapper__info {\n  white-space: pre-wrap;\n  color: var(--title-foreground-color-main);\n  font-size: 16px;\n  line-height: 20px;\n  margin-bottom: 24px;\n  width: 75%;\n}\n\n.main-wrapper__header > .main-wrapper__title-row-with-info {\n  margin-bottom: 16px;\n}\n\n.main-wrapper__title-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.main-wrapper__header {\n  margin-bottom: 24px;\n}","",{version:3,sources:["webpack://./src/controls/MainWrapper/MainWrapper.css"],names:[],mappings:"AAAA;EACE,sBAAsB;EACtB,oBAAoB;EACpB,WAAW;EACX,iBAAiB;EACjB,cAAc;AAChB;;AAEA;EACE,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,yCAAyC;EACzC,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;sEACsE;AACtE;EACE,mBAAmB;AACrB;;AAEA;EACE,qBAAqB;EACrB,yCAAyC;EACzC,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,UAAU;AACZ;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB",sourcesContent:[".main-wrapper__main {\n  box-sizing: border-box;\n  padding: 24px 20px 0;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.main-wrapper__content__narrow {\n  width: 928px;\n  margin: 0 auto;\n}\n\n.main-wrapper__main__title {\n  font-weight: 700;\n  font-size: 32px;\n  line-height: 36px;\n  color: var(--title-foreground-color-main);\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.main-wrapper__content {\n  padding-bottom: 100px;\n}\n\n.main-wrapper__share-all-info {\n  float: right;\n  font-size: 14px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Use default margin for default placing of the Title.\n * If the Title is used in some other component, margin is not used. */\n.main-wrapper__header > .main-wrapper__title-row {\n  margin-bottom: 24px;\n}\n\n.main-wrapper__info {\n  white-space: pre-wrap;\n  color: var(--title-foreground-color-main);\n  font-size: 16px;\n  line-height: 20px;\n  margin-bottom: 24px;\n  width: 75%;\n}\n\n.main-wrapper__header > .main-wrapper__title-row-with-info {\n  margin-bottom: 16px;\n}\n\n.main-wrapper__title-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.main-wrapper__header {\n  margin-bottom: 24px;\n}"],sourceRoot:""}]);const l=a},3679(n,e,i){i.d(e,{A:()=>l});var t=i(71354),o=i.n(t),r=i(76314),a=i.n(r)()(o());a.push([n.id,".device-configuration-page {\n  padding: 16px;\n}\n\n.device-configuration-page__title {\n  font-weight: 700;\n  font-size: 32px;\n  line-height: 36px;\n  color: #575656;\n  margin-bottom: 16px;\n  width: 100%;\n}","",{version:3,sources:["webpack://./src/pages/DeviceConfigurationPage/DeviceConfigurationPage.css"],names:[],mappings:"AAAA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,mBAAmB;EACnB,WAAW;AACb",sourcesContent:[".device-configuration-page {\r\n  padding: 16px;\r\n}\r\n\r\n.device-configuration-page__title {\r\n  font-weight: 700;\r\n  font-size: 32px;\r\n  line-height: 36px;\r\n  color: #575656;\r\n  margin-bottom: 16px;\r\n  width: 100%;\r\n}"],sourceRoot:""}]);const l=a}}]);
2//# sourceMappingURL=device-configuration.d28bab0a82a96f7b915a.js.map