https://www.elevolt.co.ke/_next/static/chunks/4043-c5ef231326bb458b.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f68fa283-531e-46bc-9172-597f64b34db1",e._sentryDebugIdIdentifier="sentry-dbid-f68fa283-531e-46bc-9172-597f64b34db1")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4043],{63798:function(e,t,n){n.d(t,{P:function(){return c}});var a=n(52322),r=n(12524),s=n.n(r),l=n(13980),i=n.n(l);n(2784);let{parseUnderScore:o}=n(77590),c=e=>{let{name:t,error:n,label:r,description:l,options:i,onChange:c,selected:u,required:d=!1,defaultOption:g,...p}=e,m=s()("block","tracking-wide","text-sm","font-medium","mb-2",{"text-gray-700":!n},{"text-red-400":n}),x=s()("block appearance-none w-full bg-blue-50 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500 capitalize",{border:n},{"border-red-400":n}),y=e=>"object"==typeof e&&null!==e?e.label||e.value||"":"string"!=typeof e?String(e):e.replace(/_/g," ").replace(/-/g," ");return(0,a.jsxs)(a.Fragment,{children:[r?(0,a.jsxs)("label",{className:m,htmlFor:t,children:[r,d?(0,a.jsx)("span",{className:"text-red-400 text-xs ml-1",children:"*"}):null]}):null,(0,a.jsx)("div",{className:"flex relative w-full",children:(0,a.jsxs)("select",{className:x,id:t,name:t,onChange:c,value:null!=u?u:"",...p,children:[(0,a.jsx)("option",{value:"",children:g||"Select ".concat(o(t))}),null==i?void 0:i.map((e,t)=>{let n="object"==typeof e&&null!==e?e.value:"string"==typeof e?e.toLowerCase():e;return(0,a.jsx)("option",{value:n,children:y(e)},"option-".concat(t))})]})}),l?(0,a.jsx)("span",{className:"text-gray-500 text-sm mt-1 block",children:l}):null,n?(0,a.jsx)("span",{className:"text-red-400 text-xs",children:n}):null]})};c.propTypes={label:i().string,name:i().string.isRequired,options:i().array.isRequired,selected:i().string,error:i().string,onChange:i().func.isRequired,required:i().bool,defaultOption:i().string}},78690:function(e,t,n){var a=n(2784);t.Z=function(e,t){let[n,r]=(0,a.useState)(e);return(0,a.useEffect)(()=>{let n=setTimeout(()=>{r(e)},t);return()=>{clearTimeout(n)}},[e,t]),n}},22319:function(e,t,n){n.d(t,{Au:function(){return p},J5:function(){return b},MN:function(){return x},et:function(){return g},iy:function(){return f},mB:function(){return y},pf:function(){return h},r3:function(){return v},tk:function(){return m}});var a=n(59820),r=n(78298),s=n(14010),l=n(87686),i=n(60418),o=n(47477),c=n(82036),u=n(84475);let d=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"".concat(c.JW,"tenant/").concat((0,o.d_)(),"/").concat(e)},g=function(){let{category:e,status:t,enabled:n=!0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.a)({queryKey:["signatureTemplates",e,t],placeholderData:r.Wk,queryFn:async()=>{var n;let a=new URLSearchParams;e&&a.append("category",e),t&&a.append("status",t);let r=a.toString();return(null===(n=(await i.Z.get(d(r?"signature-templates?".concat(r):"signature-templates"),{headers:(0,u.g0)({realm:"hr"})})).data)||void 0===n?void 0:n.data)||[]},enabled:n&&(0,o.Xu)()})},p=e=>{let{templateId:t,enabled:n=!0}=e;return(0,a.a)({queryKey:["signatureTemplate",t],queryFn:async()=>{var e;return null===(e=(await i.Z.get(d("signature-templates/".concat(t)),{headers:(0,u.g0)({realm:"hr"})})).data)||void 0===e?void 0:e.data},enabled:!!t&&n&&(0,o.Xu)()})},m=function(){let{enabled:e=!0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.a)({queryKey:["signatureTemplateCategories"],queryFn:async()=>{var e;return(null===(e=(await i.Z.get(d("signature-templates/categories"),{headers:(0,u.g0)({realm:"hr"})})).data)||void 0===e?void 0:e.data)||[]},enabled:e&&(0,o.Xu)()})},x=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,s.NL)();return(0,l.D)({mutationFn:async e=>(await i.Z.post(d("signature-templates"),e,{headers:(0,u.g0)({realm:"hr"})})).data,onSuccess:(n,a)=>{t.invalidateQueries({queryKey:["signatureTemplates"]}),e.onSuccess&&e.onSuccess(n,a)},...e})},y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,s.NL)();return(0,l.D)({mutationFn:async e=>{let{templateId:t,data:n}=e;return(await i.Z.put(d("signature-templates/".concat(t)),n,{headers:(0,u.g0)({realm:"hr"})})).data},onSuccess:(n,a)=>{t.setQueryData(["signatureTemplate",a.templateId],n.data),t.invalidateQueries({queryKey:["signatureTemplates"]}),e.onSuccess&&e.onSuccess(n,a)},...e})},f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,s.NL)();return(0,l.D)({mutationFn:async e=>{let{templateId:t}=e;

1return(await i.Z.delete(d("signature-templates/".concat(t)),{headers:(0,u.g0)({realm:"hr"})})).data},onSuccess:(n,a)=>{t.removeQueries(["signatureTemplate",a.templateId]),t.invalidateQueries({queryKey:["signatureTemplates"]}),e.onSuccess&&e.onSuccess(n,a)},...e})},h=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,s.NL)();return(0,l.D)({mutationFn:async e=>{let{templateId:t}=e;return(await i.Z.post(d("signature-templates/".concat(t,"/duplicate")),{},{headers:(0,u.g0)({realm:"hr"})})).data},onSuccess:(n,a)=>{t.invalidateQueries({queryKey:["signatureTemplates"]}),e.onSuccess&&e.onSuccess(n,a)},...e})},b=e=>{let{templateId:t,enabled:n=!0}=e;return(0,a.a)({queryKey:["templatePageInfo",t],queryFn:async()=>{var e;return null===(e=(await i.Z.get(d("signature-templates/".concat(t,"/page-info")),{headers:(0,u.g0)({realm:"hr"})})).data)||void 0===e?void 0:e.data},enabled:!!t&&n&&(0,o.Xu)(),staleTime:15e5})},v=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,s.NL)();return(0,l.D)({mutationFn:async e=>{let{templateId:t,fields:n}=e;return(await i.Z.put(d("signature-templates/".concat(t,"/fields")),{signature_fields:n},{headers:{...(0,u.g0)({realm:"hr"}),"Content-Type":"application/json"}})).data},onSuccess:(n,a)=>{t.setQueryData(["signatureTemplate",a.templateId],e=>{var t;return e?{...e,signature_fields:(null===(t=n.data)||void 0===t?void 0:t.signature_fields)||a.fields}:n.data}),t.invalidateQueries({queryKey:["signatureTemplates"]}),t.invalidateQueries({queryKey:["templatePageInfo",a.templateId]}),e.onSuccess&&e.onSuccess(n,a)},...e})}},75588:function(e,t,n){var a=n(52322),r=n(13980),s=n.n(r);n(2784);var l=n(16049),i=n(76467);let o=e=>{let{tenantName:t,breadcrumbs:n,title:r,description:s,actions:o,titleProps:c,fullWidth:u=!0}=e;return(0,a.jsxs)("div",{className:u?"w-full":"container mx-auto px-4 md:px-8 lg:px-12",children:[(0,a.jsx)("div",{children:(0,a.jsx)(l.Z,{home:"/hr/".concat(t,"/"),links:n})}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 py-4",children:[(0,a.jsxs)("div",{...c,children:[(0,a.jsx)(i.Z,{variant:"heading1",children:r}),!!s&&(0,a.jsx)(i.Z,{className:"mt-1",variant:"bodySmall",children:s})]}),!!o&&(0,a.jsx)("div",{className:"flex items-center gap-3",children:o})]})]})};o.propTypes={tenantName:s().string.isRequired,breadcrumbs:s().arrayOf(s().shape({href:s().string.isRequired,name:s().string.isRequired,nodeType:s().string})).isRequired,title:s().node.isRequired,description:s().string,actions:s().node,titleProps:s().object,fullWidth:s().bool},t.Z=o},78090:function(e,t,n){var a=n(52322),r=n(13980),s=n.n(r),l=n(12524),i=n.n(l),o=n(2369),c=n(92942),u=n(2784),d=n(60315),g=n(82781);let p={active:{color:"green",label:"Active"},archived:{color:"gray",label:"Archived"},draft:{color:"yellow",label:"Draft"}},m={green:"bg-green-100 text-green-800",gray:"bg-gray-100 text-gray-800",yellow:"bg-yellow-100 text-yellow-800"},x=e=>{let{template:t,onEdit:n,onPreview:r,onDuplicate:s,onDelete:l,className:x}=e,[y,f]=(0,u.useState)(!1),h=p[t.status]||p.draft,b=m[h.color],v=t.signature_fields||[],j=(0,g.HP)(v),w=v.length,N=v.some(e=>"signature"===e.field_type),q=w>0&&N,_=e=>n=>{n.stopPropagation(),f(!1),e&&e(t)};return(0,a.jsxs)("div",{className:i()("bg-white border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow cursor-pointer",x),onClick:_(n),onKeyDown:e=>{"Enter"===e.key&&_(n)(e)},role:"button",tabIndex:0,children:[(0,a.jsxs)("div",{className:"flex items-start justify-between mb-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center",children:(0,a.jsx)(c.FontAwesomeIcon,{className:"text-blue-500 text-lg",icon:o.cwv})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"font-semibold text-gray-900 line-clamp-1",children:t.name}),!!t.category&&(0,a.jsx)("span",{className:"text-xs text-gray-500",children:t.category})]})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("button",{"aria-label":"Template actions",className:"p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-full",onClick:e=>{e.stopPropagation(),f(e=>!e)},type:"button",children:(0,a.jsx)(c.FontAwesomeIcon,{icon:o.iV1})}),!!y&&(0,a.jsxs)("div",{className:"absolute right-0 top-full mt-1 w-40 bg-white border border-gray-200 rounded-lg shadow-lg z-10",children:[!!r&&(0,a.jsxs)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2",onClick:_(r),type:"button",children:[(0,a.jsx)(c.FontAwesomeIcon,{className:"text-gray-400",icon:o.Mdf}),"Preview"]}),!!n&&(0,a.jsxs)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2",onClick:_(n),type:"button",children:[(0,a.jsx)(c.FontAwesomeIcon,{className:"text-gray-400",icon:o.Xcf}),"Edit"]}),!!s&&(0,a.jsxs)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2",onClick:_(s),type:"button",children:[(0,a.jsx)(c.FontAwesomeIcon,{className:"text-gray-400",icon:o.kZ_}),"Duplicate"]}),!!l&&(0,a.jsxs)("button",{className:"w-full px-4 py-2 text-left text-sm text-red-600 hover:bg-red-50 flex items-center gap-2",onClick:_(l),type:"button",children:[(0,a.jsx)(c.FontAwesomeIcon,{className:"text-red-400",icon:o.$aW}),"Delete"]})]})]})]}),!!t.description&&(0,a.jsx)("p",{className:"text-sm text-gray-500 mb-3 line-clamp-2",children:t.description}),!!(!q&&"active"===t.status)&&(0,a.jsxs)("div",{className:"flex items-center gap-2 p-2 mb-3 bg-amber-50 border border-amber-200 rounded text-amber-700 text-xs",children:[(0,a.jsx)(c.FontAwesomeIcon,{icon:o.eHv}),(0,a.jsx)("span",{children:"No signature fields - cannot be used for requests"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2 mb-3",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs px-2 py-1 bg-gray-100 text-gray-600 rounded",children:[(0,a.jsx)(c.FontAwesomeIcon,{icon:o.IwR,size:"xs"}),w," field",1!==w?"s":""]}),!!t.page_count&&(0,a.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs px-2 py-1 bg-gray-100 text-gray-600 rounded",children:[(0,a.jsx)(c.FontAwesomeIcon,{icon:o.cwv,size:"xs"}),t.page_count," page",1!==t.page_count?"s":""]}),j.length>0&&(0,a.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs px-2 py-1 bg-gray-100 text-gray-600 rounded",children:[(0,a.jsx)(c.FontAwesomeIcon,{icon:o.Ps7,size:"xs"}),j.length," role",1!==j.length?"s":""]})]}),j.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap gap-1 mb-3",children:[j.slice(0,3).map(e=>(0,a.jsx)("span",{className:"text-xs px-1.5 py-0.5 rounded capitalize",style:{backgroundColor:"".concat((0,g.h6)(j,e),"20"),color:(0,g.h6)(j,e)},children:e},e)),j.length>3&&(0,a.jsxs)("span",{className:"text-xs px-1.5 py-0.5 bg-gray-100 text-gray-500 rounded",children:["+",j.length-3," more"]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between pt-3 border-t border-gray-100",children:[(0,a.jsx)("span",{className:i()("text-xs px-2 py-0.5 rounded-full font-medium",b),children:h.label}),(0,a.jsxs)("span",{className:"text-xs text-gray-400",children:["Updated ",(e=>{if(!e)return"N/A";try{return(0,d.default)(new Date(e),"MMM d, yyyy")}catch(e){return"N/A"}})(t.updated_at)]})]})]})};

1x.propTypes={template:s().shape({id:s().oneOfType([s().string,s().number]).isRequired,stid:s().string,name:s().string.isRequired,description:s().string,category:s().string,status:s().oneOf(["active","archived","draft"]),signature_fields:s().arrayOf(s().shape({field_type:s().string,signer_role:s().string})),page_count:s().number,created_at:s().string,updated_at:s().string}).isRequired,onEdit:s().func,onPreview:s().func,onDuplicate:s().func,onDelete:s().func,className:s().string},t.Z=x}}]);