@clickview/reports 0.65.0-rc.0 → 0.65.0-rc.1

package/dist/scripts/9285-c6d257b770-reports.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[9285],{39672:(e,t,r)=>{r.r(t),r.d(t,{InteractiveQuestionListView:()=>Qe});var n=r(32735),a=r(23481),i=r(20354),c=r(2948),l=r(43823),o=r(95846),s={preventScrollTop:function(){l.Radio.channel(o.G.SHELL).trigger("prevent:scroll:top")}},u=r(75896),m=r(90383),d=a.T.encloseNamespace("shared.interactionQuestionsEmptyState");function f(e){return n.createElement(m.u,{className:"rounded h-100 bg-white justify-content-center py-4"},n.createElement(m.u.Image,{src:e.emptyStateImageUrl,size:"small"}),n.createElement(m.u.Info,{className:"w-100"},d("emptyStateText")))}var p=r(72919),g=r(83345),b="shared.interactionResponseList";function v(e){return n.createElement(n.Fragment,null,n.createElement(m.u,{className:"m-4"},n.createElement(m.u.Image,{src:function(){switch(e.filter){case"correct":return e.correctImageUrl;case"incorrect":return e.incorrectImageUrl;case"marking_required":return e.markingRequiredImageUrl;case"skipped":return e.skippedImageUrl}}(),className:"w-25 h-auto"}),n.createElement(m.u.Info,null,n.createElement(g.x,{namespace:b,phrase:function(){switch(e.filter){case"correct":return"correctEmptyState";case"incorrect":return"incorrectEmptyState";case"marking_required":return"markingRequiredEmptyState";case"skipped":return"skippedEmptyState"}}()}))))}function y(e){function t(t){return"rounded-pill bg-light ".concat(function(t){return t===e.filter}(t)?"bg-dark text-white":"")}return n.createElement("div",{className:"d-flex gap-2 m-3"},n.createElement("button",{className:t("marking_required"),onClick:function(){return e.toggleFilter("marking_required")}},n.createElement(g.x,{namespace:b,phrase:"markingRequired"})),n.createElement("button",{className:t("correct"),onClick:function(){return e.toggleFilter("correct")}},n.createElement(g.x,{namespace:b,phrase:"correct"})),n.createElement("button",{className:t("incorrect"),onClick:function(){return e.toggleFilter("incorrect")}},n.createElement(g.x,{namespace:b,phrase:"incorrect"})),n.createElement("button",{className:t("skipped"),onClick:function(){return e.toggleFilter("skipped")}},n.createElement(g.x,{namespace:b,phrase:"skipped"})))}var h=r(86572),E=a.T.encloseNamespace("interactives.interactionResponseListHeader");function w(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return n.createElement("div",{className:"rounded bg-white"},n.createElement("div",{className:"p-2 position-relative"},n.createElement("div",{className:"d-flex"},n.createElement(h.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!r&&n.createElement("div",{className:"mt-2"},n.createElement("strong",null,E("suggestedResponse")),n.createElement("p",{className:"m-0"},r))))}var S=a.T.encloseNamespace("shared.submitMarkedAnswers");function I(e){return n.createElement("div",{className:"d-flex justify-content-end"},n.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},S("submitAnswers")))}var k=r(26136),N=r(39157),C=r(89569),A=r(36532),x=r(28972),U=r(83140),j=r(80845);const M={awaitingMarking:"PPNkp"};function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var R="shared.interactionResponseList",q=a.T.encloseNamespace(R);function F(e){var t,r,a,i,c=(a=n.useState(),i=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,c,l=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(s)throw a}}return l}}(a,i)||function(e,t){if(e){if("string"==typeof e)return O(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?O(e,t):void 0}}(a,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=c[0],o=c[1],s=(r=e.interaction,e.results.students.filter((function(e){return U.A.isInteractionCorrect(r,(0,j.j_)(e))===x.w.AwaitingMarking})).reduce((function(e,t){var r,n;return Object.assign(Object.assign({},e),function(e,t,r){return(t=function(e){var t=function(e){if("object"!=T(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=T(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==T(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},(null===(r=t.user)||void 0===r?void 0:r.id)||(null===(n=t.user)||void 0===n?void 0:n.sessionId),!0))}),{})),u=Object.keys(e.markedAnswers).length;if(!(null===(t=e.results.students)||void 0===t?void 0:t.length))return n.createElement("div",{className:"d-flex flex-column h-100"},n.createElement(m.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},n.createElement(m.u.Image,{src:e.emptyStateImageUrl,size:"small"}),n.createElement(m.u.Heading,null,q("emptyStateHeading")),n.createElement(m.u.Info,{className:"w-100"},q("emptyStateDescription"))));var d=e.results.students.filter((function(t){var r=(0,j.j_)(t),n=U.A.isInteractionCorrect(e.interaction,r),a={correct:x.w.Correct,incorrect:x.w.Incorrect,marking_required:x.w.AwaitingMarking,skipped:x.w.UnAnswered};return!l||l in a&&n===a[l]}));return n.createElement(n.Fragment,null,e.reportsStyling&&n.createElement(w,{interaction:e.interaction}),n.createElement("div",{className:e.reportsStyling?"d-flex justify-content-end":"d-flex align-items-center justify-content-between border-bottom px-3 py-2"},!e.reportsStyling&&n.createElement("p",{className:"fw-semibold mb-0"},n.createElement(g.x,{namespace:R,phrase:"studentAnswers"})),!!Object.keys(s).length&&n.createElement(A.u,{id:"submitAnswers",title:q("demoOnly"),spanHack:e.isDemo},n.createElement("div",{className:"".concat(e.isDemo?"pointer-events-none":""," ").concat(e.reportsStyling?"mt-2":"")},n.createElement(I,{submit:e.submitMarkedAnswers,disabled:!u})))),n.createElement(n.Fragment,null,!e.reportsStyling&&n.createElement(y,{filter:l,toggleFilter:function(e){o(l===e?null:e)}}),!e.reportsStyling&&!d.length&&l&&n.createElement(v,{filter:l,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl}),d&&n.createElement("ul",{className:"list-unstyled mb-0"},d.map((function(t,r){var a,i,c=(0,k.B)(t.user,e.anonymiseUsers),l=s[(null===(a=t.user)||void 0===a?void 0:a.id)||(null===(i=t.user)||void 0===i?void 0:i.sessionId)],o=e.reportsStyling?"bg-white p-2":"bg-white px-3 pt-3 pb-2";return l&&(o+=" ".concat(M.awaitingMarking," my-1")),n.createElement("li",{key:r,className:e.reportsStyling?"":"border-bottom"},e.reportsStyling?n.createElement(C.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,N.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c,className:o,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}):n.createElement(p.d,{interaction:e.interaction,studentResults:t,markedStatus:(0,N.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c,className:o,showFeedback:!0}))}))),e.reportsStyling&&!!s.length&&n.createElement("div",{className:"mt-2"},n.createElement(I,{submit:e.submitMarkedAnswers,disabled:!u}))))}var W=r(34079);function B(e){var t;return n.createElement("div",null,n.createElement("p",{className:"mb-0"},(t=e.interaction.data.sentence)?t.split(/({\d+})/).map((function(t,r){var a=t.match(/{(\d+)}/);if(a){var i=a[1],c=e.interaction.actionableItems.find((function(e){return+e.order==+i}));if(c)return n.createElement("span",{className:"bg-white border border-gray-300 rounded p-1 lh-lg",key:r},c.name)}return t})):""))}var P=r(97915);const L={row:"fXno_",answerImage:"pDAuW",answerWidth:"YHK27"};function _(e){var t,r;return(null===(r=u.m.first(null===(t=e.interaction)||void 0===t?void 0:t.actionableItems).data)||void 0===r?void 0:r.imageUrl)?n.createElement("div",{className:L.answerWidth},n.createElement(P.n,{interaction:e.interaction,size:"sm",showFeedback:!1,showCorrectnessIcons:!0,isDisplayOnly:!0})):n.createElement("ul",{className:"".concat(L.answerWidth," list-unstyled row g-2")},e.interaction.actionableItems.map((function(t){return n.createElement("li",{key:t.id,className:"col-12"},n.createElement("div",{className:"".concat(t.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border py-1 px-2 m-0")},n.createElement("span",{className:"fw-semibold"},e.indexToLetter(t.order),". "),n.createElement("span",null,t.name)))})))}var D="shared.questionTable";function H(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r?n.createElement("div",{className:"".concat(L.answerWidth," bg-light-blue rounded p-2 mb-2")},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement("p",{className:"fw-semibold mb-2"},n.createElement(g.x,{namespace:D,phrase:"suggestedResponse"}))),n.createElement("p",{className:"mb-0"},r)):n.createElement(n.Fragment,null)}function Z(e){return n.createElement("ul",{className:"list-unstyled d-flex gap-2"},e.interaction.actionableItems.map((function(t){return n.createElement("li",{key:t.id,className:"".concat(t.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border px-2 py-1 mb-2 w-50")},n.createElement("span",{className:"fw-semibold"},e.indexToLetter(t.order),". "),n.createElement("span",null,t.name))})))}var Q=r(37751);function K(e){var t=function(){switch(e.interaction.typeId){case Q.Z9.MultipleChoice:return n.createElement(_,{interaction:e.interaction,indexToLetter:J});case Q.Z9.TrueOrFalse:return n.createElement(Z,{interaction:e.interaction,indexToLetter:J});case Q.Z9.ShortAnswer:return n.createElement(H,{interaction:e.interaction});case Q.Z9.MissingWord:return n.createElement(B,{interaction:e.interaction});default:return null}}();return t?n.createElement("div",{className:"w-100 mt-3"},t):n.createElement(n.Fragment,null)}var V=r(40782);function z(e){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z(e)}var $=a.T.encloseNamespace("shared.questionTable");function Y(e,t,r){var n=e.cells.find((function(e){return e.column.id===r})).value,a=t.cells.find((function(e){return e.column.id===r})).value;return n.awaitingMarking?-1:a.awaitingMarking||n.percentCorrect>=a.percentCorrect?1:-1}function G(e){var t;return n.createElement("div",{className:"d-flex ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function X(e){return n.createElement(G,{className:e.column.isSorted&&"fw-bold"},$(e.phraseKey))}function J(e){return String.fromCharCode(e+"A".charCodeAt(0))}var ee=r(8246),te=a.T.encloseNamespace("shared.questionTable");function re(e,t){var r=e.actionableItems.map((function(t,r){return{id:t.id,label:e.typeId===Q.Z9.MultipleChoice?J(r):t.name,isCorrect:t.isCorrect,count:0}}));return t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=u.m.findWhere(r,{id:e.id});t&&t.count++}))})),r}function ne(e,t){var r=e.actionableItems.map((function(e){return{id:e.id,label:e.name,isCorrect:e.isCorrect,count:0}}));return r.push({label:te("incorrect"),count:0,isCorrect:!1}),t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=u.m.findWhere(r,{id:e.id});t&&e.status===ee.N.Correct?t.count++:u.m.findWhere(r,{label:te("incorrect")}).count++}))})),r}function ae(e,t){var r=[{label:te("correct"),isCorrect:!0,count:0},{label:te("incorrect"),isCorrect:!1,count:0}];return t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){if(e.status===ee.N.Correct&&u.m.findWhere(r,{label:te("correct")}).count++,e.status===ee.N.Incorrect&&u.m.findWhere(r,{label:te("incorrect")}).count++,e.status===ee.N.PendingReview){var t=u.m.findWhere(r,{label:te("pending")});t||(r.push({label:te("pending"),count:0,isCorrect:!1}),t=u.m.findWhere(r,{label:te("pending")})),t.count++}}))})),r}var ie=r(83914),ce=r(35223),le="shared.questionTable",oe=a.T.encloseNamespace(le);function se(e){var t=function(){if(e.interaction&&e.results){var t;switch(e.interaction.typeId){case Q.Z9.ShortAnswer:case Q.Z9.Illustration:t=ae;break;case Q.Z9.MissingWord:t=ne;break;case Q.Z9.MultipleChoice:case Q.Z9.TrueOrFalse:t=re}return t(e.interaction,e.results)}}(),r=null==t?void 0:t.reduce((function(e,t){return t.count>e?t.count:e}),0);function a(e){var t="border rounded me-2";return e.count?e.label===oe("pending")?"".concat(t," border-blue bg-light-blue"):e.isCorrect?"".concat(t," border-green bg-light-green"):"".concat(t," border-red bg-light-red"):"".concat(t," border bg-light px-1")}return n.createElement("div",{className:"border border rounded p-3 mb-3"},n.createElement("div",{className:"d-flex align-items-center gap-2 mb-3"},n.createElement("div",{className:"rounded-circle bg-light-teal text-teal"},n.createElement(ie.x,{svgName:ce.vn.Lightbulb,size:ie.S.Large})),n.createElement("h2",{className:"h6 mb-0"},n.createElement("span",null,n.createElement(g.x,{namespace:le,phrase:"questionSummary"})))),n.createElement("div",{className:"d-flex gap-2"},n.createElement("div",{className:"max-w-25"},null==t?void 0:t.map((function(e){return n.createElement("p",{key:e.label,className:"text-truncate mb-2"},e.label)}))),n.createElement("div",{className:"flex-grow-1"},null==t?void 0:t.map((function(t,i){return n.createElement("div",{key:"".concat(e.interaction.id).concat(i),className:"d-flex mb-2"},n.createElement("div",{className:a(t),style:{width:"".concat(t.count/r*100,"%"),height:20}}),n.createElement("span",null,t.count))})))))}var ue=a.T.encloseNamespace("shared.selectedInteractionEmptyState");function me(e){return n.createElement(m.u,{className:"rounded h-100 bg-white justify-content-center py-4"},n.createElement(m.u.Image,{src:e.emptyStateUrl,size:"small"}),n.createElement(m.u.Info,{className:"w-100"},ue("emptyStateText")))}r(94892);var de=r(56081),fe=r(57266);function pe(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function ge(e){var t,r,a,i,c=n.useState(function(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}(e.sortBy,"correctlyAnswered")),l=(i=2,function(e){if(Array.isArray(e))return e}(a=c)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,c,l=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(s)throw a}}return l}}(a,i)||function(e,t){if(e){if("string"==typeof e)return pe(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?pe(e,t):void 0}}(a,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=l[0],m=l[1],d=function(e,t,r,a){return n.useMemo((function(){var r=(0,j.Q)(e),n=r.reduce((function(e,t,r){return Object.assign(Object.assign({},e),function(e,t,r){return(t=function(e){var t=function(e){if("object"!=z(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=z(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==z(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},t.id,r))}),{}),i=r.map((function(e){return Object.assign(Object.assign({},e),{questionNumber:n[e.id],resultsSummary:(0,N.nq)(e,t)})}));if("correctlyAnswered"===(null==a?void 0:a.id)){var c=u.m.sortBy(i,(function(e){return e.resultsSummary.awaitingMarking?-1:e.resultsSummary.percentCorrect}));return a.desc?c.reverse():c}return i}),[r,a])}(e.interactive,e.results,e.refreshTable,u.m.first(o)),p=e.selectedInteractionId&&(0,N.Zs)(e.interactive,e.selectedInteractionId);return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6 flex-grow-1"},n.createElement(de.i,{key:e.selectedInteractionId,columns:(r=e.showAnswersInTable,[{Header:function(e){var t=e.column;return n.createElement(X,{column:t,phraseKey:"#"})},accessor:"questionNumber",id:"index",Cell:function(e){var t=e.row.original.questionNumber;return n.createElement(G,null,t+1,".")},width:15,disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(X,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original,a=e.initialState.selectedRowIds,i=null==a?void 0:a[null==t?void 0:t.id];return n.createElement(G,{className:"flex-column"},n.createElement("div",{className:"".concat(i?"":"clamp-1"," pe-2")},n.createElement(h.y,{interaction:t,containerClassName:"d-flex"})),r&&i&&n.createElement(K,{interaction:t}))},disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(X,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,r=t.percentCorrect;return t.awaitingMarking?n.createElement(W.O,{title:$("markingRequired"),className:"flex-grow-1",tooltipClassName:"d-block",showLabel:!0}):n.createElement(V.O,{percentage:r,layout:V.I.LabelBefore})},width:60,sortDescFirst:!0,sortType:Y}]),data:d,theme:e.theme,onSelectRow:function(e){var t=e.original;s.preventScrollTop(),fe.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:p?[p.id]:null,getRowId:function(e){return e.id},enableSort:!0,manualSort:!0,onSort:m,initialSortBy:o,emptyState:n.createElement(f,{emptyStateImageUrl:e.emptyQuestionsStateImageUrl})})),n.createElement("div",{className:"col-6 d-flex flex-column"},!e.reportsStyling&&e.selectedInteractionId&&!!(null===(t=e.results.students)||void 0===t?void 0:t.length)&&n.createElement(se,{interaction:p,results:e.results}),n.createElement("div",{className:"rounded flex-grow-1 ".concat(e.reportsStyling?"":"border")},!!p&&n.createElement(F,{interaction:p,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymiseUsers:e.anonymiseUsers,emptyStateImageUrl:e.emptyResponseStateImageUrl,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl,reportsStyling:e.reportsStyling,isDemo:e.isDemo}),!p&&n.createElement(me,{emptyStateUrl:e.selectQuestionImageUrl}))))}var be=r(41196),ve=r(9193),ye=r(77696),he=r(25691);function Ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var we=a.T.encloseNamespace("shared.confirmationPopup");function Se(e){var t,r,a=(t=n.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,c,l=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return Ee(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ee(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],c=a[1];return n.createElement(ye.G,{title:e.title,closePopup:e.closePopup},n.createElement(n.Fragment,null,e.children,n.createElement(he.u,null,n.createElement(he.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||we("cancel")}),n.createElement(he.u.Submit,{onClick:function(){c(!0),e.onClickConfirm()},text:e.confirmButtonText||we("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}Se.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var Ie=r(39151),ke=r(20768),Ne=r(30321),Ce=r(16562),Ae=r(52748),xe=r(91470),Ue=r(55884),je=r(79489),Me=r(99827),Te=r(36630),Oe=r(55554),Re=r(87480),qe=r(21295),Fe=r(71270),We=r(23178),Be=r(99943),Pe=r(54679),Le=r(84049);function _e(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,c,l=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return De(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?De(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var He={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat("j0KQ5"),selectedRow:"bg-light",sortIndicator:"ms-2"},Ze=a.T.encloseNamespace("interactives.interactiveQuestionList");function Qe(e){var t,r,a,l,o,s,u=_e((0,c.D)(je.y.ANONYMISE_USERS),1)[0],m=_e(n.useState(!1),2),d=m[0],f=m[1],p=i.a.useBasicFetch(ke.b.interactiveMetadata(e.interactiveMetadataId)),g=i.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?ke.b.interactive(p.data.interactiveId):null),b=(0,Me.R)(),v=(0,be.W)(e.interactiveMetadataId,b),y=i.a.useBasicFetch(Ie.L.config());(0,Ae.M)({title:Ze("pageTitle",{interactive:null===(r=p.data)||void 0===r?void 0:r.name})}),(0,Re.U)(null===(a=p.data)||void 0===a?void 0:a.name),(0,Oe._)((0,qe.yH)(p.data)),(0,Le.P)(e.interactiveMetadataId),(0,Pe.Y)(v),(0,We.m)(e.interactiveMetadataId),(0,Ne.b)(p),(0,Te.M)(p),(0,Ce.v)([g,v,y]);var h=(0,Be.b)(v),E=(0,ve.D)(null===(l=g.data)||void 0===l?void 0:l.id,null===(o=p.data)||void 0===o?void 0:o.id,(function(){return f(!1)})),w=E.markedAnswers,S=E.addMarkedAnswers,I=E.submitMarkedAnswers,k=!!g.data&&!!v.data&&!!y.data;return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(Fe.l,{interactiveMetadataId:e.interactiveMetadataId}),k?n.createElement(ge,{emptyResponseStateImageUrl:Ue.W.EmptyStates.Interactives.NoResponses,emptyQuestionsStateImageUrl:Ue.W.EmptyStates.Interactives.NoResponses,selectQuestionImageUrl:Ue.W.EmptyStates.Interactives.NoData,anonymiseUsers:u,interactive:g.data,results:v.data,markedAnswers:w,addMarkedAnswers:S,submitMarkedAnswers:function(){return f(!0)},imageCdnUrl:y.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:h,theme:He,reportsStyling:!0}):n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6"},n.createElement(xe.I,null)))),d&&n.createElement(Se,{title:Ze("markPopupTitle",{smartCount:null!==(s=Object.keys(w).length)&&void 0!==s?s:0}),closePopup:function(){return f(!1)},confirmButtonText:Ze("submit"),confirmButtonVariant:"dark",onClickConfirm:I},n.createElement("p",null,Ze("markPopupBody"))))}}}]);