olive-pathway
Version:
Olive learning pathway component - gamification
1 lines • 184 kB
JavaScript
import e,{useEffect as n,useState as t,useRef as i,useMemo as r}from"react";import a from"styled-components";import{sortableKeyboardCoordinates as o,SortableContext as l,verticalListSortingStrategy as c,horizontalListSortingStrategy as d,useSortable as u,arrayMove as s}from"@dnd-kit/sortable";import{useSensors as p,useSensor as f,PointerSensor as m,KeyboardSensor as h,DndContext as g,closestCenter as v}from"@dnd-kit/core";import{jsx as y,jsxs as b,Fragment as C}from"react/jsx-runtime";import w from"axios";import x from"zustand";import{devtools as k}from"zustand/middleware";import{Modal as N,Button as S,OverlayTrigger as _,Popover as P,Accordion as A,ListGroup as I,Pagination as T,SecondaryHeader as D,SecondaryHeaderInfo as O,SecondaryHeaderSearchField as E,SecondaryHeaderButtonWrap as R,Toast as M,ToastInfo as L,Row as V,Col as B,Dropdown as j,Form as H,FloatingLabel as q,Offcanvas as z,Tab as F,Nav as U,Stack as K,GridTable as W,Badge as $}from"react-oneui-engine";import{FixedSizeGrid as Y}from"react-window";import Z from"react-virtualized-auto-sizer";import G,{MarkerType as X,ReactFlowProvider as J,useReactFlow as Q,useNodesState as ee,useEdgesState as ne,MiniMap as te,Controls as ie,Background as re}from"react-flow-renderer/nocss";import{getBezierPath as ae,getEdgeCenter as oe}from"react-flow-renderer";import le from"dagre";import ce from"react-tagsinput";import"react-tagsinput/react-tagsinput.css";function de(){return de=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},de.apply(this,arguments)}function ue(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i<a.length;i++)n.indexOf(t=a[i])>=0||(r[t]=e[t]);return r}function se(e,n){return n||(n=e.slice(0)),e.raw=n,e}var pe,fe,me,he,ge,ve,ye,be,Ce,we,xe,ke,Ne,Se,_e,Pe,Ae,Ie,Te,De,Oe,Ee,Re,Me,Le,Ve,Be,je,He,qe,ze=a.div(pe||(pe=se(["\n // background: #f2f4f7;\n background: transparent;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n height: 100% !important;\n z-index: 0 !important;\n position: relative !important;\n // font-size: 1.125rem !important;\n ","\n color: #13171f !important;\n // padding: 20px;\n"])),"");function Fe(e){if(e)return"width: "+e/12*100+"%;"}a.div(fe||(fe=se(["\n --gamification-gutter-x: 1.5rem;\n --gamification-gutter-y: 0;\n width: 100%;\n height: 100%;\n padding-right: calc(var(--gamification-gutter-x) * 0.5);\n padding-left: calc(var(--gamification-gutter-x) * 0.5);\n margin-right: auto;\n margin-left: auto;\n @media (min-width: 576px) {\n max-width: 540px;\n }\n @media (min-width: 768px) {\n max-width: 720px;\n }\n @media (min-width: 992px) {\n max-width: 960px;\n }\n @media (min-width: 1200px) {\n max-width: 1140px;\n }\n @media (min-width: 1400px) {\n max-width: 1320px;\n }\n @media (min-width: 1900px) {\n max-width: 100%;\n width: 100%;\n min-width: 100%;\n // max-width: -webkit-fill-available;\n }\n"]))),a.div(me||(me=se(["\n --gamification-gutter-x: 1.5rem;\n --gamification-gutter-y: 0;\n width: 100%;\n height: 100%;\n // min-height: 100%;\n padding-right: calc(var(--gamification-gutter-x) * 0.5);\n padding-left: calc(var(--gamification-gutter-x) * 0.5);\n margin-right: auto;\n margin-left: auto;\n border-radius: 12px;\n"]))),a.div(he||(he=se(['\n &::after {\n content: "";\n clear: both;\n display: table;\n }\n ',";\n"])),function(e){return Ue(e)}),a.div(ge||(ge=se(["\n ",";\n\n @media only screen and (max-width: 768px) {\n ",";\n }\n\n @media only screen and (max-width: 992px) {\n ",";\n }\n\n @media only screen and (max-width: 1200px) {\n ",";\n }\n @media only screen and (max-width: 1920px) {\n ",";\n }\n"])),function(e){var n=e.xs;return n?Fe(n):"width: 100%"},function(e){var n=e.sm;return n&&Fe(n)},function(e){var n=e.md;return n&&Fe(n)},function(e){var n=e.lg;return n&&Fe(n)},function(e){var n=e.xl;return n&&Fe(n)});var Ue=function(e){var n=e.gutter||20;return e.full?"\n margin-left: 0px;\n > * {\n padding-left: 0px;\n }\n ":"\n margin-left: "+-1*n+"px;\n > * {\n padding-left: "+n+"px;\n }\n "},Ke=a.header(ve||(ve=se(["\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n justify-content: space-between;\n padding: 0.5rem 0;\n\n .gmf-g-h-left {\n display: flex;\n align-content: center;\n justify-content: flex-start;\n align-items: center;\n margin-right: auto;\n }\n\n h4 {\n font-style: normal;\n font-weight: 700;\n font-size: 18px;\n line-height: 22px;\n }\n\n button {\n margin: auto 0;\n }\n\n .gmf-icon-group {\n display: flex;\n gap: 3px;\n button.gmf-icon,\n a.icon {\n padding: 4px;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n }\n }\n"])));a.div(ye||(ye=se(["\n // display: flex;\n // flex-wrap: wrap;\n // align-content: center;\n // justify-content: space-between;\n border-bottom: 2.5px solid #eaebef;\n padding: 20px 0;\n\n .left {\n text-align: left;\n }\n .right {\n text-align: right;\n }\n\n h5 {\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n font-style: normal;\n font-weight: 500;\n font-size: 22px;\n line-height: 29px;\n margin: 0;\n padding: 0;\n }\n button {\n background: #ecedf4;\n color: #999cc4;\n border-radius: 8px;\n align-items: center;\n padding: 10px 28px;\n }\n"]))),a.input(be||(be=se(["\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n\n display: block;\n width: -webkit-fill-available;git \n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(69, 75, 147, 0.07);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: 0.375rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n"]))),a.button(Ce||(Ce=se(["\n --gamification-btn-padding-x: 1.25rem;\n --gamification-btn-padding-y: 0.625rem;\n --gamification-btn-font-family: ;\n --gamification-btn-font-size: 0.75rem;\n --gamification-btn-font-weight: 700;\n --gamification-btn-line-height: 1.167;\n --gamification-btn-color: #ffffff;\n --gamification-btn-bg: #13171f;\n --gamification-btn-border-width: 1px;\n --gamification-btn-border-color: transparent;\n --gamification-btn-border-radius: 8px;\n --gamification-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --gamification-btn-disabled-opacity: 0.65;\n --gamification-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--gamification-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--gamification-btn-padding-y) var(--gamification-btn-padding-x);\n font-family: var(--gamification-btn-font-family);\n font-size: var(--gamification-btn-font-size);\n font-weight: var(--gamification-btn-font-weight);\n line-height: var(--gamification-btn-line-height);\n color: var(--gamification-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--gamification-btn-border-width) solid\n var(--gamification-btn-border-color);\n border-radius: var(--gamification-btn-border-radius);\n background-color: var(--gamification-btn-bg);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n &:hover {\n color: var(--gamification-btn-hover-color);\n background-color: var(--gamification-btn-hover-bg);\n border-color: var(--gamification-btn-hover-border-color);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n"])));var We=a.button(we||(we=se(["\n // display: flex;\n // align-items: center;\n color: black;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-decoration: none;\n padding: 0;\n\n @media (prefers-reduced-motion: reduce) {\n {\n transition: none;\n }\n }\n &:hover {\n font-weight: 600;\n cursor: pointer;\n }\n"])));a.div(xe||(xe=se(["\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n justify-content: space-between;\n"])));var $e=a.div(ke||(ke=se(["\n display: flex !important;\n flex-direction: column !important;\n height: 100% !important;\n"])));a.div(Ne||(Ne=se(["\n padding: 5px;\n height: 100% !important;\n display: flex;\n align-items: center;\n\n figure {\n margin: 0;\n svg {\n padding: 3px;\n }\n figcaption {\n color: ##13171f;\n }\n }\n"]))),a.figure(Se||(Se=se(["\n // // all side center\n // display: flex !important;\n // justify-content: center !important;\n // align-items: center !important;\n // flex-flow: column wrap !important;\n\n // margin: 0 0 1rem;\n // text-align: center !important;\n\n margin: auto !important;\n width: 200px;\n text-align: center;\n // height: 100% !important;\n\n svg {\n cursor: pointer;\n color: #a3a6ac;\n }\n svg:hover {\n fill: black;\n }\n"]))),a.figcaption(_e||(_e=se(["\n font-size: 0.875em;\n color: #6c757d;\n text-align: center !important;\n"]))),a.div(Pe||(Pe=se(["\n display: block;\n min-height: 1.5rem;\n padding-left: 1.5em;\n margin-bottom: 0.125rem;\n text-align: left;\n .form-check-input {\n float: left;\n margin-left: -0.5em;\n\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border: 1px solid #a6a8ac;\n border-radius: 2px;\n\n // margin-top: 0.25em;\n vertical-align: top;\n background-color: #fff;\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n border: 1px solid rgba(0, 0, 0, 0.25);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-print-color-adjust: exact;\n color-adjust: exact;\n print-color-adjust: exact;\n &:active {\n filter: brightness(90%);\n }\n &:focus {\n // border-color: #86b7fe;\n outline: 0;\n // box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n // box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);\n border-color: #373b3e;\n box-shadow: 0 0 0 6px rgba(69, 75, 147, 0.07);\n }\n &:checked {\n background-color: #0d6efd;\n border-color: #0d6efd;\n }\n &:checked[type=\"checkbox\"] {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");\n }\n &:checked[type=\"radio\"] {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\");\n }\n &:disabled {\n pointer-events: none;\n filter: none;\n opacity: 0.5;\n $ ~ {\n .form-check-label {\n cursor: default;\n opacity: 0.5;\n }\n }\n }\n\n label {\n small {\n --gamification-text-opacity: 1;\n color: rgba(var(--gamification-body-color-rgb), 0.75) !important;\n }\n }\n }\n\n .form-check-input[type=\"checkbox\"] {\n border-radius: 0.25em;\n &:indeterminate {\n background-color: #0d6efd;\n border-color: #0d6efd;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");\n }\n }\n\n .form-radio-input {\n border-radius: 50%;\n }\n"]))),a.div(Ae||(Ae=se(["\n --gamification-border-width: 1px;\n --gamification-border-style: solid;\n --gamification-border-color: #dee2e6;\n --gamification-border-radius-lg: 0.5rem;\n --gamification-white-rgb: 255, 255, 255;\n padding: 0.5rem !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n border: var(--gamification-border-width) var(--gamification-border-style)\n var(--gamification-border-color) !important;\n border-radius: var(--gamification-border-radius-lg) !important;\n --gamification-bg-opacity: 1;\n background-color: rgba(\n var(--gamification-white-rgb),\n var(--gamification-bg-opacity)\n ) !important;\n\n .flex_shrink_0 {\n flex-shrink: 0 !important;\n }\n .flex_shrink_1 {\n flex-shrink: 1 !important;\n }\n .ms3 {\n margin-left: 1rem !important;\n }\n .m0 {\n margin: 0 !important;\n }\n .text_black_50 {\n --gamification-text-opacity: 1;\n color: rgba(0, 0, 0, 0.5) !important;\n }\n"]))),a.div(Ie||(Ie=se(["\n display: flex !important;\n align-items: center !important;\n"])));var Ye=a.div(Te||(Te=se(["\n h4 {\n margin: 0;\n margin-bottom: 1rem !important;\n }\n h6 {\n margin: 0 !important;\n }\n p {\n --gamification-text-opacity: 1;\n color: rgba(var(--gamification-body-color-rgb), 0.75) !important;\n }\n\n .text-danger {\n --gamification-text-opacity: 1;\n --gamification-danger-rgb: 220, 53, 69;\n color: rgba(\n var(--gamification-danger-rgb),\n var(--gamification-text-opacity)\n ) !important;\n }\n"]))),Ze=a.div(De||(De=se(["\n border: 0 !important;\n"]))),Ge=a.div(Oe||(Oe=se(["\n // display: flex !important;\n // align-items: center !important;\n // justify-content: space-between !important;\n margin: 0 !important;\n\n .left {\n text-align: left;\n }\n .right {\n text-align: right;\n }\n"]))),Xe=a.div(Ee||(Ee=se(["\n padding: 0;\n"])));a.div(Re||(Re=se(["\n color: red;\n"]))),a.label(Me||(Me=se(['\n display: inline-block;\n position: relative;\n .dd-button {\n display: inline-block;\n border: 1px solid gray;\n border-radius: 4px;\n padding: 10px 30px 10px 20px;\n background-color: #ffffff;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .dd-button:after {\n content: "";\n position: absolute;\n top: 50%;\n right: 15px;\n transform: translateY(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid black;\n }\n\n .dd-button:hover {\n background-color: #eeeeee;\n }\n\n .dd-input {\n display: none;\n }\n\n .dd-menu {\n position: absolute;\n top: 100%;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 0;\n margin: 2px 0 0 0;\n box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n background-color: #ffffff;\n list-style-type: none;\n }\n\n .dd-input + .dd-menu {\n display: none;\n }\n\n .dd-input:checked + .dd-menu {\n display: block;\n }\n\n .dd-menu li {\n padding: 10px 20px;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .dd-menu li:hover {\n background-color: #f6f6f6;\n }\n\n .dd-menu li a {\n display: block;\n margin: -10px -20px;\n padding: 10px 20px;\n }\n\n .dd-menu li.divider {\n padding: 0;\n border-bottom: 1px solid #cccccc;\n }\n'])));var Je=a.div(Le||(Le=se(["\n position: relative;\n padding: 26px 19.5px;\n margin-bottom: 5px;\n isolation: isolate;\n background: rgba(217, 217, 217, 0.2);\n border-radius: 10px;\n // height: 60%;\n height: fit-content;\n min-height: 250px;\n overflow: hidden;\n -webkit-box-shadow: 0 0 0 0 transparent;\n box-shadow: 0 0 0 0 transparent;\n -webkit-transition: -webkit-box-shadow .25s;\n transition: -webkit-box-shadow .25s;\n -o-transition: box-shadow .25s;\n transition: box-shadow .25s;\n transition: box-shadow .25s,-webkit-box-shadow .25s;\n\n &:focus {\n border:0.5px dashed gray;\n }\n &:hover {\n // border:0.5px dashed gray;\n -webkit-box-shadow: 0 1px 2px 0 rgb(60, 64, 67, 30%), 0 1px 3px 1px rgb(60, 64, 67, 15%);\n box-shadow: 0 1px 2px 0 rgb(60, 64, 67, 30%), 0 1px 3px 1px rgb(60, 64, 67, 15%);\n \n}\n }\n\n .gmf-ellipse_more {\n position: absolute;\n top: 13px;\n right: 10px;\n }\n\n button {\n border-radius: 90px;\n }\n\n .gmf-title {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-content: center;\n\n // align-items: center;\n align-items: flex-start;\n margin-top: 1.8rem;\n margin-bottom: 0.8rem;\n grid-area: header;\n position: relative;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 160%;\n letter-spacing: 0.03em;\n text-transform: capitalize;\n color: #000000;\n\n display: block;\n margin-right: 0.75rem;\n position: relative;\n z-index: 1;\n }\n\n p {\n width: 95%;\n // overflow: hidden;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n white-space: break-spaces;\n flex: 1;\n margin: 1px 1rem 0 0;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n\n // display: flex !important;\n // justify-content: center !important;\n // align-items: center !important;\n }\n\n .gmf-btn-score {\n cursor: pointer;\n margin-top: 0;\n border:1px solid #dddddd;\n padding:1px;\n margin-right:3px;\n }\n"])));a.div(Ve||(Ve=se(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n align-content: center;\n align-items: flex-start;\n padding: 6px 10px;\n background: rgba(255, 255, 255, 0.8);\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0px 10px 7px rgba(0, 0, 0, 0.045);\n border-radius: 6px;\n\n margin-top: 1rem;\n grid-area: header;\n position: relative;\n cursor: pointer;\n\n h5 {\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 160%;\n letter-spacing: 0.03em;\n text-transform: capitalize;\n color: #000000;\n\n display: block;\n margin-right: 0.75rem;\n position: relative;\n z-index: 1;\n }\n\n p {\n width: 100%;\n // overflow: hidden;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n white-space: break-spaces;\n flex: 1;\n margin: 1px 1rem 0 0;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n\n // display: flex !important;\n // justify-content: center !important;\n // align-items: center !important;\n }\n"])));var Qe=a.div(Be||(Be=se(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n align-content: center;\n align-items: center;\n\n padding: 14px;\n background: #cdf8e4;\n border-radius: 6px;\n min-height: 68px;\n margin: 16px 0;\n\n @media (max-width: 576px) {\n min-height: fit-content;\n }\n\n svg,\n img {\n margin: 0;\n padding: 0;\n display: block;\n margin-right: 0.75rem;\n position: relative;\n z-index: 1;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 19px;\n text-transform: capitalize;\n }\n\n p {\n width: 100%;\n // overflow: hidden;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n white-space: break-spaces;\n flex: 1;\n margin: 1px 1rem 0 0;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n\n // display: flex !important;\n // justify-content: center !important;\n // align-items: center !important;\n }\n"])));a.div(je||(je=se(["\n height: 100%;\n overflow: hidden;\n overflow-y: auto;\n\n /* Designing for scroll-bar */\n ::-webkit-scrollbar {\n width: 0.5rem;\n height: 0.5rem;\n background-color: var(--bs-input-floating-border);\n border-radius: calc(0.5rem - 1px);\n }\n ::-webkit-scrollbar-thumb {\n background-color: #fff;\n border: 1px solid var(--bs-input-floating-border);\n border-radius: calc(0.5rem - 1px);\n }\n ::-webkit-scrollbar-thumb {\n background: #17305a;\n border-radius: 5px;\n }\n ::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.37);\n border-radius: 5px;\n }\n"])));var en=a.div(He||(He=se(["\n position: absolute;\n cursor: grab;\n padding: 0;\n margin: -30px 0 0 -17px;\n width: 100%;\n height: 24px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233d1978' fill-opacity='0.1' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E\");\n &:hover {\n // background: #d9d9d9;\n background-image: url(\"data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233d1978' fill-opacity='0.18' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E\");\n }\n &:focus-visible {\n margin: -22px 0 0 -18px;\n width: 98%;\n outline: 0;\n border: 1px solid #373b3e !important;\n box-shadow: 0 0 0 6px rgba(69, 75, 147, 0.07);\n }\n"]))),nn=a.div(qe||(qe=se(['\n position: fixed; /* Sit on top of the page content */\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999999;\n\n span {\n position: absolute;\n width: 100px;\n height: 130px;\n background: #e8e4da;\n border-radius: 4px;\n top: 25%;\n left: 50%;\n\n &:before {\n content: "";\n position: absolute;\n width: 54px;\n height: 25px;\n left: 50%;\n top: 0;\n background-image: radial-gradient(\n ellipse at center,\n #0000 24%,\n #de3500 25%,\n #de3500 64%,\n #0000 65%\n ),\n linear-gradient(to bottom, #0000 34%, #de3500 35%);\n background-size: 12px 12px, 100% auto;\n background-repeat: no-repeat;\n background-position: center top;\n transform: translate(-50%, -65%);\n box-shadow: 0 -3px rgba(0, 0, 0, 0.25) inset;\n }\n\n &:after {\n content: "";\n position: absolute;\n left: 50%;\n top: 20%;\n transform: translateX(-50%);\n width: 66%;\n height: 60%;\n background: linear-gradient(to bottom, #f79577 30%, #0000 31%);\n background-size: 100% 16px;\n animation: writeDown 1s ease-out infinite;\n }\n\n @keyframes writeDown {\n 0% {\n height: 0%;\n opacity: 0;\n }\n 20% {\n height: 0%;\n opacity: 1;\n }\n 80% {\n height: 65%;\n opacity: 1;\n }\n 100% {\n height: 65%;\n opacity: 0;\n }\n }\n }\n'])));function tn(e){var n=p(f(m),f(h,{coordinateGetter:o}));/*#__PURE__*/return y(g,{sensors:n,onDragEnd:e.handleDragEnd,collisionDetection:v,children:/*#__PURE__*/y(l,{items:e.items,strategy:e.verticalSort?c:d,children:e.children})})}var rn="FETCHING",an="SAVING",on="CREATE",ln="ADD",cn="UPDATE",dn="DRAFT",un=["pdf","png","jpg","doc","docx"],sn="BADGE",pn="REPUTATION_POINT",fn=["C_S","V_C","C_R",sn],mn=["J_B","E_V","C_S"],hn={code:"INTERNAL_ERROR",message:"Something went wrong. Please check your internet connection or contact our support.",status:503,data:{}},gn=function(e,n,t,i){return new Promise(function(r,a){w({url:n,method:e,params:"get"===e?t:void 0,data:"get"!==e?t:void 0,headers:i||{}}).then(function(e){return r(e.data)}).catch(function(e){console.log({axiosApiError:e}),a(e.response?e.response.data.error||e.response.data:hn)})})},vn={get:function(){return gn.apply(void 0,["get"].concat([].slice.call(arguments)))},post:function(){return gn.apply(void 0,["post"].concat([].slice.call(arguments)))},put:function(){return gn.apply(void 0,["put"].concat([].slice.call(arguments)))},patch:function(){return gn.apply(void 0,["patch"].concat([].slice.call(arguments)))},delete:function(){return gn.apply(void 0,["delete"].concat([].slice.call(arguments)))}},yn=[{reward:"",rewardLabel:"",rule:{key:"",value:""}}],bn={fileTypes:[],isIssueDateRequired:!1,isExpiryDateRequired:!1,isVerificationRequired:!1},Cn={as:"",title:"",key:"",type:"",id:"",preRule:{key:"",value:""},selectedId:"",action:ln},wn={componentType:"",componentKey:"",componentTitle:"",id:"",postRules:yn,document:bn,subComponent:Cn};de({},wn,{title:"",tags:[],operation:on,selectedPathwayId:""});var xn=function(e){var n,t=e.key,i=e.returnField;return(n=e.data.find("componentName"===e.searchOn?function(e){return e.component.name===t}:function(e){return e.key===t}))?"component"===i?n.component:"rules"===i?n.component.rules:"key"===i?n.key:n.data:[]},kn=function(e){try{return Boolean(new URL(e))}catch(e){return!1}},Nn=function(e){var n=e.pathway,t=e.selectedComponentId,i={labelKey:"label",valueKey:"value"};if(e.accessComponentsInOrder){var r,a="";null==n||null==(r=n.components)||r.map(function(e){return e._id===t&&(a=e.order+1),e}).find(function(e){if(e.order===a)return i.data=[{label:e.type+" - "+e.title,value:e._id}],e})}else{var o;i.data=null==n||null==(o=n.components)?void 0:o.filter(function(e){if(e._id!==t)return e}).map(function(e){return{label:e.type+" - "+e.title,value:e._id}})}return i},Sn=function(e){return e.filter(function(e){return e.reward&&e.rule.key&&e.rule.value}).map(function(e){return{reward:e.reward,rule:e.rule}})},_n=function(e){var n="";return e.find(function(e,t){(e.reward||e.rule.key||e.rule.value)&&(e.reward?e.rule.key?e.rule.value||(n="Value is required in post rule "+(t+1)):n="Status is required in post rule "+(t+1):n="Reward is required in post rule "+(t+1))}),n},Pn=function(e){var n=e.componentKey,t=e.componentTitle,i=e.document,r="";return"C_S"!==n||t&&e.id||(r="Please select section first."),"D_C"===n&&(t||i.fileTypes.length?t?i.fileTypes.length||(r="Please select at least one file type."):r="Please provide document name.":r="Please provide document name and select at least one file type."),r};function An(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}function In(e){var n=(void 0===e?{}:e).activityId;return{type:"",label:"",value:"",_id:void 0===n?(new Date).getTime()+1:n,subscore:1}}function Tn(e){var n=void 0===e?{}:e,t=n.id,i=void 0===t?(new Date).getTime():t,r=n.activityId;return{id:i,title:"",titleId:"",activities:[de({},In({activityId:void 0===r?(new Date).getTime()+1:r}))]}}function Dn(e){var n=e.criteria,t=void 0===n?{}:n,i=e.activities,r=e.dataState,a=e.num;return i.filter(function(e){if(e.type){if(!(t.criteriaId!==sn&&"EVENT"!==t.criteriaId||e.label&&e.value)){var n="";return t.criteriaId===sn&&(n="rule quantity is"),"EVENT"===t.criteriaId&&(n="Both event name and event code are"),r.hasError=!0,r.type="error",r.message=n+" required in "+t.name+" activity",e}return i.filter(function(n){if(n.type===e.type&&!n.label&&!n.value)return n}).length>1?(r.hasError=!0,r.type="error",r.message="Duplicate type without activity"):e[a.toLowerCase()]||(r.hasError=!0,r.type="error",r.message=a+" is required in "+(t.name?t.name+" activity":"all activities")),e}r.hasError=!0,r.type="error",r.message="Please select activity type in all activities"})}var On={pathway:{},title:"",tags:[],selectedPathwayId:"",id:"",postRules:yn,componentType:"",componentTitle:"",accessComponentsInOrder:!0,document:bn,componentKey:"",selectedComponentId:"",restrictComponent:!1,subComponent:Cn,openModal:"",operation:on,sectionAction:ln,step:"ADD_PATHWAY_NAME_TAGS"},En=x(k(function(e){return de({},On,{clientData:[],clientActivities:[],clientBadgeActivities:[],clientOptions:{},total:0,pathways:[],closeModal:function(n){return e(de({},n,{id:"",openModal:"",selectedComponentId:"",componentKey:"",componentType:"",componentTitle:"",postRules:yn,document:bn,subComponent:Cn}))},gotToTable:function(){return e(de({},On))}})})),Rn=x(k(function(e){return{type:"",message:"",duration:7e3,closeToast:function(){return e({message:"",type:""})}}}));function Mn(){var e=Rn(function(e){return e.message}),t=Rn(function(e){return e.duration}),i=Rn(function(e){return e.closeToast});return n(function(){if(Infinity!==t){var e=setTimeout(function(){return i()},t);return function(){e&&clearTimeout(e)}}},[e]),function(e,n){var i=void 0===n?{}:n,r=i.type,a=void 0===r?"error":r,o=i.duration||t;"error"!==a&&(o=3e3),Rn.setState({message:e,type:a,duration:o})}}function Ln(e,n){try{var t=e()}catch(e){return n(e)}return t&&t.then?t.then(void 0,n):t}function Vn(e){var n=(void 0===e?{}:e).activityId;return{type:"",label:"",value:"",quantity:1,_id:void 0===n?(new Date).getTime()+4:n,manualClaim:!1}}function Bn(e){var n=void 0===e?{}:e,t=n.criteriaId,i=void 0===t?(new Date).getTime()+2:t,r=n.activityId;return{name:"",criteriaId:"",_id:i,activities:[de({},Vn({activityId:void 0===r?(new Date).getTime()+3:r}))]}}var jn=[{title:"Diamond",name:"DIAMOND_BADGE",icon:"https://vle-gamification.s3.eu-west-1.amazonaws.com/1685003254709-dd0f50e8cfa194fbdiamond.png"},{title:"Gold",name:"GOLDEN_BADGE",icon:"https://vle-gamification.s3.eu-west-1.amazonaws.com/1685003278030-a0f524ea6dd7b10bgolden.png"},{title:"Silver",name:"SILVER_BADGE",icon:"https://vle-gamification.s3.eu-west-1.amazonaws.com/1685003295412-4c733081cb178c7fsilver.png"}];function Hn(e){var r,a=void 0===e?{}:e,o=a.onSave,l=a.onDelete,c=a.closeModal,d=a.initialData,u=a.disableInit,s=a.lastHierarchyBadge,p=En(function(e){return e.clientBadgeActivities}),f=(null==p||null==(r=p.data)?void 0:r.find(function(e){return e.id===pn}))||{},m=f.name,h=Mn(),g=t({loader:"",badge:u?{}:C({initialData:d})}),v=g[0],y=g[1],b=i();function C(e){var n=(void 0===e?{}:e).initialData;if(null!=n&&n._id){var t=de({},n),i=t.criteria.find(function(e){return e.criteriaId===pn});return i||t.criteria.push(de({},x({id:(new Date).getTime()}))),t}return de({},w())}function w(e){var n=(void 0===e?{}:e).id,t=void 0===n?(new Date).getTime()+1:n;return{_id:t,title:"",icon:"",defaultValue:"",criteria:[de({},x({id:t})),de({},Bn())]}}function x(e){var n=e.id;return{_id:n+5,name:m,criteriaId:pn,activities:[{_id:n+6,type:pn,label:pn,value:"",quantity:1,manualClaim:!0}]}}n(function(){u||y(function(e){return de({},e,{badges:[],totalBadges:0,badge:C({initialData:d})})})},[null==d?void 0:d._id]),n(function(){if(!u)return function(){clearTimeout(b.current)}},[]);var k=function(e){var n=e.urlData,t=e.apiMethod,i=e.messageData,r=e.criteriaData,a=e.activityData;try{var l=function(){h(u,{type:d,duration:5e3})},c=n,d="success",u=i,s={hasError:!1,message:u,type:d};if(!v.badge.title)return u="Title is required",Promise.resolve(h(u,{type:"error"}));if(!v.badge.icon)return u="Icon is required",Promise.resolve(h(u,{type:"error"}));if(!v.badge.defaultValue)return u="Default value is required",Promise.resolve(h(u,{type:"error"}));var p={badge:{title:v.badge.title,icon:v.badge.icon,defaultValue:v.badge.defaultValue,criteria:v.badge.criteria.filter(function(e){return e.name&&e.criteriaId}).map(function(e){var n={name:e.name,criteriaId:e.criteriaId,activities:e.activities.filter(function(e){return e.type})};if(r&&24===e._id.length&&(n._id=e._id),!n.activities.length)return s={hasError:!0,type:"error",message:"Activitiy Type contents are required in all activities"};if(e.criteriaId===pn){var t=n.activities.find(function(e){return e.type===pn&&e.label&&e.value&&e.quantity});if(!t)return s={hasError:!0,type:"error",message:m+" is required"};if(t.quantity>1)return s={hasError:!0,type:"error",message:"Badge quantity on "+m+" must be 1"};if(v.badge.defaultValue<t.value)return s={hasError:!0,type:"error",message:"Badge default value must be greater than or equals to "+m+" value"}}return n.activities=Dn({activities:n.activities,dataState:s,criteria:e,num:"Quantity"}).map(function(e){var n={type:e.type,label:e.label,value:e.value,quantity:e.quantity,manualClaim:e.manualClaim};return a&&24===e._id.length&&(n._id=e._id),n}),n})}};if(!p.badge.criteria.length)return Promise.resolve(h("Please select activity"));if(s.hasError)return Promise.resolve(h(s.message,{type:s.type}));if(!p.badge.criteria.find(function(e){return e.criteriaId===pn}))return Promise.resolve(h(m+" activity is required"));if(v.loader===an)return Promise.resolve();y(function(e){return de({},e,{loader:an})});var f=Ln(function(){return Promise.resolve(vn[t](c,p)).then(function(){b.current=setTimeout(function(){y(function(e){return de({},e,{loader:"",badge:de({},C())})}),o()},1e3)})},function(e){var n=e.message||e;console.log({error:n}),d="error",u="object"==typeof n?JSON.stringify(n):n,y(function(e){return de({},e,{loader:""})})});return Promise.resolve(f&&f.then?f.then(l):l())}catch(e){return Promise.reject(e)}};return{addBadge:function(e){var n=e.e,t=e.singleCriteriaId,i=e.singleActivityId;Rn.setState({message:""});var r=n.target.value,a=n.target.name,o=de({},v.badge);if("title"===a)o.title=r;else if("badgeIcon"===a)o.icon=r;else if("badgeDefaultValue"===a){var l=Math.abs(r);""===n.target.value&&(l=""),o.defaultValue=l}else if("criteriaActivity"===a){if(v.badge.criteria.find(function(e){var n;return(null==(n=e.criteriaId)?void 0:n.toString())===r}))return h("Already selected Activity");var c=p.data.find(function(e){return e.id===r}),d=c.name,u=c.type;o.criteria=v.badge.criteria.map(function(e){return e._id===t?r===sn?(null!=s&&s._id||function(e){var n=e.badge,t=e.singleCriteriaId;try{var i="/badges/v1/last-hierarchy";if(n.hierarchy&&(i=i+"?hierarchy="+n.hierarchy),v.loader===rn)return Promise.resolve();y(function(e){return de({},e,{loader:rn})});var r=Ln(function(){return Promise.resolve(vn.get(i)).then(function(e){n.criteria=n.criteria.map(function(n){return n._id===t&&n.criteriaId===sn?de({},n,{activities:[de({},n.activities[0],{type:e.data._id,label:e.data.title})]}):n}),y(function(e){return de({},e,{loader:"",badge:n})})})},function(e){console.log({error:e.message||e}),y(function(e){return de({},e,{loader:""})})});Promise.resolve(r&&r.then?r.then(function(){}):void 0)}catch(e){return Promise.reject(e)}}({badge:o,singleCriteriaId:t}),de({},e,{name:d,criteriaId:r,activities:[de({},Vn({activityId:(new Date).getTime()+1}),{value:"1",manualClaim:!0,type:null==s?void 0:s._id,label:null==s?void 0:s.title})]})):de({},e,{name:d,criteriaId:r,activities:[de({},Vn({activityId:(new Date).getTime()+1}),{type:u})]}):e})}else if("activityLabel"===a){if(v.badge.criteria.find(function(e){return e._id===t&&e.activities.find(function(e){var n;return(null==(n=e.value)?void 0:n.toString())===r.value.toString()})}))return h("Already selected activity and activity content");o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===i?de({},e,{label:r.label,value:r.value}):e});return de({},e,{activities:n})}return e})}else if("quantity"===a)r=Math.abs(r),""===n.target.value&&(r=""),o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===i?de({},e,{quantity:r}):e});return de({},e,{activities:n})}return e});else if("reputationPointValue"===a){var f=Math.abs(r);""===n.target.value&&(f=""),o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===i?de({},e,{type:pn,label:pn,value:f.toString()}):e});return de({},e,{activities:n})}return e})}else if("badgeValueQuantity"===a)""===n.target.value&&(r=""),o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===i?de({},e,{value:r}):e});return de({},e,{activities:n})}return e});else if("manualClaim"===a)o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var r=e.activities.map(function(e){return e._id===i?de({},e,{manualClaim:n.target.checked}):e});return de({},e,{activities:r})}return e});else if("normalActivityLabel"===a){var m=v.badge.criteria.find(function(e){return e._id===t&&e.activities.find(function(e){var n;return(null==(n=e.label)?void 0:n.toString())===r})});if(m)return h(m.name+" activity name already exists");o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===i?de({},e,{label:r,manualClaim:!0}):e});return de({},e,{activities:n})}return e})}else if("normalActivityValue"===a){var g=v.badge.criteria.find(function(e){return e._id===t&&e.activities.find(function(e){var n;return(null==(n=e.value)?void 0:n.toString())===r})});if(g)return h(g.name+" activity value already exists");o.criteria=v.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===i?de({},e,{value:r}):e});return de({},e,{activities:n})}return e})}y(function(e){return de({},e,{badge:o})})},saveBadge:function(){k({urlData:"/badges/v1",messageData:"Successfully saved badge.",apiMethod:"post"})},getBadges:function(e){try{y(function(e){return de({},e,{loader:rn})});var n=e.pageNumber,t=e.pageSize,i=e.searchText,r=void 0===i?"":i,a="/badges/v1?pageNumber="+(void 0===n?1:n)+"&pageSize="+(void 0===t?20:t);return r&&(a=a+"&title="+r),e.basicFields&&(a+="&basicFields=true"),Promise.resolve(vn.get(a)).then(function(e){y(function(n){return de({},n,{loader:"",badges:e.data,totalBadges:e.total})})})}catch(e){return Promise.reject(e)}},badgeIcons:jn,updateState:function(e){y(function(n){return de({},n,e)})},deleteBadge:function(e){try{var n=function(){h(i,{type:r})},t="/badges/v1/"+e,i="Successfully deleted Badge",r="success";if(!e)return i="Please select badge to delete",Promise.resolve(h(i,{type:"error"}));if("REMOVING"===v.loader)return Promise.resolve();y(function(e){return de({},e,{loader:"REMOVING"})});var a=Ln(function(){return Promise.resolve(vn.delete(t)).then(function(){b.current=setTimeout(function(){y(function(e){return de({},e,{loader:""})}),l()},1e3)})},function(e){var n=e.message||e;console.log({error:n}),r="error",i="object"==typeof n?JSON.stringify(n):n,y(function(e){return de({},e,{loader:""})})});return Promise.resolve(a&&a.then?a.then(n):n())}catch(e){return Promise.reject(e)}},updateBadge:function(){k({urlData:"/badges/v1/"+v.badge._id,messageData:"Successfully updated Badge",apiMethod:"patch",criteriaData:"_id",activityData:"_id"})},handleClose:function(){y(function(e){return de({},e,{loader:"",badge:de({},w())})}),c("")},addActivity:function(e){var n=v.badge.criteria.find(function(n){return n._id===e&&n.activities.find(function(e){return!e.type||!e.quantity})});if(!n){var t=v.badge.criteria.map(function(n){return n._id===e?de({},n,{activities:[].concat(n.activities,[de({},Vn({activityId:(new Date).getTime()+1}),{type:n.activities[0].type})])}):n});return y(function(e){return de({},e,{badge:de({},e.badge,{criteria:t})})})}h("Please select activity type and quantity")},removeActivity:function(e){var n=e.criteriaId,t=e.activityId,i=v.badge.criteria.map(function(e){if(e._id===n){var i=e.activities.filter(function(e){return e._id!==t});return de({},e,{activities:[].concat(i)})}return e});y(function(e){return de({},e,{badge:de({},e.badge,{criteria:i})})})},removeCriteria:function(e){var n=e.criteriaId,t=v.badge.criteria.filter(function(e){return e._id!==n});y(function(e){return de({},e,{badge:de({},e.badge,{criteria:t})})})},getActivityType:function(e){var n;return null==(n=p.activityTypes)?void 0:n.find(function(n){return n.type===e})},addNextCriteria:function(){if(!v.badge.criteria.find(function(e){return!e.name||!e.activities.find(function(e){return e.type})}))return y(function(e){return de({},e,{badge:de({},e.badge,{criteria:[].concat(e.badge.criteria,[de({},Bn({criteriaId:(new Date).getTime(),activityId:(new Date).getTime()+1}))])})})});h("Please select activity and type")},updateBadgeHierarchy:function(e){var n=e.fromIndex,t=e.toIndex,i=e.fromId;try{var r=function(){h(a,{type:o})},a="Hierarchy successfully updated",o="success";if(!n||!t||!i)return a="Please sort the badge first",Promise.resolve(h(a,{type:"error"}));var c={from:n,to:t,fromId:i};if("SORTING"===v.loader)return Promise.resolve();y(function(e){return de({},e,{loader:"SORTING"})});var d=Ln(function(){return Promise.resolve(vn.patch("/badges/v1/update-hierarchy",c)).then(function(){b.current=setTimeout(function(){y(function(e){return de({},e,{loader:""})}),l()},1e3)})},function(e){var n=e.message||e;console.log({error:n}),o="error",a="object"==typeof n?JSON.stringify(n):n,y(function(e){return de({},e,{loader:""})}),b.current=setTimeout(function(){l()},1e3)});return Promise.resolve(d&&d.then?d.then(r):r())}catch(e){return Promise.reject(e)}},badge:v.badge,loader:v.loader,badges:v.badges,clientBadgeActivities:p,totalBadges:v.totalBadges}}function qn(e){var n=e.handleDelete,t=e.handleClose,i=e.loader;/*#__PURE__*/return b(N,{centered:!0,keyboard:!1,show:!!e.showModal,backdrop:"static",contentClassName:"myc-modal-content",children:[/*#__PURE__*/y(N.Body,{children:/*#__PURE__*/y("figure",{className:"gmf-figure",children:e.children})}),/*#__PURE__*/b(N.Footer,{children:[/*#__PURE__*/y(S,{variant:"primary",onClick:n,children:"REMOVING"===i?/*#__PURE__*/b(C,{children:[/*#__PURE__*/y("span",{role:"status","aria-hidden":"true",className:"oneui-spinner-border oneui-spinner-border-vsm oneui-me-1"}),/*#__PURE__*/y("span",{children:"Deleting"})]}):"Yes"}),/*#__PURE__*/y(S,{variant:"glitter",onClick:t,children:"No"})]})]})}const zn=/*#__PURE__*/Object.freeze({Translate:{toString(e){if(!e)return;const{x:n,y:t}=e;return`translate3d(${n?Math.round(n):0}px, ${t?Math.round(t):0}px, 0)`}},Scale:{toString(e){if(!e)return;const{scaleX:n,scaleY:t}=e;return`scaleX(${n}) scaleY(${t})`}},Transform:{toString(e){if(e)return[zn.Translate.toString(e),zn.Scale.toString(e)].join(" ")}},Transition:{toString:({property:e,duration:n,easing:t})=>`${e} ${n}ms ${t}`}});function Fn(e){var n=e.children,t=e.trigger;/*#__PURE__*/return y(_,{trigger:void 0===t?["hover","focus"]:t,placement:"top",rootClose:!0,overlay:/*#__PURE__*/y(P,{children:/*#__PURE__*/y(P.Body,{className:"oneui-p-2",children:e.message||/*#__PURE__*/b(C,{children:["This activity is either deleted or disabled from the client."," ",/*#__PURE__*/y("br",{})," Please try again or contact our support. You can edit and change the activity."]})})}),children:n})}function Un(e){var n=void 0===e?{}:e,t=n.width,i=n.height;/*#__PURE__*/return b("svg",{width:void 0===t?"20":t,height:void 0===i?"21":i,viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg",children:[/*#__PURE__*/y("path",{d:"M15.5555 12.0802V15.3765C15.5555 15.704 15.4125 16.018 15.1578 16.2495C14.9031 16.481 14.5577 16.6111 14.1975 16.6111H4.69134C4.33117 16.6111 3.98575 16.481 3.73107 16.2495C3.47639 16.018 3.33331 15.704 3.33331 15.3765V6.73457C3.33331 6.40714 3.47639 6.09312 3.73107 5.8616C3.98575 5.63007 4.33117 5.5 4.69134 5.5H8.31726",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),/*#__PURE__*/y("path",{d:"M14.127 3.27777L16.6667 6.13491L10.3175 13.2778H7.77777V10.4206L14.127 3.27777Z",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Kn(e){var n=void 0===e?{}:e,t=n.width,i=n.height;/*#__PURE__*/return b("svg",{width:void 0===t?"20":t,height:void 0===i?"21":i,viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg",children:[/*#__PURE__*/y("path",{d:"M16.4665 5.38367H13.5612V3.5235C13.5612 3.38466 13.5043 3.2515 13.4029 3.15333C13.3015 3.05515 13.164 3 13.0206 3H6.9866C6.8432 3 6.70568 3.05515 6.60428 3.15333C6.50288 3.2515 6.44592 3.38466 6.44592 3.5235V5.38367H3.54068C3.39728 5.38367 3.25976 5.43882 3.15836 5.537C3.05696 5.63517 3 5.76833 3 5.90717C3 6.04601 3.05696 6.17916 3.15836 6.27734C3.25976 6.37551 3.39728 6.43067 3.54068 6.43067H4.23635V16.0875C4.23731 16.595 4.44622 17.0815 4.81722 17.44C5.18823 17.7986 5.69102 18 6.21523 18H13.8208C14.34 17.9927 14.8354 17.7881 15.2002 17.4303C15.565 17.0725 15.7699 16.5902 15.7708 16.0875V6.43067H16.4521C16.5955 6.43252 16.7337 6.37914 16.8365 6.28227C16.9392 6.18541 16.998 6.05299 17 5.91415C17.0019 5.77531 16.9467 5.64142 16.8467 5.54193C16.7466 5.44245 16.6099 5.38552 16.4665 5.38367ZM7.52728 4.047H12.4799V5.38367H7.52728V4.047ZM14.6895 16.0875C14.6885 16.3174 14.5935 16.5375 14.4253 16.6997C14.2571 16.8619 14.0293 16.953 13.7919 16.953H6.20081C5.96591 16.9493 5.74184 16.8567 5.57673 16.6948C5.41162 16.533 5.31862 16.315 5.31771 16.0875V6.43067H14.6895V16.0875Z"}),/*#__PURE__*/y("path",{d:"M8.75 8.58438C8.62568 8.58438 8.50645 8.63377 8.41854 8.72167C8.33064 8.80958 8.28125 8.92881 8.28125 9.05313V14.0813C8.28125 14.2056 8.33064 14.3248 8.41854 14.4127C8.50645 14.5006 8.62568 14.55 8.75 14.55C8.87432 14.55 8.99355 14.5006 9.08146 14.4127C9.16936 14.3248 9.21875 14.2056 9.21875 14.0813V9.05313C9.21875 8.92881 9.16936 8.80958 9.08146 8.72167C8.99355 8.63377 8.87432 8.58438 8.75 8.58438Z"}),/*#__PURE__*/y("path",{d:"M11.25 8.58438C11.1257 8.58438 11.0065 8.63377 10.9185 8.72167C10.8306 8.80958 10.7812 8.92881 10.7812 9.05313V14.0813C10.7812 14.2056 10.8306 14.3248 10.9185 14.4127C11.0065 14.5006 11.1257 14.55 11.25 14.55C11.3743 14.55 11.4935 14.5006 11.5815 14.4127C11.6694 14.3248 11.7188 14.2056 11.7188 14.0813V9.05313C11.7188 8.92881 11.6694 8.80958 11.5815 8.72167C11.4935 8.63377 11.3743 8.58438 11.25 8.58438Z"})]})}function Wn(e){var n=e.badge,i=e.openDeleteModal,r=e.handleBadgeEdit,a=t(!1),o=a[0],l=a[1],c=En(function(e){return e.clientBadgeActivities}),d=u({id:n._id}),s=d.attributes,p=d.listeners,f=d.setNodeRef,m={transition:d.transition,position:"relative",transform:zn.Transform.toString(d.transform)},h=function(e){return c.data.find(function(n){return n.id===e})},g=function(){var e=!1;return n.criteria.map(function(n){c.data.find(function(e){return e.id===n.criteriaId})||(e=!0)}),e};/*#__PURE__*/return y("div",{ref:f,style:m,className:"oneui-my-3",children:/*#__PURE__*/y(Fn,{trigger:g()&&!o?["hover","focus"]:"Do_not_show",message:/*#__PURE__*/b(C,{children:["One or more activities are either deleted or disabled from the client. ",/*#__PURE__*/y("br",{})," Please expand this badge and find the that activity."]}),children:/*#__PURE__*/y(A,{className:g()?"gamification-accordion-activity-disabled":"",children:/*#__PURE__*/b(A.Item,{eventKey:n._id,children:[/*#__PURE__*/b(A.Header,{onClick:function(){return l(!1)},children:[/*#__PURE__*/y(en,de({style:{}},s,p)),/*#__PURE__*/y("span",{className:"oneui-step-circle oneui-me-2",children:n.hierarchy}),n.title,n.icon?/*#__PURE__*/y("span",{className:"oneui-position-absolute oneui-end-50",children:/*#__PURE__*/y("img",{width:40,height:40,src:n.icon,alt:"badge-icon",className:"oneui-rounded-circle"})}):null,/*#__PURE__*/y("span",{className:"oneui-position-absolute oneui-end-0 oneui-me-5 oneui-pe-4",onClick:function(){return i(n)},children:/*#__PURE__*/y(Kn,{})}),/*#__PURE__*/y("span",{className:"oneui-position-absolute oneui-end-0 oneui-me-5",onClick:function(){return r(n)},children:/*#__PURE__*/y(Un,{})})]}),/*#__PURE__*/y(A.Body,{children:/*#__PURE__*/y(I,{as:"ul",children:n.criteria.map(function(e){/*#__PURE__*/return y(Fn,{trigger:h(e.criteriaId)?"Do_not_show":["hover","focus"],children:/*#__PURE__*/b(I.Item,{as:"li",className:h(e.criteriaId)?"":"gamification-activity-disabled",onMouseOver:function(){return l(!0)},onFocus:function(){return l(!0)},children:[/*#__PURE__*/b("div",{children:[/*#__PURE__*/y("span",{className:"oneui-fw-bold",children:"Activity"})," :"," ",e.name]}),e.activities.map(function(n){/*#__PURE__*/return b("div",{children:[/*#__PURE__*/b("span",{className:"oneui-px-2 oneui-mx-2 oneui-border-end oneui-border-2",children:[/*#__PURE__*/y("span",{className:"oneui-fw-bold",children:"Type"})," :"," ",e.criteriaId===sn?n.label:n.type]}),[pn,sn].includes(e.criteriaId)?/*#__PURE__*/b("span",{className:"oneui-pe-2 oneui-me-2 oneui-border-end oneui-border-2",children:[/*#__PURE__*/y("span",{className:"oneui-fw-bold",children:"Value"}),":"," ",n.value]}):n.label?/*#__PURE__*/b("span",{className:"oneui-pe-2 oneui-me-2 oneui-border-end oneui-border-2",children:[/*#__PURE__*/y("span",{className:"oneui-fw-bold",children:"Type Content"}),": ",n.label]}):null,/*#__PURE__*/y("span",{className:"oneui-fw-bold",children:"Badge Quantity"}),":"," ",n.quantity]},n._id)})]})},e._id)})})})]})})})})}function $n(e){var n=e.tableManager,t=n.paginationApi,i=t.totalPages,r=t.page,a=t.setPage,o=t.pageSize,l=t.setPageSize,c=r<=1,d=r>=i;/*#__PURE__*/return y("div",{className:"rgt-footer myc-gamification-rgt-footer oneui-mx-4",children:/*#__PURE__*/b("div",{className:"rgt-footer-right-container myc-gamification-rgt-footer-right-container",children:[n.config.showRowsInformation?/*#__PURE__*/b("div",{className:"rgt-footer-page-size",children:[/*#__PURE__*/y("span",{className:"oneui-text-muted oneui-fs-4 oneui-d-flex oneui-align-items-center",children:"Rows per page"}),/*#__PURE__*/y("select",{value:o,onBlur:function(){},onChange:function(e){return l(+e.target.value)},className:"rgt-footer-page-size-select",children:[5,10,20].map(function(e){/*#__PURE__*/return y("option",{value:e,children:e},e)})})]}):/*#__PURE__*/y("div",{}),/*#__PURE__*/y("div",{className:"rgt-footer-pagination",children:/*#__PURE__*/b(T,{children:[/*#__PURE__*/y(T.Prev,{className:"oneui-bg-white",disabled:c,onClick:function(){return a(r-1)}}),/*#__PURE__*/y(T.Item,{active:!0,children:/*#__PURE__*/y("input",{type:"number",value:i?r:0,className:"rgt-footer-page-input",onChange:function(e){return a(+e.target.value)}})}),/*#__PURE__*/y(T.Next,{className:"oneui-bg-white",disabled:d,onClick:function(){return a(r+1)}}),/*#__PURE__*/b("span",{className:"oneui-text-muted oneui-fs-6 oneui-d-flex oneui-align-items-center oneui-ms-2",children:["of ",i]})]})})]})})}function Yn(n){var t,i=n.state,r=n.setState,a=n.fetchBadge,o=n.updateState,l=function(){C(""),k(""),h(""),_("")},c=Hn({onDelete:function(){a(),l()}}),d=c.deleteBadge,u=c.loader,p=c.updateBadgeHierarchy,f=e.useState(""),m=f[0],h=f[1],g=