@lax-wp/design-system 0.13.35 → 0.13.36

package/dist/components/forms/date-time-field/DateTimeField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),W=require("antd"),C=require("../../../_virtual/index.cjs.js"),qe=require("react-i18next"),o=require("dayjs"),Ve=require("dayjs/plugin/customParseFormat"),Re=require("dayjs/plugin/localeData"),Be=require("dayjs/plugin/utc"),Le=require("dayjs/plugin/weekday"),s=require("react"),Ne=require("../../data-display/typography/Typography.cjs.js"),Oe=require("../../data-display/label/Label.cjs.js"),Pe=require("../../icons/AIExtractedIndicator.cjs.js"),_e=require("../../icons/AIStarIcon.cjs.js"),Te=require("../../icons/HelpIcon.cjs.js"),ie=require("../../tooltip/Tooltip.cjs.js"),ue=require("@mui/icons-material"),we=require("../shared/InputLabel.cjs.js"),b=require("../../../utils/confidenceScoreUtils.cjs.js");o.extend(Be);o.extend(Ve);o.extend(Le);o.extend(Re);const pe="MM/DD/YYYY",j="MM/DD/YYYY - hh:mm A",de="YYYY-MM-DD",me="YYYY-MM-DDTHH:mm:ss",fe={ENTER:"Enter"},De=["MM/DD/YYYY","M/DD/YYYY","MM/D/YYYY","M/D/YYYY","MM/DD/YY","M/DD/YY","MM/D/YY","M/D/YY","YYYY-MM-DD","YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],Ue=["MM/DD/YYYY - hh:mm A","M/DD/YYYY - hh:mm A","MM/D/YYYY - hh:mm A","M/D/YYYY - hh:mm A","MM/DD/YYYY hh:mm A","M/DD/YYYY hh:mm A","MM/D/YYYY hh:mm A","M/D/YYYY hh:mm A","MM/DD/YYYY HH:mm","M/DD/YYYY HH:mm","MM/D/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YY - hh:mm A","M/DD/YY - hh:mm A","MM/D/YY - hh:mm A","M/D/YY - hh:mm A","MM/DD/YY hh:mm A","M/DD/YY hh:mm A","MM/D/YY hh:mm A","M/D/YY hh:mm A","MM/DD/YY HH:mm","M/DD/YY HH:mm","MM/D/YY HH:mm","M/D/YY HH:mm",...De,"YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],$e=()=>Math.random().toString(36).substring(2,9),y=(u,d=!1)=>{if(!u)return null;const f=d?Ue:De;for(const Y of f){const x=o(u,Y,!0);if(x.isValid())return x}const m=o(u);return m.isValid()?m:null},Ye=(u,d)=>{const f=s.useRef(d);s.useEffect(()=>{f.current=d},[d]),s.useEffect(()=>{const m=Y=>f.current(Y);return document.addEventListener(u,m),()=>{document.removeEventListener(u,m)}},[u])},Me=s.forwardRef(({label:u,value:d,required:f,isRequiredConditional:m=!1,disabled:Y,className:x=void 0,errorMessage:p,handleOnChange:D,showTime:l=!0,tags:he,needConfirm:Ee=!1,simpleMode:be,originalCase:xe=!1,dateFormat:z=void 0,tooltip:X,isAiExtracted:ge=!1,confidenceScore:q,confidenceType:g="high",confidenceTooltip:V,sourceMeta:Se=[],onConfidenceScoreClick:ve,isGTN:R=!1,gtnName:J=null,shouldPopOnParent:ye=!1,allowTimezoneConversion:M=!0,inputStyle:Ae,labelClassName:Fe,isLiveField:Ie=!1,labelExtra:Q,inputEmphasis:B="default",riskDetails:h,isRiskAnalysisOpen:L=!1,RiskDetailsCard:G,onAddGTNToDocument:A,formatDateForGTN:N,...O},ke)=>{const{t:He}=qe.useTranslation(),P=!!(L&&h?.color),ee=B==="modified"&&!p&&!P,te=B==="deleted"&&!p&&!P,ne=B==="success"&&!p&&!P,[F,_]=s.useState(!1),[re,E]=s.useState(null),[se,T]=s.useState(null),[I,le]=s.useState(!1),c=z||(l?j:pe),a=O?.id||`date-picker-${$e()}`,S=s.useRef(null),k=s.useRef(!1);Ye("paste",e=>{document.activeElement?.id===a&&(e.preventDefault(),navigator.clipboard.readText().then(t=>{const r=y(t,l);r&&w(r)}))}),Ye("keydown",e=>{if(e.key===fe.ENTER&&document.activeElement instanceof HTMLInputElement&&document.activeElement.id===a){const t=y(document?.activeElement?.value,l);t&&w(t)}});const Ce=s.useCallback(e=>{if(!A)return;let t=e||"";if(N&&e)t=N(e,{skipTimezone:!0,withTime:l});else if(e){const i=o(e);i.isValid()&&(t=i.format(c))}A({key:J,value:t})},[A,J,N,l,c]),je=s.useCallback(()=>{const e=document.getElementsByClassName("ant-picker-footer")[0];e&&(e.style.display="none")},[]),v=s.useCallback(e=>{if(!M){const t=l?me:de;if(D(e?e.format(t):null),e){const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format?e.format(c):e,type:"date-change",elementId:a}});r.dispatchEvent(i)}}return}if(e){let t;if(l?t=o(e).utc().toISOString():t=o(e).utc().add(o(e).utcOffset(),"minute").startOf("day").toISOString(),t){D(t);const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});r.dispatchEvent(i)}}}else D(null)},[M,D,l,a,c]),oe=s.useCallback(e=>{if(!e)return null;if(!M)try{const t=o(e);if(t.isValid())return t;const r=o(e,c);return r.isValid()?r:null}catch{return null}if(l){const t=o(e);return o(t).isValid()?t:null}else if(e?.toString()?.includes("Z")){const t=o.utc(e);return o(t).isValid()?t:null}else{const t=o(e);return o(t).isValid()?t:null}},[M,c,l]),w=s.useCallback(e=>{if(e?.isValid()||e===null){E(e);const t=l?me:de,r=M?e?.toISOString():e?e.format(t):"";if(D(r||null),e?.isValid()){const i=document.getElementById(a);if(i){const U=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});i.dispatchEvent(U)}}}},[M,c,D,a,l]);s.useEffect(()=>{E(oe(d))},[d,oe]),s.useEffect(()=>{se&&T(null)},[se]),s.useEffect(()=>{const e=document.getElementById(a);if(!e)return;const t=r=>{const{value:i,type:U}=r.detail;if(U==="date-playback"&&i){const H=y(i,l);H&&H.isValid()&&(E(H),v(H),setTimeout(()=>{const $=e.querySelector("input");if($&&($.focus(),setTimeout(()=>{$.blur()},10)),S.current)try{const K=S.current;typeof K.blur=="function"&&K.blur()}catch{}setTimeout(()=>{document.querySelectorAll(".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)").forEach(Z=>{Z instanceof HTMLElement&&(Z.style.display="none",Z.classList.add("ant-picker-dropdown-hidden"))})},50)},50))}};return e.addEventListener("pilot-date-playback",t),()=>{e.removeEventListener("pilot-date-playback",t)}},[a,c,v,l]);const ae=s.useCallback(e=>{if(e.key===fe.ENTER&&!I){e.preventDefault(),e.stopPropagation();const t=e.target.closest("form");if(t){const r=t.querySelector('button[type="submit"]');r?r.click():t.requestSubmit()}}},[I]),ce=s.useCallback(e=>{if(e&&k.current){k.current=!1,le(!1);return}le(e),e||(k.current=!0,requestAnimationFrame(()=>{S.current?.focus(),requestAnimationFrame(()=>{k.current=!1})}))},[]);return be?n.jsx("div",{onKeyDownCapture:ae,children:n.jsx(W.DatePicker,{...O,showTime:l,open:I,format:c,placeholder:c===j?"MM/DD/YYYY hh:mm":c,value:re,needConfirm:!1,onChange:e=>{E(e),v(e),T(e?.toISOString()||null)},className:x,showNow:!1,onFocus:je,onOpenChange:ce,onBlur:e=>{const t=e.target.value;if(t){const r=y(t,l);r&&w(r)}},ref:S,disabled:Y,id:a})}):n.jsxs("div",{ref:ke,className:C("flex gap-0.5 relative",F&&R?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[R&&!F?n.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,n.jsxs("div",{className:`w-full flex flex-col font-inter ${x||""}`,onKeyDownCapture:ae,children:[u||Q?n.jsx("label",{className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${xe?"":"capitalize"} ${Fe||""}`,children:n.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[n.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[(u||f||m)&&n.jsx(we.InputLabel,{label:u||"",required:f||!1,isRequiredConditional:m||!1}),Ie&&n.jsx(ue.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),ge&&!b.shouldShowConfidenceScore(q)&&n.jsx(Pe.AIExtractedIndicator,{}),n.jsx(Oe.Label,{labels:he}),X&&n.jsx(ie,{placement:"top",title:X,children:n.jsx("div",{className:"cursor-pointer",children:n.jsx(Te.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),Q]}),n.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[b.shouldShowConfidenceScore(q)&&g?n.jsx(ie,{placement:"top-end",title:V??"",hideTooltip:V==null,className:"cursor-pointer",children:n.jsxs("div",{className:C("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",b.getConfidenceScoreBadgeClass(g)),onClick:()=>ve?.(Se),children:[n.jsx(_e.AIStarIcon,{size:12,fill:b.getConfidenceScoreBadgeColor(g),fillSecondary:b.getConfidenceScoreBadgeFill(g)}),n.jsxs("span",{className:C("text-xs font-medium leading-4",b.getConfidenceScoreBadgeTextColor(g)),children:[q,"%"]})]})}):null,R&&F&&A?n.jsx("button",{id:"btn-date-field-add-to-document",className:"cursor-pointer",onClick:()=>Ce(d),type:"button",children:n.jsx(W.Tooltip,{placement:"top",title:He("Add to document"),children:n.jsx(ue.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}):null,n.jsx(W.DatePicker,{...O,showTime:l?{use12Hours:!0}:!1,open:I,format:c,placeholder:c===j?"MM/DD/YYYY - HH:MM":c,className:C("w-full h-8 text-sm font-medium dark:text-black-300",p&&"border-red-400",L&&h?.color&&`bg-${h.color}-50 border-${h.color}-300`,te&&"!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]",ee&&"!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]",ne&&"!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]"),styles:{root:{...Ae,borderRadius:"7px",...te&&{borderColor:"var(--Error-200, #FECACA)",backgroundColor:"var(--Error-50, #FEF2F2)",color:"#475467"},...ee&&{borderColor:"var(--Warning-200, #FEDF89)",backgroundColor:"var(--Warning-50, #FFFAEB)"},...ne&&{borderColor:"var(--Success-200, #BBF7D0)",backgroundColor:"var(--Success-50, #F0FDF4)",color:"#101828"}}},showNow:!1,value:re,onChange:e=>{E(e),v(e),T(e?.toISOString()||null)},onBlur:e=>{const t=e.target.value;if(t){const r=y(t,l);r&&(E(r),v(r))}},needConfirm:Ee,ref:S,disabled:Y,inputReadOnly:!1,onOpenChange:ce,getPopupContainer:ye?e=>e.parentElement:()=>document.body,id:a,autoComplete:"off"}),p&&n.jsx(Ne.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:p})]}),F&&h&&L&&G&&n.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:e=>e.stopPropagation(),onMouseDown:e=>e.preventDefault(),onKeyDown:e=>{e.key==="Escape"&&_(!1)},children:n.jsx(G,{riskDetails:h})})]})});Me.displayName="DateTimeField";exports.DateTimeField=Me;exports.UNIVERSAL_DATETIME_FORMAT=j;exports.UNIVERSAL_DATE_FORMAT=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),z=require("antd"),C=require("../../../_virtual/index.cjs.js"),qe=require("react-i18next"),l=require("dayjs"),Ve=require("dayjs/plugin/customParseFormat"),Re=require("dayjs/plugin/localeData"),Be=require("dayjs/plugin/utc"),Le=require("dayjs/plugin/weekday"),s=require("react"),Ne=require("../../data-display/typography/Typography.cjs.js"),Oe=require("../../data-display/label/Label.cjs.js"),Pe=require("../../icons/AIExtractedIndicator.cjs.js"),_e=require("../../icons/AIStarIcon.cjs.js"),Te=require("../../icons/HelpIcon.cjs.js"),ue=require("../../tooltip/Tooltip.cjs.js"),de=require("@mui/icons-material"),we=require("../shared/InputLabel.cjs.js"),b=require("../../../utils/confidenceScoreUtils.cjs.js");l.extend(Be);l.extend(Ve);l.extend(Le);l.extend(Re);const De="MM/DD/YYYY",j="MM/DD/YYYY - hh:mm A",me="YYYY-MM-DD",fe="YYYY-MM-DDTHH:mm:ss",Ye={ENTER:"Enter"},Me=["MM/DD/YYYY","M/DD/YYYY","MM/D/YYYY","M/D/YYYY","MM/DD/YY","M/DD/YY","MM/D/YY","M/D/YY","YYYY-MM-DD","YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],Ue=["MM/DD/YYYY - hh:mm A","M/DD/YYYY - hh:mm A","MM/D/YYYY - hh:mm A","M/D/YYYY - hh:mm A","MM/DD/YYYY hh:mm A","M/DD/YYYY hh:mm A","MM/D/YYYY hh:mm A","M/D/YYYY hh:mm A","MM/DD/YYYY HH:mm","M/DD/YYYY HH:mm","MM/D/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YY - hh:mm A","M/DD/YY - hh:mm A","MM/D/YY - hh:mm A","M/D/YY - hh:mm A","MM/DD/YY hh:mm A","M/DD/YY hh:mm A","MM/D/YY hh:mm A","M/D/YY hh:mm A","MM/DD/YY HH:mm","M/DD/YY HH:mm","MM/D/YY HH:mm","M/D/YY HH:mm",...Me,"YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],$e=()=>Math.random().toString(36).substring(2,9),v=(u,d=!1)=>{if(!u)return null;const f=d?Ue:Me;for(const Y of f){const x=l(u,Y,!0);if(x.isValid())return x}const m=l(u);return m.isValid()?m:null},pe=(u,d)=>{const f=s.useRef(d);s.useEffect(()=>{f.current=d},[d]),s.useEffect(()=>{const m=Y=>f.current(Y);return document.addEventListener(u,m),()=>{document.removeEventListener(u,m)}},[u])},Ee=s.forwardRef(({label:u,value:d,required:f,isRequiredConditional:m=!1,disabled:Y,className:x=void 0,errorMessage:p,handleOnChange:D,showTime:o=!0,tags:he,needConfirm:be=!1,simpleMode:xe,originalCase:ge=!1,dateFormat:W=void 0,tooltip:X,isAiExtracted:Se=!1,confidenceScore:q,confidenceType:g="high",confidenceTooltip:V,sourceMeta:ye=[],onConfidenceScoreClick:ve,isGTN:R=!1,gtnName:J=null,shouldPopOnParent:Q=!1,allowTimezoneConversion:M=!0,inputStyle:Ae,labelClassName:Ie,isLiveField:Fe=!1,labelExtra:G,inputEmphasis:B="default",riskDetails:E,isRiskAnalysisOpen:L=!1,RiskDetailsCard:ee,onAddGTNToDocument:A,formatDateForGTN:N,...O},ke)=>{const{t:He}=qe.useTranslation(),P=!!(L&&E?.color),te=B==="modified"&&!p&&!P,ne=B==="deleted"&&!p&&!P,re=B==="success"&&!p&&!P,[I,_]=s.useState(!1),[se,h]=s.useState(null),[oe,T]=s.useState(null),[F,le]=s.useState(!1),c=W||(o?j:De),a=O?.id||`date-picker-${$e()}`,S=s.useRef(null),k=s.useRef(!1);pe("paste",e=>{document.activeElement?.id===a&&(e.preventDefault(),navigator.clipboard.readText().then(t=>{const r=v(t,o);r&&w(r)}))}),pe("keydown",e=>{if(e.key===Ye.ENTER&&document.activeElement instanceof HTMLInputElement&&document.activeElement.id===a){const t=v(document?.activeElement?.value,o);t&&w(t)}});const Ce=s.useCallback(e=>{if(!A)return;let t=e||"";if(N&&e)t=N(e,{skipTimezone:!0,withTime:o});else if(e){const i=l(e);i.isValid()&&(t=i.format(c))}A({key:J,value:t})},[A,J,N,o,c]),je=s.useCallback(()=>{const e=document.getElementsByClassName("ant-picker-footer")[0];e&&(e.style.display="none")},[]),y=s.useCallback(e=>{if(!M){const t=o?fe:me;if(D(e?e.format(t):null),e){const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format?e.format(c):e,type:"date-change",elementId:a}});r.dispatchEvent(i)}}return}if(e){let t;if(o?t=l(e).utc().toISOString():t=l(e).utc().add(l(e).utcOffset(),"minute").startOf("day").toISOString(),t){D(t);const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});r.dispatchEvent(i)}}}else D(null)},[M,D,o,a,c]),ae=s.useCallback(e=>{if(!e)return null;if(!M)try{const t=l(e);if(t.isValid())return t;const r=l(e,c);return r.isValid()?r:null}catch{return null}if(o){const t=l(e);return l(t).isValid()?t:null}else if(e?.toString()?.includes("Z")){const t=l.utc(e);return l(t).isValid()?t:null}else{const t=l(e);return l(t).isValid()?t:null}},[M,c,o]),w=s.useCallback(e=>{if(e?.isValid()||e===null){h(e);const t=o?fe:me,r=M?e?.toISOString():e?e.format(t):"";if(D(r||null),e?.isValid()){const i=document.getElementById(a);if(i){const U=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});i.dispatchEvent(U)}}}},[M,c,D,a,o]);s.useEffect(()=>{h(ae(d))},[d,ae]),s.useEffect(()=>{oe&&T(null)},[oe]),s.useEffect(()=>{const e=document.getElementById(a);if(!e)return;const t=r=>{const{value:i,type:U}=r.detail;if(U==="date-playback"&&i){const H=v(i,o);H&&H.isValid()&&(h(H),y(H),setTimeout(()=>{const $=e.querySelector("input");if($&&($.focus(),setTimeout(()=>{$.blur()},10)),S.current)try{const K=S.current;typeof K.blur=="function"&&K.blur()}catch{}setTimeout(()=>{document.querySelectorAll(".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)").forEach(Z=>{Z instanceof HTMLElement&&(Z.style.display="none",Z.classList.add("ant-picker-dropdown-hidden"))})},50)},50))}};return e.addEventListener("pilot-date-playback",t),()=>{e.removeEventListener("pilot-date-playback",t)}},[a,c,y,o]);const ce=s.useCallback(e=>{if(e.key===Ye.ENTER&&!F){e.preventDefault(),e.stopPropagation();const t=e.target.closest("form");if(t){const r=t.querySelector('button[type="submit"]');r?r.click():t.requestSubmit()}}},[F]),ie=s.useCallback(e=>{if(e&&k.current){k.current=!1,le(!1);return}le(e),e||(k.current=!0,requestAnimationFrame(()=>{S.current?.focus(),requestAnimationFrame(()=>{k.current=!1})}))},[]);return xe?n.jsx("div",{onKeyDownCapture:ce,children:n.jsx(z.DatePicker,{...O,showTime:o,open:F,format:c,placeholder:c===j?"MM/DD/YYYY hh:mm":c,value:se,needConfirm:!1,onChange:e=>{h(e),y(e),T(e?.toISOString()||null)},className:x,showNow:!1,onFocus:je,onOpenChange:ie,onBlur:e=>{const t=e.target.value;if(t){const r=v(t,o);r&&w(r)}},ref:S,disabled:Y,id:a,getPopupContainer:Q?e=>e.parentElement:()=>document.body,styles:{popup:{root:{zIndex:9999}}}})}):n.jsxs("div",{ref:ke,className:C("flex gap-0.5 relative",I&&R?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[R&&!I?n.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,n.jsxs("div",{className:`w-full flex flex-col font-inter ${x||""}`,onKeyDownCapture:ce,children:[u||G?n.jsx("label",{className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ge?"":"capitalize"} ${Ie||""}`,children:n.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[n.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[(u||f||m)&&n.jsx(we.InputLabel,{label:u||"",required:f||!1,isRequiredConditional:m||!1}),Fe&&n.jsx(de.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),Se&&!b.shouldShowConfidenceScore(q)&&n.jsx(Pe.AIExtractedIndicator,{}),n.jsx(Oe.Label,{labels:he}),X&&n.jsx(ue,{placement:"top",title:X,children:n.jsx("div",{className:"cursor-pointer",children:n.jsx(Te.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),G]}),n.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[b.shouldShowConfidenceScore(q)&&g?n.jsx(ue,{placement:"top-end",title:V??"",hideTooltip:V==null,className:"cursor-pointer",children:n.jsxs("div",{className:C("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",b.getConfidenceScoreBadgeClass(g)),onClick:()=>ve?.(ye),children:[n.jsx(_e.AIStarIcon,{size:12,fill:b.getConfidenceScoreBadgeColor(g),fillSecondary:b.getConfidenceScoreBadgeFill(g)}),n.jsxs("span",{className:C("text-xs font-medium leading-4",b.getConfidenceScoreBadgeTextColor(g)),children:[q,"%"]})]})}):null,R&&I&&A?n.jsx("button",{id:"btn-date-field-add-to-document",className:"cursor-pointer",onClick:()=>Ce(d),type:"button",children:n.jsx(z.Tooltip,{placement:"top",title:He("Add to document"),children:n.jsx(de.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}):null,n.jsx(z.DatePicker,{...O,showTime:o?{use12Hours:!0}:!1,open:F,format:c,placeholder:c===j?"MM/DD/YYYY - HH:MM":c,className:C("w-full h-8 text-sm font-medium dark:text-black-300",p&&"border-red-400",L&&E?.color&&`bg-${E.color}-50 border-${E.color}-300`,ne&&"!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]",te&&"!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]",re&&"!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]"),styles:{root:{...Ae,borderRadius:"7px",...ne&&{borderColor:"var(--Error-200, #FECACA)",backgroundColor:"var(--Error-50, #FEF2F2)",color:"#475467"},...te&&{borderColor:"var(--Warning-200, #FEDF89)",backgroundColor:"var(--Warning-50, #FFFAEB)"},...re&&{borderColor:"var(--Success-200, #BBF7D0)",backgroundColor:"var(--Success-50, #F0FDF4)",color:"#101828"}},popup:{root:{zIndex:9999}}},showNow:!1,value:se,onChange:e=>{h(e),y(e),T(e?.toISOString()||null)},onBlur:e=>{const t=e.target.value;if(t){const r=v(t,o);r&&(h(r),y(r))}},needConfirm:be,ref:S,disabled:Y,inputReadOnly:!1,onOpenChange:ie,getPopupContainer:Q?e=>e.parentElement:()=>document.body,id:a,autoComplete:"off"}),p&&n.jsx(Ne.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:p})]}),I&&E&&L&&ee&&n.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:e=>e.stopPropagation(),onMouseDown:e=>e.preventDefault(),onKeyDown:e=>{e.key==="Escape"&&_(!1)},children:n.jsx(ee,{riskDetails:E})})]})});Ee.displayName="DateTimeField";exports.DateTimeField=Ee;exports.UNIVERSAL_DATETIME_FORMAT=j;exports.UNIVERSAL_DATE_FORMAT=De;
 //# sourceMappingURL=DateTimeField.cjs.js.map

package/dist/components/forms/date-time-field/DateTimeField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeField.cjs.js","sources":["../../../../src/components/forms/date-time-field/DateTimeField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { DatePicker, type DatePickerProps } from \"antd\";\nimport cn from \"classnames\";\nimport { useTranslation } from 'react-i18next';\nimport dayjs, { Dayjs } from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport utc from \"dayjs/plugin/utc\";\nimport weekday from \"dayjs/plugin/weekday\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport { BoltOutlined, NoteAddOutlined } from \"@mui/icons-material\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/** Visual emphasis for the date picker surface (background + border) */\nexport type DateTimeFieldEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\ndayjs.extend(utc);\ndayjs.extend(customParseFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\n\n// Date format constants\nexport const UNIVERSAL_DATE_FORMAT = \"MM/DD/YYYY\";\nexport const UNIVERSAL_DATETIME_FORMAT = \"MM/DD/YYYY - hh:mm A\";\n\n// ISO-like format for internal value storage (parseable by new Date() and dayjs)\nconst ISO_DATE_FORMAT = \"YYYY-MM-DD\";\nconst ISO_DATETIME_FORMAT = \"YYYY-MM-DDTHH:mm:ss\";\n\n// Keyboard keys constant\nconst KEYBOARD_KEYS = {\n  ENTER: \"Enter\",\n} as const;\n\nconst FLEXIBLE_DATE_FORMATS = [\n  \"MM/DD/YYYY\",\n  \"M/DD/YYYY\",\n  \"MM/D/YYYY\",\n  \"M/D/YYYY\",\n\n  \"MM/DD/YY\",\n  \"M/DD/YY\",\n  \"MM/D/YY\",\n  \"M/D/YY\",\n\n  \"YYYY-MM-DD\",\n  \"YYYY-MM-DDTHH:mm:ss.SSSZ\",\n  \"YYYY-MM-DDTHH:mm:ssZ\",\n];\n\nconst FLEXIBLE_DATETIME_FORMATS = [\n  \"MM/DD/YYYY - hh:mm A\",\n  \"M/DD/YYYY - hh:mm A\",\n  \"MM/D/YYYY - hh:mm A\",\n  \"M/D/YYYY - hh:mm A\",\n  \"MM/DD/YYYY hh:mm A\",\n  \"M/DD/YYYY hh:mm A\",\n  \"MM/D/YYYY hh:mm A\",\n  \"M/D/YYYY hh:mm A\",\n  \"MM/DD/YYYY HH:mm\",\n  \"M/DD/YYYY HH:mm\",\n  \"MM/D/YYYY HH:mm\",\n  \"M/D/YYYY HH:mm\",\n\n  \"MM/DD/YY - hh:mm A\",\n  \"M/DD/YY - hh:mm A\",\n  \"MM/D/YY - hh:mm A\",\n  \"M/D/YY - hh:mm A\",\n  \"MM/DD/YY hh:mm A\",\n  \"M/DD/YY hh:mm A\",\n  \"MM/D/YY hh:mm A\",\n  \"M/D/YY hh:mm A\",\n  \"MM/DD/YY HH:mm\",\n  \"M/DD/YY HH:mm\",\n  \"MM/D/YY HH:mm\",\n  \"M/D/YY HH:mm\",\n\n  ...FLEXIBLE_DATE_FORMATS,\n\n  \"YYYY-MM-DDTHH:mm:ss.SSSZ\",\n  \"YYYY-MM-DDTHH:mm:ssZ\",\n];\n\n/**\n * Generate a short UUID\n */\nconst generateShortUUID = (): string => {\n  return Math.random().toString(36).substring(2, 9);\n};\n\n/**\n * Try to parse a date string using multiple flexible formats\n * Handles single-digit months/days and 2-digit years\n */\nconst tryParseFlexibleDate = (\n  dateStr: string,\n  withTime: boolean = false\n): Dayjs | null => {\n  if (!dateStr) return null;\n\n  const formats = withTime ? FLEXIBLE_DATETIME_FORMATS : FLEXIBLE_DATE_FORMATS;\n\n  // First try with explicit formats\n  for (const format of formats) {\n    const parsed = dayjs(dateStr, format, true); // strict mode\n    if (parsed.isValid()) {\n      return parsed;\n    }\n  }\n\n  // Fallback to dayjs default parsing (handles ISO strings, etc.)\n  const defaultParsed = dayjs(dateStr);\n  if (defaultParsed.isValid()) {\n    return defaultParsed;\n  }\n\n  return null;\n};\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the DateTimeField component\n */\nexport interface DateTimeFieldProps\n  extends Omit<DatePickerProps, \"onChange\" | \"value\"> {\n  /** The label text to display above the date picker */\n  label?: string;\n  /** Current value of the date picker (ISO string or formatted date string) */\n  value?: string;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Whether the date picker is disabled */\n  disabled?: boolean;\n  /** Callback function called when date changes */\n  handleOnChange: (value: string | null) => void;\n  /** Whether to use simple mode (minimal styling) */\n  simpleMode?: boolean;\n  /** Whether to show time picker */\n  showTime?: boolean;\n  /** Custom date format */\n  dateFormat?: string;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN name for the field */\n  gtnName?: any;\n  /** Whether to allow timezone conversion */\n  allowTimezoneConversion?: boolean;\n  /** Whether to allow copying */\n  allowCopy?: boolean;\n  /** Unique identifier for the date picker */\n  id: string;\n  /** Date picker type */\n  picker?: \"date\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n  /** Whether popup should render inside parent element */\n  shouldPopOnParent?: boolean;\n  /** Custom inline styles for the input */\n  inputStyle?: React.CSSProperties;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning-50/Warning-200; `'deleted'` — Error-50/Error-200; `'success'` — Success-50/Success-200. */\n  inputEmphasis?: DateTimeFieldEmphasis;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Custom format date function for GTN values */\n  formatDateForGTN?: (\n    value: string,\n    options: { skipTimezone: boolean; withTime: boolean }\n  ) => string;\n}\n\n/**\n * Hook to add event listeners\n */\nconst useEventListener = <K extends keyof DocumentEventMap>(\n  eventName: K,\n  handler: (event: DocumentEventMap[K]) => void\n) => {\n  const savedHandler = useRef(handler);\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    const eventListener = (event: DocumentEventMap[K]) =>\n      savedHandler.current(event);\n    document.addEventListener(eventName, eventListener);\n    return () => {\n      document.removeEventListener(eventName, eventListener);\n    };\n  }, [eventName]);\n};\n\n/**\n * DateTimeField component - A feature-rich date/time picker with support for\n * GTN integration, risk analysis, AI extraction indicators, and more.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <DateTimeField\n *   id=\"start-date\"\n *   label=\"Start Date\"\n *   value={startDate}\n *   handleOnChange={(date) => setStartDate(date)}\n * />\n *\n * // With time picker\n * <DateTimeField\n *   id=\"event-datetime\"\n *   label=\"Event Date & Time\"\n *   value={eventDateTime}\n *   handleOnChange={(date) => setEventDateTime(date)}\n *   showTime={true}\n * />\n *\n * // With GTN integration\n * <DateTimeField\n *   id=\"contract-date\"\n *   label=\"Contract Date\"\n *   value={contractDate}\n *   handleOnChange={(date) => setContractDate(date)}\n *   isGTN={true}\n *   gtnName=\"contract_date\"\n *   onAddGTNToDocument={(kv) => dispatch(setVariableValueToEditor(kv))}\n * />\n * ```\n */\nexport const DateTimeField = forwardRef<HTMLDivElement, DateTimeFieldProps>(\n  (\n    {\n      label,\n      value,\n      required,\n      isRequiredConditional = false,\n      disabled,\n      className = undefined,\n      errorMessage,\n      handleOnChange,\n      showTime = true,\n      tags,\n      needConfirm = false,\n      simpleMode,\n      originalCase = false,\n      dateFormat = undefined,\n      tooltip,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      shouldPopOnParent = false,\n      allowTimezoneConversion = true,\n      inputStyle,\n      labelClassName,\n      isLiveField = false,\n      labelExtra,\n      inputEmphasis = \"default\",\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      onAddGTNToDocument,\n      formatDateForGTN,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    /*** Emphasis skins ***/\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n\n    /*** States ***/\n    const [isHovered, setIsHovered] = useState(false);\n    const [tempDate, setTempDate] = useState<Dayjs | null>(null);\n    const [lastUpdatedValue, setLastUpdatedValue] = useState<string | null>(\n      null\n    );\n    const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n    /*** Constants ***/\n    const finalDateFormat = dateFormat\n      ? dateFormat\n      : showTime\n        ? UNIVERSAL_DATETIME_FORMAT\n        : UNIVERSAL_DATE_FORMAT;\n    const ID = props?.id || `date-picker-${generateShortUUID()}`;\n\n    /*** Refs ***/\n    const datePickerRef = useRef<any>(null);\n    const suppressNextOpenRef = useRef(false);\n\n    /*** Event Listeners ***/\n    useEventListener(\"paste\", (e: ClipboardEvent) => {\n      if (document.activeElement?.id === ID) {\n        e.preventDefault();\n        navigator.clipboard.readText().then((text) => {\n          const date = tryParseFlexibleDate(text, showTime);\n          if (date) {\n            setDateIfValid(date);\n          }\n        });\n      }\n    });\n\n    useEventListener(\"keydown\", (e: KeyboardEvent) => {\n      if (\n        e.key === KEYBOARD_KEYS.ENTER &&\n        document.activeElement instanceof HTMLInputElement &&\n        document.activeElement.id === ID\n      ) {\n        const date = tryParseFlexibleDate(document?.activeElement?.value, showTime);\n        if (date) {\n          setDateIfValid(date);\n        }\n      }\n    });\n\n    /*** Handlers ***/\n    const handleAddGTNToDocument = useCallback(\n      (_value: string | undefined) => {\n        if (!onAddGTNToDocument) return;\n\n        let formattedValue = _value || \"\";\n        if (formatDateForGTN && _value) {\n          formattedValue = formatDateForGTN(_value, {\n            skipTimezone: true,\n            withTime: showTime,\n          });\n        } else if (_value) {\n          // Default formatting if no custom formatter provided\n          const parsed = dayjs(_value);\n          if (parsed.isValid()) {\n            formattedValue = parsed.format(finalDateFormat);\n          }\n        }\n\n        const keyValuePair = {\n          key: gtnName,\n          value: formattedValue,\n        };\n\n        onAddGTNToDocument(keyValuePair);\n      },\n      [onAddGTNToDocument, gtnName, formatDateForGTN, showTime, finalDateFormat]\n    );\n\n    const handleHidePickerFooter = useCallback(() => {\n      const pickerFooter = document.getElementsByClassName(\n        \"ant-picker-footer\"\n      )[0] as HTMLElement;\n      if (pickerFooter) {\n        pickerFooter.style.display = \"none\";\n      }\n    }, []);\n\n    const handleDateChange = useCallback(\n      (date: Dayjs | null) => {\n        if (!allowTimezoneConversion) {\n          // Use ISO-like format for value storage (parseable by new Date() and dayjs)\n          const isoFormat = showTime ? ISO_DATETIME_FORMAT : ISO_DATE_FORMAT;\n          handleOnChange(date ? date.format(isoFormat) : null);\n          // Dispatch custom pilot event for recording\n          if (date) {\n            const element = document.getElementById(ID);\n            if (element) {\n              const pilotEvent = new CustomEvent(\"pilot-date-change\", {\n                bubbles: true,\n                detail: {\n                  selector: `#${ID}`,\n                  value: date.format ? date.format(finalDateFormat) : date,\n                  type: \"date-change\",\n                  elementId: ID,\n                },\n              });\n              element.dispatchEvent(pilotEvent);\n            }\n          }\n          return;\n        }\n        if (date) {\n          let utcDate;\n          if (showTime) {\n            utcDate = dayjs(date).utc().toISOString();\n          } else {\n            utcDate = dayjs(date)\n              .utc()\n              .add(dayjs(date).utcOffset(), \"minute\")\n              .startOf(\"day\")\n              .toISOString();\n          }\n          if (utcDate) {\n            handleOnChange(utcDate);\n            // Dispatch custom pilot event for recording\n            const element = document.getElementById(ID);\n            if (element) {\n              const pilotEvent = new CustomEvent(\"pilot-date-change\", {\n                bubbles: true,\n                detail: {\n                  selector: `#${ID}`,\n                  value: date.format(finalDateFormat),\n                  type: \"date-change\",\n                  elementId: ID,\n                },\n              });\n              element.dispatchEvent(pilotEvent);\n            }\n          }\n        } else {\n          handleOnChange(null);\n        }\n      },\n      [allowTimezoneConversion, handleOnChange, showTime, ID, finalDateFormat]\n    );\n\n    const parseDate = useCallback(\n      (str: any): Dayjs | null => {\n        if (!str) return null;\n        if (!allowTimezoneConversion) {\n          try {\n            // First try default dayjs parsing (handles ISO formats like \"YYYY-MM-DDTHH:mm:ss\")\n            const defaultParsed = dayjs(str);\n            if (defaultParsed.isValid()) {\n              return defaultParsed;\n            }\n            // Then try parsing with display format for backward compatibility\n            const parsed = dayjs(str, finalDateFormat);\n            return parsed.isValid() ? parsed : null;\n          } catch {\n            return null;\n          }\n        }\n        if (showTime) {\n          // For time values, parse directly to preserve the local time\n          const parsed = dayjs(str);\n          return dayjs(parsed).isValid() ? parsed : null;\n        } else {\n          if (str?.toString()?.includes(\"Z\")) {\n            const parsed = dayjs.utc(str);\n            return dayjs(parsed).isValid() ? parsed : null;\n          } else {\n            const parsed = dayjs(str);\n            return dayjs(parsed).isValid() ? parsed : null;\n          }\n        }\n      },\n      [allowTimezoneConversion, finalDateFormat, showTime]\n    );\n\n    const setDateIfValid = useCallback(\n      (date: Dayjs | null) => {\n        if (date?.isValid() || date === null) {\n          setTempDate(date);\n          // Use ISO-like format when not converting timezone (parseable by new Date() and dayjs)\n          const isoFormat = showTime ? ISO_DATETIME_FORMAT : ISO_DATE_FORMAT;\n          const formattedValue = allowTimezoneConversion\n            ? date?.toISOString()\n            : date\n              ? date.format(isoFormat)\n              : \"\";\n          handleOnChange(formattedValue || null);\n\n          // Dispatch custom pilot event for recording\n          if (date?.isValid()) {\n            const element = document.getElementById(ID);\n            if (element) {\n              const pilotEvent = new CustomEvent(\"pilot-date-change\", {\n                bubbles: true,\n                detail: {\n                  selector: `#${ID}`,\n                  value: date.format(finalDateFormat),\n                  type: \"date-change\",\n                  elementId: ID,\n                },\n              });\n              element.dispatchEvent(pilotEvent);\n            }\n          }\n        }\n      },\n      [allowTimezoneConversion, finalDateFormat, handleOnChange, ID, showTime]\n    );\n\n    /*** Effects ***/\n    useEffect(() => {\n      setTempDate(parseDate(value));\n    }, [value, parseDate]);\n\n    useEffect(() => {\n      if (lastUpdatedValue) {\n        setLastUpdatedValue(null);\n      }\n    }, [lastUpdatedValue]);\n\n    // Listen for pilot playback events\n    useEffect(() => {\n      const element = document.getElementById(ID);\n      if (!element) return;\n\n      const handlePilotPlayback = (e: CustomEvent) => {\n        const { value: playbackValue, type } = e.detail;\n        if (type === \"date-playback\" && playbackValue) {\n          const parsedDate = tryParseFlexibleDate(playbackValue, showTime);\n          if (parsedDate && parsedDate.isValid()) {\n            setTempDate(parsedDate);\n            handleDateChange(parsedDate);\n\n            setTimeout(() => {\n              const pickerInput = element.querySelector(\"input\");\n              if (pickerInput) {\n                (pickerInput as HTMLInputElement).focus();\n                setTimeout(() => {\n                  (pickerInput as HTMLInputElement).blur();\n                }, 10);\n              }\n\n              if (datePickerRef.current) {\n                try {\n                  const pickerInstance = datePickerRef.current as any;\n                  if (typeof pickerInstance.blur === \"function\") {\n                    pickerInstance.blur();\n                  }\n                } catch {\n                  // Ignore errors\n                }\n              }\n\n              setTimeout(() => {\n                const openDropdowns = document.querySelectorAll(\n                  \".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)\"\n                );\n                openDropdowns.forEach((dropdown) => {\n                  if (dropdown instanceof HTMLElement) {\n                    dropdown.style.display = \"none\";\n                    dropdown.classList.add(\"ant-picker-dropdown-hidden\");\n                  }\n                });\n              }, 50);\n            }, 50);\n          }\n        }\n      };\n\n      element.addEventListener(\n        \"pilot-date-playback\",\n        handlePilotPlayback as EventListener\n      );\n\n      return () => {\n        element.removeEventListener(\n          \"pilot-date-playback\",\n          handlePilotPlayback as EventListener\n        );\n      };\n    }, [ID, finalDateFormat, handleDateChange, showTime]);\n\n    const handleKeyDownCapture = useCallback((e: React.KeyboardEvent) => {\n      if (e.key === KEYBOARD_KEYS.ENTER && !isPickerOpen) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        const form = (e.target as HTMLElement).closest('form');\n        if (form) {\n          const submitBtn = form.querySelector<HTMLButtonElement>('button[type=\"submit\"]');\n          if (submitBtn) {\n            submitBtn.click();\n          } else {\n            form.requestSubmit();\n          }\n        }\n      }\n    }, [isPickerOpen]);\n\n    const handleOpenChange = useCallback((nextOpen: boolean) => {\n      if (nextOpen && suppressNextOpenRef.current) {\n        suppressNextOpenRef.current = false;\n        setIsPickerOpen(false);\n        return;\n      }\n\n      setIsPickerOpen(nextOpen);\n      if (!nextOpen) {\n        suppressNextOpenRef.current = true;\n        requestAnimationFrame(() => {\n          datePickerRef.current?.focus();\n          requestAnimationFrame(() => {\n            suppressNextOpenRef.current = false;\n          });\n        });\n      }\n    }, []);\n\n    /*** Render ***/\n    if (simpleMode) {\n      return (\n        <div onKeyDownCapture={handleKeyDownCapture}>\n          <DatePicker\n            {...props}\n            showTime={showTime}\n            open={isPickerOpen}\n            format={finalDateFormat}\n            placeholder={\n              finalDateFormat === UNIVERSAL_DATETIME_FORMAT\n                ? \"MM/DD/YYYY hh:mm\"\n                : finalDateFormat\n            }\n            value={tempDate}\n            needConfirm={false}\n            onChange={(date) => {\n              setTempDate(date);\n              handleDateChange(date);\n              setLastUpdatedValue(date?.toISOString() || null);\n            }}\n            className={className}\n            showNow={false}\n            onFocus={handleHidePickerFooter}\n            onOpenChange={handleOpenChange}\n            onBlur={(e) => {\n              const inputValue = (e.target as HTMLInputElement).value;\n              if (inputValue) {\n                const parsedDate = tryParseFlexibleDate(inputValue, showTime);\n                if (parsedDate) {\n                  setDateIfValid(parsedDate);\n                }\n              }\n            }}\n            ref={datePickerRef}\n            disabled={disabled}\n            id={ID}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={`w-full flex flex-col font-inter ${className || \"\"}`} onKeyDownCapture={handleKeyDownCapture}>\n          {(label || labelExtra) ? (\n            <label\n              className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"} ${\n                labelClassName || \"\"\n              }`}\n            >\n              <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n                <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n                  {(label || required || isRequiredConditional) && (\n                    <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                  )}\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <Tooltip placement=\"top\" title={tooltip}>\n                      <div className=\"cursor-pointer\">\n                        <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                      </div>\n                    </Tooltip>\n                  )}\n                  {labelExtra}\n                </div>\n\n                <div className=\"flex items-center gap-1 justify-self-end\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip ?? \"\"}\n                      hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n                  {isGTN && isHovered && onAddGTNToDocument ? (\n                    <button\n                      id=\"btn-date-field-add-to-document\"\n                      className=\"cursor-pointer\"\n                      onClick={() => handleAddGTNToDocument(value)}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{\n                            fontSize: 16,\n                          }}\n                        />\n                      </AntTooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          ) : null}\n          <DatePicker\n            {...props}\n            showTime={showTime ? { use12Hours: true } : false}\n            open={isPickerOpen}\n            format={finalDateFormat}\n            placeholder={\n              finalDateFormat === UNIVERSAL_DATETIME_FORMAT\n                ? \"MM/DD/YYYY - HH:MM\"\n                : finalDateFormat\n            }\n            className={cn(\n              \"w-full h-8 text-sm font-medium dark:text-black-300\",\n              errorMessage && \"border-red-400\",\n              isRiskAnalysisOpen && riskDetails?.color && `bg-${riskDetails.color}-50 border-${riskDetails.color}-300`,\n              emphasisDeletedSkin && \"!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]\",\n              emphasisModifiedSkin && \"!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]\",\n              emphasisSuccessSkin && \"!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]\",\n            )}\n            styles={{\n              root: {\n                ...inputStyle,\n                borderRadius: \"7px\",\n                ...(emphasisDeletedSkin && {\n                  borderColor: \"var(--Error-200, #FECACA)\",\n                  backgroundColor: \"var(--Error-50, #FEF2F2)\",\n                  color: \"#475467\",\n                }),\n                ...(emphasisModifiedSkin && {\n                  borderColor: \"var(--Warning-200, #FEDF89)\",\n                  backgroundColor: \"var(--Warning-50, #FFFAEB)\",\n                }),\n                ...(emphasisSuccessSkin && {\n                  borderColor: \"var(--Success-200, #BBF7D0)\",\n                  backgroundColor: \"var(--Success-50, #F0FDF4)\",\n                  color: \"#101828\",\n                }),\n              },\n            }}\n            showNow={false}\n            value={tempDate}\n            onChange={(date) => {\n              setTempDate(date);\n              handleDateChange(date);\n              setLastUpdatedValue(date?.toISOString() || null);\n            }}\n            onBlur={(e) => {\n              const inputValue = (e.target as HTMLInputElement).value;\n              if (inputValue) {\n                const parsedDate = tryParseFlexibleDate(inputValue, showTime);\n                if (parsedDate) {\n                  setTempDate(parsedDate);\n                  handleDateChange(parsedDate);\n                }\n              }\n            }}\n            needConfirm={needConfirm}\n            ref={datePickerRef}\n            disabled={disabled}\n            inputReadOnly={false}\n            onOpenChange={handleOpenChange}\n            getPopupContainer={\n              shouldPopOnParent\n                ? (trigger) => trigger.parentElement as HTMLElement\n                : () => document.body\n            }\n            id={ID}\n            autoComplete=\"off\"\n          />\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\n\n        {isHovered && riskDetails && isRiskAnalysisOpen && RiskDetailsCard && (\n          <div\n            role=\"tooltip\"\n            tabIndex={0}\n            className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n            onClick={(e) => e.stopPropagation()}\n            onMouseDown={(e) => e.preventDefault()}\n            onKeyDown={(e) => {\n              if (e.key === \"Escape\") {\n                setIsHovered(false);\n              }\n            }}\n          >\n            <RiskDetailsCard riskDetails={riskDetails} />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nDateTimeField.displayName = \"DateTimeField\";\n\n"],"names":["dayjs","utc","customParseFormat","weekday","localeData","UNIVERSAL_DATE_FORMAT","UNIVERSAL_DATETIME_FORMAT","ISO_DATE_FORMAT","ISO_DATETIME_FORMAT","KEYBOARD_KEYS","FLEXIBLE_DATE_FORMATS","FLEXIBLE_DATETIME_FORMATS","generateShortUUID","tryParseFlexibleDate","dateStr","withTime","formats","format","parsed","defaultParsed","useEventListener","eventName","handler","savedHandler","useRef","useEffect","eventListener","event","DateTimeField","forwardRef","label","value","required","isRequiredConditional","disabled","className","errorMessage","handleOnChange","showTime","tags","needConfirm","simpleMode","originalCase","dateFormat","tooltip","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","shouldPopOnParent","allowTimezoneConversion","inputStyle","labelClassName","isLiveField","labelExtra","inputEmphasis","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","onAddGTNToDocument","formatDateForGTN","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","tempDate","setTempDate","lastUpdatedValue","setLastUpdatedValue","isPickerOpen","setIsPickerOpen","finalDateFormat","ID","datePickerRef","suppressNextOpenRef","text","date","setDateIfValid","handleAddGTNToDocument","useCallback","_value","formattedValue","handleHidePickerFooter","pickerFooter","handleDateChange","isoFormat","element","pilotEvent","utcDate","parseDate","str","handlePilotPlayback","e","playbackValue","type","parsedDate","pickerInput","pickerInstance","dropdown","handleKeyDownCapture","form","submitBtn","handleOpenChange","nextOpen","jsx","DatePicker","inputValue","jsxs","cn","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","trigger","Typography"],"mappings":"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"}
+{"version":3,"file":"DateTimeField.cjs.js","sources":["../../../../src/components/forms/date-time-field/DateTimeField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { DatePicker, type DatePickerProps } from \"antd\";\nimport cn from \"classnames\";\nimport { useTranslation } from 'react-i18next';\nimport dayjs, { Dayjs } from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport utc from \"dayjs/plugin/utc\";\nimport weekday from \"dayjs/plugin/weekday\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport { BoltOutlined, NoteAddOutlined } from \"@mui/icons-material\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/** Visual emphasis for the date picker surface (background + border) */\nexport type DateTimeFieldEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\ndayjs.extend(utc);\ndayjs.extend(customParseFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\n\n// Date format constants\nexport const UNIVERSAL_DATE_FORMAT = \"MM/DD/YYYY\";\nexport const UNIVERSAL_DATETIME_FORMAT = \"MM/DD/YYYY - hh:mm A\";\n\n// ISO-like format for internal value storage (parseable by new Date() and dayjs)\nconst ISO_DATE_FORMAT = \"YYYY-MM-DD\";\nconst ISO_DATETIME_FORMAT = \"YYYY-MM-DDTHH:mm:ss\";\n\n// Keyboard keys constant\nconst KEYBOARD_KEYS = {\n  ENTER: \"Enter\",\n} as const;\n\nconst FLEXIBLE_DATE_FORMATS = [\n  \"MM/DD/YYYY\",\n  \"M/DD/YYYY\",\n  \"MM/D/YYYY\",\n  \"M/D/YYYY\",\n\n  \"MM/DD/YY\",\n  \"M/DD/YY\",\n  \"MM/D/YY\",\n  \"M/D/YY\",\n\n  \"YYYY-MM-DD\",\n  \"YYYY-MM-DDTHH:mm:ss.SSSZ\",\n  \"YYYY-MM-DDTHH:mm:ssZ\",\n];\n\nconst FLEXIBLE_DATETIME_FORMATS = [\n  \"MM/DD/YYYY - hh:mm A\",\n  \"M/DD/YYYY - hh:mm A\",\n  \"MM/D/YYYY - hh:mm A\",\n  \"M/D/YYYY - hh:mm A\",\n  \"MM/DD/YYYY hh:mm A\",\n  \"M/DD/YYYY hh:mm A\",\n  \"MM/D/YYYY hh:mm A\",\n  \"M/D/YYYY hh:mm A\",\n  \"MM/DD/YYYY HH:mm\",\n  \"M/DD/YYYY HH:mm\",\n  \"MM/D/YYYY HH:mm\",\n  \"M/D/YYYY HH:mm\",\n\n  \"MM/DD/YY - hh:mm A\",\n  \"M/DD/YY - hh:mm A\",\n  \"MM/D/YY - hh:mm A\",\n  \"M/D/YY - hh:mm A\",\n  \"MM/DD/YY hh:mm A\",\n  \"M/DD/YY hh:mm A\",\n  \"MM/D/YY hh:mm A\",\n  \"M/D/YY hh:mm A\",\n  \"MM/DD/YY HH:mm\",\n  \"M/DD/YY HH:mm\",\n  \"MM/D/YY HH:mm\",\n  \"M/D/YY HH:mm\",\n\n  ...FLEXIBLE_DATE_FORMATS,\n\n  \"YYYY-MM-DDTHH:mm:ss.SSSZ\",\n  \"YYYY-MM-DDTHH:mm:ssZ\",\n];\n\n/**\n * Generate a short UUID\n */\nconst generateShortUUID = (): string => {\n  return Math.random().toString(36).substring(2, 9);\n};\n\n/**\n * Try to parse a date string using multiple flexible formats\n * Handles single-digit months/days and 2-digit years\n */\nconst tryParseFlexibleDate = (\n  dateStr: string,\n  withTime: boolean = false\n): Dayjs | null => {\n  if (!dateStr) return null;\n\n  const formats = withTime ? FLEXIBLE_DATETIME_FORMATS : FLEXIBLE_DATE_FORMATS;\n\n  // First try with explicit formats\n  for (const format of formats) {\n    const parsed = dayjs(dateStr, format, true); // strict mode\n    if (parsed.isValid()) {\n      return parsed;\n    }\n  }\n\n  // Fallback to dayjs default parsing (handles ISO strings, etc.)\n  const defaultParsed = dayjs(dateStr);\n  if (defaultParsed.isValid()) {\n    return defaultParsed;\n  }\n\n  return null;\n};\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the DateTimeField component\n */\nexport interface DateTimeFieldProps\n  extends Omit<DatePickerProps, \"onChange\" | \"value\"> {\n  /** The label text to display above the date picker */\n  label?: string;\n  /** Current value of the date picker (ISO string or formatted date string) */\n  value?: string;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Whether the date picker is disabled */\n  disabled?: boolean;\n  /** Callback function called when date changes */\n  handleOnChange: (value: string | null) => void;\n  /** Whether to use simple mode (minimal styling) */\n  simpleMode?: boolean;\n  /** Whether to show time picker */\n  showTime?: boolean;\n  /** Custom date format */\n  dateFormat?: string;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN name for the field */\n  gtnName?: any;\n  /** Whether to allow timezone conversion */\n  allowTimezoneConversion?: boolean;\n  /** Whether to allow copying */\n  allowCopy?: boolean;\n  /** Unique identifier for the date picker */\n  id: string;\n  /** Date picker type */\n  picker?: \"date\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n  /** Whether popup should render inside parent element */\n  shouldPopOnParent?: boolean;\n  /** Custom inline styles for the input */\n  inputStyle?: React.CSSProperties;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning-50/Warning-200; `'deleted'` — Error-50/Error-200; `'success'` — Success-50/Success-200. */\n  inputEmphasis?: DateTimeFieldEmphasis;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Custom format date function for GTN values */\n  formatDateForGTN?: (\n    value: string,\n    options: { skipTimezone: boolean; withTime: boolean }\n  ) => string;\n}\n\n/**\n * Hook to add event listeners\n */\nconst useEventListener = <K extends keyof DocumentEventMap>(\n  eventName: K,\n  handler: (event: DocumentEventMap[K]) => void\n) => {\n  const savedHandler = useRef(handler);\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    const eventListener = (event: DocumentEventMap[K]) =>\n      savedHandler.current(event);\n    document.addEventListener(eventName, eventListener);\n    return () => {\n      document.removeEventListener(eventName, eventListener);\n    };\n  }, [eventName]);\n};\n\n/**\n * DateTimeField component - A feature-rich date/time picker with support for\n * GTN integration, risk analysis, AI extraction indicators, and more.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <DateTimeField\n *   id=\"start-date\"\n *   label=\"Start Date\"\n *   value={startDate}\n *   handleOnChange={(date) => setStartDate(date)}\n * />\n *\n * // With time picker\n * <DateTimeField\n *   id=\"event-datetime\"\n *   label=\"Event Date & Time\"\n *   value={eventDateTime}\n *   handleOnChange={(date) => setEventDateTime(date)}\n *   showTime={true}\n * />\n *\n * // With GTN integration\n * <DateTimeField\n *   id=\"contract-date\"\n *   label=\"Contract Date\"\n *   value={contractDate}\n *   handleOnChange={(date) => setContractDate(date)}\n *   isGTN={true}\n *   gtnName=\"contract_date\"\n *   onAddGTNToDocument={(kv) => dispatch(setVariableValueToEditor(kv))}\n * />\n * ```\n */\nexport const DateTimeField = forwardRef<HTMLDivElement, DateTimeFieldProps>(\n  (\n    {\n      label,\n      value,\n      required,\n      isRequiredConditional = false,\n      disabled,\n      className = undefined,\n      errorMessage,\n      handleOnChange,\n      showTime = true,\n      tags,\n      needConfirm = false,\n      simpleMode,\n      originalCase = false,\n      dateFormat = undefined,\n      tooltip,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      shouldPopOnParent = false,\n      allowTimezoneConversion = true,\n      inputStyle,\n      labelClassName,\n      isLiveField = false,\n      labelExtra,\n      inputEmphasis = \"default\",\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      onAddGTNToDocument,\n      formatDateForGTN,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    /*** Emphasis skins ***/\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n\n    /*** States ***/\n    const [isHovered, setIsHovered] = useState(false);\n    const [tempDate, setTempDate] = useState<Dayjs | null>(null);\n    const [lastUpdatedValue, setLastUpdatedValue] = useState<string | null>(\n      null\n    );\n    const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n    /*** Constants ***/\n    const finalDateFormat = dateFormat\n      ? dateFormat\n      : showTime\n        ? UNIVERSAL_DATETIME_FORMAT\n        : UNIVERSAL_DATE_FORMAT;\n    const ID = props?.id || `date-picker-${generateShortUUID()}`;\n\n    /*** Refs ***/\n    const datePickerRef = useRef<any>(null);\n    const suppressNextOpenRef = useRef(false);\n\n    /*** Event Listeners ***/\n    useEventListener(\"paste\", (e: ClipboardEvent) => {\n      if (document.activeElement?.id === ID) {\n        e.preventDefault();\n        navigator.clipboard.readText().then((text) => {\n          const date = tryParseFlexibleDate(text, showTime);\n          if (date) {\n            setDateIfValid(date);\n          }\n        });\n      }\n    });\n\n    useEventListener(\"keydown\", (e: KeyboardEvent) => {\n      if (\n        e.key === KEYBOARD_KEYS.ENTER &&\n        document.activeElement instanceof HTMLInputElement &&\n        document.activeElement.id === ID\n      ) {\n        const date = tryParseFlexibleDate(document?.activeElement?.value, showTime);\n        if (date) {\n          setDateIfValid(date);\n        }\n      }\n    });\n\n    /*** Handlers ***/\n    const handleAddGTNToDocument = useCallback(\n      (_value: string | undefined) => {\n        if (!onAddGTNToDocument) return;\n\n        let formattedValue = _value || \"\";\n        if (formatDateForGTN && _value) {\n          formattedValue = formatDateForGTN(_value, {\n            skipTimezone: true,\n            withTime: showTime,\n          });\n        } else if (_value) {\n          // Default formatting if no custom formatter provided\n          const parsed = dayjs(_value);\n          if (parsed.isValid()) {\n            formattedValue = parsed.format(finalDateFormat);\n          }\n        }\n\n        const keyValuePair = {\n          key: gtnName,\n          value: formattedValue,\n        };\n\n        onAddGTNToDocument(keyValuePair);\n      },\n      [onAddGTNToDocument, gtnName, formatDateForGTN, showTime, finalDateFormat]\n    );\n\n    const handleHidePickerFooter = useCallback(() => {\n      const pickerFooter = document.getElementsByClassName(\n        \"ant-picker-footer\"\n      )[0] as HTMLElement;\n      if (pickerFooter) {\n        pickerFooter.style.display = \"none\";\n      }\n    }, []);\n\n    const handleDateChange = useCallback(\n      (date: Dayjs | null) => {\n        if (!allowTimezoneConversion) {\n          // Use ISO-like format for value storage (parseable by new Date() and dayjs)\n          const isoFormat = showTime ? ISO_DATETIME_FORMAT : ISO_DATE_FORMAT;\n          handleOnChange(date ? date.format(isoFormat) : null);\n          // Dispatch custom pilot event for recording\n          if (date) {\n            const element = document.getElementById(ID);\n            if (element) {\n              const pilotEvent = new CustomEvent(\"pilot-date-change\", {\n                bubbles: true,\n                detail: {\n                  selector: `#${ID}`,\n                  value: date.format ? date.format(finalDateFormat) : date,\n                  type: \"date-change\",\n                  elementId: ID,\n                },\n              });\n              element.dispatchEvent(pilotEvent);\n            }\n          }\n          return;\n        }\n        if (date) {\n          let utcDate;\n          if (showTime) {\n            utcDate = dayjs(date).utc().toISOString();\n          } else {\n            utcDate = dayjs(date)\n              .utc()\n              .add(dayjs(date).utcOffset(), \"minute\")\n              .startOf(\"day\")\n              .toISOString();\n          }\n          if (utcDate) {\n            handleOnChange(utcDate);\n            // Dispatch custom pilot event for recording\n            const element = document.getElementById(ID);\n            if (element) {\n              const pilotEvent = new CustomEvent(\"pilot-date-change\", {\n                bubbles: true,\n                detail: {\n                  selector: `#${ID}`,\n                  value: date.format(finalDateFormat),\n                  type: \"date-change\",\n                  elementId: ID,\n                },\n              });\n              element.dispatchEvent(pilotEvent);\n            }\n          }\n        } else {\n          handleOnChange(null);\n        }\n      },\n      [allowTimezoneConversion, handleOnChange, showTime, ID, finalDateFormat]\n    );\n\n    const parseDate = useCallback(\n      (str: any): Dayjs | null => {\n        if (!str) return null;\n        if (!allowTimezoneConversion) {\n          try {\n            // First try default dayjs parsing (handles ISO formats like \"YYYY-MM-DDTHH:mm:ss\")\n            const defaultParsed = dayjs(str);\n            if (defaultParsed.isValid()) {\n              return defaultParsed;\n            }\n            // Then try parsing with display format for backward compatibility\n            const parsed = dayjs(str, finalDateFormat);\n            return parsed.isValid() ? parsed : null;\n          } catch {\n            return null;\n          }\n        }\n        if (showTime) {\n          // For time values, parse directly to preserve the local time\n          const parsed = dayjs(str);\n          return dayjs(parsed).isValid() ? parsed : null;\n        } else {\n          if (str?.toString()?.includes(\"Z\")) {\n            const parsed = dayjs.utc(str);\n            return dayjs(parsed).isValid() ? parsed : null;\n          } else {\n            const parsed = dayjs(str);\n            return dayjs(parsed).isValid() ? parsed : null;\n          }\n        }\n      },\n      [allowTimezoneConversion, finalDateFormat, showTime]\n    );\n\n    const setDateIfValid = useCallback(\n      (date: Dayjs | null) => {\n        if (date?.isValid() || date === null) {\n          setTempDate(date);\n          // Use ISO-like format when not converting timezone (parseable by new Date() and dayjs)\n          const isoFormat = showTime ? ISO_DATETIME_FORMAT : ISO_DATE_FORMAT;\n          const formattedValue = allowTimezoneConversion\n            ? date?.toISOString()\n            : date\n              ? date.format(isoFormat)\n              : \"\";\n          handleOnChange(formattedValue || null);\n\n          // Dispatch custom pilot event for recording\n          if (date?.isValid()) {\n            const element = document.getElementById(ID);\n            if (element) {\n              const pilotEvent = new CustomEvent(\"pilot-date-change\", {\n                bubbles: true,\n                detail: {\n                  selector: `#${ID}`,\n                  value: date.format(finalDateFormat),\n                  type: \"date-change\",\n                  elementId: ID,\n                },\n              });\n              element.dispatchEvent(pilotEvent);\n            }\n          }\n        }\n      },\n      [allowTimezoneConversion, finalDateFormat, handleOnChange, ID, showTime]\n    );\n\n    /*** Effects ***/\n    useEffect(() => {\n      setTempDate(parseDate(value));\n    }, [value, parseDate]);\n\n    useEffect(() => {\n      if (lastUpdatedValue) {\n        setLastUpdatedValue(null);\n      }\n    }, [lastUpdatedValue]);\n\n    // Listen for pilot playback events\n    useEffect(() => {\n      const element = document.getElementById(ID);\n      if (!element) return;\n\n      const handlePilotPlayback = (e: CustomEvent) => {\n        const { value: playbackValue, type } = e.detail;\n        if (type === \"date-playback\" && playbackValue) {\n          const parsedDate = tryParseFlexibleDate(playbackValue, showTime);\n          if (parsedDate && parsedDate.isValid()) {\n            setTempDate(parsedDate);\n            handleDateChange(parsedDate);\n\n            setTimeout(() => {\n              const pickerInput = element.querySelector(\"input\");\n              if (pickerInput) {\n                (pickerInput as HTMLInputElement).focus();\n                setTimeout(() => {\n                  (pickerInput as HTMLInputElement).blur();\n                }, 10);\n              }\n\n              if (datePickerRef.current) {\n                try {\n                  const pickerInstance = datePickerRef.current as any;\n                  if (typeof pickerInstance.blur === \"function\") {\n                    pickerInstance.blur();\n                  }\n                } catch {\n                  // Ignore errors\n                }\n              }\n\n              setTimeout(() => {\n                const openDropdowns = document.querySelectorAll(\n                  \".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)\"\n                );\n                openDropdowns.forEach((dropdown) => {\n                  if (dropdown instanceof HTMLElement) {\n                    dropdown.style.display = \"none\";\n                    dropdown.classList.add(\"ant-picker-dropdown-hidden\");\n                  }\n                });\n              }, 50);\n            }, 50);\n          }\n        }\n      };\n\n      element.addEventListener(\n        \"pilot-date-playback\",\n        handlePilotPlayback as EventListener\n      );\n\n      return () => {\n        element.removeEventListener(\n          \"pilot-date-playback\",\n          handlePilotPlayback as EventListener\n        );\n      };\n    }, [ID, finalDateFormat, handleDateChange, showTime]);\n\n    const handleKeyDownCapture = useCallback((e: React.KeyboardEvent) => {\n      if (e.key === KEYBOARD_KEYS.ENTER && !isPickerOpen) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        const form = (e.target as HTMLElement).closest('form');\n        if (form) {\n          const submitBtn = form.querySelector<HTMLButtonElement>('button[type=\"submit\"]');\n          if (submitBtn) {\n            submitBtn.click();\n          } else {\n            form.requestSubmit();\n          }\n        }\n      }\n    }, [isPickerOpen]);\n\n    const handleOpenChange = useCallback((nextOpen: boolean) => {\n      if (nextOpen && suppressNextOpenRef.current) {\n        suppressNextOpenRef.current = false;\n        setIsPickerOpen(false);\n        return;\n      }\n\n      setIsPickerOpen(nextOpen);\n      if (!nextOpen) {\n        suppressNextOpenRef.current = true;\n        requestAnimationFrame(() => {\n          datePickerRef.current?.focus();\n          requestAnimationFrame(() => {\n            suppressNextOpenRef.current = false;\n          });\n        });\n      }\n    }, []);\n\n    /*** Render ***/\n    if (simpleMode) {\n      return (\n        <div onKeyDownCapture={handleKeyDownCapture}>\n          <DatePicker\n            {...props}\n            showTime={showTime}\n            open={isPickerOpen}\n            format={finalDateFormat}\n            placeholder={\n              finalDateFormat === UNIVERSAL_DATETIME_FORMAT\n                ? \"MM/DD/YYYY hh:mm\"\n                : finalDateFormat\n            }\n            value={tempDate}\n            needConfirm={false}\n            onChange={(date) => {\n              setTempDate(date);\n              handleDateChange(date);\n              setLastUpdatedValue(date?.toISOString() || null);\n            }}\n            className={className}\n            showNow={false}\n            onFocus={handleHidePickerFooter}\n            onOpenChange={handleOpenChange}\n            onBlur={(e) => {\n              const inputValue = (e.target as HTMLInputElement).value;\n              if (inputValue) {\n                const parsedDate = tryParseFlexibleDate(inputValue, showTime);\n                if (parsedDate) {\n                  setDateIfValid(parsedDate);\n                }\n              }\n            }}\n            ref={datePickerRef}\n            disabled={disabled}\n            id={ID}\n            getPopupContainer={\n              shouldPopOnParent\n                ? (trigger) => trigger.parentElement as HTMLElement\n                : () => document.body\n            }\n            styles={{ popup: { root: { zIndex: 9999 } } }}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={`w-full flex flex-col font-inter ${className || \"\"}`} onKeyDownCapture={handleKeyDownCapture}>\n          {(label || labelExtra) ? (\n            <label\n              className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"} ${\n                labelClassName || \"\"\n              }`}\n            >\n              <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n                <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n                  {(label || required || isRequiredConditional) && (\n                    <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                  )}\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <Tooltip placement=\"top\" title={tooltip}>\n                      <div className=\"cursor-pointer\">\n                        <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                      </div>\n                    </Tooltip>\n                  )}\n                  {labelExtra}\n                </div>\n\n                <div className=\"flex items-center gap-1 justify-self-end\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip ?? \"\"}\n                      hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n                  {isGTN && isHovered && onAddGTNToDocument ? (\n                    <button\n                      id=\"btn-date-field-add-to-document\"\n                      className=\"cursor-pointer\"\n                      onClick={() => handleAddGTNToDocument(value)}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{\n                            fontSize: 16,\n                          }}\n                        />\n                      </AntTooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          ) : null}\n          <DatePicker\n            {...props}\n            showTime={showTime ? { use12Hours: true } : false}\n            open={isPickerOpen}\n            format={finalDateFormat}\n            placeholder={\n              finalDateFormat === UNIVERSAL_DATETIME_FORMAT\n                ? \"MM/DD/YYYY - HH:MM\"\n                : finalDateFormat\n            }\n            className={cn(\n              \"w-full h-8 text-sm font-medium dark:text-black-300\",\n              errorMessage && \"border-red-400\",\n              isRiskAnalysisOpen && riskDetails?.color && `bg-${riskDetails.color}-50 border-${riskDetails.color}-300`,\n              emphasisDeletedSkin && \"!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]\",\n              emphasisModifiedSkin && \"!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]\",\n              emphasisSuccessSkin && \"!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]\",\n            )}\n            styles={{\n              root: {\n                ...inputStyle,\n                borderRadius: \"7px\",\n                ...(emphasisDeletedSkin && {\n                  borderColor: \"var(--Error-200, #FECACA)\",\n                  backgroundColor: \"var(--Error-50, #FEF2F2)\",\n                  color: \"#475467\",\n                }),\n                ...(emphasisModifiedSkin && {\n                  borderColor: \"var(--Warning-200, #FEDF89)\",\n                  backgroundColor: \"var(--Warning-50, #FFFAEB)\",\n                }),\n                ...(emphasisSuccessSkin && {\n                  borderColor: \"var(--Success-200, #BBF7D0)\",\n                  backgroundColor: \"var(--Success-50, #F0FDF4)\",\n                  color: \"#101828\",\n                }),\n              },\n              popup: {\n                root: { zIndex: 9999 },\n              },\n            }}\n            showNow={false}\n            value={tempDate}\n            onChange={(date) => {\n              setTempDate(date);\n              handleDateChange(date);\n              setLastUpdatedValue(date?.toISOString() || null);\n            }}\n            onBlur={(e) => {\n              const inputValue = (e.target as HTMLInputElement).value;\n              if (inputValue) {\n                const parsedDate = tryParseFlexibleDate(inputValue, showTime);\n                if (parsedDate) {\n                  setTempDate(parsedDate);\n                  handleDateChange(parsedDate);\n                }\n              }\n            }}\n            needConfirm={needConfirm}\n            ref={datePickerRef}\n            disabled={disabled}\n            inputReadOnly={false}\n            onOpenChange={handleOpenChange}\n            getPopupContainer={\n              shouldPopOnParent\n                ? (trigger) => trigger.parentElement as HTMLElement\n                : () => document.body\n            }\n            id={ID}\n            autoComplete=\"off\"\n          />\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\n\n        {isHovered && riskDetails && isRiskAnalysisOpen && RiskDetailsCard && (\n          <div\n            role=\"tooltip\"\n            tabIndex={0}\n            className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n            onClick={(e) => e.stopPropagation()}\n            onMouseDown={(e) => e.preventDefault()}\n            onKeyDown={(e) => {\n              if (e.key === \"Escape\") {\n                setIsHovered(false);\n              }\n            }}\n          >\n            <RiskDetailsCard riskDetails={riskDetails} />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nDateTimeField.displayName = \"DateTimeField\";\n\n"],"names":["dayjs","utc","customParseFormat","weekday","localeData","UNIVERSAL_DATE_FORMAT","UNIVERSAL_DATETIME_FORMAT","ISO_DATE_FORMAT","ISO_DATETIME_FORMAT","KEYBOARD_KEYS","FLEXIBLE_DATE_FORMATS","FLEXIBLE_DATETIME_FORMATS","generateShortUUID","tryParseFlexibleDate","dateStr","withTime","formats","format","parsed","defaultParsed","useEventListener","eventName","handler","savedHandler","useRef","useEffect","eventListener","event","DateTimeField","forwardRef","label","value","required","isRequiredConditional","disabled","className","errorMessage","handleOnChange","showTime","tags","needConfirm","simpleMode","originalCase","dateFormat","tooltip","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","shouldPopOnParent","allowTimezoneConversion","inputStyle","labelClassName","isLiveField","labelExtra","inputEmphasis","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","onAddGTNToDocument","formatDateForGTN","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","tempDate","setTempDate","lastUpdatedValue","setLastUpdatedValue","isPickerOpen","setIsPickerOpen","finalDateFormat","ID","datePickerRef","suppressNextOpenRef","text","date","setDateIfValid","handleAddGTNToDocument","useCallback","_value","formattedValue","handleHidePickerFooter","pickerFooter","handleDateChange","isoFormat","element","pilotEvent","utcDate","parseDate","str","handlePilotPlayback","e","playbackValue","type","parsedDate","pickerInput","pickerInstance","dropdown","handleKeyDownCapture","form","submitBtn","handleOpenChange","nextOpen","jsx","DatePicker","inputValue","trigger","jsxs","cn","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","Typography"],"mappings":"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"}