olive-pathway/dist/olive-pathway.umd.js

Olive learning pathway component - gamification

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("styled-components"),require("@dnd-kit/sortable"),require("@dnd-kit/core"),require("react/jsx-runtime"),require("axios"),require("zustand"),require("zustand/middleware"),require("react-oneui-engine"),require("react-window"),require("react-virtualized-auto-sizer"),require("react-flow-renderer/nocss"),require("react-flow-renderer"),require("dagre"),require("react-tagsinput"),require("react-tagsinput/react-tagsinput.css")):"function"==typeof define&&define.amd?define(["exports","react","styled-components","@dnd-kit/sortable","@dnd-kit/core","react/jsx-runtime","axios","zustand","zustand/middleware","react-oneui-engine","react-window","react-virtualized-auto-sizer","react-flow-renderer/nocss","react-flow-renderer","dagre","react-tagsinput","react-tagsinput/react-tagsinput.css"],n):n((e||self).olivePathway={},e.react,e.styledComponents,e.sortable,e.core,e.jsx,e.axios,e.zustand,e.middleware,e.reactOneuiEngine,e.reactWindow,e.reactVirtualizedAutoSizer,e.ReactFlow,e.reactFlowRenderer,e.dagre,e.reactTagsinput)}(this,function(e,n,t,r,i,a,o,s,l,c,d,u,p,f,m,h){function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,x,y,b,j,w,C,k,S,N,P,I,T,_,A,R,D,M,O,E,L,F,B,V,q,z,H,K,$,Z,U=/*#__PURE__*/g(n),W=/*#__PURE__*/g(t),Y=/*#__PURE__*/g(o),G=/*#__PURE__*/g(s),X=/*#__PURE__*/g(u),J=/*#__PURE__*/g(p),Q=/*#__PURE__*/g(m),ee=/*#__PURE__*/g(h);function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},ne.apply(this,arguments)}function te(e,n){if(null==e)return{};var t,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n.indexOf(t=a[r])>=0||(i[t]=e[t]);return i}function re(e,n){return n||(n=e.slice(0)),e.raw=n,e}var ie=W.default.div(v||(v=re(["\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 ae(e){if(e)return"width: "+e/12*100+"%;"}W.default.div(x||(x=re(["\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"]))),W.default.div(y||(y=re(["\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"]))),W.default.div(b||(b=re(['\n  &::after {\n    content: "";\n    clear: both;\n    display: table;\n  }\n  ',";\n"])),function(e){return oe(e)}),W.default.div(j||(j=re(["\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?ae(n):"width: 100%"},function(e){var n=e.sm;return n&&ae(n)},function(e){var n=e.md;return n&&ae(n)},function(e){var n=e.lg;return n&&ae(n)},function(e){var n=e.xl;return n&&ae(n)});var oe=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    "},se=W.default.header(w||(w=re(["\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"])));W.default.div(C||(C=re(["\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"]))),W.default.input(k||(k=re(["\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"]))),W.default.button(S||(S=re(["\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 le=W.default.button(N||(N=re(["\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"])));W.default.div(P||(P=re(["\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  justify-content: space-between;\n"])));var ce=W.default.div(I||(I=re(["\n  display: flex !important;\n  flex-direction: column !important;\n  height: 100% !important;\n"])));W.default.div(T||(T=re(["\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"]))),W.default.figure(_||(_=re(["\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"]))),W.default.figcaption(A||(A=re(["\n  font-size: 0.875em;\n  color: #6c757d;\n  text-align: center !important;\n"]))),W.default.div(R||(R=re(["\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"]))),W.default.div(D||(D=re(["\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"]))),W.default.div(M||(M=re(["\n  display: flex !important;\n  align-items: center !important;\n"])));var de=W.default.div(O||(O=re(["\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"]))),ue=W.default.div(E||(E=re(["\n  border: 0 !important;\n"]))),pe=W.default.div(L||(L=re(["\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"]))),fe=W.default.div(F||(F=re(["\n  padding: 0;\n"])));W.default.div(B||(B=re(["\n  color: red;\n"]))),W.default.label(V||(V=re(['\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 me=W.default.div(q||(q=re(["\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"])));W.default.div(z||(z=re(["\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 he=W.default.div(H||(H=re(["\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"])));W.default.div(K||(K=re(["\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 ge=W.default.div($||($=re(["\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"]))),ve=W.default.div(Z||(Z=re(['\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 xe(e){var n=i.useSensors(i.useSensor(i.PointerSensor),i.useSensor(i.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates}));/*#__PURE__*/return a.jsx(i.DndContext,{sensors:n,onDragEnd:e.handleDragEnd,collisionDetection:i.closestCenter,children:/*#__PURE__*/a.jsx(r.SortableContext,{items:e.items,strategy:e.verticalSort?r.verticalListSortingStrategy:r.horizontalListSortingStrategy,children:e.children})})}var ye="FETCHING",be="SAVING",je="UPDATING",we="REMOVING",Ce="SORTING",ke="ADD_PATHWAY_NAME_TAGS",Se="EDIT_PATHWAY_NAME_TAGS",Ne="ADD_PATHWAY_SECTION",Pe="ADD_PATHWAY_INFO_RULES",Ie="FLOW_DIAGRAM",Te="ADD_SUB_COMPONENT",_e="ADD_SUB_COMPONENT_INFO_RULE",Ae="CREATE",Re="EDIT",De="C_S",Me="D_C",Oe="C_R",Ee="V_C",Le="ADD",Fe="UPDATE",Be="REMOVE",Ve="DRAFT",qe="PUBLISHED",ze=["pdf","png","jpg","doc","docx"],He="ACCOLADES",Ke="RECOMMENDATIONS",$e="EVENT",Ze="BADGE",Ue="REPUTATION_POINT",We=["C_S","V_C","C_R",Ze],Ye=["J_B","E_V","C_S"],Ge={code:"INTERNAL_ERROR",message:"Something went wrong. Please check your internet connection or contact our support.",status:503,data:{}},Xe=function(e,n,t,r){return new Promise(function(i,a){Y.default({url:n,method:e,params:"get"===e?t:void 0,data:"get"!==e?t:void 0,headers:r||{}}).then(function(e){return i(e.data)}).catch(function(e){console.log({axiosApiError:e}),a(e.response?e.response.data.error||e.response.data:Ge)})})},Je={get:function(){return Xe.apply(void 0,["get"].concat([].slice.call(arguments)))},post:function(){return Xe.apply(void 0,["post"].concat([].slice.call(arguments)))},put:function(){return Xe.apply(void 0,["put"].concat([].slice.call(arguments)))},patch:function(){return Xe.apply(void 0,["patch"].concat([].slice.call(arguments)))},delete:function(){return Xe.apply(void 0,["delete"].concat([].slice.call(arguments)))}},Qe=[{reward:"",rewardLabel:"",rule:{key:"",value:""}}],en={fileTypes:[],isIssueDateRequired:!1,isExpiryDateRequired:!1,isVerificationRequired:!1},nn={as:"",title:"",key:"",type:"",id:"",preRule:{key:"",value:""},selectedId:"",action:Le},tn={componentType:"",componentKey:"",componentTitle:"",id:"",postRules:Qe,document:en,subComponent:nn};ne({},tn,{title:"",tags:[],operation:Ae,selectedPathwayId:""});var rn=function(e){var n,t=e.key,r=e.returnField;return(n=e.data.find("componentName"===e.searchOn?function(e){return e.component.name===t}:function(e){return e.key===t}))?"component"===r?n.component:"rules"===r?n.component.rules:"key"===r?n.key:n.data:[]},an=function(e){try{return Boolean(new URL(e))}catch(e){return!1}},on=function(e){var n=e.pathway,t=e.selectedComponentId,r={labelKey:"label",valueKey:"value"};if(e.accessComponentsInOrder){var i,a="";null==n||null==(i=n.components)||i.map(function(e){return e._id===t&&(a=e.order+1),e}).find(function(e){if(e.order===a)return r.data=[{label:e.type+" - "+e.title,value:e._id}],e})}else{var o;r.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 r},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}})},ln=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},cn=function(e){var n=e.componentKey,t=e.componentTitle,r=e.document,i="";return n!==De||t&&e.id||(i="Please select section first."),n===Me&&(t||r.fileTypes.length?t?r.fileTypes.length||(i="Please select at least one file type."):i="Please provide document name.":i="Please provide document name and select at least one file type."),i};function dn(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}function un(e){var n=(void 0===e?{}:e).activityId;return{type:"",label:"",value:"",_id:void 0===n?(new Date).getTime()+1:n,subscore:1}}function pn(e){var n=void 0===e?{}:e,t=n.id,r=void 0===t?(new Date).getTime():t,i=n.activityId;return{id:r,title:"",titleId:"",activities:[ne({},un({activityId:void 0===i?(new Date).getTime()+1:i}))]}}function fn(e){var n=e.criteria,t=void 0===n?{}:n,r=e.activities,i=e.dataState,a=e.num;return r.filter(function(e){if(e.type){if(!(t.criteriaId!==Ze&&t.criteriaId!==$e||e.label&&e.value)){var n="";return t.criteriaId===Ze&&(n="rule quantity is"),t.criteriaId===$e&&(n="Both event name and event code are"),i.hasError=!0,i.type="error",i.message=n+" required in "+t.name+" activity",e}return r.filter(function(n){if(n.type===e.type&&!n.label&&!n.value)return n}).length>1?(i.hasError=!0,i.type="error",i.message="Duplicate type without activity"):e[a.toLowerCase()]||(i.hasError=!0,i.type="error",i.message=a+" is required in "+(t.name?t.name+" activity":"all activities")),e}i.hasError=!0,i.type="error",i.message="Please select activity type in all activities"})}var mn={pathway:{},title:"",tags:[],selectedPathwayId:"",id:"",postRules:Qe,componentType:"",componentTitle:"",accessComponentsInOrder:!0,document:en,componentKey:"",selectedComponentId:"",restrictComponent:!1,subComponent:nn,openModal:"",operation:Ae,sectionAction:Le,step:ke},hn=G.default(l.devtools(function(e){return ne({},mn,{clientData:[],clientActivities:[],clientBadgeActivities:[],clientOptions:{},total:0,pathways:[],closeModal:function(n){return e(ne({},n,{id:"",openModal:"",selectedComponentId:"",componentKey:"",componentType:"",componentTitle:"",postRules:Qe,document:en,subComponent:nn}))},gotToTable:function(){return e(ne({},mn))}})})),gn=G.default(l.devtools(function(e){return{type:"",message:"",duration:7e3,closeToast:function(){return e({message:"",type:""})}}}));function vn(){var e=gn(function(e){return e.message}),t=gn(function(e){return e.duration}),r=gn(function(e){return e.closeToast});return n.useEffect(function(){if(Infinity!==t){var e=setTimeout(function(){return r()},t);return function(){e&&clearTimeout(e)}}},[e]),function(e,n){var r=void 0===n?{}:n,i=r.type,a=void 0===i?"error":i,o=r.duration||t;"error"!==a&&(o=3e3),gn.setState({message:e,type:a,duration:o})}}function xn(e,n){try{var t=e()}catch(e){return n(e)}return t&&t.then?t.then(void 0,n):t}function yn(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,r=void 0===t?(new Date).getTime()+2:t,i=n.activityId;return{name:"",criteriaId:"",_id:r,activities:[ne({},yn({activityId:void 0===i?(new Date).getTime()+3:i}))]}}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 wn(e){var t,r=void 0===e?{}:e,i=r.onSave,a=r.onDelete,o=r.closeModal,s=r.initialData,l=r.disableInit,c=r.lastHierarchyBadge,d=hn(function(e){return e.clientBadgeActivities}),u=(null==d||null==(t=d.data)?void 0:t.find(function(e){return e.id===Ue}))||{},p=u.name,f=vn(),m=n.useState({loader:"",badge:l?{}:x({initialData:s})}),h=m[0],g=m[1],v=n.useRef();function x(e){var n=(void 0===e?{}:e).initialData;if(null!=n&&n._id){var t=ne({},n),r=t.criteria.find(function(e){return e.criteriaId===Ue});return r||t.criteria.push(ne({},b({id:(new Date).getTime()}))),t}return ne({},y())}function y(e){var n=(void 0===e?{}:e).id,t=void 0===n?(new Date).getTime()+1:n;return{_id:t,title:"",icon:"",defaultValue:"",criteria:[ne({},b({id:t})),ne({},bn())]}}function b(e){var n=e.id;return{_id:n+5,name:p,criteriaId:Ue,activities:[{_id:n+6,type:Ue,label:Ue,value:"",quantity:1,manualClaim:!0}]}}n.useEffect(function(){l||g(function(e){return ne({},e,{badges:[],totalBadges:0,badge:x({initialData:s})})})},[null==s?void 0:s._id]),n.useEffect(function(){if(!l)return function(){clearTimeout(v.current)}},[]);var j=function(e){var n=e.urlData,t=e.apiMethod,r=e.messageData,a=e.criteriaData,o=e.activityData;try{var s=function(){f(d,{type:c,duration:5e3})},l=n,c="success",d=r,u={hasError:!1,message:d,type:c};if(!h.badge.title)return d="Title is required",Promise.resolve(f(d,{type:"error"}));if(!h.badge.icon)return d="Icon is required",Promise.resolve(f(d,{type:"error"}));if(!h.badge.defaultValue)return d="Default value is required",Promise.resolve(f(d,{type:"error"}));var m={badge:{title:h.badge.title,icon:h.badge.icon,defaultValue:h.badge.defaultValue,criteria:h.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(a&&24===e._id.length&&(n._id=e._id),!n.activities.length)return u={hasError:!0,type:"error",message:"Activitiy Type contents are required in all activities"};if(e.criteriaId===Ue){var t=n.activities.find(function(e){return e.type===Ue&&e.label&&e.value&&e.quantity});if(!t)return u={hasError:!0,type:"error",message:p+" is required"};if(t.quantity>1)return u={hasError:!0,type:"error",message:"Badge quantity on "+p+" must be 1"};if(h.badge.defaultValue<t.value)return u={hasError:!0,type:"error",message:"Badge default value must be greater than or equals to "+p+" value"}}return n.activities=fn({activities:n.activities,dataState:u,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 o&&24===e._id.length&&(n._id=e._id),n}),n})}};if(!m.badge.criteria.length)return Promise.resolve(f("Please select activity"));if(u.hasError)return Promise.resolve(f(u.message,{type:u.type}));if(!m.badge.criteria.find(function(e){return e.criteriaId===Ue}))return Promise.resolve(f(p+" activity is required"));if(h.loader===be)return Promise.resolve();g(function(e){return ne({},e,{loader:be})});var y=xn(function(){return Promise.resolve(Je[t](l,m)).then(function(){v.current=setTimeout(function(){g(function(e){return ne({},e,{loader:"",badge:ne({},x())})}),i()},1e3)})},function(e){var n=e.message||e;console.log({error:n}),c="error",d="object"==typeof n?JSON.stringify(n):n,g(function(e){return ne({},e,{loader:""})})});return Promise.resolve(y&&y.then?y.then(s):s())}catch(e){return Promise.reject(e)}};return{addBadge:function(e){var n=e.e,t=e.singleCriteriaId,r=e.singleActivityId;gn.setState({message:""});var i=n.target.value,a=n.target.name,o=ne({},h.badge);if("title"===a)o.title=i;else if("badgeIcon"===a)o.icon=i;else if("badgeDefaultValue"===a){var s=Math.abs(i);""===n.target.value&&(s=""),o.defaultValue=s}else if("criteriaActivity"===a){if(h.badge.criteria.find(function(e){var n;return(null==(n=e.criteriaId)?void 0:n.toString())===i}))return f("Already selected Activity");var l=d.data.find(function(e){return e.id===i}),u=l.name,p=l.type;o.criteria=h.badge.criteria.map(function(e){return e._id===t?i===Ze?(null!=c&&c._id||function(e){var n=e.badge,t=e.singleCriteriaId;try{var r="/badges/v1/last-hierarchy";if(n.hierarchy&&(r=r+"?hierarchy="+n.hierarchy),h.loader===ye)return Promise.resolve();g(function(e){return ne({},e,{loader:ye})});var i=xn(function(){return Promise.resolve(Je.get(r)).then(function(e){n.criteria=n.criteria.map(function(n){return n._id===t&&n.criteriaId===Ze?ne({},n,{activities:[ne({},n.activities[0],{type:e.data._id,label:e.data.title})]}):n}),g(function(e){return ne({},e,{loader:"",badge:n})})})},function(e){console.log({error:e.message||e}),g(function(e){return ne({},e,{loader:""})})});Promise.resolve(i&&i.then?i.then(function(){}):void 0)}catch(e){return Promise.reject(e)}}({badge:o,singleCriteriaId:t}),ne({},e,{name:u,criteriaId:i,activities:[ne({},yn({activityId:(new Date).getTime()+1}),{value:"1",manualClaim:!0,type:null==c?void 0:c._id,label:null==c?void 0:c.title})]})):ne({},e,{name:u,criteriaId:i,activities:[ne({},yn({activityId:(new Date).getTime()+1}),{type:p})]}):e})}else if("activityLabel"===a){if(h.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())===i.value.toString()})}))return f("Already selected activity and activity content");o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===r?ne({},e,{label:i.label,value:i.value}):e});return ne({},e,{activities:n})}return e})}else if("quantity"===a)i=Math.abs(i),""===n.target.value&&(i=""),o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===r?ne({},e,{quantity:i}):e});return ne({},e,{activities:n})}return e});else if("reputationPointValue"===a){var m=Math.abs(i);""===n.target.value&&(m=""),o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===r?ne({},e,{type:Ue,label:Ue,value:m.toString()}):e});return ne({},e,{activities:n})}return e})}else if("badgeValueQuantity"===a)""===n.target.value&&(i=""),o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===r?ne({},e,{value:i}):e});return ne({},e,{activities:n})}return e});else if("manualClaim"===a)o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var i=e.activities.map(function(e){return e._id===r?ne({},e,{manualClaim:n.target.checked}):e});return ne({},e,{activities:i})}return e});else if("normalActivityLabel"===a){var v=h.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())===i})});if(v)return f(v.name+" activity name already exists");o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===r?ne({},e,{label:i,manualClaim:!0}):e});return ne({},e,{activities:n})}return e})}else if("normalActivityValue"===a){var x=h.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())===i})});if(x)return f(x.name+" activity value already exists");o.criteria=h.badge.criteria.map(function(e){if(e._id===t){var n=e.activities.map(function(e){return e._id===r?ne({},e,{value:i}):e});return ne({},e,{activities:n})}return e})}g(function(e){return ne({},e,{badge:o})})},saveBadge:function(){j({urlData:"/badges/v1",messageData:"Successfully saved badge.",apiMethod:"post"})},getBadges:function(e){try{g(function(e){return ne({},e,{loader:ye})});var n=e.pageNumber,t=e.pageSize,r=e.searchText,i=void 0===r?"":r,a="/badges/v1?pageNumber="+(void 0===n?1:n)+"&pageSize="+(void 0===t?20:t);return i&&(a=a+"&title="+i),e.basicFields&&(a+="&basicFields=true"),Promise.resolve(Je.get(a)).then(function(e){g(function(n){return ne({},n,{loader:"",badges:e.data,totalBadges:e.total})})})}catch(e){return Promise.reject(e)}},badgeIcons:jn,updateState:function(e){g(function(n){return ne({},n,e)})},deleteBadge:function(e){try{var n=function(){f(r,{type:i})},t="/badges/v1/"+e,r="Successfully deleted Badge",i="success";if(!e)return r="Please select badge to delete",Promise.resolve(f(r,{type:"error"}));if(h.loader===we)return Promise.resolve();g(function(e){return ne({},e,{loader:we})});var o=xn(function(){return Promise.resolve(Je.delete(t)).then(function(){v.current=setTimeout(function(){g(function(e){return ne({},e,{loader:""})}),a()},1e3)})},function(e){var n=e.message||e;console.log({error:n}),i="error",r="object"==typeof n?JSON.stringify(n):n,g(function(e){return ne({},e,{loader:""})})});return Promise.resolve(o&&o.then?o.then(n):n())}catch(e){return Promise.reject(e)}},updateBadge:function(){j({urlData:"/badges/v1/"+h.badge._id,messageData:"Successfully updated Badge",apiMethod:"patch",criteriaData:"_id",activityData:"_id"})},handleClose:function(){g(function(e){return ne({},e,{loader:"",badge:ne({},y())})}),o("")},addActivity:function(e){var n=h.badge.criteria.find(function(n){return n._id===e&&n.activities.find(function(e){return!e.type||!e.quantity})});if(!n){var t=h.badge.criteria.map(function(n){return n._id===e?ne({},n,{activities:[].concat(n.activities,[ne({},yn({activityId:(new Date).getTime()+1}),{type:n.activities[0].type})])}):n});return g(function(e){return ne({},e,{badge:ne({},e.badge,{criteria:t})})})}f("Please select activity type and quantity")},removeActivity:function(e){var n=e.criteriaId,t=e.activityId,r=h.badge.criteria.map(function(e){if(e._id===n){var r=e.activities.filter(function(e){return e._id!==t});return ne({},e,{activities:[].concat(r)})}return e});g(function(e){return ne({},e,{badge:ne({},e.badge,{criteria:r})})})},removeCriteria:function(e){var n=e.criteriaId,t=h.badge.criteria.filter(function(e){return e._id!==n});g(function(e){return ne({},e,{badge:ne({},e.badge,{criteria:t})})})},getActivityType:function(e){var n;return null==(n=d.activityTypes)?void 0:n.find(function(n){return n.type===e})},addNextCriteria:function(){if(!h.badge.criteria.find(function(e){return!e.name||!e.activities.find(function(e){return e.type})}))return g(function(e){return ne({},e,{badge:ne({},e.badge,{criteria:[].concat(e.badge.criteria,[ne({},bn({criteriaId:(new Date).getTime(),activityId:(new Date).getTime()+1}))])})})});f("Please select activity and type")},updateBadgeHierarchy:function(e){var n=e.fromIndex,t=e.toIndex,r=e.fromId;try{var i=function(){f(o,{type:s})},o="Hierarchy successfully updated",s="success";if(!n||!t||!r)return o="Please sort the badge first",Promise.resolve(f(o,{type:"error"}));var l={from:n,to:t,fromId:r};if(h.loader===Ce)return Promise.resolve();g(function(e){return ne({},e,{loader:Ce})});var c=xn(function(){return Promise.resolve(Je.patch("/badges/v1/update-hierarchy",l)).then(function(){v.current=setTimeout(function(){g(function(e){return ne({},e,{loader:""})}),a()},1e3)})},function(e){var n=e.message||e;console.log({error:n}),s="error",o="object"==typeof n?JSON.stringify(n):n,g(function(e){return ne({},e,{loader:""})}),v.current=setTimeout(function(){a()},1e3)});return Promise.resolve(c&&c.then?c.then(i):i())}catch(e){return Promise.reject(e)}},badge:h.badge,loader:h.loader,badges:h.badges,clientBadgeActivities:d,totalBadges:h.totalBadges}}function Cn(e){var n=e.handleDelete,t=e.handleClose,r=e.loader;/*#__PURE__*/return a.jsxs(c.Modal,{centered:!0,keyboard:!1,show:!!e.showModal,backdrop:"static",contentClassName:"myc-modal-content",children:[/*#__PURE__*/a.jsx(c.Modal.Body,{children:/*#__PURE__*/a.jsx("figure",{className:"gmf-figure",children:e.children})}),/*#__PURE__*/a.jsxs(c.Modal.Footer,{children:[/*#__PURE__*/a.jsx(c.Button,{variant:"primary",onClick:n,children:r===we?/*#__PURE__*/a.jsxs(a.Fragment,{children:[/*#__PURE__*/a.jsx("span",{role:"status","aria-hidden":"true",className:"oneui-spinner-border oneui-spinner-border-vsm oneui-me-1"}),/*#__PURE__*/a.jsx("span",{children:"Deleting"})]}):"Yes"}),/*#__PURE__*/a.jsx(c.Button,{variant:"glitter",onClick:t,children:"No"})]})]})}const kn=/*#__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[kn.Translate.toString(e),kn.Scale.toString(e)].join(" ")}},Transition:{toString:({property:e,duration:n,easing:t})=>`${e} ${n}ms ${t}`}});function Sn(e){var n=e.children,t=e.trigger;/*#__PURE__*/return a.jsx(c.OverlayTrigger,{trigger:void 0===t?["hover","focus"]:t,placement:"top",rootClose:!0,overlay:/*#__PURE__*/a.jsx(c.Popover,{children:/*#__PURE__*/a.jsx(c.Popover.Body,{className:"oneui-p-2",children:e.message||/*#__PURE__*/a.jsxs(a.Fragment,{children:["This activity is either deleted or disabled from the client."," ",/*#__PURE__*/a.jsx("br",{})," Please try again or contact our support. You can edit and change the activity."]})})}),children:n})}function Nn(e){var n=void 0===e?{}:e,t=n.width,r=n.height;/*#__PURE__*/return a.jsxs("svg",{width:void 0===t?"20":t,height:void 0===r?"21":r,viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg",children:[/*#__PURE__*/a.jsx("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__*/a.jsx("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 Pn(e){var n=void 0===e?{}:e,t=n.width,r=n.height;/*#__PURE__*/return a.jsxs("svg",{width:void 0===t?"20":t,height:void 0===r?"21":r,viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg",children:[/*#__PURE__*/a.jsx("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__*/a.jsx("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__*/a.jsx("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 In(e){var t=e.badge,i=e.openDeleteModal,o=e.handleBadgeEdit,s=n.useState(!1),l=s[0],d=s[1],u=hn(function(e){return e.clientBadgeActivities}),p=r.useSortable({id:t._id}),f=p.attributes,m=p.listeners,h=p.setNodeRef,g={transition:p.transition,position:"relative",transform:kn.Transform.toString(p.transform)},v=function(e){return u.data.find(function(n){return n.id===e})},x=function(){var e=!1;return t.criteria.map(function(n){u.data.find(function(e){return e.id===n.criteriaId})||(e=!0)}),e};/*#__PURE__*/return a.jsx("div",{ref:h,style:g,className:"oneui-my-3",children:/*#__PURE__*/a.jsx(Sn,{trigger:x()&&!l?["hover","focus"]:"Do_not_show",message:/*#__PURE__*/a.jsxs(a.Fragment,{children:["One or more activities are either deleted or disabled from the client. ",/*#__PURE__*/a.jsx("br",{})," Please expand this badge and find the that activity."]}),children:/*#__PURE__*/a.jsx(c.Accordion,{className:x()?"gamification-accordion-activity-disabled":"",children:/*#__PURE__*/a.jsxs(c.Accordion.Item,{eventKey:t._id,children:[/*#__PURE__*/a.jsxs(c.Accordion.Header,{onClick:function(){return d(!1)},children:[/*#__PURE__*/a.jsx(ge,ne({style:{}},f,m)),/*#__PURE__*/a.jsx("span",{className:"oneui-step-circle oneui-me-2",children:t.hierarchy}),t.title,t.icon?/*#__PURE__*/a.jsx("span",{className:"oneui-position-absolute oneui-end-50",children:/*#__PURE__*/a.jsx("img",{width:40,height:40,src:t.icon,alt:"badge-icon",className:"oneui-rounded-circle"})}):null,/*#__PURE__*/a.jsx("span",{className:"oneui-position-absolute oneui-end-0 oneui-me-5 oneui-pe-4",onClick:function(){return i(t)},children:/*#__PURE__*/a.jsx(Pn,{})}),/*#__PURE__*/a.jsx("span",{className:"oneui-position-absolute oneui-end-0 oneui-me-5",onClick:function(){return o(t)},children:/*#__PURE__*/a.jsx(Nn,{})})]}),/*#__PURE__*/a.jsx(c.Accordion.Body,{children:/*#__PURE__*/a.jsx(c.ListGroup,{as:"ul",children:t.criteria.map(function(e){/*#__PURE__*/return a.jsx(Sn,{trigger:v(e.criteriaId)?"Do_not_show":["hover","focus"],children:/*#__PURE__*/a.jsxs(c.ListGroup.Item,{as:"li",className:v(e.criteriaId)?"":"gamification-activity-disabled",onMouseOver:function(){return d(!0)},onFocus:function(){return d(!0)},children:[/*#__PURE__*/a.jsxs("div",{children:[/*#__PURE__*/a.jsx("span",{className:"oneui-fw-bold",children:"Activity"})," :"," ",e.name]}),e.activities.map(function(n){/*#__PURE__*/return a.jsxs("div",{children:[/*#__PURE__*/a.jsxs("span",{className:"oneui-px-2 oneui-mx-2 oneui-border-end oneui-border-2",children:[/*#__PURE__*/a.jsx("span",{className:"oneui-fw-bold",children:"Type"})," :"," ",e.criteriaId===Ze?n.label:n.type]}),[Ue,Ze].includes(e.criteriaId)?/*#__PURE__*/a.jsxs("span",{className:"oneui-pe-2 oneui-me-2 oneui-border-end oneui-border-2",children:[/*#__PURE__*/a.jsx("span",{className:"oneui-fw-bold",children:"Value"}),":"," ",n.value]}):n.label?/*#__PURE__*/a.jsxs("span",{className:"oneui-pe-2 oneui-me-2 oneui-border-end oneui-border-2",children:[/*#__PURE__*/a.jsx("span",{className:"oneui-fw-bold",children:"Type Content"}),": ",n.label]}):null,/*#__PURE__*/a.jsx("span",{className:"oneui-fw-bold",children:"Badge Quantity"}),":"," ",n.quantity]},n._id)})]})},e._id)})})})]})})})})}function Tn(e){var n=e.tableManager,t=n.paginationApi,r=t.totalPages,i=t.page,o=t.setPage,s=t.pageSize,l=t.setPageSize,d=i<=1,u=i>=r;/*#__PURE__*/return a.jsx("div",{className:"rgt-footer myc-gamification-rgt-footer oneui-mx-4",children:/*#__PURE__*/a.jsxs("div",{className:"rgt-footer-right-container myc-gamification-rgt-footer-right-container",children:[n.config.showRowsInformation?/*#__PURE__*/a.jsxs("div",{className:"rgt-footer-page-size",children:[/*#__PURE__*/a.jsx("span",{className:"oneui-text-muted oneui-fs-4 oneui-d-flex oneui-align-items-center",children:"Rows per page"}),/*#__PURE__*/a.jsx("