@equinor/amplify-component-lib 0.0.1

package/dist/esm/components/Navigation/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReviewQANotification.js

@@ -0,0 +1,6 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Tooltip as i,Typography as l}from"@equinor/eds-core-react";import{tokens as o}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{spacings:n}=o,a=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.comfortable.medium};
+  padding-top: ${n.comfortable.medium_small};
+`,c=({well:o,experienceComments:r,experience:n,onClick:c})=>e(i,{title:`Go to ${n.title}`,children:t(a,{onClick:c,children:[t("div",{children:[e(l,{group:"table",variant:"cell_text",bold:!0,children:"Please review my QA comments"}),e(l,{group:"table",variant:"cell_text",children:o.displayName}),t(l,{group:"table",variant:"cell_text",children:[n.title," - ",n?.topic?.displayName]})]}),e("div",{children:t(l,{group:"table",variant:"cell_text",children:[r," comments"]})})]})});export{c as default};

package/dist/esm/components/Navigation/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as i,Fragment as e}from"react/jsx-runtime";import{useMemo as r}from"react";import{Typography as o,Icon as a}from"@equinor/eds-core-react";import{delete_to_trash as n}from"@equinor/eds-icons";import{tokens as s}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import c from"./NotificationElements/DeafultNotification.js";import l from"./NotificationElements/ExperienceDue3Weeks.js";import m from"./NotificationElements/MergedBranchOrca.js";import p from"./NotificationElements/ReadyToBePublished.js";import d from"./NotificationElements/ReadyToReportNotification.js";import f from"./NotificationElements/RequestChangeOrca.js";import u from"./NotificationElements/RequestReviewOrca.js";import E from"./NotificationElements/ReviewQANotification.js";import{NotificationsTypes as h}from"./Notifications.types.js";import _ from"../../../../DataDisplay/OptionalTooltip.js";import g from"../../../../DataDisplay/ProfileAvatar.js";import j from"../../../../Icons/ApplicationIcon/ApplicationIcon.js";import{Wrapper as N,GridContainer as v,TopContainer as R,UserInformation as y,Dot as b,Content as D,FooterContainer as T,DeleteButton as A,Divider as x}from"./NotificationTemplate.style.js";import"../../../../../utils/auth_environment.js";import O from"../../../../../utils/date.js";import"../../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../../types/Errors.js";import"html2canvas";import"proj4";const{colors:P}=s,C=s=>{const{user:C,notificationType:I,applicationName:S,Read:U,field:k,time:q,footer:Q=!0,onDelete:B}=s,M=r((()=>{switch(I){case h.READY_TO_REPORT:return t(d,{...s});case h.DEFAULT:return t(c,{...s});case h.REQUESTED_REVIEW:return t(u,{...s});case h.REQUESTED_CHANGES:return t(f,{...s});case h.MERGE_BRANCH:return t(m,{...s});case h.QA_COMMENTS:return t(E,{...s});case h.EXPERIENCE_READY_TO_PUBLISH:return t(p,{...s});case h.DUE_3_WEEKS:return t(l,{...s})}}),[s,I]);return i(e,{children:[t(N,{children:i(v,{children:[i(R,{children:[i(y,C?{children:[!U&&t(b,{}),t(g,{url:C?.image,name:C?.shortName,size:"large"}),i("div",{children:[t(o,{color:P.text.static_icons__default.rgba,group:"heading",variant:"h6",children:C?.displayName}),t(o,{group:"paragraph",variant:"caption",color:P.text.static_icons__secondary.rgba,children:C?.shortName})]})]}:{$systemUser:!0,children:[!U&&t(b,{"data-testid":"unread-dot-system"}),t(j,{name:S}),t(o,{group:"heading",variant:"h6",children:S})]}),t(o,{group:"navigation",variant:"label",color:U?P.text.static_icons__secondary.rgba:P.infographic.substitute__blue_overcast.rgba,"data-testid":"notification-date",children:O.formatRelativeDateTime(q)})]}),t(D,{children:M}),Q&&i(T,{children:[i("div",{style:{display:"flex",gap:"5px"},children:[t(o,{group:"navigation",variant:"label",color:P.text.static_icons__tertiary.rgba,children:S}),t(o,{group:"navigation",variant:"label",color:P.text.static_icons__tertiary.rgba,children:k})]}),t(_,{title:"Delete notification",children:t(A,{onClick:B,variant:"ghost_icon",children:t(a,{data:n})})})]})]})}),t(x,{})]})};export{C as default};

package/dist/esm/components/Navigation/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.style.js

@@ -0,0 +1,53 @@
+import{Button as e,Divider as i}from"@equinor/eds-core-react";import{tokens as o}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{spacings:a,colors:l}=o,t=r.div`
+  padding: ${a.comfortable.medium};
+  //border-bottom: 1px solid ${l.ui.background__medium.rgba};
+  &:hover {
+    background: #f2f2f2;
+  }
+`,s=r.div`
+  display: flex;
+  flex-direction: column;
+  grid-column: span 3;
+  padding: ${a.comfortable.small};
+  cursor: pointer;
+`,d=r.div`
+  display: grid;
+  grid-template-columns: 10px 1fr;
+  grid-gap: ${a.comfortable.medium_small};
+  align-items: center;
+`,m=r.span`
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: ${l.infographic.substitute__blue_overcast.rgba};
+  position: relative;
+`,n=r.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: start;
+  gap: ${a.comfortable.medium_small};
+  justify-items: end;
+  grid-column: span 3;
+`,p=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({$systemUser:e})=>e?"flex-start":"center"};
+  gap: ${a.comfortable.small};
+`,c=r.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${a.comfortable.medium_small};
+  grid-column: span 3;
+  align-items: center;
+  justify-content: space-between;
+  height: 40px;
+  padding: 0 ${a.comfortable.small};
+`,g=r(e)`
+  display: none;
+  ${d}:hover & {
+    display: initial;
+  }
+`,f=r(i)`
+  display: flex;
+  margin: 0 ${a.comfortable.medium_small};
+`;export{s as Content,g as DeleteButton,f as Divider,m as Dot,c as FooterContainer,d as GridContainer,n as TopContainer,p as UserInformation,t as Wrapper};

package/dist/esm/components/Navigation/TopBar/Notifications/NotificationsTemplate/Notifications.types.js

@@ -0,0 +1 @@
+var E,e,R;!function(E){E.READY_TO_REPORT="readytoreport",E.DEFAULT="default",E.REQUESTED_REVIEW="requestReview",E.REQUESTED_CHANGES="requestedChanges",E.MERGE_BRANCH="mergeBranch",E.QA_COMMENTS=" TaskInReview",E.DUE_3_WEEKS="WellDueForReport",E.EXPERIENCE_READY_TO_PUBLISH="WellReadyForPublishing ",E.SYSTEM_USER="systemUser"}(E||(E={})),function(E){E.UNREAD="unread",E.SYSTEM="systemUser",E.USER="user"}(e||(e={})),function(E){E.NEW_OLDEST="newtoold",E.OLD_NEWEST="oldtonew",E.UNREAD="unread"}(R||(R={}));export{e as FilterNotification,E as NotificationsTypes,R as SortNotification};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/Feedback.const.js

@@ -0,0 +1 @@
+import{StatusEnum as e}from"./Feedback.types.js";const s=1048575,t="serviceNowIncident",o="slackPostMessage",r="slackFileUpload",c=".equinor.com",i="There was an error with the request",n=36e5,a={feedbackContent:{title:"",description:"",url:"",urgency:""},serviceNowRequestResponse:{status:e.idle}};export{a as DEFAULT_FEEDBACK_LOCAL_STORAGE,i as DEFAULT_REQUEST_ERROR_MESSAGE,c as EQUINOR_EMAIL_SUFFIX,s as MAX_FILE_SIZE_BYTES,n as ONE_HOUR_IN_MS,t as SERVICE_NOW_QUERY_KEY,r as SLACK_FILE_QUERY_KEY,o as SLACK_POST_QUERY_KEY};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/Feedback.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import o from"./providers/FeedbackContextProvider.js";import r from"./FeedbackInner.js";const t=({field:t,onClose:d,selectedType:s})=>e(o,{field:t,onClose:d,selectedType:s,children:e(r,{})});export{t as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/Feedback.styles.js

@@ -0,0 +1,41 @@
+import{Typography as i}from"@equinor/eds-core-react";import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as d}from"../../../../../style/spacings.js";import r from"styled-components";const{colors:o,shape:t}=e,n=r.div`
+  width: 700px;
+  height: fit-content;
+  padding: 0 ${d.medium} ${d.medium} ${d.medium};
+`,m=r.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: ${d.medium};
+  height: 100%;
+  width: 100%;
+`,a=r.div`
+  grid-column: 1/3;
+  display: flex;
+  gap: ${d.small};
+  height: fit-content;
+  align-self: flex-end;
+  align-items: center;
+  background-color: ${o.ui.background__info.rgba};
+  padding: ${d.medium_small};
+  border-radius: ${t.button.borderRadius};
+`,s=r.div`
+  grid-column: 1/3;
+  display: grid;
+  grid-template-columns: 24px 1fr;
+  gap: ${d.small};
+  height: fit-content;
+  align-items: center;
+  background-color: ${o.ui.background__warning.rgba};
+  padding: ${d.medium_small};
+  border-radius: ${t.button.borderRadius};
+`,l=r(i)`
+  grid-column: 1/3;
+`,g=r.div`
+  grid-column: 1/3;
+  display: flex;
+  justify-content: space-between;
+  > div {
+    display: flex;
+    gap: ${d.medium};
+  }
+`;export{g as Actions,m as Container,n as ContentWrapper,s as LockedFormWarning,l as ReportLocationText,a as UploadInfo};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/Feedback.types.js

@@ -0,0 +1 @@
+var e,r,i,n;!function(e){e.NO_IMPACT="I am not impacted",e.IMPEDES="It impedes my progress",e.UNABLE="I am unable to work"}(e||(e={})),function(e){e.BUG="bug",e.SUGGESTION="suggestion"}(r||(r={})),function(e){e.error="error",e.idle="idle",e.pending="pending",e.success="success",e.partial="partial"}(i||(i={})),function(e){e.EDGE="Edge",e.EDGE_SHORT="Edg",e.FIREFOX="Firefox",e.CHROME="Chrome",e.SAFARI="Safari"}(n||(n={}));export{n as Browsers,r as FeedbackType,i as StatusEnum,e as UrgencyOption};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/Feedback.utils.js

@@ -0,0 +1 @@
+import{UrgencyOption as e,FeedbackType as t,Browsers as r}from"./Feedback.types.js";import"../../../../../api/core/OpenAPI.js";import"../../../../../api/models/TutorialPosition.js";import{ServiceNowUrgency as n}from"../../../../../api/models/ServiceNowUrgency.js";import{EnvironmentType as i}from"../../../../../types/Environment.js";import{environment as o}from"../../../../../utils/auth_environment.js";import s from"../../../../../utils/date.js";import"react/jsx-runtime";import"../../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../../types/Errors.js";import"html2canvas";import"proj4";import p from"../../../../../utils/string.js";const{capitalize:a}=p,{formatDate:c}=s,{getAppName:m,getEnvironmentName:u}=o,l=t=>t.urgency===e.NO_IMPACT?":large_yellow_circle:":t.urgency===e.IMPEDES?":large_orange_circle:":":red_circle:",d=e=>{const t=new FileReader;return new Promise(((r,n)=>{t.onerror=()=>{t.abort(),n(new DOMException("Problem parsing input file."))},t.onload=()=>{r(t.result)},t.readAsDataURL(e)}))},g=t=>{switch(t){case e.UNABLE:return n.CRITICAL;case e.IMPEDES:return n.MODERATE;case e.NO_IMPACT:return n.NORMAL}},y=(e,t)=>{const r=`Url location of bug: ${e.url} \n`,n=`Severity of bug: ${e.urgency} \n`,i=`Field: ${a(t??"")} \n`,o=`Browser: ${A()} \n`;return`${e.url?r:""}\n  ${e.urgency?n:""}\n  ${t?i:""}\n  ${o}\n  ${e.description} \n \n User agent string: ${navigator.userAgent}`},E=(e,t)=>{const r=t?"selfservice?id=ticket&table=incident&sys_id=":"now/nav/ui/classic/params/target/incident.do%3Fsys_id%3D";return`https://equinor${u(import.meta.env.VITE_ENVIRONMENT_NAME)===i.PRODUCTION?"":"test"}.service-now.com/${r}${e}`},A=()=>{const e=-1!==navigator.userAgent.indexOf(r.EDGE_SHORT)?r.EDGE:-1!==navigator.userAgent.indexOf(r.CHROME)?r.CHROME:-1!==navigator.userAgent.indexOf(r.SAFARI)?r.SAFARI:-1!==navigator.userAgent.indexOf(r.FIREFOX)?r.FIREFOX:void 0;return e?`${e} (${(e=>{let t=e;e===r.EDGE&&(t=r.EDGE_SHORT);const n=new RegExp(`${t}/(\\d+(?:\\.\\d+)+)`);return navigator.userAgent.match(n)?.[1]})(e)})`:"Not found"},$=(e,r,n,i,o)=>{const s=n===t.BUG?":bug: Bug report":":bulb: Suggestion",p=[],u=[];u.push({type:"mrkdwn",text:`*Title* \n ${e.title}`}),p.push({type:"mrkdwn",text:` ${c(new Date,{format:"DD. month YYYY"})}`}),e.url&&p.push({type:"mrkdwn",text:`*<${e.url}|Error URL>*`}),e.urgency&&u.push({type:"mrkdwn",text:`*Severity* \n ${l(e)} ${e.urgency}`});const d=[{type:"header",text:{type:"plain_text",text:s,emoji:!0}},{type:"section",fields:p},{type:"section",fields:u},{type:"section",fields:[{type:"mrkdwn",text:"*Application* \n "+m(import.meta.env.VITE_NAME)},{type:"mrkdwn",text:`*User* \n ${i}`}]},{type:"section",fields:[{type:"mrkdwn",text:"*Browser* \n "+A()},{type:"mrkdwn",text:`*Field* \n ${a(r??"Not found")}`}]},{type:"section",text:{type:"mrkdwn",text:"*Description* \n"+e.description}}];return o&&d.push({type:"section",text:{type:"mrkdwn",text:`*<${E(o)}|:link: Click to open the ticket in Service Now>*`}}),d.push({type:"divider"}),JSON.stringify(d)};export{y as createServiceNowDescription,E as createServiceNowUrl,$ as createSlackMessage,A as getBrowserInfo,g as getUrgencyNumber,d as readUploadedFileAsText};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/FeedbackForm.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useMemo as r}from"react";import{Icon as n,Typography as i,Button as s}from"@equinor/eds-core-react";import{info_circle as a}from"@equinor/eds-icons";import{ContentWrapper as d,Container as c,UploadInfo as l,ReportLocationText as m,LockedFormWarning as h,Actions as p}from"../Feedback.styles.js";import{FeedbackType as f}from"../Feedback.types.js";import{useFeedbackContext as u}from"../hooks/useFeedbackContext.js";import g from"./components/Description.js";import b from"./components/Severity.js";import v from"./components/Title.js";import k from"./components/UploadFile/UploadFile.js";import y from"./components/Url.js";const j=()=>{const{isWrongDomain:j,selectedType:C,resetForm:F,feedbackContent:S,onDialogClose:w,serviceNowSuccess:U,handleSave:q,requestIsLoading:x}=u(),B=r((()=>S.title.length>0&&S.description.length>0&&!j),[S.title.length,S.description.length,j]);return e(d,{children:t(c,{children:[e(v,{}),C===f.BUG&&t(o,{children:[e(b,{}),e(y,{})]}),e(g,{}),t(l,{children:[e(n,{data:a}),e(i,{children:"Please make sure the uploaded files do not contain confidential or personal information"})]}),e(k,{}),e(m,{children:C===f.BUG?"Bug reports are sent to Service Now and to the development team directly":"Feature suggestions are sent to the development team directly"}),U&&t(h,{children:[e(n,{data:a}),e(i,{children:'The report has already been sent to service now, and part of the form is locked, so you can retry sending it to the development team. Otherwise you can reset the form with the "Reset form" button in the bottom left corner.'})]}),t(p,{children:[e(s,{variant:"ghost",onClick:F,"data-testid":"reset-form-button",children:"Reset form"}),t("div",{children:[e(s,{variant:"ghost",onClick:w,children:"Cancel"}),e(s,{onClick:q,disabled:!B||x,"data-testid":"submit-button",children:U?"Send again":"Send"})]})]})]})})};export{j as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/Description.js

@@ -0,0 +1,9 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import{Typography as o}from"@equinor/eds-core-react";import{tokens as i}from"../../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FeedbackType as s}from"../../Feedback.types.js";import{useFeedbackContext as n}from"../../hooks/useFeedbackContext.js";import c from"./LockedInputTooltip.js";import{TextField as a}from"../../../../../../Inputs/TextField/TextField.js";import{spacings as d}from"../../../../../../../style/spacings.js";import l from"styled-components";const{colors:u}=i,p=l.div`
+  grid-column: 1/3;
+  display: flex;
+  gap: ${d.medium};
+  flex-direction: column;
+  textarea {
+    color: ${u.text.static_icons__default.rgba};
+  }
+`,m=()=>{const{serviceNowSuccess:i,feedbackContent:d,selectedType:l,updateFeedback:m}=n(),h=r((()=>i?u.interactive.disabled__text.rgba:u.text.static_icons__default.rgba),[i]);return e(p,{children:[l===s.BUG&&e("div",{children:[t(o,{group:"input",variant:"text",color:h,children:"What is the specific bug?"}),t(o,{group:"input",variant:"text",color:h,children:"What are the expected results?"}),t(o,{group:"input",variant:"text",color:h,children:"How can we reproduce the issue?"}),t(o,{group:"input",variant:"text",color:h,children:"Is there a known workaround?"})]}),t(c,{show:i,children:t(a,{id:"feedback-description",label:"Description",disabled:i,meta:"Required",value:d.description,placeholder:l===s.BUG?"Describe the bug, including expectations, reproductions steps, any workarounds...":"Describe the feature. What would be the value for you?",rows:4,onChange:e=>m("description",e.currentTarget.value),multiline:!0})})]})};export{m as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/LockedInputTooltip.js

@@ -0,0 +1,5 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useMemo as o}from"react";import r from"../../../../../../DataDisplay/OptionalTooltip.js";import i from"styled-components";const s=i(r)`
+  white-space: break-spaces;
+  text-align: center;
+  width: 400px;
+`,n=t((({show:t,children:r},i)=>{const n=o((()=>t?"The report was successfully submitted to ServiceNow.  \n This field is locked so you can retry sending it to the development team. \n To reset the form, use the button in the bottom left corner.":""),[t]);return e(s,{title:n,children:e("div",{ref:i,children:r})})}));n.displayName="LockedInputTooltip";export{n as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/Severity.js

@@ -0,0 +1,7 @@
+import{jsx as e}from"react/jsx-runtime";import{Autocomplete as t}from"@equinor/eds-core-react";import{tokens as o}from"../../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{UrgencyOption as r}from"../../Feedback.types.js";import{useFeedbackContext as s}from"../../hooks/useFeedbackContext.js";import i from"./LockedInputTooltip.js";import c from"styled-components";const{colors:d}=o,n=c.div`
+  grid-column: 1/2;
+`,a=c.div`
+  * {
+    color: ${d.text.static_icons__default.rgba};
+  }
+`,m=()=>{const{serviceNowSuccess:o,feedbackContent:c,updateFeedback:d}=s();return e(n,{children:e(i,{show:o,children:e(a,{children:e(t,{options:Object.values(r),id:"feedback-severity","data-testid":"feedback-severity-input",label:"Severity",meta:"optional",disabled:o,selectedOptions:[c.urgency],placeholder:"Select error impact",onOptionsChange:e=>d("urgency",e.selectedItems[0]),autoWidth:!0})})})})};export{m as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/Title.js

@@ -0,0 +1,3 @@
+import{jsx as e}from"react/jsx-runtime";import{useFeedbackContext as t}from"../../hooks/useFeedbackContext.js";import o from"./LockedInputTooltip.js";import{TextField as r}from"../../../../../../Inputs/TextField/TextField.js";import i from"styled-components";const l=i.div`
+  grid-column: 1/3;
+`,d=()=>{const{serviceNowSuccess:i,feedbackContent:d,updateFeedback:a}=t();return e(l,{children:e(o,{show:i,children:e(r,{id:"feedback-title",label:"Title",meta:"Required",disabled:i,value:d.title,placeholder:"Write a title...",onChange:e=>a("title",e.currentTarget.value)})})})};export{d as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/UploadFile/ImageFile.js

@@ -0,0 +1,7 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useMemo as t,useEffect as o}from"react";import{Icon as l}from"@equinor/eds-core-react";import{error_outlined as n,clear as s}from"@equinor/eds-icons";import{tokens as d}from"../../../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FileTooltip as a,Rejection as c,ImageWrapper as m,CloseButton as p}from"./UploadFile.styles.js";import{readUploadedFileAsText as f}from"../../../Feedback.utils.js";import u from"styled-components";const{colors:g}=d,h=u.div`
+  border-radius: 4px;
+  margin: 10px 0;
+  width: 82px;
+  height: 82px;
+  position: relative;
+`,x=d=>{const[u,x]=i(""),{error:v,onDelete:b}=d,y=t((()=>{if(!v)return;const e=d.errors[0].code;let r=d.errors[0].message;return"file-too-large"===e?r=r.replace(/(\d+ bytes)/,"1MB"):"file-invalid-type"===e&&(r=r.replace(/(\w+\/\w+,)/g,"").replaceAll(",",", ")),`${d.errors[0].code} \n${r}`}),[v,d]),_=t((()=>d.file.name),[v,d]),w=t((()=>v?d.errors.find((e=>e.code.includes("invalid")))?"Invalid file type":d.errors.find((e=>e.code.includes("large")))?"Invalid file size":"Error":""),[v,d]);return o((()=>{v||(async e=>{const r=await f(e);x(r)})(d.file)}),[v,d]),e(h,{children:[r(a,{title:`${_}${v?": "+y:""}`,children:v?e(c,{children:[r(l,{data:n,color:g.interactive.warning__text.rgba}),r("div",{children:w})]}):r(m,{children:r("img",{src:u,alt:`Uploaded file: ${_}`})})}),r(p,{"data-testid":"attachment-delete-button",onClick:b,children:r(l,{color:g.text.static_icons__tertiary.rgba,data:s,size:24})})]})};export{x as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/UploadFile/UploadFile.js

@@ -0,0 +1,5 @@
+import{useState as e,createElement as t}from"react";import{jsxs as n,jsx as i}from"react/jsx-runtime";import{MAX_FILE_SIZE_BYTES as r}from"../../../Feedback.const.js";import{useFeedbackContext as o}from"../../../hooks/useFeedbackContext.js";import a from"./ImageFile.js";import{Title as m,FileUploadAreaWrapper as s}from"./UploadFile.styles.js";import l from"../../../../../../../Inputs/FileUploadArea.js";import p from"styled-components";const c=p.div`
+  grid-column: 1/3;
+  display: flex;
+  flex-direction: column;
+`;const f=()=>{const{feedbackAttachments:p,setFeedbackAttachments:f}=o(),[g,d]=e([]);return n(c,{children:[i(m,{group:"input",variant:"label",children:"Attachments (.jpg, .jpeg, .png) (max 1 MB)"}),n(s,{children:[i(l,{maxSize:r,onDrop:(e,t)=>{if(e.length>=1){const t=e.filter((e=>!e.name.startsWith(".")));(new FileReader).readAsDataURL(e[0]);const n=[];p&&n.push(...p);const i=function(e,t){if(0===e.length||1===e.length)return e;for(let n=0;n<e.length;n++)for(let i=n+1;i<e.length;i++)t(e[n],e[i])&&e.splice(n,1);return e}([...t,...n],((e,t)=>e.name===t.name&&e.size===t.size));f(i)}d(t)},accept:{"image/jpeg":[".jpeg",".jpg"],"image/png":[".png"]},compact:!0}),p?.map((e=>i(a,{onDelete:()=>(e=>{const t=p?.filter((t=>t.name!==e.name&&t.size!==e.size))??[];f(t)})(e),file:e},e.name+e.size))),g.map((e=>t(a,{...e,key:e.file.name+e.file.size,onDelete:()=>(e=>{d(g?.filter((t=>t.file.name===e.file.name&&t.file.size!==e.file.size))??[])})(e),error:!0})))]})]})};export{c as Container,f as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/UploadFile/UploadFile.styles.js

@@ -0,0 +1,79 @@
+import{Typography as i,Tooltip as r}from"@equinor/eds-core-react";import{tokens as t}from"../../../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as e}from"../../../../../../../../style/spacings.js";import o from"styled-components";const{colors:a}=t,s=o(i)`
+  margin: ${e.small} ${e.small} 0 ${e.small};
+  color: ${a.text.static_icons__tertiary.rgba};
+`,n=o.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: start;
+  gap: ${e.medium_small};
+  height: fit-content;
+  position: relative;
+  > :first-child {
+    margin-top: ${e.medium_small};
+  }
+`,d=o.div`
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  height: 88px;
+  width: 88px;
+  margin-top: 2px;
+  border-radius: 4px;
+  border: 1px solid ${a.ui.background__medium.rgba};
+  position: relative;
+  transition: 0.1s ease-in;
+  > img {
+    width: 100%;
+    overflow: hidden;
+  }
+  &:hover {
+    background-color: ${a.ui.background__semitransparent.rgba};
+  }
+`,g=o.div`
+  display: grid;
+  grid-template-rows: 1fr 1fr 1fr;
+  align-items: center;
+  justify-content: center;
+  height: 88px;
+  width: 88px;
+  margin-top: 2px;
+  font-size: 11px;
+  justify-items: center;
+  text-align: center;
+  border-radius: 4px;
+  border: 1px dashed ${a.interactive.warning__text.rgba};
+  gap: 0;
+  transition: 0.1s ease-in;
+  > svg {
+    grid-row: 2/3;
+  }
+  > div {
+    grid-row: 3/4;
+    color: ${a.interactive.warning__text.rgba};
+  }
+  &:hover {
+    background-color: ${a.interactive.warning__highlight.rgba};
+  }
+`,p=o.div`
+  background-color: ${a.text.static_icons__tertiary.rgba};
+  border-radius: 50%;
+  border: 2px solid ${a.ui.background__default.rgba};
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  right: -20px;
+  top: -8px;
+  transition: 0.1s ease-in;
+  cursor: pointer;
+  > svg {
+    width: 18px;
+    height: 18px;
+    fill: ${a.ui.background__default.rgba};
+  }
+
+  &:hover {
+    background-color: ${a.text.static_icons__default.rgba};
+  }
+`,l=o(r)`
+  white-space: pre;
+`;export{p as CloseButton,l as FileTooltip,n as FileUploadAreaWrapper,d as ImageWrapper,g as Rejection,s as Title};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackForm/components/Url.js

@@ -0,0 +1,3 @@
+import{jsx as e}from"react/jsx-runtime";import{EQUINOR_EMAIL_SUFFIX as r}from"../../Feedback.const.js";import{useFeedbackContext as o}from"../../hooks/useFeedbackContext.js";import t from"./LockedInputTooltip.js";import{TextField as n}from"../../../../../../Inputs/TextField/TextField.js";import a from"styled-components";const i=a.div`
+  grid-column: 2/3;
+`,l=()=>{const{serviceNowSuccess:a,feedbackContent:l,updateFeedback:c,isWrongDomain:s,setIsWrongDomain:d}=o();return e(i,{children:e(t,{show:a,children:e(n,{id:"feedback-url",label:"URL",disabled:a,meta:"optional",value:l.url,placeholder:"URL of error location",variant:s?"error":void 0,helperText:s?`The provided URL must be from a ${r} domain`:"",onChange:e=>{c("url",e.currentTarget.value),(""===e.currentTarget.value||s&&e.currentTarget.value.includes(r))&&d(!1)},onBlur:e=>{const o=e.currentTarget.value;o.includes(r)||0===o.length||d(!0)}})})})};export{l as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/FeedbackInner.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import o from"./FeedbackForm/FeedbackForm.js";import{useFeedbackContext as s}from"./hooks/useFeedbackContext.js";import r from"./ResponsePage/ResponsePage.js";const t=()=>{const{showResponsePage:t}=s();return e(t?r:o,{})};export{t as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js

@@ -0,0 +1,7 @@
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as r,useEffect as i}from"react";import{spacings as n}from"../../../../../../style/spacings.js";import{motion as o}from"framer-motion";import c from"styled-components";const s=c(o.div)`
+  display: flex;
+  gap: ${n.large};
+  height: auto;
+  flex-direction: column;
+  min-height: 30px;
+`,m=({children:n})=>{const c=e(null),[m,a]=r("auto");return i((()=>{if(c.current){const t=new ResizeObserver((t=>{const e=t[0].contentRect.height;a(e)}));return t.observe(c.current),()=>{t.disconnect()}}}),[]),t(o.div,{style:{height:m},animate:{height:m},transition:{duration:.3},children:t(s,{ref:c,children:n})})};export{m as AnimateChangeInHeight};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/FullSlackResponse.js

@@ -0,0 +1,4 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{tokens as s}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useFeedbackContext as o}from"../hooks/useFeedbackContext.js";import r from"./RequestStatus.js";import{SlackRequestsWrapper as a}from"./ResponsePage.styles.js";import{spacings as i}from"../../../../../../style/spacings.js";import n from"styled-components";const{colors:m}=s,l=n.div`
+  padding: ${i.small};
+  background-color: ${m.ui.background__light.rgba};
+`,u=({allSlackRequestStatus:s})=>{const{slackRequestResponse:i,slackAttachmentsRequestResponse:n}=o();return e(l,{children:[t(r,{title:"Sending to development team",requestStatus:s}),e(a,{children:[t(r,{title:"Posting text ",requestStatus:i}),n.map((e=>t(r,{title:`Posting ${e.fileName}`,requestStatus:e},e.fileName)))]})]})};export{u as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/RequestStatus.js

@@ -0,0 +1,5 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{Typography as s,Icon as a}from"@equinor/eds-core-react";import{info_circle as i,check_circle_outlined as o}from"@equinor/eds-icons";import{tokens as n}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{DEFAULT_REQUEST_ERROR_MESSAGE as c}from"../Feedback.const.js";import{StatusEnum as u}from"../Feedback.types.js";import{Status as d}from"./ResponsePage.styles.js";import m from"styled-components";const{colors:l}=n,p=m.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+`,f=({requestStatus:n,title:m})=>{const f=t((()=>{switch(n.status){case u.partial:return"Partially Failed";case u.idle:case u.pending:return"Sending...";case u.success:return"Success";default:return""}}),[n]),g=n.status===u.partial||n.status===u.error;return e(p,{children:[r(s,{group:"ui",variant:"accordion_header",children:m}),e(d,{children:[r(s,{color:g?l.interactive.warning__text.rgba:"",group:"ui",variant:"snackbar",children:n.status===u.error?n.errorText??c:f}),(g||n.status===u.success)&&r(a,{color:g?l.interactive.warning__text.rgba:l.interactive.success__resting.rgba,data:g?i:o})]})]})};export{f as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/ResponsePage.js

@@ -0,0 +1,9 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{Button as s}from"@equinor/eds-core-react";import{ContentWrapper as i}from"../Feedback.styles.js";import{useFeedbackContext as m}from"../hooks/useFeedbackContext.js";import{AnimateChangeInHeight as n}from"./AnimateChangeInHeight.js";import a from"./ResponseStatus.js";import c from"./Success.js";import{spacings as l}from"../../../../../../style/spacings.js";import{motion as p}from"framer-motion";import d from"styled-components";const f=d(p.div)`
+  display: flex;
+  gap: ${l.large};
+  height: auto;
+  flex-direction: column;
+  button {
+    align-self: end;
+  }
+`,u=()=>{const[l,p]=o(!1),{handleResponsePageOnClose:d,requestIsLoading:u,resetForm:h,requestHasError:g,relevantRequestsHaveBeenSuccess:j}=m();return t((()=>{!l&&j&&setTimeout((()=>{p(!0),h()}),1e3)}),[j,h,l]),e(i,{children:r(f,{children:[e(n,{children:e(l?c:a,{})}),e(s,{disabled:u,onClick:d,children:g?"Retry":"Close"})]})})};export{u as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/ResponsePage.styles.js

@@ -0,0 +1,20 @@
+import{Typography as e}from"@equinor/eds-core-react";import{tokens as i}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../../../../../style/spacings.js";import t from"styled-components";const{colors:n}=i,r=t.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  p {
+    font-weight: 500;
+  }
+`,s=t.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${o.medium};
+  gap: ${o.large};
+  margin-left: ${o.large};
+`;t(e)`
+  align-self: flex-end;
+  color: ${n.interactive.warning__text.rgba};
+  font-size: 16px;
+  font-weight: 500;
+  text-align: end;
+`;export{s as SlackRequestsWrapper,r as Status};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/ResponseStatus.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{FeedbackType as o}from"../Feedback.types.js";import{useFeedbackContext as r}from"../hooks/useFeedbackContext.js";import a from"./FullSlackResponse.js";import u from"./RequestStatus.js";const l=()=>{const{serviceNowRequestResponse:l,selectedType:c,showAllSlackRequests:m,allSlackRequestStatus:i}=r();return e(t,{children:[c===o.BUG&&s(u,{title:"Service Now",requestStatus:l}),m?s(a,{allSlackRequestStatus:{status:i}}):s(u,{title:"Development team",requestStatus:{status:i}})]})};export{l as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/ResponsePage/Success.js

@@ -0,0 +1,9 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Typography as o}from"@equinor/eds-core-react";import{tokens as t}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FeedbackType as i}from"../Feedback.types.js";import{useFeedbackContext as s}from"../hooks/useFeedbackContext.js";import{spacings as n}from"../../../../../../style/spacings.js";import c from"styled-components";const{colors:a}=t,m=c.div`
+  display: flex;
+  align-items: center;
+`,d=c.a`
+  color: ${a.interactive.primary__resting.rgba};
+  padding-left: ${n.large};
+  font-weight: 400;
+  font-size: 16px;
+`,l=()=>{const{selectedType:t,serviceNowUrl:n}=s();return e(m,{children:[r(o,{variant:"h3",children:"Thank you, we have received your "+(t===i.BUG?"report!":"suggestion!")}),t===i.BUG&&n.length>0&&r(d,{href:n,children:"See ticket in ServiceNow"})]})};export{d as ServiceNowLink,l as default};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/hooks/useFeedbackContext.js

@@ -0,0 +1 @@
+import{useContext as r}from"react";import{FeedbackContext as e}from"../providers/FeedbackContextProvider.js";function o(){const o=r(e);if(void 0===o)throw new Error('"useFeedbackContext" must be used within provider!');return o}export{o as useFeedbackContext};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/hooks/useServiceNowIncident.js

@@ -0,0 +1 @@
+import{useMutation as t}from"@tanstack/react-query";import{PortalService as r}from"../../../../../../api/services/PortalService.js";import{SERVICE_NOW_QUERY_KEY as e}from"../Feedback.const.js";function o(o){return t({mutationKey:[e,o],mutationFn:async t=>r.createIncident(t)})}export{o as useServiceNowIncident};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/hooks/useSlackFileUpload.js

@@ -0,0 +1 @@
+import{useMutation as t}from"@tanstack/react-query";import{PortalService as r}from"../../../../../../api/services/PortalService.js";import{SLACK_FILE_QUERY_KEY as o}from"../Feedback.const.js";function e(e){return t({mutationKey:[o,e],mutationFn:t=>r.fileUpload(t)})}export{e as useSlackFileUpload};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/hooks/useSlackPostMessage.js

@@ -0,0 +1 @@
+import{useMutation as t}from"@tanstack/react-query";import{PortalService as r}from"../../../../../../api/services/PortalService.js";import{SLACK_POST_QUERY_KEY as e}from"../Feedback.const.js";function o(o){return t({mutationKey:[e,o],mutationFn:t=>r.postmessage(t)})}export{o as useSlackPostMessage};

package/dist/esm/components/Navigation/TopBar/Resources/Feedback/providers/FeedbackContextProvider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as s,useState as t,useMemo as r,useCallback as o,useEffect as a}from"react";import{ONE_HOUR_IN_MS as i,DEFAULT_FEEDBACK_LOCAL_STORAGE as n}from"../Feedback.const.js";import{StatusEnum as c,FeedbackType as u}from"../Feedback.types.js";import{createServiceNowUrl as m,createServiceNowDescription as p,getUrgencyNumber as d,createSlackMessage as l}from"../Feedback.utils.js";import{useServiceNowIncident as v}from"../hooks/useServiceNowIncident.js";import{useSlackFileUpload as f}from"../hooks/useSlackFileUpload.js";import{useSlackPostMessage as g}from"../hooks/useSlackPostMessage.js";import"../../../Notifications/NotificationProvider.js";import{useAuth as h}from"../../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../../providers/ReleaseNotesProvider.js";import"../../../../../../providers/SideBarProvider.js";import"../../../../../../providers/SnackbarProvider.js";import"../../../../../../providers/TableOfContentsProvider.js";import"../../../../../../providers/TutorialStepsProvider.js";import"../../../../../../providers/FeatureToggleProvider.js";import{environment as j}from"../../../../../../utils/auth_environment.js";import"../../../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../../../types/Errors.js";import"html2canvas";import"proj4";import{useLocalStorage as k}from"../../../../../../hooks/useLocalStorage.js";import"@tanstack/react-query";import"../../../../../../api/core/OpenAPI.js";import"@microsoft/signalr";import"../../../../../../types/Environment.js";import"../../../../../../node_modules/lodash/lodash.js";const{getServiceNowConfigurationItem:w}=j,N=s(void 0),y=({children:s,selectedType:j,onClose:y,field:I})=>{const R=w(import.meta.env.VITE_SERVICE_NOW_CONFIGURATION_ITEM)||"117499",{account:S}=h(),P=S?.username,[A,T]=k(j+"-feedbackContentAndRequestStatus",{...n},i),{feedbackContent:b,serviceNowRequestResponse:F}=A,[C,q]=t([]),[E,D]=t({status:c.idle}),[O,_]=t([]),[x,G]=t(!1),[U,B]=t(!1),{mutateAsync:W,isPending:H}=f(b),{mutateAsync:L,status:M}=g(b),{mutateAsync:V,status:Q}=v(b),[$,z]=t(""),[J,K]=t(!1),X=r((()=>"pending"===M||"pending"===Q||H),[H,M,Q]),Y=r((()=>F.status===c.success),[F.status]),Z=r((()=>{const e=[E.status,...O.map((e=>e.status))];return e.every((e=>e===c.success))?c.success:e.includes(c.error)?c.partial:c.idle}),[O,E.status]),ee=r((()=>Z===c.error||Z===c.partial),[Z]),se=r((()=>ee||F.status===c.error),[F.status,ee]),te=()=>{G((e=>!e))},re=({status:e,response:s,error:t})=>{T({...A,serviceNowRequestResponse:{status:e,errorText:t?.message??void 0,serviceNowId:s?.sysId??void 0}})},oe=({status:e,filename:s,error:t})=>{_((r=>{const o=Array.from(r),a=o.find((e=>e.fileName===s));return a&&(a.status=e,a.errorText=e===c.error?t?.message:void 0),o}))},ae=({status:e,error:s})=>{D({status:e,errorText:s?.message??void 0})},ie=o((()=>{T(n),q([]),D({status:c.idle}),_([])}),[T]);return a((()=>()=>{F.status===c.success&&Z===c.success&&setTimeout((()=>{T(n)}),1100)}),[Z,F.status,T]),a((()=>{O.length!==C.length&&_(C.map((e=>({status:c.idle,fileName:e.name}))))}),[C,O.length]),a((()=>{F.serviceNowId&&0!==F.serviceNowId.length&&z(m(F.serviceNowId,!0))}),[F.serviceNowId]),a((()=>{(j===u.SUGGESTION&&Z===c.success||F.status===c.success&&Z===c.success)&&K(!0)}),[Z,j,F.status]),e(N.Provider,{value:{selectedType:j,showResponsePage:x,feedbackAttachments:C,slackAttachmentsRequestResponse:O,slackRequestResponse:E,updateFeedback:(e,s)=>{T({...A,feedbackContent:{...b,[e]:s}})},feedbackContent:b,serviceNowRequestResponse:F,handleResponsePageOnClose:()=>{J?y():te()},toggleShowResponsePage:te,onDialogClose:y,handleSave:async()=>{te();let e="";if(j===u.BUG&&P&&F.status!==c.success){const s=new FormData;s.append("ConfigurationItem",R),s.append("Title",b.title),s.append("Description",p(b,I)),s.append("CallerEmail",P),b.urgency&&s.append("urgency",d(b.urgency).toString()),C&&C.length>0&&C.forEach((e=>s.append("Images",e)));try{const t=await V(s);e=t.sysId,re({status:c.success,response:t})}catch(e){re({status:c.error,error:e})}}const s=new FormData;s.append("comment",l(b,I,j,P,e));try{await L(s),ae({status:c.success})}catch(e){ae({status:c.error,error:e})}if(C&&C.length>0)for(const e of C){const s=new FormData;s.append("comment",`Title: ${b.title}`),s.append("file",e);try{await W(s),oe({status:c.success,filename:e.name})}catch(s){oe({status:c.error,filename:e.name,error:s})}}},resetForm:ie,requestIsLoading:X,serviceNowSuccess:Y,isWrongDomain:U,setIsWrongDomain:B,setFeedbackAttachments:q,requestHasError:se,showAllSlackRequests:ee,allSlackRequestStatus:Z,serviceNowUrl:$,relevantRequestsHaveBeenSuccess:J},children:s})};export{N as FeedbackContext,y as default};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/Filters/FilterHeader.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useMemo as o}from"react";import{Button as i,Icon as s}from"@equinor/eds-core-react";import{external_link as a,close as l}from"@equinor/eds-icons";import n from"../ReleaseNotesTypes/ReleaseNotesTypes.js";import{RELEASENOTETYPES_INFORMATION as p}from"../ReleaseNotesTypes/ReleaseNotesTypes.types.js";import{Wrapper as m,SieveWrapper as c,ButtonContainer as u,ChipWrapper as d}from"./FilterHeader.styles.js";import f from"../../../../../Inputs/Sieve/Sieve.js";import{useReleaseNotes as h}from"../../../../../../providers/ReleaseNotesProvider.js";import{EnvironmentType as v}from"../../../../../../types/Environment.js";import{environment as j}from"../../../../../../utils/auth_environment.js";import"../../../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../../../types/Errors.js";import"html2canvas";import"proj4";const{getEnvironmentName:y,getAppName:E}=j,N=()=>{const j=E(import.meta.env.VITE_NAME),N=y(import.meta.env.VITE_ENVIRONMENT_NAME),V=N===v.LOCALHOST?v.DEVELOP:N,{setSearch:b,setOpen:O}=h(),[g,T]=r({searchValue:void 0,filterValues:void 0,sortValue:void 0}),R=o((()=>{const e=[];return e.push({label:"Type",options:Object.keys(p).map((e=>({label:e,value:e})))}),e}),[]);return e(m,{children:[e(c,{children:[t(f,{searchPlaceholder:"Search for specific bugs or features, e.g. ´Recall´",sieveValue:g,onUpdate:e=>{T(e),b(e)},filterOptions:R,showChips:!1,minSearchWidth:"70%"}),e(u,{children:[t(i,{variant:"ghost_icon",href:V&&V!==v.PRODUCTION?`https://client-amplify-portal-${V}.radix.equinor.com/releasenotes?applications=%5B"${j}"%5D`:`https://amplify.equinor.com/releasenotes?applications=%5B"${j}"%5D`,children:t(s,{data:a})}),t(i,{variant:"ghost_icon",onClick:()=>{O(!1)},"aria-label":"close modal",children:t(s,{data:l})})]})]}),t("section",{children:t(d,{children:Object.keys(g.filterValues??{}).map((e=>g.filterValues?.[e].map((r=>t(n,{name:r.label,showIcon:!0,onClick:()=>((e,t)=>{let r={...g.filterValues};const o=r[e].findIndex((e=>e.value===t));r[e].splice(o,1),0===Object.keys(r).flatMap((e=>r?.[e])).length&&(r=void 0),T((e=>({...e,filterValues:r}))),b((e=>({...e,filterValues:r})))})(e,r.value)},r.label)))))})})]})};export{N as default};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/Filters/FilterHeader.styles.js

@@ -0,0 +1,42 @@
+import{spacings as e}from"../../../../../../style/spacings.js";import i from"styled-components";const t=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.medium};
+  padding-right: ${e.xxx_large};
+  flex-wrap: wrap;
+  > section {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    @media (max-width: 1060px) {
+      flex-wrap: nowrap;
+    }
+  }
+`,a=i.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: ${e.small};
+
+  .sieve-container {
+    flex: 1;
+  }
+`,n=i.div`
+  display: flex;
+  gap: ${e.medium};
+`,l=i.div`
+  display: flex;
+  flex-direction: row;
+  font-family: 'Equionor', sans-serif;
+  font-size: 12px;
+  align-items: center;
+  grid-gap: ${e.small};
+  justify-items: start;
+  flex-wrap: wrap;
+  width: 77%;
+  > p {
+    line-height: normal;
+    height: min-content;
+    font-size: 12px;
+  }
+`;export{n as ButtonContainer,l as ChipWrapper,a as SieveWrapper,t as Wrapper};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{CircularProgress as o}from"@equinor/eds-core-react";import{TableOfContents as s}from"../../../TableOfContents/TableOfContents.js";import{useTokenReleaseNote as i}from"./ReleasePosts/hooks/useTokenReleaseNote.js";import t from"./ReleasePosts/ReleasePosts.js";import{StyledDialog as a,LoadingWrapper as m,ScrollWrapper as n,Wrapper as p,LeftContainer as d,Content as l}from"./ReleaseNotes.styles.js";import c from"./ReleaseNotesHeader.js";import"../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import{useReleaseNotes as j}from"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider.js";import v from"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"react";import"../../../../../providers/FeatureToggleProvider.js";import"../../../../../utils/auth_environment.js";import"../../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../../types/Errors.js";import"html2canvas";import"proj4";import"../../../../../node_modules/lodash/lodash.js";import{useReleaseNotesQuery as u}from"../../../../../hooks/useReleaseNotesQuery.js";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../api/core/OpenAPI.js";import"../../../../../types/Environment.js";import"../../../../../providers/TutorialProvider/TutorialProvider.js";const f=({enabled:f})=>{const{releaseNotesYears:P,setOpen:h,open:b}=j(),{isLoading:N,data:R}=u({enabled:f}),{data:T}=i();return r(a,{open:b,onClose:()=>{h(!1)},isDismissable:!0,children:[e(c,{}),N||void 0===T?e(m,{children:e(o,{})}):e(v,{items:P,children:e(n,{children:r(p,{children:[e(d,{children:e(s,{})}),e(l,{children:e(t,{posts:R})})]})})})]})};export{f as default};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.styles.js

@@ -0,0 +1,43 @@
+import{Dialog as e}from"@equinor/eds-core-react";import{tokens as i}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../../../style/spacings.js";import o from"styled-components";const{colors:d}=i,l=o(e)`
+  background-color: ${d.ui.background__light.rgba};
+  width: 85vw;
+  height: 85vh;
+  display: flex;
+  flex-direction: column;
+  padding-left: ${t.large}; // Due to where we've put the scroll bar, we will fix the right padding in a different element
+  overflow: hidden;
+`,n=o.div`
+  min-width: calc(100% - 73px - 48px);
+  padding-bottom: 64px;
+  display: flex;
+  column-gap: ${t.xx_large};
+`,r=o.div`
+  top: 0px;
+  position: sticky;
+  height: fit-content;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  > div {
+    display: flex;
+    flex-direction: column;
+    min-width: 200px;
+    @media (max-width: 1000px) {
+      max-width: 150px;
+    }
+  }
+`,a=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-right: ${t.xx_large};
+  width: 100%;
+`,x=o.div`
+  height: fit-content;
+  overflow-y: auto;
+  padding-bottom: ${t.xxx_large};
+`,p=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 168px;
+`;export{a as Content,r as LeftContainer,p as LoadingWrapper,x as ScrollWrapper,l as StyledDialog,n as Wrapper};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Typography as t}from"@equinor/eds-core-react";import s from"./Filters/FilterHeader.js";import{HeaderWrapper as o,HeadingContainer as a,FilterContainer as i}from"./ReleaseNotesHeader.styles.js";const l=()=>e(o,{children:[r(a,{className:"release-notes-header-container",children:r(t,{variant:"h4",children:"Release Notes"})}),r(i,{children:r(s,{})})]});export{l as default};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.styles.js

@@ -0,0 +1,23 @@
+import{spacings as i}from"../../../../../style/spacings.js";import l from"styled-components";const e=l.div`
+  display: flex;
+  flex-direction: row;
+  grid-template-columns: 1fr 5fr;
+  column-gap: ${i.xx_large};
+  .release-notes-header-container {
+    display: flex;
+    flex-direction: column;
+    min-width: 200px;
+    @media (max-width: 1000px) {
+      max-width: 150px;
+    }
+  }
+`,d=l.div`
+  display: flex;
+  padding-top: 50px;
+`,a=l.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin: 0 -${i.small};
+  padding: 50px ${i.small} 0px ${i.small};
+`;export{a as FilterContainer,e as HeaderWrapper,d as HeadingContainer};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Typography as r,Icon as s}from"@equinor/eds-core-react";import{clear as t}from"@equinor/eds-icons";import{StyledChip as i,Dot as a,StyledChipButton as c}from"./ReleaseNotesTypes.styles.js";import{RELEASENOTETYPES_INFORMATION as n}from"./ReleaseNotesTypes.types.js";const l=({name:l,onClick:d,active:p=!1,showIcon:m=!0})=>{const h=n[l];return p?e(i,{onClick:d,className:`release-notes-chip-${l}`,children:[o(a,{$dotColor:h.dotColor}),o(r,{group:"ui",variant:"chip__badge",children:l}),m&&o(s,{data:t,size:16})]}):e(c,{variant:"ghost",onClick:d,className:`release-notes-chip-${l}`,children:[o(a,{$dotColor:h.dotColor}),o(r,{group:"ui",variant:"chip__badge",children:l}),m&&o(s,{data:t,size:16})]})};export{l as default};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.styles.js

@@ -0,0 +1,42 @@
+import{Button as o}from"@equinor/eds-core-react";import{tokens as r}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as e}from"../../../../../../style/spacings.js";import i from"styled-components";const{shape:a,colors:t}=r,d=i(o)`
+  border-radius: ${a.rounded.borderRadius};
+  color: ${t.text.static_icons__default.rgba};
+  background: ${t.ui.background__light.rgba};
+  border: 1px solid ${t.ui.background__medium.rgba};
+  padding: ${e.x_small} ${e.small};
+  height: auto;
+
+  span > p {
+    color: ${t.text.static_icons__default.rgba};
+    line-height: normal;
+    height: min-content;
+    font-size: 12px;
+  }
+
+  &:hover {
+    background: ${t.ui.background__medium.rgba};
+    border-radius: ${a.rounded.borderRadius};
+    color: ${t.interactive.primary__hover.rgba};
+  }
+`,n=i.div`
+  display: flex;
+  align-items: center;
+  grid-gap: ${e.small};
+  border-radius: ${a.rounded.borderRadius};
+  height: auto;
+  background-color: ${t.ui.background__light.rgba};
+  color: ${t.text.static_icons__default.rgba};
+  padding: ${e.x_small} ${e.small};
+
+  > p {
+    line-height: normal;
+    height: min-content;
+    font-size: 12px;
+  }
+`,s=i.span`
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: ${({$dotColor:o})=>o};
+  position: relative;
+`;export{s as Dot,n as StyledChip,d as StyledChipButton};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.types.js

@@ -0,0 +1 @@
+var o;!function(o){o.FEATURE="Feature",o.IMPROVEMENT="Improvement",o.BUG_FIX="Bug fix"}(o||(o={}));const E={[o.FEATURE]:{dotColor:"#0084C4"},[o.IMPROVEMENT]:{dotColor:"#FF9200"},[o.BUG_FIX]:{dotColor:"#EB0000"}};export{E as RELEASENOTETYPES_INFORMATION,o as ReleaseNoteType};

package/dist/esm/components/Navigation/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as i}from"react";import{Typography as o,Icon as a}from"@equinor/eds-core-react";import{arrow_drop_up as n,arrow_drop_down as s}from"@equinor/eds-icons";import l from"../ReleaseNotesTypes/ReleaseNotesTypes.js";import m from"../TextContent.js";import{Container as c,TopContainer as d,HeadingContainer as h,RightContainer as p,ReleaseNoteTypeContainer as f,TitleContainer as u,BodyContainer as g,BtnContainer as v,Button as j,AccordionText as x}from"./ReleasePost.styles.js";import"../../../../../../utils/auth_environment.js";import y from"../../../../../../utils/date.js";import"../../../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../../../types/Errors.js";import"html2canvas";import"proj4";import{motion as R}from"framer-motion";const D=({createdDate:D,version:Y,tags:b,title:k,body:E})=>{const[P,T]=i(!1),[q,A]=i(!1),C=P?"Read less":"Read more";return e(c,{"data-testid":"release-post",children:r(R.div,{initial:{height:"250px"},animate:{height:P?"auto":"250px"},children:[r(d,{children:[r(h,{children:[e(o,{group:"paragraph",variant:"overline",children:y.formatDate(D,{format:"DD. month YYYY"})}),e(o,{group:"paragraph",variant:"overline",children:Y})]}),e(p,{children:b?.map((r=>e(f,{children:e(l,{name:r,active:!0,showIcon:!1})},r)))})]}),e(u,{children:e(o,{group:"heading",variant:"h3",children:k})}),e(g,{ref:e=>{if(e){const{clientHeight:r}=e;A(r>108)}},children:e(m,{text:E??""})}),e(v,{$open:q,children:q&&e(j,{variant:"ghost_icon",onClick:()=>{T((e=>!e))},children:r(t,P?{children:[e(x,{children:C}),e(a,{data:n})]}:{children:[e(x,{children:C}),e(a,{data:s})]})})})]})})};export{D as default};